* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

#main-wrapper {
    position: relative;
}

header {
    position: relative;
    /*top: 10px;*/
    width: 100%;
	height: 134px;
    background: #0e0e0e;
	z-index: 10;
}

.header-transparent{
	background: transparent;
	position: absolute;
	/*top: 10px;*/
	z-index: 10;
}


.logo {
    width: 100%;
	margin-left: 1rem;
    max-width: 265px;
}


#navbar-list-2{
	padding-top: 28px;
}

.navbar {
    z-index: 1;
}

.navbar-nav {
    padding-right: 30px;
}

.nav-item {
    padding-right: 20px;
	position: relative;
}
.navbar-brand{
	margin-right: 3em;
	padding-bottom: 0;
}

.nav-link {
    font-family: "Novecento-350", "Helvetica", sans-serif;
    font-weight: bold;
    color: #00AEEF !important;
    font-size: 0.75rem !important;
    letter-spacing: 5px;
    text-transform: uppercase;
	white-space: nowrap;
}

.navbar-toggler i {
    color: #FFFFFF;
}

.dropdown-menu{
	background-color: #00aeef !important;
	border-radius: unset !important;
}
.dropdown-item{
	font-family: "Novecento-350", "Helvetica", sans-serif;
	font-weight: bold;
	color: #ffffff !important;
	font-size: 0.7rem !important;
	letter-spacing: 3px;
	text-transform: uppercase;
	padding: .35rem 1.5rem;
}
.dropdown-item:hover{
	color: #00aeef !important;
	background-color: #090909;
}

.album .dropdown-item{
	font-family: "Novecento-350", "Helvetica", sans-serif;
	font-weight: bold;
	color: #212529 !important;
	font-size: 0.7rem !important;
	letter-spacing: 3px;
	text-transform: uppercase;
	padding: .35rem 1.5rem;
}
.album .dropdown-item.active{
	background-color: #00aeef !important;
}

/* ----------------------- Home ------------------------------------------------------------------------------------- */
.slider {
	background-color: #0E0E0E;
}

.owl-carousel {
	z-index: 0 !important;
}
.owl-carousel .container{
	max-width: 1330px;
}

.slider-item-one {
	height: 120vh;
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/slider_1.jpg");
	background-size:  cover;
	background-repeat: no-repeat;
	z-index: 0 !important;
	background-position: center;
}
.slider-item-two {
	height: 120vh;
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/slider_2.jpg");
	background-size:  cover;
	background-repeat: no-repeat;
	z-index: 0 !important;
	background-position: center;
}
.slider-inner {
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}
.slider-icon {
	height: 100px;
	width: 100px;
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/blue-icon.png");
	background-size: 100% 100%;
}
.slider-inner h1 {
	color: #FEFEFE;
	font-family: "Novecento-700", "Helvetica", sans-serif;
	font-size: 66px;
	letter-spacing: 4px;
	margin-bottom: 0.4em;
}
.slider-inner p {
	color: #FEFEFE;
	font-family: "Proxima", sans-serif;
	font-size: 20px;
	text-align: center;
	letter-spacing: 2px;
	line-height: 1.2em;
}
.slider-author{
	font-style: italic;
	display: inline-block;
	margin-top: 10px;
}

.button-link{
	text-decoration: none !important;
}
.demo-btn {
	padding: 6px 18px 8px 18px !important;
	font-family: Novecento-300;
	color: #FEFEFE;
	font-size: 20px;
	letter-spacing: 2px;
	background-color: transparent !important;
	border: 1px solid #FFFFFF !important;
	border-radius: 0px !important;
	line-height: 36px;
	min-width:300px;
	text-align: center;
	text-decoration: none !important;
}
.demo-btn img {
	width: 22px !important;
	margin-right: 9px;
}


.demo-btn:hover {
	color: #FEFEFE;
	background-color: #00aeef !important;
	border: 1px solid #FFFFFF !important;
}
.demo-btn:hover img{
	filter: brightness(0) invert(1);
}


.owl-prev, .owl-next {
	position: absolute;
	top: 50%;
	color: #ffffff !important;
	font-size: 35px !important;
	background-color: transparent !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}
.owl-prev{
	left: 14px;
}
.owl-next {
	right: 14px;
}



#welcome {
	padding-top: 40px;
	width: 100%;
	background-color: #FFFFFF;
	font-family: "Proxima", sans-serif;
	font-size: 16px;
}

#welcome h2{
	font-family: Novecento-700, "Helvetica", sans-serif;
	font-size: 50px;
	color: #00aeef;
	letter-spacing: 3px;
}

#welcome h3 {
	font-family: Novecento-700, "Helvetica", sans-serif;
	font-size: 24px;
	color: #242424;
	letter-spacing: 4px;
	font-weight: bold;
}


#welcome .customers-logo{
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 160px;
}
#welcome .customers-logo img{
	width: 100%;
	max-width:200px;
}

#statistics{
	background: #00aeef;
	color: #fff;
	font-family: "Proxima", sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
}

.statsimg{
	max-width: 75px;
}

#statistics img{
	/*max-width: 75px;
	margin-bottom: 20px;*/
}

#statistics h2{
	font-family: Novecento-700, "Helvetica", sans-serif;
	font-size: 50px;
	color: #fff;
	letter-spacing: 3px;
	line-height: 0.9em;
}
.statistics-icon{
	min-height: 85px;
}


/*
.welcome-inner {
    padding-top: 68px;
    padding-bottom: 25px;
}

.welcome-section-icon {
    height: 70px;
    width: 70px;
    background-image: url("../images/welcome-icon.png");
    background-size: 100% 100%;
}

.welcome-inner h2{
    font-family: Novecento-700, "Helvetica", sans-serif;
    font-size: 50px;
    color: #242424;
    letter-spacing: 3px;
}

.welcome-inner h3{
	font-family: Novecento-700, "Helvetica", sans-serif;
	font-size: 24px;
	color: #242424;
	letter-spacing: 3px;
}

.welcome-inner p  {
    color: #101011;
	font-family: "Proxima", sans-serif;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1px;
}
.welcome-inner h5, #every-thing h5{
    font-family: Novecento-700, "Helvetica", sans-serif;
    font-size: 14px;
    text-align: center;
    letter-spacing: 1px;
}




 */


#walkwithus {
    padding: 100px 0px;
    background-color: #0E0E0E;
    width: 100%;
}
#walkwithus p{
	font-family: "Proxima", sans-serif;
	font-size: 16px;
}

.walkwithus-section-icon {
	filter: invert(65%) sepia(73%) saturate(5178%) hue-rotate(163deg) brightness(99%) contrast(109%);
	height: 9rem;
	width: 10rem;
	margin: 0 auto 25px auto;
}

.vr-videos-section-icon {
	filter: invert(65%) sepia(73%) saturate(5178%) hue-rotate(163deg) brightness(99%) contrast(109%);
	height: 8rem;
	width: 7rem;
	margin: 0 auto 25px auto;
}






.inner-wraper-left h5 {
    color: #FFFFFF;
    font-size: 23px;
    font-family: Novecento-700, "Helvetica", sans-serif;
    letter-spacing: 6px;
    text-align: center;
}
.no-font-family {
    font-family: sans-serif !important;
    font-weight: bold;
    font-size: 19px;
}
.inner-wraper-left h4{
    letter-spacing: 6px;
    font-size: 50px;
    font-family: Novecento-700, "Helvetica", sans-serif;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
}

.inner-wraper-left p {
    letter-spacing: 3px;
    line-height: 1.3;
	font-family: "Proxima", sans-serif;
	font-size: 16px;
    color: #fff;
    text-align: center;
}

.inner-wraper-left-img {
    height: 78vh;
    width: 100%;
    background-image: url("../images/WalkWithUs.png");
    background-size: cover;
}

.outer-wraper-left {
    padding: 50px 40px;
    background-color: #FFFFFF;
    width: 100%;
}
.outer-wraper-left .inner-wraper-left {
    padding-left: 66px;
}
.Inner-wraper-img, .Inner-wraper-img-section-two {
    height: 105vh;
    width: 100%;
    background-size: cover;
}
.Inner-wraper-img-section-two {
    background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/stay-focused.png");
}
.outer-wraper-left .inner-wraper-left p,.outer-wraper-left .inner-wraper-left h4,.outer-wraper-left .inner-wraper-left h5 {
    color: #242424 !important;
}
.outer-wraper-left .inner-wraper-left .demo-btn {
    color: #242424 !important;
    border-color: #242424 !important;
}
.outer-wraper-left .inner-wraper-left .demo-btn:hover {
	color: #ffffff !important;
}


#next-generation {
	min-height: 120vh;
    width: 100%;
    background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/web-solution-bg.png");
    background-size: cover;
    display: flex;
    align-items: center;
}
#next-generation p{
	letter-spacing: 3px;
	line-height: 1.3;
	font-family: "Proxima", sans-serif;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

#stay-focused{
	/*height: 100vh;*/
}


#eye-excellence {
	min-height: 120vh;
	width: 100%;
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/video-production.jpg");
	background-size: cover;
	display: flex;
	align-items: center;
}
#eye-excellence p {
	letter-spacing: 3px;
	line-height: 1.3;
	font-family: "Proxima", sans-serif;
	font-size: 16px;
	color: #fff;
	text-align: center;
}
#eye-excellence .vr-videos-section-icon{
	filter: none;
}
#eye-excellence img{
	width: 100%;
}


#panomatics-leading{
	margin-top: 1.5rem;
	min-height: 100vh;
}
#panomatics-leading .top-banner{
	background: #00aeef;
	padding: 2em;
	color: #fff;
}
#panomatics-leading .section-icon img{
	margin: 0 auto 10px auto;
	text-align: center;
	display: block;
	width: 50px;
}
#panomatics-leading h2{
	font-size: 2.5em;
}

#panomatics-leading p{
	color: #000;
	letter-spacing: 3px;
	line-height: 1.3;
	font-family: "Proxima", sans-serif;
	font-size: 16px;
	text-align: center;
}


.outer-wraper-right h4 {
    color: #FFFFFF;
    font-family: Novecento-700, "Helvetica", sans-serif;
    font-size: 16px;
    letter-spacing: 8px;
    margin-bottom: 0px;
    text-align: center;
    text-transform: uppercase;
}
.outer-wraper-right h2, #every-thing h2{
    color: #FFFFFF;
    font-family: Novecento-700, "Helvetica", sans-serif;
    font-size: 50px;
    letter-spacing: 3px;
    text-align: center;
}

.outer-wraper-right p  {
    color: #FFFFFF;
    font-family: Novecento-400, "Helvetica", sans-serif;
    font-size: 13px;
    text-align: center;
    letter-spacing: 1px;
}


#visual-language .section-three {
    background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/visual-language-img.png");
}

#visual-language .inner-wraper-left h4 {
    letter-spacing: 1px;
}

#visual-language .inner-wraper-left h5 { letter-spacing: 4px }

@media (min-width: 1300px) and (max-width: 1500px) {
    .inner-wraper-left h5 {
        white-space: nowrap;
    }
	.lastofus .inner-wraper-left h5 {
		white-space: normal;
	}
}

#every-thing {
    height: 100vh;
    width: 100%;
    background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/everyThing-imagine.png");
    background-size: cover;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*flex-direction: column;*/
    position: relative;
}
.every-thing-inner {
    position: absolute;
    top: 34%;
    left: 50%;
    transform: translate(-50%, 0px);
}
.text-bg-overlay {
    position: relative;
}
.text-bg-overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/everthing-text-bg.png");
    background-size: 100% 100%;
    opacity: 0.6;
    z-index: -1;
}

#every-thing h2 {
    font-size: 64px;
    letter-spacing: 6px;
    z-index: 1;
}
#every-thing h5 {
    color: #FFFFFF;
    font-family: Novecento-600, "Helvetica", sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    z-index: 1;
}
#every-thing .everything-section-icon {
    height: 30px;
    width: 30px;
    background-image: url("../images/footer-icon.png");
    background-size: 100% 100%;
    z-index: 1;
}
#team {
    background-color: #FAFAFA;
    padding: 100px 0px;
}
#team .inner-wraper-left h5 {
    font-size: 24px;
}

#team .inner-wraper-left p {
    padding: 0px 56px;
}

#team .right-wraper-pic {
    height: 250px;
    width: 100%;
    background-size: cover;
}
#team .pic-One { background-image: url("../images/team-member-1.png"); }
#team .pic-Two { background-image: url("../images/team-member-2.png"); }
#team .pic-Three { background-image: url("../images/team-member-3.png"); }
#team .pic-Four { background-image: url("../images/team-member-4.png"); }


.img-hover-zoom {
	overflow: hidden;
}
.img-hover-zoom img {
	transition: transform .5s ease;
}
.img-hover-zoom:hover img {
	transform: scale(1.1);
}

.img-hover-zoom .utan-title {
	transition: transform .5s ease;
}
.img-hover-zoom:hover .utan-title {
	transform: scale(1.1);
}

/* ----------------------- Services --------------------------------------------------------------------------------- */

.panorama-clickblocker{
	/*background: #00000077;*/
	min-width: 100%;
	min-height: 100%;
	height: auto;
	z-index: 0;
	position: absolute;
	top: -8px;
}

.services-visual{
	width:100%;
	position: relative;
}
.services-visual img{
	width:100%;
}
.services-visual #main-image-banner {
	position: relative;
	padding-bottom: 40%;
	background-size: cover;
	background-position: center center;
}
.services-visual iframe {
	min-width: 100%;
	min-height: 100%;
	height: auto;
	z-index: 0;
	transform: translateX(0%) translateY(-4%)!important;
	position: absolute;
	width: 100%;
	top: 20px;
	left: 0;
	right: 0;
	bottom: 0;
	border: 0;
}

.full-text-row{
	padding: 4em 0;
	text-align: center;
	line-height: 2.5em;
}
.full-text-row h2{
	font-family: Novecento-700, "Helvetica", sans-serif;
	font-size: 40px;
	color: #000;
	letter-spacing: 3px;
	margin-bottom: 2rem;
}
.full-text-row p{
	margin-bottom: 2em;
	letter-spacing: 3px;
	line-height: 2em;
	font-family: "Proxima", sans-serif;
	font-size: 16px;
}

.dots-row{
	background-image: url(https://www.panomatics.asia/assets/frontend/landing/images/panomatics-dots.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 70px;
}

.features-icon{
	filter: invert(65%) sepia(73%) saturate(5178%) hue-rotate(163deg) brightness(99%) contrast(109%);
	height: 7rem;
	width: 7rem;
	margin: 0 auto 25px auto;
}
.features-title{
	font-family: Novecento-700, "Helvetica", sans-serif;
	font-size: 14px;
	color: #000;
	letter-spacing: 1px;
}
.features-text{
	line-height: 1.3;
	font-family: "Proxima", sans-serif;
	font-size: 14px;
	max-width: 70%;
	text-align: center;
	margin: 0 auto 4em auto;
}

#virtual-tours-visual {
	height: 52vh;
	width: 100%;
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/virtual-tours-visual.jpg");
	background-size: cover;
	background-position: center;
	position: relative;
}

.pano-sub-small{
	font-size: 12px;
	margin-top: -10px;
}

.demobox{
	margin-bottom: 3em;
	display: block;
	text-decoration: none;
	padding-left: 1.5em;
	padding-right: 1.5em;
}
.demobox img{
	width: 100%;
	margin-bottom: 0.5em;
	padding: 0 0.5em;
}

.demoimagebox{
	display: block;
	/*padding-bottom: 58%;*/
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	opacity: 1;
	transition: opacity .2s ease-in-out;
	margin-bottom: 1em;
}

/*
.demoimagebox:hover{
	background-size: calc(100% + 5%);
	transition: opacity .3s ease-in-out;
}
*/

.demoimageboxoverlay{
	padding-bottom: 58%;
	background-color: #000;
	opacity: 0;
}
.demoimageboxoverlay:hover{
	padding-bottom: 58%;
	background-color: #000;
	opacity: 0.3;
	transition: opacity .4s ease-in-out;
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/icons/play-circle-solid.png");
	background-position: center;
	background-size: 40px;
	background-repeat: no-repeat;
}


.demotitle{
	font-family: Novecento-700, "Helvetica", sans-serif;
	font-size: 16px;
	color: #000;
	letter-spacing: 1px;
	line-height: 1.3em;
	padding: 0 0.5em;
}

.wedding-grey-box{
	background:#525252;
	padding: 1em;
	display:flex;
}
.wedding-icon{
	border-right: 1px solid #fff;
	padding-right: 1em;
}
.wedding-icon img{
	width: 55px;
	margin: 3px 2px 0px 10px;
}
.wedding-text{
	color: #fff;
	line-height: 1.3;
	font-family: "Proxima", sans-serif;
	font-size: 16px;
	padding-left: 1em;
	text-align: left;
}


/* ----------------------- Corporate Responsibility ----------------------------------------------------------------- */

.responsibility-item-one {
	height: 100vh;
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/corporate-responsibility/orangutan.jpg");
	background-size:  cover;
	background-repeat: no-repeat;
	z-index: 0 !important;
	background-position: center;
}
.responsibility-item-two {
	height: 100vh;
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/corporate-responsibility/sun-rainforest.jpg");
	background-size:  cover;
	background-repeat: no-repeat;
	z-index: 0 !important;
	background-position: center;
}
.responsibility-item-three {
	height: 100vh;
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/corporate-responsibility/temple.jpg");
	background-size:  cover;
	background-repeat: no-repeat;
	z-index: 0 !important;
	background-position: center;
}

.utan-title{
	color: #fff;
	background-color: #00aeef;
	padding: 2px;
	text-align: center;
	font-weight: 500;
	text-decoration: none;
}

.needhelp .img-fluid{
	max-height: 170px;
}

.lastofus{
	padding-top: 100px;
	padding-bottom: 100px;
}

.utan-parallax {
	/* The image used */
	background-image: url('../../../../wp-content/uploads/2021/08/blue-sea.png');

	/* Full height */
	height: 100%;

	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff !important;
}

.utan-parallax.outer-wraper-left .inner-wraper-left h4,
.utan-parallax.outer-wraper-left .inner-wraper-left h5,
.utan-parallax.outer-wraper-left .inner-wraper-left p{
	color: #fff !important;
}
.utan-parallax.outer-wraper-left .inner-wraper-left .demo-btn {
	color: #fff !important;
	border-color: #fff !important;
}

/* ----------------------- About us --------------------------------------------------------------------------------- */
#aboutus {
	padding: 100px 0px;
	background-color: #0E0E0E;
	width: 100%;
	color: #fff !important;
}

#aboutus p{
	color: #fff;
}

#aboutus h2{
	margin-bottom: 2em;
	color: #fff;
}


#aboutus h4{
	letter-spacing: 3px;
	font-size: 1.25em;
	color: #fff;
}

.about-icon{
	height: 10rem;
	width: 10rem;
	margin: 0 auto 25px auto;
	border: 4px solid #00aeef;
	border-radius: 50%;
}
.about-icon img{
	width: 30px;
	margin: 20px auto 6px auto;
	display: block;
}
.about-icon span{
	font-family: Novecento-700, "Helvetica", sans-serif;
	font-size: 2em;
	letter-spacing: 3px;
}

.about-title{
	font-family: Novecento-700, "Helvetica", sans-serif;
	font-size: 16px;
	color: #00aeef;
	letter-spacing: 2px;
}
.about-text{
	line-height: 1.3;
	font-family: "Proxima", sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	max-width: 90%;
	text-align: center;
	margin: auto auto 4em auto;
}

.team-box{
	border:1px solid #000;
	margin: auto auto 4em auto;
	max-width: 80%;
}
.team-pic{

}

.team-pic-01{
	background: url("https://www.panomatics.asia/assets/frontend/landing/images/Panomatics_Team_Pictures_800x800_Max.jpg");
	height: 14em;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100%;
}
.team-pic-02{
	background: url("https://www.panomatics.asia/assets/frontend/landing/images/Panomatics_Team_Pictures_800x800_AndyK.jpg");
	height: 14em;
	background-repeat: no-repeat;
	background-position: center -21px;
	background-size: 100%;
}
.team-pic-03{
	background: url("https://www.panomatics.asia/assets/frontend/landing/images/Panomatics_Team_Pictures_800x800_Rob.jpg");
	height: 14em;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100%;
}
.team-pic-04{
	background: url("https://www.panomatics.asia/assets/frontend/landing/images/Panomatics_Team_Pictures_800x800_Norman.jpg");
	height: 14em;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100%;
}
.team-pic-05{
	background: url("https://www.panomatics.asia/assets/frontend/landing/images/Panomatics_Team_Pictures_800x800_ReyOng.jpg");
	height: 14em;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100%;
}
.team-pic-06{
	background: url("https://www.panomatics.asia/assets/frontend/landing/images/Panomatics_Team_Pictures_800x800_kurt.jpg");
	height: 14em;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100%;
}
.team-pic-07{
	background: url("https://www.panomatics.asia/assets/frontend/landing/images/Panomatics_Team_Pictures_800x800_Nemanja.jpg");
	height: 14em;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100%;
}
.team-pic-08{
	background: url("https://www.panomatics.asia/assets/frontend/landing/images/Panomatics_Team_Pictures_800x800_Daniel.jpg");
	height: 14em;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100%;
}
.team-pic-09{
	background: url("https://www.panomatics.asia/assets/frontend/landing/images/Panomatics_Team_Pictures_800x800_Taya.jpg");
	height: 14em;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100%;
}
.team-pic-10{
	background: url("https://www.panomatics.asia/assets/frontend/landing/images/Panomatics_Team_Pictures_800x800_josh.jpg");
	height: 14em;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100%;
 }
.team-pic-11{
	background: url("https://www.panomatics.asia/assets/frontend/landing/images/Panomatics_Team_Pictures_800x800_nikhil.jpg");
	height: 14em;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100%;
}
.team-pic-12{
	background: url("https://www.panomatics.asia/assets/frontend/landing/images/Panomatics_Team_Pictures_800x800_Marius.jpg");
	height: 14em;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100%;
}



.team-name{
	font-family: Novecento-700, "Helvetica", sans-serif;
	font-size: 16px;
	color: #fff;
	background: #00AEEF;
	padding: 0.75em;
	line-height: 1.25em;
	letter-spacing: 1px;
}
.team-name span{
	font-family: "Proxima", sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
}
.team-text{
	color: #fff;
	line-height: 1.3;
	font-family: "Proxima", sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	background: #000;
	padding: 1em;
	min-height: 175px;
}

/* ----------------------- Portfolio ----------------------------------------------------------------------------------- */

.hotel-info{

}
.hotel-name{
	font-family: Novecento-700, "Helvetica", sans-serif;
	font-size: 14px;
	color: #000;
	letter-spacing: 1px;
	line-height: 1.3em;
	padding: 0 0.5em;
}
.hotel-content-info{
	font-family: "Proxima", sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #00AEEF;
}

.cbp-l-filters-dropdownHeader {
	font-family: Novecento-400, "Helvetica", sans-serif;
	font-size: 12px;

	letter-spacing: 3px;
	margin: 0 17px;
	color: #000;
	cursor: default;
	position: relative;
}
.cbp-l-filters-dropdownList .cbp-filter-item {
	background: none;
	color: #000;
	width: 100%;
	text-align: left;

	font-family: Novecento-400, "Helvetica", sans-serif;
	font-size: 10px;

	margin: 0;
	padding: 0 17px;
	cursor: pointer;
	border: none;
	border-top: 1px solid #dadada;
	letter-spacing: 2px;
}

.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
	width: 100%;
	max-width: 90% !important;
}

@media screen and (max-width: 540px) {
	.lity-iframe-container, .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
		width: 100%;
		max-width: 100% !important;
		height:600px !important;
	}
}




/* ----------------------- Contact ----------------------------------------------------------------------------------- */
#contactpage{
	font-family: Novecento-400, "Helvetica", sans-serif;
}
.overlay-map ul li {
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	display: block;
	font-size: 12px;
}
.overlay-map ul li a{
	color: #fff;
}


.contact-map-box{
	position: relative;
}

.contact-map{
	width:100%;
}

.contact-map-layer{
	position: absolute;
	top: 45px;
	width: 100%;
	text-align: center;
	font-size: 1.5vw;
	color: #fff;
	font-family: Novecento-300, "Helvetica", sans-serif;
	letter-spacing: 1px;
}

.contact-map-layer h2{
	font-family: Novecento-700, "Helvetica", sans-serif;
	font-size: 3.5vw;
	color: #fff;
	letter-spacing: 3px;
	margin-bottom: 0;
}

.contact-map-layer > h2 > span{
	font-family: Novecento-300, "Helvetica", sans-serif;
	color: #fff;
	font-size: 3.5vw;
}

.contact-map-braches{
	position: absolute;
	bottom: 45px;
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #fff;
	font-family: Novecento-300, "Helvetica", sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
}

#contact-branches{
	background: #0e0e0e;
	color:#fff;
}

#contact-branches h2{
	color:#fff;
}

.branch-box{
	border:1px solid #fff;
	margin: auto auto 4em auto;
	/*max-width: 80%;*/
}

.branch-pic{
	height:115px;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
}

.branch-pic-01{
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/contact/PNMTCS_web_Contact_378x174_HK.jpg");
}
.branch-pic-02{
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/contact/PNMTCS_web_Contact_378x174_TH.jpg");
}
.branch-pic-03{
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/contact/PNMTCS_web_Contact_378x174_Bali.jpg");
}
.branch-pic-04{
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/contact/PNMTCS_web_Contact_378x174_Indonesia.jpg");
}
.branch-pic-05{
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/contact/PNMTCS_web_Contact_378x174_Australia.jpg");
}
.branch-pic-06{
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/contact/PNMTCS_web_Contact_378x174_Germany.jpg");
}
.branch-pic-07{
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/contact/PNMTCS_web_Contact_378x174_Malaysia.jpg");
}
.branch-pic-08{
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/contact/PNMTCS_web_Contact_378x174_USA.jpg");
}
.branch-pic-09{
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/contact/PNMTCS_web_Contact_378x174_Singapore.jpg");
}
.branch-pic-10{
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/contact/PNMTCS_web_Contact_378x174_SriLanka.jpg");
}
.branch-pic-11{
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/contact/PNMTCS_web_Contact_378x174_Russia.jpg");
}
.branch-pic-12{
	background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/contact/PNMTCS_qatar-contact.jpg");
}


.branch-name{
	font-family: Novecento-700, "Helvetica", sans-serif;
	font-size: 16px;
	color: #fff;
	background: #00AEEF;
	padding: 0.75em;
	line-height: 1.25em;
	letter-spacing: 0.5px;
}
.branch-name span{
	font-family: "Proxima", sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
}
.branch-infos{
	padding:12px 12px 18px 12px;
	text-align: left;
	color: #fff;
	line-height: 1.3;
	font-family: "Proxima", sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	background: #000;
}
.branch-adress{
	background-image: url(https://www.panomatics.asia/assets/frontend/landing/images/contact/location.png);
	background-position: top 2px left 2px;
	background-size: 20px;
	background-repeat: no-repeat;
	padding: 1px 0px 12px 36px;
}
.branch-phone{
	background-image: url(https://www.panomatics.asia/assets/frontend/landing/images/contact/phone.png);
	background-position: top 0px left 3px;
	background-size: 20px;
	background-repeat: no-repeat;
	padding: 3px 0px 14px 36px;
}
.branch-mail{
	background-image: url(https://www.panomatics.asia/assets/frontend/landing/images/contact/mail.png);
	background-position: top 2px left 3px;
	background-size: 20px;
	background-repeat: no-repeat;
	padding: 2px 0px 0px 36px;
}
.branch-mail a{
	color: #fff;
}

.contact-form-header{
	margin-bottom: 2rem;
}
.contact-form-header h2{
	margin-bottom: 1rem;
}
.contact-form-header span{
	font-family: Novecento-300, "Helvetica", sans-serif;
}
.contact-form-header p{
	text-transform: uppercase;
}

#contact-form-form button{
	background-color: #151515 !important;
	color: #ffffff;
}

#contact-form-form .form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 14px;
	line-height: 1.5;
	color: #ffffff;
	background-color: #009ee3;
	background-clip: padding-box;
	border: none;
	border-radius: 0;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#contact-form-form input{
	height: 38px !important;
}



#contact-form-form label{
	font-size: 14px;
	letter-spacing: 2.5px;
	text-align: left;
	padding-left: 30px;
	margin-top: 0px;
	position: relative;
	top: -3px;
}

#contact-form-form
.form-control::placeholder {
	color: #fff;
	opacity: 1;
}

#contact_name-error {
	font-size: 12px !important;
	letter-spacing: 1.5px !important;
	line-height: 18px;
	margin-bottom: 0;
}
#select-country-error {
	font-size: 12px !important;
	letter-spacing: 1.5px !important;
	line-height: 18px;
	margin-bottom: 0;
}
#contact_email-error {
	font-size: 12px !important;
	letter-spacing: 1.5px !important;
	line-height: 18px;
	margin-bottom: 0;
}
#contact_phone-error {
	font-size: 12px !important;
	letter-spacing: 1.5px !important;
	line-height: 18px;
	margin-bottom: 0;
}
#contact_message-error {
	font-size: 12px !important;
	letter-spacing: 1.5px !important;
	line-height: 18px;
	margin-bottom: 0;
}

#contact-form-result{
	display: none;
}



/* ----------------------- Privacy ---------------------------------------------------------------------------------- */
#about-product-title{
	font-family: Novecento-400, "Helvetica", sans-serif;
	margin-bottom: 0;
}
/* ----------------------- Footer ----------------------------------------------------------------------------------- */

#footer {
    height: 45vh;
    width: 100%;
    background-color: #0E0E0E;
    border-top: 25px solid #00AEEF;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}
#footer::after {
    content: '';
    height: 80%;
    width: 25%;
    background-image: url(../images/footer-icon.png);
    background-size: cover;
    position: absolute;
    right: -8%;
    filter: brightness(0.2);
    bottom: 0px;
}

#footer .footer-logo {
    height: 30px;
    width: 162px;
    background-image: url(../images/logo.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#footer p {
    color: #FFFFFF;
    font-family: Novecento-300;
    letter-spacing: 5px;
    font-size: 12px;
}
.footer-Icons {
    display: flex;
    align-items: center;
}
.footer-Icons i{
    color: #FFFFFF;
    margin: 0px 18px;
    font-size: 18px;
}

#footer a{
	color: #fff;
}


@media (max-width: 1280px) {
	.branch-name{
		min-height: 64px;
	}
	.branch-infos{
		min-height: 168px;
	}
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .every-thing-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .welcome-inner {
        padding-top: 30px !important;
    }
    .inner-wraper-left {
        padding-left: 0px;
    }

	.slider-item-one {
		background-position: center;
	}

}

@media (max-width: 1024px) {
    .slider-item-one {
        height: 100vh;
		background-position: center;
    }
    .slider-inner {
        margin-left: 35px;
    }
    body, html {
        overflow-x: hidden;
        overflow-y: scroll;
    }
    .navbar {
        margin-top: 26px !important;
    }
    .navbar-nav {
        padding-right: 0px;
    }
    .nav-link {
        letter-spacing: 3px;
    }
    .welcome-img {
        margin-top: 50px;
    }
    .slider {
        margin-bottom: -1vh;
    }
    .every-thing-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .slider-inner h1, .welcome-inner h2,.inner-wraper-left h4 , .outer-wraper-right h2, #every-thing h2{
        font-size: 38px;
    }
    .welcome-inner {
        padding-top: 50px;
    }
    .inner-wraper-left-img {
        height: 34vh;
    }
    .inner-wraper-left h5 {
        font-size: 14px;
    }
    .inner-wraper-left p, .outer-wraper-right p {
        font-size: 11px;
    }
    .Inner-wraper-img, .Inner-wraper-img-section-two {
        height: 34vh;
    }
    #next-generation {
        height: 75vh;
    }
    .outer-wraper-right h4 {
        font-size: 12px;
    }
    .outer-wraper-left .inner-wraper-left {
        padding-left: 14px;
        padding-top: 20px;
        padding-bottom: 0;
    }
    .inner-wraper-left, #team .inner-wraper-left {
        padding-bottom: 20px;
    }
    #every-thing {
        height: 75vh;
    }
    #team {
        background-color: #FAFAFA;
        padding: 60px 0px;
    }
    #team .right-wraper-pic {
        height: 170px;
    }
    #team .inner-wraper-left h5 {
        font-size: 15px;
    }
    #footer {
        height: 35vh;
    }
    #footer::after {
        z-index: 0;
    }
    #footer p {
        z-index: 1;
        text-align: center;
        padding: 0px;
        margin: 0px;
    }
}

@media (min-width: 992px) {
    .inner-wraper-left {
        padding-left: 62px;
        /*padding-right: 0px !important;*/
    }
	.inner-wraper-right {
		padding-left: 62px;
		padding-right: 62px !important;
	}

	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{
		text-shadow: rgb(255 255 255) 0px 0px 10px;
		color: #56cbf7;
	}
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }


}



@media (max-width: 992px) {
	.header-transparent{
		position: fixed;
		background-color: #0e0e0e;
	}

	#navbar-list-2{
		/*
		background: rgb(255, 255, 255);
		margin-top: 4em;
		padding-top: 0;
		*/
		padding-top: 20px;
	}
	#navbar-list-2 .navbar-nav{
		padding-left: 1em;
	}


	header{
		height:75px;
	}

	.navbar-collapse {
		background-color: #0e0e0e;
		background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/background_mobile_menu.jpg");
		background-size:  cover;
		background-repeat: no-repeat;
		background-position: center;

		position: fixed;
		width: 100%;
		margin-top: -58px;
		padding-top: 58px !important;
		top: 57px;
		left: 0px;
		padding-bottom: 30px;
		height: -webkit-fill-available;
		z-index: 10;
	}

	.navbar-nav{
		margin-top: 30px;
	}

	.nav-item {
		text-align: center;
	}

	.nav-link {
		font-family: "Novecento-350", "Helvetica", sans-serif;
		font-weight: bold;
		color: #fff !important;
		font-size: 0.75rem !important;
		letter-spacing: 5px;
		text-transform: uppercase;
		white-space: nowrap;
	}

	.dropdown-menu {
		background-color: transparent;
		border-radius: unset;
		text-align: center;
		margin-bottom: 15px;
	}

	.navbar-brand{
		border:none;
		position: fixed;
		z-index: 100;
		left: 20px;
		top: 7px;
	}

	.navbar-toggler{
		border:none;
		position: fixed;
		z-index: 100;
		right: 30px;
		top: 19px;
	}

	.navbar button:focus {
		outline: none !important;
	}

	#porto{
		position: relative;
		z-index: 1;
	}






}

@media (max-width: 768px) {
    .slider-icon {
        height: 45px;
        width: 45px;
    }
    .slider-inner h1, .welcome-inner h2, .inner-wraper-left h4, .outer-wraper-right h2, #every-thing h2 {
        font-size: 25px;
    }
    .slider-inner p {
        padding: 0px 15px;
        font-size: 11px;
    }
    #wellcom {
        padding-top: 0px;
    }
    .welcome-img-outer {
        display: flex;
        justify-content: center;
        max-width: 380px;
        margin: 30px auto auto auto;
    }
    .welcome-inner {
        padding-top: 25px;
    }
    .welcome-img {
        height: 496px;
        width: 57%;
        margin-top: 34px;
    }
    .welcome-inner {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .welcome-section-icon {
        height: 45px;
        width: 45px;
    }
    .welcome-inner p, .welcome-inner h5, #every-thing h5 {
        font-size: 11px;
    }
    .no-font-family {
        font-size: 13px;
    }
    #walkwithus {
        padding: 60px 0px;
    }
    .outer-wraper-right p {
        padding: 15px 0px !important;
    }
    .inner-wraper-left p {
        padding: 0px !important;
    }
    #team .right-wraper-pic {
        height: 97px;
    }
    #footer::after {
        z-index: 0;
    }
    #footer p {
        z-index: 1;
        text-align: center;
        padding: 0px;
        margin: 0px;
    }
    #footer .footer-logo {
        margin-bottom: 20px;
    }

}


@media (max-width: 576px) {
	.branch-name{
		min-height: unset;
	}
	.branch-infos{
		min-height: unset;
	}

	.needhelp .img-fluid {
		max-height: none;
	}
	.utan-title {
		padding: 8px;
	}
	.utan-video iframe{
		width: 100%;
	}
	.utan-parallax {
		background-attachment: scroll;
		background-image: none;
	}
	.utan-parallax.outer-wraper-left .inner-wraper-left h4,
	.utan-parallax.outer-wraper-left .inner-wraper-left h5,
	.utan-parallax.outer-wraper-left .inner-wraper-left p{
		color: #242424 !important;
	}
	.utan-parallax.outer-wraper-left .inner-wraper-left .demo-btn {
		color: #242424 !important;
		border-color: #242424 !important;
	}
}

@media (max-width: 500px) {
    header {
        top: 0px;
		height: auto;
		position: fixed;
    }


	.navbar {
		margin-top: 50px !important;
	}

	.navbar-toggler i {
		margin-top: 2px;
	}
    .navbar-toggler i {
        color: #FFFFFF;
    }
	.navbar-brand {
		margin-right: 1em;
	}
	.logo {
		width: 100%;
		margin-left: 0px;
		max-width: 200px;
	}

    .inner-wraper-left {
        /*padding-left: 0px;*/
    }

    .slider-item-one {
        height: 120vh;
		/*background-position: right -345px top 0px;
		background-position: left -350px top 0px;
		*/
		background-position: left -700px top 0px;
		text-shadow: 5px 5px 5px rgb(0 0 0);
    }
	.slider-item-two {
		background-position: left -240px top 0px;
		text-shadow: 5px 5px 5px rgb(0 0 0);
	}

    .slider-inner {
        margin-top: 0px !important;
		margin-left: 0px !important;
    }
    .slider-inner p {
        padding: 0px 30px;
    }
    .slider-inner h1 {
        margin-top: 8px !important;
    }


    .navbar-collapse {
        background-color: #0e0e0e;
		background-image: url("https://www.panomatics.asia/assets/frontend/landing/images/background_mobile_menu.jpg");
		background-size:  cover;
		background-repeat: no-repeat;
		background-position: center;

		position: fixed;
		width: 100%;
		margin-top: -58px;
		padding-top: 58px !important;
		top: 57px;
		left: 0px;
		padding-bottom: 30px;
		height: -webkit-fill-available;
		z-index: 10;
    }

	.navbar-nav{
		margin-top: 30px;
	}

    .nav-item {
        text-align: center;
    }

	.nav-link {
		font-family: "Novecento-350", "Helvetica", sans-serif;
		font-weight: bold;
		color: #fff !important;
		font-size: 0.75rem !important;
		letter-spacing: 5px;
		text-transform: uppercase;
		white-space: nowrap;
	}

	.dropdown-menu {
		background-color: transparent;
		border-radius: unset;
		text-align: center;
		margin-bottom: 15px;
	}

	.navbar-brand{
		border:none;
		position: fixed;
		z-index: 100;
		left: 20px;
		top: 7px;
	}

	.navbar-toggler{
		border:none;
		position: fixed;
		z-index: 100;
		right: 15px;
		top: 19px;
	}

	.navbar button:focus {
		outline: none !important;
	}

	#porto{
		position: relative;
		z-index: 1;
	}




    .welcome-img {
        height: 288px;
    }

	#welcome{
		text-align: center;
	}
	#welcome h2{
		font-size: 28px;
	}
	#welcome h3{
		font-size: 16px;
		margin-bottom: 12px !important;
	}
	#welcome .customers-logo {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 96px;
	}

	#walkwithus {
        padding: 30px 0px;
    }
    .demo-btn {
        margin-bottom: 30px;
		max-width: 260px;
		font-size: 16px;
		justify-content: center;
		min-width: 100%;
    }
    .outer-wraper-left {
        padding: 31px 0px;
    }
    .outer-wraper-left .inner-wraper-left {
        padding-top: 15px;
    }
    #stay-focused .demo-btn , #next-generation .demo-btn, #visual-language .demo-btn{
        margin-bottom: 0px !important;
    }

    #next-generation {
        height: 60vh;
    }
	#next-generation h2{
		margin-bottom: 12px !important;
	}
	#next-generation h4{
		font-size: 16px;
		margin-bottom: 8px;
	}

    #every-thing {
        height: 60vh;
    }
    .every-thing-inner {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #team {;
        padding: 20px 0px;
    }
    #team .right-wraper-pic {
        height: 214px;
        background-size: 100% 100%;
        margin-bottom: 20px;
    }
    #team img {
        /*margin-bottom: 20px;*/
    }
    #footer {
        height: 30vh;
    }
    #footer p {
        letter-spacing: 3px;
        font-size: 10px;
        padding: 6px 0px !important;
    }
	.footer-Icons{
		margin-top: 10px;
	}

	.services-visual iframe {
		top: 0;
	}

	.services-visual #main-image-banner {
		position: relative;
		padding-bottom: 80%;
		background-size: cover;
		background-position: center center;
	}

	.cbp-l-filters-dropdown {
		width: 100%;
		margin-top: 10px;
		padding: 0 20px;
	}
	.cbp-l-filters-dropdownHeader{
		margin: 0 10px;
	}

	#js-filters-lightbox-gallery1{
		z-index: 4000;
	}
	#js-filters-lightbox-gallery2{
		z-index: 3000;
	}
	#js-filters-lightbox-gallery3{
		z-index: 2000;
	}

	#view_filters{
		margin-top: 25px;
		justify-content: space-around;
	}

	#view_filters .dropdown:nth-child(3){
		margin-right:0px !important;
	}
}