@charset "UTF-8";
.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}

.slick-track:after,
.slick-track:before {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block;
	outline: 0
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-prev {
	background-position: -8px -100px;
	width: 32px;
	height: 32px;
	position: absolute;
	border: 0;
	cursor: pointer;
	z-index: 9999
}

.slick-next {
	background-position: -64px -100px;
	width: 33px;
	height: 32px;
	position: absolute;
	border: 0;
	cursor: pointer;
	z-index: 9999
}

.slick-dots li button {
	background: 0;
	border: 0;
	font-size: 0
}

.slick-dots li {
	display: inline-block
}

.slick-next,
.slick-prev {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: 0;
	background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
	color: transparent;
	outline: 0;
	background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
	opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
	opacity: .25
}

.slick-next:before,
.slick-prev:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: -25px
}

[dir=rtl] .slick-prev {
	right: -25px;
	left: auto
}

[dir=rtl] .slick-prev:before {
	content: '?'
}

.slick-next {
	right: -25px
}

[dir=rtl] .slick-next {
	right: auto;
	left: -25px
}

[dir=rtl] .slick-next:before {
	content: '?'
}

.slick-dotted.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: 0;
	background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
	outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
	opacity: 1
}

.slick-dots li button:before {
	font-family: slick;
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '�';
	text-align: center;
	opacity: .25;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #000
}

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0
}

.bx-wrapper img {
	max-width: 100%;
	display: block
}

.bx-wrapper .bx-viewport {
	left: 0;
	right: 0;
	background: #fff;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0)
}

.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
	position: absolute;
	bottom: -30px;
	width: 100%
}

.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000
}

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: 700;
	color: #666;
	padding-top: 20px
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #000
}

.bx-wrapper .bx-prev {
	left: 10px
}

.bx-wrapper .bx-next {
	right: 10px
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 42px;
	height: 42px;
	text-indent: -9999px;
	z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none
}

.bx-wrapper .bx-controls-auto {
	text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:hover {
	background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
	background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px
}

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(80, 80, 80, .75);
	width: 100%
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px
}

@font-face {
	font-family: RobotoRegular;
	src: url(../fonts/RobotoRegular.eot);
	src: url(../fonts/RobotoRegular.eot) format('embedded-opentype'), url(../fonts/RobotoRegular.woff2) format('woff2'), url(../fonts/RobotoRegular.woff) format('woff'), url(../fonts/RobotoRegular.ttf) format('truetype'), url(../fonts/RobotoRegular.svg#RobotoRegular) format('svg')
}

@font-face {
	font-family: RobotoMedium;
	src: url(../fonts/RobotoMedium.eot);
	src: url(../fonts/RobotoMedium.eot) format('embedded-opentype'), url(../fonts/RobotoMedium.woff2) format('woff2'), url(../fonts/RobotoMedium.woff) format('woff'), url(../fonts/RobotoMedium.ttf) format('truetype'), url(../fonts/RobotoMedium.svg#RobotoMedium) format('svg')
}

.clearfix:after {
	content: "";
	display: block;
	clear: both
}

.clear {
	clear: both
}

.fl {
	float: left
}

.fr {
	float: right
}

.submenu-link-burger {
	background: #fff url(../images/menu-icon.png) no-repeat center center;
	width: 16px;
	height: 17px;
	display: inline-block;
	position: relative;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	cursor: pointer
}

.submenu-link {
	display: block;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	z-index: 99
}

.submenu-link:hover .submenu-link-burger span {
	width: 20px
}

.submenu-link:focus span,
.submenu-link:hover span {
	color: #c1197f
}

.submenu-link.submenu-link-open:focus span,
.submenu-link.submenu-link-open:hover span {
	color: #fff
}

.submenu-link span {
	color: #3f4444;
	position: relative;
	top: 4px
}

.logged-in .submenu-link-wrapper {
	top: 49px
}

.submenu-link-burger>span {
	content: "";
	height: 1px;
	width: 15px;
	border-top: 1px solid #c1197f;
	position: absolute;
	display: block;
	top: 50%;
	right: 50%;
	margin-right: -10px;
	-moz-transition: width .2s ease, opacity .3s ease;
	-o-transition: width .2s ease, opacity .3s ease;
	-webkit-transition: width .2s ease, opacity .3s ease;
	transition: width .2s ease, opacity .3s ease;
	display: none
}

.submenu-link-burger .border {
	display: none;
	position: absolute;
	top: -1px;
	left: -1px;
	border: 1px solid #000;
	width: 52px;
	height: 52px;
	z-index: -1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.submenu-link .anim {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	width: 16px;
	height: 17px;
	padding: 0;
	z-index: 30;
	opacity: 0;
	background: rgba(192, 15, 130, .4);
	-webkit-border-radius: 110%;
	-moz-border-radius: 110%;
	border-radius: 110%;
	-webkit-animation: garur 20s infinite ease;
	animation: garur 20s infinite ease;
	cursor: pointer
}

.submenu-link-open span {
	color: #fff
}

.submenu-link-open .submenu-link-burger {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.submenu-link-open .submenu-link-burger span {
	opacity: 0
}

.submenu-link-open .submenu-link-burger:before {
	-moz-transform: rotate(-45deg) translateX(-4px) translateY(3px);
	-o-transform: rotate(-45deg) translateX(-4px) translateY(3px);
	-ms-transform: rotate(-45deg) translateX(-4px) translateY(3px);
	-webkit-transform: rotate(-45deg) translateX(-4px) translateY(3px);
	transform: rotate(-45deg) translateX(-4px) translateY(3px)
}

.submenu-link-open .submenu-link-burger:after {
	-moz-transform: rotate(45deg) translateX(-5px) translateY(-5px);
	-o-transform: rotate(45deg) translateX(-5px) translateY(-5px);
	-ms-transform: rotate(45deg) translateX(-5px) translateY(-5px);
	-webkit-transform: rotate(45deg) translateX(-5px) translateY(-5px);
	transform: rotate(45deg) translateX(-5px) translateY(-5px)
}

.anim.off,
.gr .submenu-link .anim,
.submenu-link.submenu-link-open .anim {
	-webkit-animation: none;
	animation: none
}

.sub-nav {
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	z-index: 99
}

.sub-nav a {
	color: #fff
}

.subnav-col li a:hover {
	color: #b40067
}

.sub-nav-wrapper {
	position: fixed;
	width: 100%;
	right: 0;
	left: 0;
	top: 0;
	margin: 0 auto;
	max-width: 1560px;
	z-index: 99999999
}

.sub-nav-wrapper-mobile {
	position: relative;
	z-index: 101
}

.sub-nav-content h1 {
	color: #fff;
	font-size: 30px;
	line-height: 41px;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 20px
}

.sub-nav-content h1::after {
	background: rgba(0, 0, 0, 0) url(../images/menu-shadow.png) no-repeat scroll left bottom;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 391px
}

.sub-nav-content ul {
	list-style: none;
	padding: 0
}

.sub-nav-content ul li {
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	line-height: 28px;
	margin: 0 0 15px;
	padding: 0 0 0 20px
}

.sub-nav-content .row>div {
	max-width: 250px
}

.sub-nav-content .subnav-row {
	clear: both
}

.sub-nav-content .subnav-row .subnav-col {
	max-width: 250px;
	margin-left: 40px;
	width: 100%
}

.sub-nav-content .subnav-row .subnav-col .button-submenu {
	display: none
}

.sub-nav-content .subnav-row .subnav-col .button-submenu a {
	color: #596165;
	text-transform: none
}

.sub-nav-content .subnav-row .subnav-col .button-submenu li {
	margin: 0;
	padding: 0
}

.sub-nav-content .subnav-row .subnav-col .button-submenu ul {
	opacity: 0;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	-moz-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px)
}

.sub-nav-content .subnav-row .subnav-col .button-submenu ul:before {
	z-index: -1
}

.sub-nav-content .subnav-row .subnav-col .button-submenu.open ul {
	opacity: 1;
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.sub-nav-content .subnav-lower a {
	color: #fff;
	display: block;
	margin-bottom: 15px
}

.sub-nav-content .subnav-lower a span {
	margin-right: 5px
}

.sub-nav-bg {
	position: absolute;
	right: 0;
	-moz-transition: -moz-transform .4s ease-out;
	-o-transition: -o-transform .4s ease-out;
	-webkit-transition: -webkit-transform .4s ease-out;
	transition: transform .4s ease-out;
	width: 1400px;
	height: 1400px;
	-moz-transform: scale(0) translate(25%, -35%);
	-o-transform: scale(0) translate(25%, -35%);
	-ms-transform: scale(0) translate(25%, -35%);
	-webkit-transform: scale(0) translate(25%, -35%);
	transform: scale(0) translate(25%, -35%);
	moz-transform-origin: 100% -50px;
	-o-transform-origin: 100% -50px;
	-ms-transform-origin: 100% -50px;
	-webkit-transform-origin: 100% -50px;
	transform-origin: 100% 40px;
	margin-right: 50px;
	background-color: #181818;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	z-index: 99
}

.sub-nav-closed {
	-moz-transform: translate(100%, -100%);
	-o-transform: translate(100%, -100%);
	-ms-transform: translate(100%, -100%);
	-webkit-transform: translate(100%, -100%);
	transform: translate(100%, -100%)
}

.sub-nav-open {
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.sub-nav-open .sub-nav-bg {
	-moz-transform: scale(1) translate(40%, -48%);
	-o-transform: scale(1) translate(40%, -48%);
	-ms-transform: scale(1) translate(40%, -48%);
	-webkit-transform: scale(1) translate(40%, -48%);
	transform: scale(1) translate(40%, -48%)
}

.sub-nav-open .sub-nav-content {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
	opacity: 1
}

.sub-nav-mobile {
	display: none;
	z-index: 101;
	height: 100%;
	width: 100%;
	top: 100%;
	position: fixed;
	-moz-transition: -moz-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out
}

.sub-nav-mobile .sub-nav-bg-mobile {
	width: 700px;
	height: 700px;
	background-color: purple;
	position: absolute;
	top: 0;
	z-index: 9;
	border-radius: 700px;
	-moz-transform: translate(-27%, 7%);
	-o-transform: translate(-27%, 7%);
	-ms-transform: translate(-27%, 7%);
	-webkit-transform: translate(-27%, 7%);
	transform: translate(-27%, 7%);
	background-color: #882192;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIzNyUiIHN0b3AtY29sb3I9IiNjMDBmODIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NGExZDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(37%, #c00f82), color-stop(100%, #44a1d0));
	background-image: -moz-linear-gradient(bottom, #c00f82 37%, #44a1d0 100%);
	background-image: -webkit-linear-gradient(bottom, #c00f82 37%, #44a1d0 100%);
	background-image: linear-gradient(to top, #c00f82 37%, #44a1d0 100%)
}

.sub-nav-mobile .sub-nav-content-mobile {
	padding-top: 106px;
	z-index: 999;
	position: relative;
	color: #fff;
	opacity: 0;
	-moz-transition: opacity .5s ease-out, -moz-transform .4s ease-out;
	-o-transition: opacity .5s ease-out, -o-transform .4s ease-out;
	-webkit-transition: opacity .5s ease-out, -webkit-transform .4s ease-out;
	transition: opacity .5s ease-out, transform .4s ease-out;
	-moz-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px)
}

.sub-nav-mobile .sub-nav-content-mobile a {
	color: #fff
}

.sub-nav-mobile .sub-nav-content-mobile .row {
	padding-bottom: 15px;
	position: relative
}

.sub-nav-mobile .sub-nav-content-mobile .row:after {
	width: 55px;
	margin-top: 65px;
	margin-left: 15px;
	height: 1px;
	border-top: 1px solid rgba(255, 255, 255, .2)
}

.sub-nav-mobile .sub-nav-content-mobile .social-icons {
	text-align: center
}

.sub-nav-mobile .sub-nav-content-mobile .social-icons a {
	display: inline-block
}

.sub-nav-mobile .sub-nav-content-mobile .social-icons span {
	font-size: 1.75em;
	line-height: 1.71428571em;
	color: rgba(255, 255, 255, .5)
}

.sub-nav-mobile .sub-nav-content-mobile .links-main {
	text-transform: uppercase;
	font-weight: 700;
	font-size: .75em;
	line-height: 2em
}

.sub-nav-mobile .sub-nav-content-mobile .links-main a {
	display: block
}

.sub-nav-mobile .sub-nav-content-mobile .links-main span {
	font-size: .75em;
	line-height: 2em;
	margin-right: 2px
}

.sub-nav-mobile .sub-nav-content-mobile .mobile-menu-categories {
	padding-bottom: 30px
}

.sub-nav-mobile .sub-nav-content-mobile .mobile-menu-categories .mobile-menu-category {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.6em
}

.sub-nav-mobile .sub-nav-content-mobile .mobile-menu-categories .row:after {
	margin-top: 40px
}

.sub-nav-mobile .sub-nav-content-mobile .mobile-menu-categories ul {
	overflow: hidden;
	-moz-transition: height .3s ease;
	-o-transition: height .3s ease;
	-webkit-transition: height .3s ease;
	transition: height .3s ease;
	list-style: none;
	padding: 0
}

.sub-nav-mobile .sub-nav-content-mobile .mobile-menu-categories ul li {
	color: rgba(255, 255, 255, .5);
	font-size: 1em;
	line-height: 1.5em
}

.sub-nav-mobile .sub-nav-content-mobile .mobile-menu-categories ul a {
	color: rgba(255, 255, 255, .5)
}

.sub-nav-mobile .sub-nav-content-mobile .mobile-menu-categories ul a:hover {
	color: #fff
}

.sub-nav-mobile.sub-nav-open {
	-moz-transform: translateY(-512px);
	-o-transform: translateY(-512px);
	-ms-transform: translateY(-512px);
	-webkit-transform: translateY(-512px);
	transform: translateY(-512px)
}

.sub-nav-mobile.sub-nav-open .sub-nav-content-mobile {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	opacity: 1;
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	position: fixed;
	overflow: auto;
	height: 100%;
	width: 100%;
	top: 0
}

.sub-nav-mobile.sub-nav-closed {
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.closebtn-new {
	cursor: pointer;
	position: absolute;
	right: 8px;
	top: 35px;
	z-index: 1
}

.sub-nav-wrapper {
	position: fixed;
	width: 100%;
	right: 0;
	left: 0;
	top: 0;
	margin: 0 auto;
	max-width: 3000px;
	z-index: 999999999
}

.sub-nav-bg {
	width: 5000px;
	height: 2500px
}

.submenu-link {
	display: block;
	left: 0;
	margin: 0 auto;
	position: relative;
	right: 0;
	z-index: 99
}

.menubutblk {
	margin: 0
}

.sub-nav-content {
	opacity: 0;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 100;
	width: 89%;
	-moz-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
	transition-delay: 0s;
	left: 0;
	margin: 0 auto
}

.menulogoblk img {
	display: block
}

.menuinsitcomblk {
	width: 30%
}

.menuitemblk {
	width: 100%
}

.menuhedingblk {
	font-size: 24px;
	line-height: 24px;
	font-family: RobotoMedium;
	color: #fff;
	margin: 0 0 15px 0
}

.menuhedingblk a {
	color: #fff
}

.menulistblk ul li {
	color: #a6a6a6;
	font-family: RobotoRegular;
	font-size: 14px;
	line-height: 16px;
	position: relative;
	margin: 0 0 5px;
	padding: 0 0 0 15px;
	position: relative;
	text-transform: capitalize
}

.menulistblk ul li a {
	color: #a6a6a6
}

.menulistblk ul li:after {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 7px;
	background: #a6a6a6;
	content: ""
}

.menuitemblk+.menuitemblk {
	margin: 30px 0 0 0
}

.menuaddcontblk {
	color: #a6a6a6;
	font-family: RobotoRegular;
	font-size: 14px;
	line-height: 16px;
	position: relative;
	margin: 0 0 5px;
	padding: 0 0 0 25px;
	position: relative
}

.menuaddcontblk span {
	display: block;
	font-size: 16px;
	line-height: 22px
}

.menusocileiconblk {
	padding: 0 0 0 15px
}

.menusocialcontblk .iconcomblk+.iconcomblk {
	margin: 0 0 0 10px
}

.menusocialcontblk {
	margin: 25px 0 0 0
}

.menuinsiteblk {
	margin: 30px 0 0 0
}

.menusocialblk {
	padding: 0 0 0 15px
}

.welsunlogoblk {
	width: 214px;
	background: #000;
	padding: 19px 27px 18px 27px
}

.submenu-link-burger.menuiconwhite {
	background: url(../images/menu-icon-white.png) no-repeat center center;
	background-size: cover
}

.hamburger {
	display: none
}

.closeiconblk {
	cursor: pointer
}

.welsunlogoblk {
	width: 214px;
	background: #000;
	padding: 19px 27px 18px 27px
}

.welsunlogo {
	line-height: 0
}

.welsunmenu {
	line-height: 0;
	margin: 0 0 0 28px
}

.navigationblk {
	position: absolute;
	top: 0;
	width: 100%
}

.iconcomblk {
	display: inline-block;
	vertical-align: top
}

.twiiconblk {
	width: 26px;
	height: 26px;
	background: url(../images/sprit.png) no-repeat no-repeat -111px -4px
}

.videoiconblk {
	width: 27px;
	height: 26px;
	background: url(../images/sprit.png) no-repeat no-repeat -176px -4px
}

.intagicnblk {
	width: 27px;
	height: 26px;
	background: url(../images/sprit.png) no-repeat no-repeat -143px -4px
}

.fbiconblk {
	width: 27px;
	height: 26px;
	background: url(../images/sprit.png) no-repeat no-repeat -76px -4px
}

.enqurieopenblk {
	background: rgba(0, 0, 0, .5);
	height: 100vh;
	width: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0 auto;
	z-index: 99999999
}

.enqurinewconatiner {
	max-width: 500px;
	width: 100%;
	margin: 5% auto 0;
	background: #fff;
	position: relative;
	padding: 2% 0;
	border-radius: 10px
}

.singiapoputext {
	font-size: 16px;
	margin-bottom: 5px;
	text-transform: uppercase;
	padding: 0 15px;
	text-align: center;
	font-weight: 600
}

.enquriformblk .selldof label {
	display: none
}

.enquriformblk .selldof .title {
	display: none
}

.enquriformblk .selldof textarea.form-control {
	height: 50px!important;
	resize: none!important
}

.enquriformblk .selldof .form-group .btn {
	background: #ec9a2d;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0 auto;
	display: block;
	border: 0;
	color: #fff;
	font-family: RobotoRegular
}

.closenquriblk {
	position: absolute;
	right: -11px;
	top: -14px;
	cursor: pointer
}

.instantcallblk {
	position: fixed;
	top: 0;
	right: -250px;
	z-index: 99;
	top: 31%;
	height: 210px;
	transition: all .5s ease
}

.instantcallcontblk {
	position: relative
}

.instantcallcontblk:after {
	clear: both
}

.callformblk,
.calltextblk {
	float: left
}

.callformblk {
	background: #fff;
	height: 194px;
	width: 250px
}

.callformblk .sell_do_ctc_btn_c input {
	font-family: RobotoRegular;
	background: #ec9a2d;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border: 0;
	width: 100%;
	padding: 5px 10px
}

.callformblk .sell_do_clicktocall_container.selldof {
	width: 100%;
	text-align: center;
	padding: 50px 0 0 10%
}

.callformblk .sell_do_form_control {
	font-size: 14px
}

.callformblk .selldof .form-group {
	width: 80%;
	margin: 0 auto 30px
}

.openCallback {
	right: 0
}

.calltextblk {
	cursor: pointer
}

.popup {
	width: 80%;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 10%;
	border: 7px solid #525252
}

.popupopen1 h1 {
	color: #f48220;
	font-family: RobotoRegular;
	font-size: 20px;
	font-weight: 400;
	margin: 10px 0 10px 30px;
	text-transform: uppercase
}

.popupopen1 p {
	margin: 0;
	padding: 10px 30px;
	font-family: RobotoRegular;
	color: #5a5a5a;
	font-size: 14px;
	padding-bottom: 5px;
	box-sizing: border-box
}

.form-main {
	width: 100%;
	margin: 20px 0;
	text-align: center
}

.buttonroadblk {
	background: none repeat scroll 0 0 #f37b16;
	border: medium none;
	border-radius: 25px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 31px;
	padding: 0 15px;
	text-decoration: none;
	margin-left: 15px;
	font-family: RobotoRegular
}

.roadblockmainblk {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	width: 100%;
	z-index: 99999999999;
	overflow-y: auto
}

.roadblockpiccontblk {
	position: absolute;
	margin: 0 auto;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none
}

.roadblocpicblk {
	width: 80%;
	max-width: 700px;
	margin: 0 auto;
	position: relative
}

.roadblocpicblk img {
	width: 100%;
	display: block
}

.rodblockclose {
	width: 24px;
	height: 24px;
	top: -10px;
	right: -10px;
	position: absolute;
	cursor: pointer
}

.callformblk input::-webkit-input-placeholder {
	font-size: 13px
}

.callformblk input:-moz-placeholder {
	font-size: 13px
}

.callformblk input::-moz-placeholder {
	font-size: 13px
}

.callformblk input:-ms-input-placeholder {
	font-size: 13px
}

.blogicofbblk {
	width: 27px;
	height: 26px;
	background: url(../images/sprit.png) no-repeat no-repeat -76px -35px
}

.destmobilemenublk {
	width: 100%
}

.destmobilemenucallblk,
.destmobilemenumailblk {
	width: 100%;
	position: relative;
	margin-top: 5px
}

.destmobilemenucallblk a {
	position: relative
}

.destmobilemenucallbl a,
.destmobilemenumailblk a {
	color: #a6a6a6!important;
	font-family: RobotoRegular;
	font-size: 14px;
	position: relative;
	padding-left: 25px
}

.destmobilemenucallblk a {
	color: #a6a6a6!important;
	font-family: RobotoRegular;
	font-size: 14px;
	position: relative;
	padding-left: 25px
}

.destmobilemenucallblk a:before {
	width: 14px;
	height: 17px;
	background: url(../images/sprit.png) no-repeat -75px -65px;
	top: 2px;
	left: 0;
	content: "";
	position: absolute
}

.destmobilemenumailblk a:before {
	width: 14px;
	height: 12px;
	background: url(../images/sprit.png) no-repeat -96px -70px;
	top: 4px;
	left: 0;
	content: "";
	position: absolute
}

.menuaddcontblk::after {
	width: 15px;
	height: 20px;
	background: url(../images/sprit.png) no-repeat -74px -90px;
	top: 4px;
	left: 0;
	content: "";
	position: absolute
}

.enqurinewconatiner .enquriformblk .selldof_row:nth-last-child(2) {
	display: none
}

.roadblockcolor {
	background: rgba(0, 0, 0, .5)
}

.callform-insite {
	width: 100%;
	text-align: center;
	padding: 50px 0 0 10%
}

.callform-insite input {
	display: block;
	width: 80%;
	height: 34px;
	font-size: 12px;
	line-height: 1.42857143;
	padding: 6px 12px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 15px
}

.callform-insite input.call-form-submit {
	font-family: RobotoRegular;
	background: #ec9a2d;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	border: 0;
	width: auto;
	padding: 5px 10px;
	margin-top: 30px
}

.sc-bdVaJa.bFLUxu {
	right: -20px!important;
	bottom: -20px!important
}
@media screen and (max-width:1399px) {

	div.banner .bx-wrapper .bannerpic img {display: block}
}
@media screen and (max-width:1200px) {
	.sub-nav-content {
		width: 95%;
		top: 20px
	}
	.menuinsiteblk {
		margin: 30px 0 0 0
	}
	.menuinsitcomblk {
		width: 33%
	}
}
/*@media screen and (max-width:1024px) {
	
div.banner .bx-wrapper .bannerpic.sunt-c img {
    display: none;} 
   div.banner .bx-wrapper .bannerpicresp1blk.sunt-ct {display:block;}
}*/
@media screen and (max-width:1120px) {
	.residentprojectblk .filtermenblk {
		display: none
	}
	.commercialfileblk .filtercommercialblk {
		display: none
	}
}

@media screen and (max-width:990px) {
	.menubutblk {
		display: none
	}
	.hamburger {
		display: inline-block
	}
}

@media screen and (max-width:540px) {
	.enqurinewconatiner {
		width: 95%
	}
	.popup {
		top: 5%;
		width: 90%
	}
	.popupopen1 p {
		padding: 10px 15px;
		padding-bottom: 10px;
		font-size: 13px
	}
}

@media screen and (max-width:480px) {
	.welsunlogo {
		width: 53px
	}
	.welsunlogo img {
		width: 100%
	}
	.welsunlogoblk {
		width: auto;
		padding: 18px 18px 18px 17px
	}
	.welsunmenu {
		margin: 0 0 0 10px
	}
	.hamburger img {
		width: 16px
	}
	.enqurinewconatiner {
		margin: 10% auto 0
	}
	.instantcallblk {
		top: 25%
	}
	.singiapoputext {
		margin-bottom: 15px
	}
}

@font-face {
	font-family: Raleway-Medium;
	src: url(../fonts/Raleway-Medium.eot);
	src: url(../fonts/Raleway-Medium.woff2) format('woff2'), url(../fonts/Raleway-Medium.woff) format('woff'), url(../fonts/Raleway-Medium.ttf) format('truetype'), url(../fonts/Raleway-Medium.svg#Raleway-Medium) format('svg'), url(../fonts/Raleway-Medium.eot?#iefix) format('embedded-opentype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: RobotoRegular;
	src: url(../fonts/RobotoRegular.eot);
	src: url(../fonts/RobotoRegular.eot) format('embedded-opentype'), url(../fonts/RobotoRegular.woff2) format('woff2'), url(../fonts/RobotoRegular.woff) format('woff'), url(../fonts/RobotoRegular.ttf) format('truetype'), url(../fonts/RobotoRegular.svg#RobotoRegular) format('svg')
}

.mm-hidden {
	display: none!important
}

.mm-wrapper {
	overflow-x: hidden;
	position: relative
}

.mm-menu {
	box-sizing: border-box;
	background: inherit;
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0
}

.mm-panels,
.mm-panels>.mm-panel {
	background: inherit;
	border-color: inherit;
	box-sizing: border-box;
	margin: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0
}

.mm-panels {
	overflow: hidden
}

.mm-panel {
	-webkit-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	transform: translate(100%, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left
}

.mm-panel.mm-opened {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.mm-panel.mm-subopened {
	-webkit-transform: translate(-30%, 0);
	-ms-transform: translate(-30%, 0);
	transform: translate(-30%, 0);
	-webkit-transform: translate3d(-30%, 0, 0);
	transform: translate3d(-30%, 0, 0)
}

.mm-panel.mm-highest {
	z-index: 1
}

.mm-panel.mm-noanimation {
	-webkit-transition: none!important;
	transition: none!important
}

.mm-panel.mm-noanimation.mm-subopened {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.mm-panels>.mm-panel {
	-webkit-overflow-scrolling: touch;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 20px
}

.mm-panels>.mm-panel.mm-hasnavbar {
	padding-top: 40px
}

.mm-panels>.mm-panel:not(.mm-hidden) {
	display: block
}

.mm-panels>.mm-panel:after,
.mm-panels>.mm-panel:before {
	content: '';
	display: block;
	height: 20px
}

.mm-vertical .mm-panel {
	-webkit-transform: none!important;
	-ms-transform: none!important;
	transform: none!important
}

.mm-listview .mm-vertical .mm-panel,
.mm-vertical .mm-listview .mm-panel {
	display: none;
	padding: 10px 0 10px 10px
}

.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,
.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after {
	border-color: transparent
}

.mm-vertical li.mm-opened>.mm-panel,
li.mm-vertical.mm-opened>.mm-panel {
	display: block
}

.mm-listview>li.mm-vertical>.mm-next,
.mm-vertical .mm-listview>li>.mm-next {
	box-sizing: border-box;
	height: 40px;
	bottom: auto
}

.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,
.mm-vertical .mm-listview>li.mm-opened>.mm-next:after {
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	right: 19px
}

.mm-btn {
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	z-index: 1
}

.mm-clear:after,
.mm-clear:before,
.mm-close:after,
.mm-close:before {
	content: '';
	border: 2px solid transparent;
	display: block;
	width: 10px;
	height: 10px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box
}

.mm-clear:before,
.mm-close:before {
	border-right: 0;
	border-bottom: 0;
	right: 18px
}

.mm-clear:after,
.mm-close:after {
	border-left: none;
	border-top: 0;
	right: 29px
}

.mm-next:after,
.mm-prev:before {
	content: '';
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	display: block;
	width: 10px;
	height: 10px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0
}

.mm-prev:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 23px;
	right: auto
}

.mm-next:after {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	right: 23px;
	left: auto
}

.mm-navbar {
	border-bottom: 1px solid;
	border-color: inherit;
	text-align: center;
	line-height: 20px;
	height: 40px;
	padding: 0 40px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.mm-navbar>* {
	display: block;
	padding: 10px 0
}

.mm-navbar a,
.mm-navbar a:hover {
	text-decoration: none
}

.mm-navbar .mm-title {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.mm-navbar .mm-btn:first-child {
	left: 0
}

.mm-navbar .mm-btn:last-child {
	text-align: right;
	right: 0
}

.mm-panel .mm-navbar {
	display: none
}

.mm-panel.mm-hasnavbar .mm-navbar {
	display: block
}

.mm-listview,
.mm-listview>li {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
	font-size: 16px
}

.mm-listview {
	font: inherit;
	font-size: 16px;
	line-height: 18px
}

.mm-listview a,
.mm-listview a:hover {
	text-decoration: none
}

.mm-listview>li {
	position: relative
}

.mm-listview>li,
.mm-listview>li .mm-next,
.mm-listview>li .mm-next:before,
.mm-listview>li:after {
	border-color: rgba(255, 255, 255, .2)
}

.mm-listview>li>a,
.mm-listview>li>span {
	color: inherit;
	display: block;
	padding: 10px 10px 10px 12px;
	margin: 0;
	font-family: RobotoRegular;
	text-transform: capitalize
}

.mm-listview>li:not(.mm-divider):after {
	content: '';
	border-bottom-width: 1px;
	border-bottom-style: solid;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0
}

.mm-listview>li:not(.mm-divider):after {
	left: 0
}

.mm-listview .mm-next {
	background: rgba(3, 2, 1, 0);
	width: 50px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2
}

.mm-listview .mm-next:before {
	content: '';
	border-left-width: 1px;
	border-left-style: solid;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0
}

.mm-listview .mm-next+a,
.mm-listview .mm-next+span {
	margin-right: 50px
}

.mm-listview .mm-next.mm-fullsubopen {
	width: 100%
}

.mm-listview .mm-next.mm-fullsubopen:before {
	border-left: none
}

.mm-listview .mm-next.mm-fullsubopen+a,
.mm-listview .mm-next.mm-fullsubopen+span {
	padding-right: 50px;
	margin-right: 0
}

.mm-panels>.mm-panel>.mm-listview {
	margin: 20px -20px
}

.mm-panels>.mm-panel>.mm-listview:first-child,
.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
	margin-top: -20px
}

.mm-menu {
	background: #ec9b25;
	border-color: rgba(0, 0, 0, .1);
	color: #fff
}

.mm-menu .mm-navbar a,
.mm-menu .mm-navbar>* {
	color: #fff
}

.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before {
	border-color: #fff
}

.mm-menu .mm-listview {
	border-color: rgba(0, 0, 0, .1)
}

.mm-menu .mm-listview>li .mm-next:after {
	border-color: #fff
}

.mm-menu .mm-listview>li a:not(.mm-next) {
	-webkit-tap-highlight-color: rgba(255, 255, 255, .5);
	tap-highlight-color: rgba(255, 255, 255, .5)
}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu .mm-listview>li.mm-selected>span {
	background: rgba(255, 255, 255, .5)
}

.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
	background: rgba(0, 0, 0, .05)
}

.mm-menu .mm-divider {
	background: rgba(0, 0, 0, .05)
}

.mm-page {
	box-sizing: border-box;
	position: relative
}

.mm-slideout {
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease;
	z-index: 99
}

html.mm-opened {
	overflow-x: hidden;
	position: relative
}

html.mm-blocking {
	overflow: hidden
}

html.mm-blocking body {
	overflow: hidden
}

html.mm-background .mm-page {
	background: inherit
}

#mm-blocker {
	background: rgba(3, 2, 1, 0);
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2
}

html.mm-blocking #mm-blocker {
	display: block
}

.mm-menu.mm-offcanvas {
	z-index: 0;
	display: none;
	position: fixed
}

.mm-menu.mm-offcanvas.mm-opened {
	display: block
}

.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened {
	z-index: 10
}

.mm-menu.mm-offcanvas {
	width: 80%;
	min-width: 140px;
	max-width: 280px
}

html.mm-opening .mm-menu.mm-opened~.mm-slideout {
	-webkit-transform: translate(80%, 0);
	-ms-transform: translate(80%, 0);
	transform: translate(80%, 0);
	-webkit-transform: translate3d(80%, 0, 0);
	transform: translate3d(80%, 0, 0)
}

.mobileiconblk .iconcomblk {
	display: inline-block;
	margin: 10px 0 10px 10px
}

@media all and (max-width:175px) {
	html.mm-opening .mm-menu.mm-opened~.mm-slideout {
		-webkit-transform: translate(300px, 0);
		-ms-transform: translate(300px, 0);
		transform: translate(300px, 0);
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0)
	}
}

@media all and (min-width:550px) {
	html.mm-opening .mm-menu.mm-opened~.mm-slideout {
		-webkit-transform: translate(300px, 0);
		-ms-transform: translate(300px, 0);
		transform: translate(300px, 0);
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0)
	}
}

.mm-sronly {
	border: 0!important;
	clip: rect(1px, 1px, 1px, 1px)!important;
	-webkit-clip-path: inset(50%)!important;
	clip-path: inset(50%)!important;
	white-space: nowrap!important;
	width: 1px!important;
	height: 1px!important;
	padding: 0!important;
	overflow: hidden!important;
	position: absolute!important
}

.mm-menu .mm-listview.mm-border-none>li:after,
.mm-menu .mm-listview>li.mm-border-none:after,
.mm-menu.mm-border-none .mm-listview>li:after {
	content: none
}

.mm-menu .mm-listview.mm-border-full>li:after,
.mm-menu .mm-listview>li.mm-border-full:after,
.mm-menu.mm-border-full .mm-listview>li:after {
	left: 0!important
}

.mm-menu .mm-listview.mm-border-offset>li:after,
.mm-menu .mm-listview>li.mm-border-offset:after,
.mm-menu.mm-border-offset .mm-listview>li:after {
	right: 20px
}

.mm-menu.mm-fx-menu-zoom {
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease
}

html.mm-opened .mm-menu.mm-fx-menu-zoom {
	-webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
	transform: scale(.7, .7) translate3d(-30%, 0, 0);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}

html.mm-opening .mm-menu.mm-fx-menu-zoom {
	-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
	transform: scale(1, 1) translate3d(0, 0, 0)
}

html.mm-right.mm-opened .mm-menu.mm-fx-menu-zoom {
	-webkit-transform: scale(.7, .7) translate3d(30%, 0, 0);
	transform: scale(.7, .7) translate3d(30%, 0, 0);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center
}

html.mm-right.mm-opening .mm-menu.mm-fx-menu-zoom {
	-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
	transform: scale(1, 1) translate3d(0, 0, 0)
}

.mm-menu.mm-fx-menu-slide {
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease
}

html.mm-opened .mm-menu.mm-fx-menu-slide {
	-webkit-transform: translate(-30%, 0);
	-ms-transform: translate(-30%, 0);
	transform: translate(-30%, 0);
	-webkit-transform: translate3d(-30%, 0, 0);
	transform: translate3d(-30%, 0, 0)
}

html.mm-opening .mm-menu.mm-fx-menu-slide {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

html.mm-right.mm-opened .mm-menu.mm-fx-menu-slide {
	-webkit-transform: translate(30%, 0);
	-ms-transform: translate(30%, 0);
	transform: translate(30%, 0);
	-webkit-transform: translate3d(30%, 0, 0);
	transform: translate3d(30%, 0, 0)
}

html.mm-right.mm-opening .mm-menu.mm-fx-menu-slide {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.mm-menu.mm-fx-menu-fade {
	opacity: 0;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease
}

html.mm-opening .mm-menu.mm-fx-menu-fade {
	opacity: 1
}

.mm-menu .mm-fx-panels-none.mm-panel,
.mm-menu.mm-fx-panels-none .mm-panel {
	-webkit-transition-property: none;
	transition-property: none
}

.mm-menu .mm-fx-panels-none.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-none .mm-panel.mm-subopened {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.mm-menu .mm-fx-panels-zoom.mm-panel,
.mm-menu.mm-fx-panels-zoom .mm-panel {
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
	transform: scale(1.5, 1.5) translate3d(100%, 0, 0)
}

.mm-menu .mm-fx-panels-zoom.mm-panel.mm-opened,
.mm-menu.mm-fx-panels-zoom .mm-panel.mm-opened {
	-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
	transform: scale(1, 1) translate3d(0, 0, 0)
}

.mm-menu .mm-fx-panels-zoom.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-zoom .mm-panel.mm-subopened {
	-webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
	transform: scale(.7, .7) translate3d(-30%, 0, 0)
}

.mm-menu .mm-fx-panels-slide-0.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-slide-0 .mm-panel.mm-subopened {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.mm-menu .mm-fx-panels-slide-100.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-slide-100 .mm-panel.mm-subopened {
	-webkit-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

.mm-menu .mm-fx-panels-slide-up.mm-panel,
.mm-menu.mm-fx-panels-slide-up .mm-panel {
	-webkit-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-opened,
.mm-menu.mm-fx-panels-slide-up .mm-panel.mm-opened {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-slide-up .mm-panel.mm-subopened {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li {
	-webkit-transition: none .4s ease;
	transition: none .4s ease
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(1) {
	-webkit-transition-delay: 50ms;
	transition-delay: 50ms
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(2) {
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(3) {
	-webkit-transition-delay: 150ms;
	transition-delay: 150ms
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(4) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(5) {
	-webkit-transition-delay: 250ms;
	transition-delay: 250ms
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(6) {
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(7) {
	-webkit-transition-delay: 350ms;
	transition-delay: 350ms
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(8) {
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(9) {
	-webkit-transition-delay: 450ms;
	transition-delay: 450ms
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(10) {
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(11) {
	-webkit-transition-delay: 550ms;
	transition-delay: 550ms
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(12) {
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(13) {
	-webkit-transition-delay: 650ms;
	transition-delay: 650ms
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(14) {
	-webkit-transition-delay: .7s;
	transition-delay: .7s
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(15) {
	-webkit-transition-delay: 750ms;
	transition-delay: 750ms
}

.mm-menu.mm-fx-listitems-slide .mm-listview>li {
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transform: translate(50%, 0);
	-ms-transform: translate(50%, 0);
	transform: translate(50%, 0);
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
	opacity: 0
}

html.mm-opening .mm-menu.mm-fx-listitems-slide .mm-panel.mm-opened .mm-listview>li {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}

.mm-menu.mm-fx-listitems-fade .mm-listview>li {
	-webkit-transition-property: opacity;
	transition-property: opacity;
	opacity: 0
}

html.mm-opening .mm-menu.mm-fx-listitems-fade .mm-panel.mm-opened .mm-listview>li {
	opacity: 1
}

.mm-menu.mm-fx-listitems-drop .mm-listview>li {
	-webkit-transition-property: opacity, top;
	transition-property: opacity, top;
	opacity: 0;
	top: -25%
}

html.mm-opening .mm-menu.mm-fx-listitems-drop .mm-panel.mm-opened .mm-listview>li {
	opacity: 1;
	top: 0
}

.mm-menu.mm-offcanvas.mm-fullscreen {
	width: 100%;
	min-width: 140px;
	max-width: 10000px
}

html.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout {
	-webkit-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	transform: translate(100%, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

@media all and (max-width:140px) {
	html.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout {
		-webkit-transform: translate(140px, 0);
		-ms-transform: translate(140px, 0);
		transform: translate(140px, 0);
		-webkit-transform: translate3d(140px, 0, 0);
		transform: translate3d(140px, 0, 0)
	}
}

@media all and (min-width:10000px) {
	html.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout {
		-webkit-transform: translate(10000px, 0);
		-ms-transform: translate(10000px, 0);
		transform: translate(10000px, 0);
		-webkit-transform: translate3d(10000px, 0, 0);
		transform: translate3d(10000px, 0, 0)
	}
}

html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout {
	-webkit-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

@media all and (max-width:140px) {
	html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout {
		-webkit-transform: translate(-140px, 0);
		-ms-transform: translate(-140px, 0);
		transform: translate(-140px, 0);
		-webkit-transform: translate3d(-140px, 0, 0);
		transform: translate3d(-140px, 0, 0)
	}
}

@media all and (min-width:10000px) {
	html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout {
		-webkit-transform: translate(-10000px, 0);
		-ms-transform: translate(-10000px, 0);
		transform: translate(-10000px, 0);
		-webkit-transform: translate3d(-10000px, 0, 0);
		transform: translate3d(-10000px, 0, 0)
	}
}

.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom,
.mm-menu.mm-offcanvas.mm-fullscreen.mm-top {
	height: 100%;
	min-height: 140px;
	max-height: 10000px
}

html.mm-iconbar body {
	overflow-x: hidden
}

html.mm-iconbar .mm-page {
	background: inherit;
	min-height: 100vh
}

html.mm-iconbar .mm-slideout {
	box-sizing: border-box;
	padding-right: 60px;
	-webkit-transform: translate(60px, 0);
	-ms-transform: translate(60px, 0);
	transform: translate(60px, 0);
	-webkit-transform: translate3d(60px, 0, 0);
	transform: translate3d(60px, 0, 0)
}

.mm-menu.mm-iconbar {
	display: block
}

.mm-menu .mm-panels>.mm-panel.mm-listview-justify:after,
.mm-menu .mm-panels>.mm-panel.mm-listview-justify:before,
.mm-menu.mm-listview-justify .mm-panels>.mm-panel:after,
.mm-menu.mm-listview-justify .mm-panels>.mm-panel:before {
	content: none;
	display: none
}

.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview,
.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	margin-top: 0;
	margin-bottom: 0
}

.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li,
.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	min-height: 40px
}

.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li:not(.mm-divider),
.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li>a:not(.mm-next),
.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li>span,
.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li>a:not(.mm-next),
.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li>span {
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.mm-listview-small .mm-listview>li>a:not(.mm-next),
.mm-listview-small .mm-listview>li>span {
	padding: 7px 10px 7px 20px
}

.mm-listview-small .mm-listview>li.mm-vertical>.mm-next,
.mm-listview-small .mm-vertical>.mm-listview>li>.mm-next {
	height: 34px
}

.mm-listview-large .mm-listview>li>a:not(.mm-next),
.mm-listview-large .mm-listview>li>span {
	padding: 15px 10px 15px 20px
}

.mm-listview-large .mm-listview>li.mm-vertical>.mm-next,
.mm-listview-large .mm-vertical>.mm-listview>li>.mm-next {
	height: 50px
}

.mm-listview-huge .mm-listview>li>a:not(.mm-next),
.mm-listview-huge .mm-listview>li>span {
	padding: 20px 10px 20px 20px
}

.mm-listview-huge .mm-listview>li.mm-vertical>.mm-next,
.mm-listview-huge .mm-vertical>.mm-listview>li>.mm-next {
	height: 60px
}

.mm-listview .mm-divider {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 10px;
	text-transform: uppercase;
	text-indent: 20px;
	line-height: 25px
}

.mm-listview .mm-spacer {
	padding-top: 40px
}

.mm-listview .mm-spacer>.mm-next {
	top: 40px
}

.mm-listview .mm-spacer.mm-divider {
	padding-top: 25px
}

.mm-listview .mm-inset {
	list-style: inside disc;
	padding: 0 10px 15px 40px;
	margin: 0
}

.mm-listview .mm-inset>li {
	padding: 5px 0
}

.mm-menu .mm-listview.mm-multiline>li>a,
.mm-menu .mm-listview.mm-multiline>li>span,
.mm-menu .mm-listview>li.mm-multiline>a,
.mm-menu .mm-listview>li.mm-multiline>span,
.mm-menu.mm-multiline .mm-listview>li>a,
.mm-menu.mm-multiline .mm-listview>li>span {
	text-overflow: clip;
	white-space: normal
}

.mm-menu.mm-opened[class*=mm-pagedim]~#mm-blocker {
	opacity: 0
}

html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim]~#mm-blocker {
	opacity: .3;
	-webkit-transition: opacity .4s ease .4s;
	transition: opacity .4s ease .4s
}

.mm-menu.mm-opened.mm-pagedim~#mm-blocker {
	background: inherit
}

.mm-menu.mm-opened.mm-pagedim-white~#mm-blocker {
	background: #fff
}

.mm-menu.mm-opened.mm-pagedim-black~#mm-blocker {
	background: #000
}

.mm-menu.mm-popup {
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease;
	opacity: 0;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
	height: 80%;
	min-height: 140px;
	max-height: 880px;
	top: 50%;
	left: 50%;
	bottom: auto;
	right: auto;
	z-index: 2;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}

.mm-menu.mm-popup.mm-opened~.mm-slideout {
	-webkit-transform: none!important;
	-ms-transform: none!important;
	transform: none!important;
	z-index: 0
}

.mm-menu.mm-popup.mm-opened~#mm-blocker {
	-webkit-transition-delay: 0s!important;
	transition-delay: 0s!important;
	z-index: 1
}

html.mm-opening .mm-menu.mm-popup {
	opacity: 1
}

.mm-menu.mm-offcanvas.mm-right {
	left: auto
}

html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout {
	-webkit-transform: translate(-80%, 0);
	-ms-transform: translate(-80%, 0);
	transform: translate(-80%, 0);
	-webkit-transform: translate3d(-80%, 0, 0);
	transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
	html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout {
		-webkit-transform: translate(-140px, 0);
		-ms-transform: translate(-140px, 0);
		transform: translate(-140px, 0);
		-webkit-transform: translate3d(-140px, 0, 0);
		transform: translate3d(-140px, 0, 0)
	}
}

@media all and (min-width:550px) {
	html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout {
		-webkit-transform: translate(-440px, 0);
		-ms-transform: translate(-440px, 0);
		transform: translate(-440px, 0);
		-webkit-transform: translate3d(-440px, 0, 0);
		transform: translate3d(-440px, 0, 0)
	}
}

html.mm-front .mm-slideout {
	-webkit-transform: none!important;
	-ms-transform: none!important;
	transform: none!important;
	z-index: 0
}

html.mm-front #mm-blocker {
	z-index: 1
}

html.mm-front .mm-menu.mm-offcanvas {
	z-index: 2
}

.mm-menu.mm-offcanvas.mm-front,
.mm-menu.mm-offcanvas.mm-next {
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease;
	-webkit-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-front.mm-right,
.mm-menu.mm-offcanvas.mm-next.mm-right {
	-webkit-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	transform: translate(100%, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-top {
	-webkit-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%);
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

.mm-menu.mm-offcanvas.mm-bottom {
	-webkit-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.mm-menu.mm-offcanvas.mm-bottom,
.mm-menu.mm-offcanvas.mm-top {
	width: 100%;
	min-width: 100%;
	max-width: 100%
}

.mm-menu.mm-offcanvas.mm-bottom {
	top: auto
}

html.mm-opening .mm-menu.mm-offcanvas.mm-front,
html.mm-opening .mm-menu.mm-offcanvas.mm-next {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.mm-menu.mm-offcanvas.mm-bottom,
.mm-menu.mm-offcanvas.mm-top {
	height: 80%;
	min-height: 140px;
	max-height: 880px
}

.mm-menu.mm-shadow-page:after {
	content: "";
	display: block;
	width: 20px;
	height: 120%;
	position: absolute;
	left: 100%;
	top: -10%;
	z-index: 100;
	-webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
	clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%)
}

.mm-menu.mm-shadow-page.mm-right:after {
	left: auto;
	right: 100%
}

.mm-menu.mm-shadow-page.mm-front:after,
.mm-menu.mm-shadow-page.mm-next:after {
	content: none;
	display: none
}

.mm-menu.mm-shadow-page:after {
	box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
	box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-dark {
	background: #333;
	border-color: rgba(0, 0, 0, .15);
	color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark .mm-navbar a,
.mm-menu.mm-theme-dark .mm-navbar>* {
	color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-btn:after,
.mm-menu.mm-theme-dark .mm-btn:before {
	border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-listview {
	border-color: rgba(0, 0, 0, .15)
}

.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after {
	border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next) {
	-webkit-tap-highlight-color: rgba(0, 0, 0, .1);
	tap-highlight-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span {
	background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
	background: rgba(255, 255, 255, .05)
}

.mm-menu.mm-theme-dark .mm-divider {
	background: rgba(255, 255, 255, .05)
}

.mm-menu.mm-theme-dark label.mm-check:before {
	border-color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark em.mm-counter {
	color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-fixeddivider span {
	background: rgba(255, 255, 255, .05)
}

.mm-menu.mm-keyboardfocus a:focus {
	background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-shadow-page.mm-theme-dark:after {
	box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n+2) {
	box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.mm-menu.mm-theme-dark .mm-search input {
	background: rgba(255, 255, 255, .3);
	color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark .mm-noresultsmsg {
	color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-indexer a {
	color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,
.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover {
	background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
	background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark label.mm-toggle {
	background: rgba(0, 0, 0, .15)
}

.mm-menu.mm-theme-dark label.mm-toggle:before {
	background: #333
}

.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle {
	background: #4bd963
}

.mm-menu.mm-theme-white {
	background: #fff;
	border-color: rgba(0, 0, 0, .1);
	color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white .mm-navbar a,
.mm-menu.mm-theme-white .mm-navbar>* {
	color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-btn:after,
.mm-menu.mm-theme-white .mm-btn:before {
	border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-listview {
	border-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-white .mm-listview>li .mm-next:after {
	border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next) {
	-webkit-tap-highlight-color: rgba(0, 0, 0, .05);
	tap-highlight-color: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span {
	background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
	background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white .mm-divider {
	background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white label.mm-check:before {
	border-color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white em.mm-counter {
	color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-fixeddivider span {
	background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-keyboardfocus a:focus {
	background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-shadow-page.mm-theme-white:after {
	box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2) {
	box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.mm-menu.mm-theme-white .mm-search input {
	background: rgba(0, 0, 0, .05);
	color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white .mm-noresultsmsg {
	color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-indexer a {
	color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,
.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover {
	background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,
.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,
.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
	background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white label.mm-toggle {
	background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-white label.mm-toggle:before {
	background: #fff
}

.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle {
	background: #4bd963
}

.mm-menu.mm-theme-black {
	background: #000;
	border-color: rgba(255, 255, 255, .2);
	color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black .mm-navbar a,
.mm-menu.mm-theme-black .mm-navbar>* {
	color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-btn:after,
.mm-menu.mm-theme-black .mm-btn:before {
	border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-listview {
	border-color: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black .mm-listview>li .mm-next:after {
	border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next) {
	-webkit-tap-highlight-color: rgba(255, 255, 255, .3);
	tap-highlight-color: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span {
	background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
	background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black .mm-divider {
	background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black label.mm-check:before {
	border-color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black em.mm-counter {
	color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-fixeddivider span {
	background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-keyboardfocus a:focus {
	background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-shadow-page.mm-theme-black:after {
	content: none;
	display: none
}

.mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n+2) {
	box-shadow: false
}

.mm-menu.mm-theme-black .mm-search input {
	background: rgba(255, 255, 255, .3);
	color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black .mm-noresultsmsg {
	color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-indexer a {
	color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,
.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover {
	background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,
.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,
.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
	background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black label.mm-toggle {
	background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black label.mm-toggle:before {
	background: #000
}

.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle {
	background: #4bd963
}

.mm-menu .mm-tileview.mm-listview:after,
.mm-menu.mm-tileview .mm-listview:after {
	content: '';
	display: block;
	clear: both
}

.mm-menu .mm-tileview.mm-listview>li,
.mm-menu.mm-tileview .mm-listview>li {
	width: 50%;
	height: 0;
	padding: 50% 0 0;
	float: left;
	position: relative
}

.mm-menu .mm-tileview.mm-listview>li:after,
.mm-menu.mm-tileview .mm-listview>li:after {
	left: 0;
	top: 0;
	border-right-width: 1px;
	border-right-style: solid;
	z-index: -1
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,
.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs {
	width: 12.5%;
	padding-top: 12.5%
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-s,
.mm-menu.mm-tileview .mm-listview>li.mm-tile-s {
	width: 25%;
	padding-top: 25%
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-l,
.mm-menu.mm-tileview .mm-listview>li.mm-tile-l {
	width: 75%;
	padding-top: 75%
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,
.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl {
	width: 100%;
	padding-top: 100%
}

.mm-menu .mm-tileview.mm-listview>li>a,
.mm-menu .mm-tileview.mm-listview>li>span,
.mm-menu.mm-tileview .mm-listview>li>a,
.mm-menu.mm-tileview .mm-listview>li>span {
	line-height: 1px;
	text-align: center;
	padding: 50% 10px 0;
	margin: 0;
	position: absolute;
	top: 0;
	right: 1px;
	bottom: 1px;
	left: 0
}

.mm-menu .mm-tileview.mm-listview>li>.mm-next,
.mm-menu.mm-tileview .mm-listview>li>.mm-next {
	width: auto
}

.mm-menu .mm-tileview.mm-listview>li>.mm-next:after,
.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,
.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,
.mm-menu.mm-tileview .mm-listview>li>.mm-next:before {
	content: none;
	display: none
}

.mm-menu.mm-tileview .mm-panel {
	padding-left: 0;
	padding-right: 0
}

.mm-menu.mm-tileview .mm-panel:after {
	content: none;
	display: none
}

.mm-menu.mm-tileview .mm-listview {
	margin: 0
}

html.mm-widescreen body {
	position: relative
}

html.mm-widescreen #mm-blocker {
	display: none!important
}

html.mm-widescreen .mm-slideout {
	-webkit-transform: none!important;
	-ms-transform: none!important;
	transform: none!important;
	width: 70%!important;
	margin-left: 30%!important
}

html.mm-widescreen .mm-page {
	background: inherit;
	box-sizing: border-box
}

html.mm-widescreen.mm-blocking,
html.mm-widescreen.mm-blocking body {
	overflow: auto
}

.mm-menu.mm-widescreen {
	border-right-width: 1px;
	border-right-style: solid;
	display: block!important;
	width: 30%!important;
	min-width: 0!important;
	max-width: none!important;
	top: 0!important;
	right: auto!important;
	bottom: 0!important;
	left: 0!important;
	z-index: 100!important;
	-webkit-transform: none!important;
	-ms-transform: none!important;
	transform: none!important
}

.mm-menu.mm-widescreen.mm-pageshadow:after {
	content: none;
	display: none
}

.mm-menu.mm-autoheight {
	-webkit-transition: none .4s ease;
	transition: none .4s ease;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}

.mm-menu.mm-autoheight:not(.mm-offcanvas) {
	position: relative
}

.mm-menu.mm-measureheight .mm-panel.mm-vertical.mm-opened,
.mm-menu.mm-measureheight .mm-panel:not(.mm-vertical) {
	display: block!important
}

.mm-menu.mm-measureheight .mm-panels>.mm-panel {
	bottom: auto!important;
	height: auto!important
}

.mm-columns {
	-webkit-transition-property: width;
	transition-property: width
}

.mm-columns .mm-panels>.mm-panel {
	right: auto;
	-webkit-transition-property: width, -webkit-transform;
	transition-property: width, -webkit-transform;
	transition-property: width, transform;
	transition-property: width, transform, -webkit-transform
}

.mm-columns .mm-panels>.mm-panel.mm-opened,
.mm-columns .mm-panels>.mm-panel.mm-subopened {
	border-left: 1px solid;
	border-color: inherit;
	display: block!important
}

.mm-columns .mm-panels>.mm-columns-0 {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.mm-columns-0 .mm-panels>.mm-panel {
	z-index: 0
}

.mm-columns-0 .mm-panels>.mm-panel else {
	width: 100%
}

.mm-columns-0 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened) {
	-webkit-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	transform: translate(100%, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-0 {
	width: 80%;
	min-width: 140px;
	max-width: 0
}

html.mm-opening .mm-menu.mm-columns-0.mm-opened~.mm-slideout {
	-webkit-transform: translate(80%, 0);
	-ms-transform: translate(80%, 0);
	transform: translate(80%, 0);
	-webkit-transform: translate3d(80%, 0, 0);
	transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
	html.mm-opening .mm-menu.mm-columns-0.mm-opened~.mm-slideout {
		-webkit-transform: translate(140px, 0);
		-ms-transform: translate(140px, 0);
		transform: translate(140px, 0);
		-webkit-transform: translate3d(140px, 0, 0);
		transform: translate3d(140px, 0, 0)
	}
}

@media all and (min-width:0) {
	html.mm-opening .mm-menu.mm-columns-0.mm-opened~.mm-slideout {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened~.mm-slideout {
	-webkit-transform: translate(-80%, 0);
	-ms-transform: translate(-80%, 0);
	transform: translate(-80%, 0);
	-webkit-transform: translate3d(-80%, 0, 0);
	transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
	html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened~.mm-slideout {
		-webkit-transform: translate(-140px, 0);
		-ms-transform: translate(-140px, 0);
		transform: translate(-140px, 0);
		-webkit-transform: translate3d(-140px, 0, 0);
		transform: translate3d(-140px, 0, 0)
	}
}

@media all and (min-width:0) {
	html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened~.mm-slideout {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.mm-columns .mm-panels>.mm-columns-1 {
	-webkit-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	transform: translate(100%, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

.mm-columns-1 .mm-panels>.mm-panel {
	z-index: 1;
	width: 100%
}

.mm-columns-1 .mm-panels>.mm-panel else {
	width: 100%
}

.mm-columns-1 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened) {
	-webkit-transform: translate(200%, 0);
	-ms-transform: translate(200%, 0);
	transform: translate(200%, 0);
	-webkit-transform: translate3d(200%, 0, 0);
	transform: translate3d(200%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-1 {
	width: 80%;
	min-width: 140px;
	max-width: 440px
}

html.mm-opening .mm-menu.mm-columns-1.mm-opened~.mm-slideout {
	-webkit-transform: translate(80%, 0);
	-ms-transform: translate(80%, 0);
	transform: translate(80%, 0);
	-webkit-transform: translate3d(80%, 0, 0);
	transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
	html.mm-opening .mm-menu.mm-columns-1.mm-opened~.mm-slideout {
		-webkit-transform: translate(140px, 0);
		-ms-transform: translate(140px, 0);
		transform: translate(140px, 0);
		-webkit-transform: translate3d(140px, 0, 0);
		transform: translate3d(140px, 0, 0)
	}
}

@media all and (min-width:550px) {
	html.mm-opening .mm-menu.mm-columns-1.mm-opened~.mm-slideout {
		-webkit-transform: translate(440px, 0);
		-ms-transform: translate(440px, 0);
		transform: translate(440px, 0);
		-webkit-transform: translate3d(440px, 0, 0);
		transform: translate3d(440px, 0, 0)
	}
}

html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened~.mm-slideout {
	-webkit-transform: translate(-80%, 0);
	-ms-transform: translate(-80%, 0);
	transform: translate(-80%, 0);
	-webkit-transform: translate3d(-80%, 0, 0);
	transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
	html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened~.mm-slideout {
		-webkit-transform: translate(-140px, 0);
		-ms-transform: translate(-140px, 0);
		transform: translate(-140px, 0);
		-webkit-transform: translate3d(-140px, 0, 0);
		transform: translate3d(-140px, 0, 0)
	}
}

@media all and (min-width:550px) {
	html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened~.mm-slideout {
		-webkit-transform: translate(-440px, 0);
		-ms-transform: translate(-440px, 0);
		transform: translate(-440px, 0);
		-webkit-transform: translate3d(-440px, 0, 0);
		transform: translate3d(-440px, 0, 0)
	}
}

.mm-columns .mm-panels>.mm-columns-2 {
	-webkit-transform: translate(200%, 0);
	-ms-transform: translate(200%, 0);
	transform: translate(200%, 0);
	-webkit-transform: translate3d(200%, 0, 0);
	transform: translate3d(200%, 0, 0)
}

.mm-columns-2 .mm-panels>.mm-panel {
	z-index: 2;
	width: 50%
}

.mm-columns-2 .mm-panels>.mm-panel else {
	width: 100%
}

.mm-columns-2 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened) {
	-webkit-transform: translate(300%, 0);
	-ms-transform: translate(300%, 0);
	transform: translate(300%, 0);
	-webkit-transform: translate3d(300%, 0, 0);
	transform: translate3d(300%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-2 {
	width: 80%;
	min-width: 140px;
	max-width: 880px
}

html.mm-opening .mm-menu.mm-columns-2.mm-opened~.mm-slideout {
	-webkit-transform: translate(80%, 0);
	-ms-transform: translate(80%, 0);
	transform: translate(80%, 0);
	-webkit-transform: translate3d(80%, 0, 0);
	transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
	html.mm-opening .mm-menu.mm-columns-2.mm-opened~.mm-slideout {
		-webkit-transform: translate(140px, 0);
		-ms-transform: translate(140px, 0);
		transform: translate(140px, 0);
		-webkit-transform: translate3d(140px, 0, 0);
		transform: translate3d(140px, 0, 0)
	}
}

@media all and (min-width:1100px) {
	html.mm-opening .mm-menu.mm-columns-2.mm-opened~.mm-slideout {
		-webkit-transform: translate(880px, 0);
		-ms-transform: translate(880px, 0);
		transform: translate(880px, 0);
		-webkit-transform: translate3d(880px, 0, 0);
		transform: translate3d(880px, 0, 0)
	}
}

html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened~.mm-slideout {
	-webkit-transform: translate(-80%, 0);
	-ms-transform: translate(-80%, 0);
	transform: translate(-80%, 0);
	-webkit-transform: translate3d(-80%, 0, 0);
	transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
	html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened~.mm-slideout {
		-webkit-transform: translate(-140px, 0);
		-ms-transform: translate(-140px, 0);
		transform: translate(-140px, 0);
		-webkit-transform: translate3d(-140px, 0, 0);
		transform: translate3d(-140px, 0, 0)
	}
}

@media all and (min-width:1100px) {
	html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened~.mm-slideout {
		-webkit-transform: translate(-880px, 0);
		-ms-transform: translate(-880px, 0);
		transform: translate(-880px, 0);
		-webkit-transform: translate3d(-880px, 0, 0);
		transform: translate3d(-880px, 0, 0)
	}
}

.mm-columns .mm-panels>.mm-columns-3 {
	-webkit-transform: translate(300%, 0);
	-ms-transform: translate(300%, 0);
	transform: translate(300%, 0);
	-webkit-transform: translate3d(300%, 0, 0);
	transform: translate3d(300%, 0, 0)
}

.mm-columns-3 .mm-panels>.mm-panel {
	z-index: 3;
	width: 33.34%
}

.mm-columns-3 .mm-panels>.mm-panel else {
	width: 100%
}

.mm-columns-3 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened) {
	-webkit-transform: translate(400%, 0);
	-ms-transform: translate(400%, 0);
	transform: translate(400%, 0);
	-webkit-transform: translate3d(400%, 0, 0);
	transform: translate3d(400%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-3 {
	width: 80%;
	min-width: 140px;
	max-width: 1320px
}

html.mm-opening .mm-menu.mm-columns-3.mm-opened~.mm-slideout {
	-webkit-transform: translate(80%, 0);
	-ms-transform: translate(80%, 0);
	transform: translate(80%, 0);
	-webkit-transform: translate3d(80%, 0, 0);
	transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
	html.mm-opening .mm-menu.mm-columns-3.mm-opened~.mm-slideout {
		-webkit-transform: translate(140px, 0);
		-ms-transform: translate(140px, 0);
		transform: translate(140px, 0);
		-webkit-transform: translate3d(140px, 0, 0);
		transform: translate3d(140px, 0, 0)
	}
}

@media all and (min-width:1650px) {
	html.mm-opening .mm-menu.mm-columns-3.mm-opened~.mm-slideout {
		-webkit-transform: translate(1320px, 0);
		-ms-transform: translate(1320px, 0);
		transform: translate(1320px, 0);
		-webkit-transform: translate3d(1320px, 0, 0);
		transform: translate3d(1320px, 0, 0)
	}
}

html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened~.mm-slideout {
	-webkit-transform: translate(-80%, 0);
	-ms-transform: translate(-80%, 0);
	transform: translate(-80%, 0);
	-webkit-transform: translate3d(-80%, 0, 0);
	transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
	html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened~.mm-slideout {
		-webkit-transform: translate(-140px, 0);
		-ms-transform: translate(-140px, 0);
		transform: translate(-140px, 0);
		-webkit-transform: translate3d(-140px, 0, 0);
		transform: translate3d(-140px, 0, 0)
	}
}

@media all and (min-width:1650px) {
	html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened~.mm-slideout {
		-webkit-transform: translate(-1320px, 0);
		-ms-transform: translate(-1320px, 0);
		transform: translate(-1320px, 0);
		-webkit-transform: translate3d(-1320px, 0, 0);
		transform: translate3d(-1320px, 0, 0)
	}
}

.mm-columns .mm-panels>.mm-columns-4 {
	-webkit-transform: translate(400%, 0);
	-ms-transform: translate(400%, 0);
	transform: translate(400%, 0);
	-webkit-transform: translate3d(400%, 0, 0);
	transform: translate3d(400%, 0, 0)
}

.mm-columns-4 .mm-panels>.mm-panel {
	z-index: 4;
	width: 25%
}

.mm-columns-4 .mm-panels>.mm-panel else {
	width: 100%
}

.mm-columns-4 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened) {
	-webkit-transform: translate(500%, 0);
	-ms-transform: translate(500%, 0);
	transform: translate(500%, 0);
	-webkit-transform: translate3d(500%, 0, 0);
	transform: translate3d(500%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-4 {
	width: 80%;
	min-width: 140px;
	max-width: 1760px
}

html.mm-opening .mm-menu.mm-columns-4.mm-opened~.mm-slideout {
	-webkit-transform: translate(80%, 0);
	-ms-transform: translate(80%, 0);
	transform: translate(80%, 0);
	-webkit-transform: translate3d(80%, 0, 0);
	transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
	html.mm-opening .mm-menu.mm-columns-4.mm-opened~.mm-slideout {
		-webkit-transform: translate(140px, 0);
		-ms-transform: translate(140px, 0);
		transform: translate(140px, 0);
		-webkit-transform: translate3d(140px, 0, 0);
		transform: translate3d(140px, 0, 0)
	}
}

@media all and (min-width:2200px) {
	html.mm-opening .mm-menu.mm-columns-4.mm-opened~.mm-slideout {
		-webkit-transform: translate(1760px, 0);
		-ms-transform: translate(1760px, 0);
		transform: translate(1760px, 0);
		-webkit-transform: translate3d(1760px, 0, 0);
		transform: translate3d(1760px, 0, 0)
	}
}

html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened~.mm-slideout {
	-webkit-transform: translate(-80%, 0);
	-ms-transform: translate(-80%, 0);
	transform: translate(-80%, 0);
	-webkit-transform: translate3d(-80%, 0, 0);
	transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
	html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened~.mm-slideout {
		-webkit-transform: translate(-140px, 0);
		-ms-transform: translate(-140px, 0);
		transform: translate(-140px, 0);
		-webkit-transform: translate3d(-140px, 0, 0);
		transform: translate3d(-140px, 0, 0)
	}
}

@media all and (min-width:2200px) {
	html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened~.mm-slideout {
		-webkit-transform: translate(-1760px, 0);
		-ms-transform: translate(-1760px, 0);
		transform: translate(-1760px, 0);
		-webkit-transform: translate3d(-1760px, 0, 0);
		transform: translate3d(-1760px, 0, 0)
	}
}

.mm-columns.mm-offcanvas.mm-bottom,
.mm-columns.mm-offcanvas.mm-top {
	width: 100%;
	max-width: 100%;
	min-width: 100%
}

html.mm-opening .mm-columns.mm-offcanvas.mm-front,
html.mm-opening .mm-columns.mm-offcanvas.mm-next {
	-webkit-transition-property: width, min-width, max-width, -webkit-transform;
	transition-property: width, min-width, max-width, -webkit-transform;
	transition-property: width, min-width, max-width, transform;
	transition-property: width, min-width, max-width, transform, -webkit-transform
}

em.mm-counter {
	font: inherit;
	font-size: 14px;
	font-style: normal;
	text-indent: 0;
	line-height: 20px;
	display: block;
	margin-top: -10px;
	position: absolute;
	right: 45px;
	top: 50%
}

em.mm-counter+a.mm-next {
	width: 90px
}

em.mm-counter+a.mm-next+a,
em.mm-counter+a.mm-next+span {
	margin-right: 90px
}

em.mm-counter+a.mm-fullsubopen {
	padding-left: 0
}

em.mm-counter+a.mm-fullsubopen+a,
em.mm-counter+a.mm-fullsubopen+span {
	padding-right: 90px
}

.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+a,
.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+span {
	padding-right: 90px
}

.mm-vertical>.mm-counter {
	top: 12px;
	margin-top: 0
}

.mm-vertical.mm-spacer>.mm-counter {
	margin-top: 40px
}

.mm-nosubresults>.mm-counter {
	display: none
}

.mm-menu em.mm-counter {
	color: rgba(0, 0, 0, .3)
}

.mm-divider>span {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0;
	line-height: 25px
}

.mm-divider.mm-opened a.mm-next:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.mm-collapsed:not(.mm-uncollapsed) {
	display: none
}

.mm-fixeddivider {
	background: inherit;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.mm-fixeddivider:after {
	content: none!important;
	display: none!important
}

.mm-hasdividers .mm-fixeddivider {
	display: block
}

.mm-menu .mm-fixeddivider span {
	background: rgba(0, 0, 0, .05)
}

html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-slideout {
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.mm-menu.mm-dropdown {
	box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
	height: 80%
}

html.mm-dropdown .mm-slideout {
	-webkit-transform: none!important;
	-ms-transform: none!important;
	transform: none!important;
	z-index: 0
}

html.mm-dropdown #mm-blocker {
	-webkit-transition-delay: 0s!important;
	transition-delay: 0s!important;
	z-index: 1
}

html.mm-dropdown .mm-menu {
	z-index: 2
}

html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu {
	display: none
}

.mm-menu.mm-tip:before {
	content: '';
	background: inherit;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	z-index: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.mm-menu.mm-tipleft:before {
	left: 22px
}

.mm-menu.mm-tipright:before {
	right: 22px
}

.mm-menu.mm-tiptop:before {
	top: -8px
}

.mm-menu.mm-tipbottom:before {
	bottom: -8px
}

.mm-iconpanel .mm-panels>.mm-panel {
	-webkit-transition-property: left, -webkit-transform;
	transition-property: left, -webkit-transform;
	transition-property: transform, left;
	transition-property: transform, left, -webkit-transform
}

.mm-iconpanel .mm-panels>.mm-panel.mm-opened,
.mm-iconpanel .mm-panels>.mm-panel.mm-subopened {
	border-left: 1px solid;
	border-color: inherit;
	display: block!important
}

.mm-iconpanel .mm-panels>.mm-panel.mm-subopened {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
	left: 0
}

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
	left: 40px
}

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
	left: 80px
}

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
	left: 120px
}

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
	left: 160px
}

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
	left: 200px
}

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
	left: 240px
}

.mm-subblocker {
	background: inherit;
	opacity: 0;
	display: block;
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 3;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.mm-subopened .mm-subblocker {
	opacity: .6;
	bottom: -100000px
}

.mm-keyboardfocus a:focus {
	outline: 0
}

.mm-menu.mm-keyboardfocus a:focus {
	background: rgba(255, 255, 255, .5)
}

.mm-navbars-bottom,
.mm-navbars-top {
	background: inherit;
	border-color: inherit;
	border-width: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 3
}

.mm-navbars-bottom>.mm-navbar,
.mm-navbars-top>.mm-navbar {
	border: 0;
	padding: 0;
	position: relative;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.mm-navbars-top {
	border-bottom-style: solid;
	border-bottom-width: 0;
	top: 0
}

.mm-navbars-bottom {
	border-top-style: solid;
	border-top-width: 1px;
	bottom: 0
}

.mm-navbar.mm-hasbtns {
	padding: 0 40px
}

.mm-navbar[class*=mm-navbar-content-]>* {
	box-sizing: border-box;
	display: block;
	float: left
}

.mm-navbar .mm-breadcrumbs {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
	text-align: left;
	padding: 0 0 0 17px
}

.mm-navbar .mm-breadcrumbs>* {
	display: inline-block;
	padding: 10px 3px
}

.mm-navbar .mm-breadcrumbs>a {
	text-decoration: underline
}

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
	margin-left: -40px
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs {
	margin-left: 0;
	padding-left: 0
}

.mm-hasnavbar-top-1 .mm-panels {
	top: 40px
}

.mm-hasnavbar-top-2 .mm-panels {
	top: 80px
}

.mm-hasnavbar-top-3 .mm-panels {
	top: 120px
}

.mm-hasnavbar-top-4 .mm-panels {
	top: 160px
}

.mm-hasnavbar-bottom-1 .mm-panels {
	bottom: 40px
}

.mm-hasnavbar-bottom-2 .mm-panels {
	bottom: 80px
}

.mm-hasnavbar-bottom-3 .mm-panels {
	bottom: 120px
}

.mm-hasnavbar-bottom-4 .mm-panels {
	bottom: 160px
}

.mm-navbar-size-2 {
	height: 80px
}

.mm-navbar-size-3 {
	height: 120px
}

.mm-navbar-size-4 {
	height: 160px
}

.mm-navbar-content-2>* {
	width: 50%
}

.mm-navbar-content-3>* {
	width: 33.33%
}

.mm-navbar-content-4>* {
	width: 25%
}

.mm-navbar-content-5>* {
	width: 20%
}

.mm-navbar-content-6>* {
	width: 16.67%
}

.mm-menu.mm-rtl {
	direction: rtl
}

.mm-menu.mm-rtl.mm-offcanvas {
	right: auto
}

.mm-menu.mm-rtl .mm-panel:not(.mm-opened) {
	-webkit-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

.mm-menu.mm-rtl .mm-panel.mm-subopened {
	-webkit-transform: translate(30%, 0);
	-ms-transform: translate(30%, 0);
	transform: translate(30%, 0);
	-webkit-transform: translate3d(30%, 0, 0);
	transform: translate3d(30%, 0, 0)
}

.mm-menu.mm-rtl .mm-navbar .mm-btn:first-child {
	left: auto;
	right: 0
}

.mm-menu.mm-rtl .mm-navbar .mm-btn:last-child {
	right: auto;
	left: 0
}

.mm-menu.mm-rtl .mm-navbar .mm-next:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 23px;
	right: auto
}

.mm-menu.mm-rtl .mm-navbar .mm-prev:before {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	right: 23px;
	left: auto
}

.mm-menu.mm-rtl .mm-listview>li:not(.mm-divider)::after {
	left: 0;
	right: 20px
}

.mm-menu.mm-rtl .mm-listview>li>a:not(.mm-next),
.mm-menu.mm-rtl .mm-listview>li>span:not(.mm-next) {
	padding-left: 10px;
	padding-right: 20px!important;
	margin-right: 0!important
}

.mm-menu.mm-rtl .mm-listview .mm-next {
	right: auto;
	left: 0
}

.mm-menu.mm-rtl .mm-listview .mm-next:before {
	left: auto;
	right: 0
}

.mm-menu.mm-rtl .mm-listview .mm-next:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 23px;
	right: auto
}

.mm-menu.mm-rtl .mm-listview .mm-next+a,
.mm-menu.mm-rtl .mm-listview .mm-next+span {
	margin-left: 50px
}

.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+a,
.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+span {
	padding-left: 50px
}

.mm-menu.mm-rtl em.mm-counter {
	left: 45px;
	right: auto
}

.mm-menu.mm-rtl em.mm-counter+a.mm-next+a,
.mm-menu.mm-rtl em.mm-counter+a.mm-next+span {
	margin-left: 90px
}

.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+a,
.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+span {
	padding-left: 90px
}

.mm-menu.mm-rtl label.mm-check,
.mm-menu.mm-rtl label.mm-toggle {
	left: 20px;
	right: auto!important
}

.mm-menu.mm-rtl label.mm-toggle+a,
.mm-menu.mm-rtl label.mm-toggle+span {
	padding-left: 80px
}

.mm-menu.mm-rtl label.mm-check+a,
.mm-menu.mm-rtl label.mm-check+span {
	padding-left: 60px
}

.mm-menu.mm-rtl a.mm-next+label.mm-check,
.mm-menu.mm-rtl a.mm-next+label.mm-toggle {
	left: 60px
}

.mm-menu.mm-rtl a.mm-next+label.mm-check+a,
.mm-menu.mm-rtl a.mm-next+label.mm-check+span,
.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,
.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span {
	margin-left: 50px
}

.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,
.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span {
	padding-left: 70px
}

.mm-menu.mm-rtl a.mm-next+label.mm-check+a,
.mm-menu.mm-rtl a.mm-next+label.mm-check+span {
	padding-left: 50px
}

.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check,
.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle {
	left: 100px
}

.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+a,
.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+span,
.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+a,
.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+span {
	margin-left: 90px
}

.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-] {
	left: 0
}

.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel {
	-webkit-transition-property: right, -webkit-transform;
	transition-property: right, -webkit-transform;
	transition-property: transform, right;
	transition-property: transform, right, -webkit-transform
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0 {
	right: 0
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1 {
	right: 40px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2 {
	right: 80px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3 {
	right: 120px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4 {
	right: 160px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5 {
	right: 200px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6 {
	right: 240px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened {
	border-left: none;
	border-right: 1px solid;
	border-color: inherit
}

.mm-search,
.mm-search input {
	box-sizing: border-box
}

.mm-search {
	height: 40px;
	padding: 7px 10px 0;
	position: relative
}

.mm-search input {
	border: none!important;
	outline: 0!important;
	box-shadow: none!important;
	border-radius: 4px;
	font: inherit;
	font-size: 14px;
	line-height: 26px;
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 26px;
	min-height: 26px;
	max-height: 26px;
	margin: 0;
	padding: 0 10px
}

.mm-search input::-ms-clear {
	display: none
}

.mm-search .mm-clear,
.mm-search .mm-next {
	right: 0
}

.mm-panel>.mm-search {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.mm-panel.mm-hassearch {
	padding-top: 40px
}

.mm-panel.mm-hassearch.mm-hasnavbar {
	padding-top: 80px
}

.mm-panel.mm-hassearch.mm-hasnavbar>.mm-search {
	top: 40px
}

.mm-noresultsmsg {
	text-align: center;
	font-size: 21px;
	padding: 40px 0
}

.mm-noresults .mm-indexer {
	display: none!important
}

li.mm-nosubresults>a.mm-next {
	display: none
}

li.mm-nosubresults>a.mm-next+a,
li.mm-nosubresults>a.mm-next+span {
	padding-right: 10px
}

.mm-menu .mm-search input {
	background: rgba(0, 0, 0, .05);
	color: rgba(0, 0, 0, .75)
}

.mm-menu .mm-noresultsmsg {
	color: rgba(0, 0, 0, .3)
}

.mm-indexer {
	background: inherit;
	text-align: center;
	font-size: 12px;
	box-sizing: border-box;
	width: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -100px;
	z-index: 15;
	-webkit-transition: right .4s ease;
	transition: right .4s ease;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.mm-indexer a {
	text-decoration: none;
	display: block;
	height: 3.85%
}

.mm-indexer~.mm-panel.mm-hasindexer {
	padding-right: 40px
}

.mm-hasindexer .mm-indexer {
	right: 0
}

.mm-hasindexer .mm-fixeddivider {
	right: 20px
}

.mm-menu .mm-indexer a {
	color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a,
.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span,
.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen),
.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a,
.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span,
.mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen) {
	-webkit-transition: background .4s ease;
	transition: background .4s ease
}

.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span,
.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover {
	background: rgba(255, 255, 255, .5)
}

.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a,
.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span,
.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
	background: rgba(255, 255, 255, .5)
}

input.mm-check,
input.mm-toggle {
	position: absolute;
	left: -10000px
}

label.mm-check,
label.mm-toggle {
	margin: 0;
	position: absolute;
	top: 50%;
	z-index: 2
}

label.mm-check:before,
label.mm-toggle:before {
	content: '';
	display: block
}

label.mm-toggle {
	border-radius: 30px;
	width: 50px;
	height: 30px;
	margin-top: -15px
}

label.mm-toggle:before {
	border-radius: 30px;
	width: 28px;
	height: 28px;
	margin: 1px
}

input.mm-toggle:checked~label.mm-toggle:before {
	float: right
}

label.mm-check {
	width: 30px;
	height: 30px;
	margin-top: -15px
}

label.mm-check:before {
	border-left: 3px solid;
	border-bottom: 3px solid;
	width: 40%;
	height: 20%;
	margin: 25% 0 0 20%;
	opacity: .1;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

input.mm-check:checked~label.mm-check:before {
	opacity: 1
}

li.mm-vertical label.mm-check,
li.mm-vertical label.mm-toggle {
	bottom: auto;
	margin-top: 0
}

li.mm-vertical label.mm-toggle {
	top: 5px
}

li.mm-vertical label.mm-check {
	top: 5px
}

label.mm-check,
label.mm-toggle {
	right: 20px
}

label.mm-toggle+a,
label.mm-toggle+span {
	padding-right: 80px
}

label.mm-check+a,
label.mm-check+span {
	padding-right: 60px
}

a.mm-next+label.mm-check,
a.mm-next+label.mm-toggle {
	right: 60px
}

a.mm-next+label.mm-check+a,
a.mm-next+label.mm-check+span,
a.mm-next+label.mm-toggle+a,
a.mm-next+label.mm-toggle+span {
	margin-right: 50px
}

a.mm-next+label.mm-toggle+a,
a.mm-next+label.mm-toggle+span {
	padding-right: 70px
}

a.mm-next+label.mm-check+a,
a.mm-next+label.mm-check+span {
	padding-right: 50px
}

em.mm-counter+a.mm-next+label.mm-check,
em.mm-counter+a.mm-next+label.mm-toggle {
	right: 100px
}

em.mm-counter+a.mm-next+label.mm-check+a,
em.mm-counter+a.mm-next+label.mm-check+span,
em.mm-counter+a.mm-next+label.mm-toggle+a,
em.mm-counter+a.mm-next+label.mm-toggle+span {
	margin-right: 90px
}

.mm-menu label.mm-toggle {
	background: rgba(0, 0, 0, .1)
}

.mm-menu label.mm-toggle:before {
	background: #f3f3f3
}

.mm-menu input.mm-toggle:checked~label.mm-toggle {
	background: #4bd963
}

.mm-menu label.mm-check:before {
	border-color: rgba(0, 0, 0, .75)
}

.mm-navbars-bottom>.mm-navbar {
	background: #13a4b1;
	padding: 15px 0;
	clear: both;
	overflow: hidden;
	height: auto
}

#menu:not(.mm-menu) {
	display: none
}

.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	vertical-align: top
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.fancybox-opened {
	z-index: 99999
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-inner,
.fancybox-outer {
	position: relative
}

.fancybox-inner {
	overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
	overflow: visible!important
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap
}

.fancybox-iframe,
.fancybox-image {
	display: block;
	width: 100%;
	height: 100%
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
	background-image: url(../images/fancybox_sprite.png)
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: .8;
	cursor: pointer;
	z-index: 8060
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../images/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 37px;
	height: 37px;
	cursor: pointer;
	z-index: 8040
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	z-index: 8040
}

.fancybox-prev {
	left: 0
}

.fancybox-next {
	right: 0
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 37px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -73px
}

.fancybox-nav:hover span {
	visibility: visible
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible!important
}

.fancybox-lock {
	overflow: hidden!important;
	width: auto
}

.fancybox-lock body {
	overflow: hidden!important
}

.fancybox-lock-test {
	overflow-y: hidden!important
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 9999;
	background: rgba(0, 0, 0, .5)
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll
}

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 9999
}

.fancybox-opened .fancybox-title {
	visibility: visible
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: 0 0;
	background: rgba(0, 0, 0, .8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #fff;
	font-weight: 700;
	line-height: 24px;
	white-space: nowrap
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff
}

.fancybox-title-inside-wrap {
	padding-top: 10px
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8)
}

.fancybox-type-iframe .fancybox-skin .fancybox-outer .fancybox-inner .image-watermark {
	display: none!important
}

.slow {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.slower {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.slowest {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.delay-250 {
	-webkit-animation-delay: .25s;
	-moz-animation-delay: .25s;
	-o-animation-delay: .25s;
	animation-delay: .25s
}

.delay-500 {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s
}

.delay-750 {
	-webkit-animation-delay: .75s;
	-moz-animation-delay: .75s;
	-o-animation-delay: .75s;
	animation-delay: .75s
}

.delay-1000 {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s
}

.delay-1250 {
	-webkit-animation-delay: 1.25s;
	-moz-animation-delay: 1.25s;
	-o-animation-delay: 1.25s;
	animation-delay: 1.25s
}

.delay-1500 {
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	animation-delay: 1.5s
}

.delay-1750 {
	-webkit-animation-delay: 1.75s;
	-moz-animation-delay: 1.75s;
	-o-animation-delay: 1.75s;
	animation-delay: 1.75s
}

.delay-2000 {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s
}

.delay-2500 {
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	-o-animation-delay: 2.5s;
	animation-delay: 2.5s
}

.delay-2000 {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s
}

.delay-2500 {
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	-o-animation-delay: 2.5s;
	animation-delay: 2.5s
}

.delay-3000 {
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s
}

.delay-3500 {
	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	-o-animation-delay: 3.5s;
	animation-delay: 3.5s
}

.delay-4000 {
	-webkit-animation-delay: 4.5s;
	-moz-animation-delay: 4.5s;
	-o-animation-delay: 4.5s;
	animation-delay: 4.5s
}

.delay-5000 {
	-webkit-animation-delay: 5.5s;
	-moz-animation-delay: 5.5s;
	-o-animation-delay: 5.5s;
	animation-delay: 5.5s
}

.animated {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	animation-iteration-count: infinite
}

@-webkit-keyframes flash {
	0%,
	100%,
	50% {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {
	0%,
	100%,
	50% {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
	50% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1)
	}
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes shake {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
}

@keyframes shake {
	0%,
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px)
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}
	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		transform: rotate(15deg)
	}
	40% {
		-webkit-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
	60% {
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		transform: rotate(5deg)
	}
	80% {
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
	100% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0)
	}
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	10%,
	20% {
		-webkit-transform: scale(.9) rotate(-3deg);
		transform: scale(.9) rotate(-3deg)
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(3deg);
		transform: scale(1.1) rotate(3deg)
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
		transform: scale(1.1) rotate(-3deg)
	}
	100% {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
	10%,
	20% {
		-webkit-transform: scale(.9) rotate(-3deg);
		-ms-transform: scale(.9) rotate(-3deg);
		transform: scale(.9) rotate(-3deg)
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(3deg);
		-ms-transform: scale(1.1) rotate(3deg);
		transform: scale(1.1) rotate(3deg)
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
		-ms-transform: scale(1.1) rotate(-3deg);
		transform: scale(1.1) rotate(-3deg)
	}
	100% {
		-webkit-transform: scale(1) rotate(0);
		-ms-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0)
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	15% {
		-webkit-transform: translateX(-25%) rotate(-5deg);
		transform: translateX(-25%) rotate(-5deg)
	}
	30% {
		-webkit-transform: translateX(20%) rotate(3deg);
		transform: translateX(20%) rotate(3deg)
	}
	45% {
		-webkit-transform: translateX(-15%) rotate(-3deg);
		transform: translateX(-15%) rotate(-3deg)
	}
	60% {
		-webkit-transform: translateX(10%) rotate(2deg);
		transform: translateX(10%) rotate(2deg)
	}
	75% {
		-webkit-transform: translateX(-5%) rotate(-1deg);
		transform: translateX(-5%) rotate(-1deg)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	15% {
		-webkit-transform: translateX(-25%) rotate(-5deg);
		-ms-transform: translateX(-25%) rotate(-5deg);
		transform: translateX(-25%) rotate(-5deg)
	}
	30% {
		-webkit-transform: translateX(20%) rotate(3deg);
		-ms-transform: translateX(20%) rotate(3deg);
		transform: translateX(20%) rotate(3deg)
	}
	45% {
		-webkit-transform: translateX(-15%) rotate(-3deg);
		-ms-transform: translateX(-15%) rotate(-3deg);
		transform: translateX(-15%) rotate(-3deg)
	}
	60% {
		-webkit-transform: translateX(10%) rotate(2deg);
		-ms-transform: translateX(10%) rotate(2deg);
		transform: translateX(10%) rotate(2deg)
	}
	75% {
		-webkit-transform: translateX(-5%) rotate(-1deg);
		-ms-transform: translateX(-5%) rotate(-1deg);
		transform: translateX(-5%) rotate(-1deg)
	}
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
	70% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05)
	}
	70% {
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9)
	}
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-1000px);
		transform: translateY(-1000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}
	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
		-ms-transform: translateY(30px);
		transform: translateY(30px)
	}
	80% {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
		transform: translateX(30px)
	}
	80% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
		-ms-transform: translateX(30px);
		transform: translateX(30px)
	}
	80% {
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px)
	}
	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		transform: translateX(-30px)
	}
	80% {
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px)
	}
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	80% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	80% {
		-webkit-transform: translateY(10px);
		-ms-transform: translateY(10px);
		transform: translateY(10px)
	}
	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	25% {
		-webkit-transform: scale(.95);
		transform: scale(.95)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}
}

@keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
	25% {
		-webkit-transform: scale(.95);
		-ms-transform: scale(.95);
		transform: scale(.95)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3)
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

@keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

@keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

@keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

@keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		transform: translateY(-100px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px);
		transform: translateY(100px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px);
		-ms-transform: translateY(100px);
		transform: translateY(100px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px)
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px)
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px)
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	80% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	100% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	80% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	100% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
		transform: perspective(400px) rotateX(-10deg)
	}
	70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg)
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(0);
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		-ms-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
		-ms-transform: perspective(400px) rotateX(-10deg);
		transform: perspective(400px) rotateX(-10deg)
	}
	70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		-ms-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg)
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(0);
		-ms-transform: perspective(400px) rotateX(0);
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

.flipInX {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg);
		transform: perspective(400px) rotateY(-10deg)
	}
	70% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg)
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(0);
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		-ms-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg);
		-ms-transform: perspective(400px) rotateY(-10deg);
		transform: perspective(400px) rotateY(-10deg)
	}
	70% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		-ms-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg)
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(0);
		-ms-transform: perspective(400px) rotateY(0);
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

.flipInY {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0);
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0);
		-ms-transform: perspective(400px) rotateX(0);
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		-ms-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-ms-transform: perspective(400px) rotateY(0);
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		-ms-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: translateX(-20%) skewX(30deg);
		transform: translateX(-20%) skewX(30deg);
		opacity: 1
	}
	80% {
		-webkit-transform: translateX(0) skewX(-15deg);
		transform: translateX(0) skewX(-15deg);
		opacity: 1
	}
	100% {
		-webkit-transform: translateX(0) skewX(0);
		transform: translateX(0) skewX(0);
		opacity: 1
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		-ms-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: translateX(-20%) skewX(30deg);
		-ms-transform: translateX(-20%) skewX(30deg);
		transform: translateX(-20%) skewX(30deg);
		opacity: 1
	}
	80% {
		-webkit-transform: translateX(0) skewX(-15deg);
		-ms-transform: translateX(0) skewX(-15deg);
		transform: translateX(0) skewX(-15deg);
		opacity: 1
	}
	100% {
		-webkit-transform: translateX(0) skewX(0);
		-ms-transform: translateX(0) skewX(0);
		transform: translateX(0) skewX(0);
		opacity: 1
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
	0% {
		-webkit-transform: translateX(0) skewX(0);
		transform: translateX(0) skewX(0);
		opacity: 1
	}
	100% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	0% {
		-webkit-transform: translateX(0) skewX(0);
		-ms-transform: translateX(0) skewX(0);
		transform: translateX(0) skewX(0);
		opacity: 1
	}
	100% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		-ms-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		-ms-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(200deg);
		-ms-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slideInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-200px);
		transform: translateX(-200px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-200px);
		-ms-transform: translateX(-200px);
		transform: translateX(-200px)
	}
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(120px);
		transform: translateX(120px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes slideInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(120px);
		-ms-transform: translateX(120px);
		transform: translateX(120px)
	}
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	20%,
	60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	40% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	80% {
		-webkit-transform: rotate(60deg) translateY(0);
		transform: rotate(60deg) translateY(0);
		opacity: 1;
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	100% {
		-webkit-transform: translateY(700px);
		transform: translateY(700px);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	20%,
	60% {
		-webkit-transform: rotate(80deg);
		-ms-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	40% {
		-webkit-transform: rotate(60deg);
		-ms-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	80% {
		-webkit-transform: rotate(60deg) translateY(0);
		-ms-transform: rotate(60deg) translateY(0);
		transform: rotate(60deg) translateY(0);
		opacity: 1;
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	100% {
		-webkit-transform: translateY(700px);
		-ms-transform: translateY(700px);
		transform: translateY(700px);
		opacity: 0
	}
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		-ms-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		-ms-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@-webkit-keyframes rollOut {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
		transform: translateX(100%) rotate(120deg)
	}
}

@keyframes rollOut {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		-ms-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
		-ms-transform: translateX(100%) rotate(120deg);
		transform: translateX(100%) rotate(120deg)
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

.blink_me {
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: blinker;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	animation-name: blinker;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}

@-moz-keyframes blinker {
	0% {
		opacity: 1
	}
	25% {
		opacity: 0
	}
}

@-webkit-keyframes blinker {
	0% {
		opacity: 1
	}
	25% {
		opacity: 0
	}
}

@keyframes blinker {
	0% {
		opacity: 1
	}
	25% {
		opacity: 0
	}
}

.blink_mef {
	-webkit-animation-name: blinkerf;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: blinkerf;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	animation-name: blinkerf;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}

@-moz-keyframes blinkerf {
	0% {
		opacity: 1
	}
	75% {
		opacity: 0
	}
}

@-webkit-keyframes blinkerf {
	0% {
		opacity: 1
	}
	75% {
		opacity: 0
	}
}

@keyframes blinkerf {
	0% {
		opacity: 1
	}
	75% {
		opacity: 0
	}
}

.blink_mes {
	-webkit-animation-name: blinkers;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: blinkers;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	animation-name: blinkers;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}

@-moz-keyframes blinkers {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-webkit-keyframes blinkers {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes blinkers {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

#messageTable {
	display: block;
	background: #000;
	height: 100vh;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999
}

#facebox .b {
	background: url(b.png);
	border: 0
}

#facebox .tl {
	background: url(tl.png)
}

#facebox .tr {
	background: url(tr.png)
}

#facebox .bl {
	background: url(bl.png)
}

#facebox .br {
	background: url(br.png)
}

#facebox {
	top: 0!important;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 5000000;
	background-image: url(../images/fancybox_overlay.png);
	display: none
}

#facebox .popup {
	position: relative;
	padding-top: 20px
}

#facebox table {
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 1000px
}

#facebox .body {
	padding: 8px 10px 10px;
	background: #fff
}

#facebox .loading {
	text-align: center
}

#facebox .image {
	text-align: center;
	padding-top: 0
}

#facebox img {
	border: 0
}

#facebox .face-footer {
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: right;
	top: 14px;
	right: -7px;
	top: -14px
}

#facebox .bl,
#facebox .br,
#facebox .tl,
#facebox .tr {
	height: 10px;
	width: 10px;
	overflow: hidden;
	padding: 0
}

.content.facebox {
	margin-left: 0;
	margin-top: 0
}

#code-discliamer {
	display: block;
	background: #000;
	height: 100vh;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999
}

.popupnewconatiner-code {
	max-width: 800px;
	width: 90%;
	position: relative;
	margin: 3% auto;
	padding: 20px;
	background: #fff;
	text-align: left
}

.popupopen-code h1 {
	color: #f48220;
	font-family: oswaldregular, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 400;
	padding: 0 0 10px 20px;
	text-transform: uppercase;
	box-sizing: border-box
}

.popupopen-code p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5a5a5a;
	font-size: 14px;
	box-sizing: border-box;
	padding: 0 0 5px 20px
}

#code-discliamer {
	display: block;
	height: 100vh;
	overflow: auto
}

.investorbutenblk input {
	background: none repeat scroll 0 0 #f37b16;
	border: medium none;
	border-radius: 25px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 31px;
	padding: 0 15px;
	text-decoration: none;
	margin-left: 15px;
	margin-top: 10px
}

.investorbutenblk {
	text-align: center
}

.popupopen-code h2 {
	color: #f48220;
	font-family: oswaldregular, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 400;
	padding: 0 0 10px 20px;
	text-transform: uppercase;
	box-sizing: border-box;
	margin-bottom: 20px
}

@media only screen and (max-width:500px) {
	.popupnewconatiner-code {
		padding: 10px 10px 80px 10px
	}
	.popupopen-code h1 {
		padding: 0 5px 10px 5px
	}
	.popupopen-code p {
		padding: 0 5px
	}
	.popupopen-code h1 {
		padding: 0 5px 0 5px
	}
	.popupopen-code h2 {
		padding: 0 5px 0 5px
	}
}

.intl-tel-input {
	position: relative;
	display: inline-block
}

.intl-tel-input * {
	box-sizing: border-box;
	-moz-box-sizing: border-box
}

.intl-tel-input .hide {
	display: none
}

.intl-tel-input .v-hide {
	visibility: hidden
}

.intl-tel-input input,
.intl-tel-input input[type=tel],
.intl-tel-input input[type=text] {
	position: relative;
	z-index: 0;
	margin-top: 0!important;
	margin-bottom: 0!important;
	padding-right: 36px;
	margin-right: 0
}

.intl-tel-input .flag-container {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 1px
}

.intl-tel-input .selected-flag {
	z-index: 1;
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 6px 0 8px
}

.intl-tel-input .selected-flag .iti-arrow {
	margin-left: 6px;
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 4px solid #555
}

.intl-tel-input .selected-flag .iti-arrow.up {
	border-top: 0;
	border-bottom: 4px solid #555
}

.intl-tel-input .country-list {
	position: absolute;
	z-index: 4;
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0 0 0 -1px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
	background-color: #fff;
	border: 1px solid #ccc;
	white-space: nowrap;
	max-height: 200px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.intl-tel-input .country-list.dropup {
	bottom: 100%;
	margin-bottom: -1px
}

.intl-tel-input .country-list .flag-box {
	display: inline-block;
	width: 20px
}

.flag-input {
	width: 100%
}

.flag-input .intl-tel-input {
	width: 100%;
	margin-bottom: 15px
}

@media(max-width:500px) {
	.intl-tel-input .country-list {
		white-space: normal
	}
}

.intl-tel-input .country-list .divider {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc
}

.intl-tel-input .country-list .country {
	padding: 5px 10px
}

.intl-tel-input .country-list .country .dial-code {
	color: #999
}

.intl-tel-input .country-list .country.highlight {
	background-color: rgba(0, 0, 0, .05)
}

.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code,
.intl-tel-input .country-list .flag-box {
	vertical-align: middle
}

.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .flag-box {
	margin-right: 6px
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=tel],
.intl-tel-input.separate-dial-code input[type=text] {
	padding-right: 6px;
	padding-left: 52px;
	margin-left: 0
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
	right: auto;
	left: 0
}

.intl-tel-input.allow-dropdown .flag-container:hover {
	cursor: pointer
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
	background-color: rgba(0, 0, 0, .05)
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
	cursor: default
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
	background-color: transparent
}

.intl-tel-input.separate-dial-code .selected-flag {
	background-color: rgba(0, 0, 0, .05)
}

.intl-tel-input.separate-dial-code .selected-dial-code {
	margin-left: 6px
}

.intl-tel-input.iti-container {
	position: absolute;
	top: -1000px;
	left: -1000px;
	z-index: 1060;
	padding: 1px
}

.intl-tel-input.iti-container:hover {
	cursor: pointer
}

.iti-mobile .intl-tel-input.iti-container {
	top: 30px;
	bottom: 30px;
	left: 30px;
	right: 30px;
	position: fixed
}

.iti-mobile .intl-tel-input .country-list {
	max-height: 100%;
	width: 100%
}

.iti-mobile .intl-tel-input .country-list .country {
	padding: 10px 10px;
	line-height: 1.5em
}

.iti-flag {
	width: 20px
}

.iti-flag.be {
	width: 18px
}

.iti-flag.ch {
	width: 15px
}

.iti-flag.mc {
	width: 19px
}

.iti-flag.ne {
	width: 18px
}

.iti-flag.np {
	width: 13px
}

.iti-flag.va {
	width: 15px
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
	.iti-flag {
		background-size: 5652px 15px
	}
}

.iti-flag.ac {
	height: 10px;
	background-position: 0 0
}

.iti-flag.ad {
	height: 14px;
	background-position: -22px 0
}

.iti-flag.ae {
	height: 10px;
	background-position: -44px 0
}

.iti-flag.af {
	height: 14px;
	background-position: -66px 0
}

.iti-flag.ag {
	height: 14px;
	background-position: -88px 0
}

.iti-flag.ai {
	height: 10px;
	background-position: -110px 0
}

.iti-flag.al {
	height: 15px;
	background-position: -132px 0
}

.iti-flag.am {
	height: 10px;
	background-position: -154px 0
}

.iti-flag.ao {
	height: 14px;
	background-position: -176px 0
}

.iti-flag.aq {
	height: 14px;
	background-position: -198px 0
}

.iti-flag.ar {
	height: 13px;
	background-position: -220px 0
}

.iti-flag.as {
	height: 10px;
	background-position: -242px 0
}

.iti-flag.at {
	height: 14px;
	background-position: -264px 0
}

.iti-flag.au {
	height: 10px;
	background-position: -286px 0
}

.iti-flag.aw {
	height: 14px;
	background-position: -308px 0
}

.iti-flag.ax {
	height: 13px;
	background-position: -330px 0
}

.iti-flag.az {
	height: 10px;
	background-position: -352px 0
}

.iti-flag.ba {
	height: 10px;
	background-position: -374px 0
}

.iti-flag.bb {
	height: 14px;
	background-position: -396px 0
}

.iti-flag.bd {
	height: 12px;
	background-position: -418px 0
}

.iti-flag.be {
	height: 15px;
	background-position: -440px 0
}

.iti-flag.bf {
	height: 14px;
	background-position: -460px 0
}

.iti-flag.bg {
	height: 12px;
	background-position: -482px 0
}

.iti-flag.bh {
	height: 12px;
	background-position: -504px 0
}

.iti-flag.bi {
	height: 12px;
	background-position: -526px 0
}

.iti-flag.bj {
	height: 14px;
	background-position: -548px 0
}

.iti-flag.bl {
	height: 14px;
	background-position: -570px 0
}

.iti-flag.bm {
	height: 10px;
	background-position: -592px 0
}

.iti-flag.bn {
	height: 10px;
	background-position: -614px 0
}

.iti-flag.bo {
	height: 14px;
	background-position: -636px 0
}

.iti-flag.bq {
	height: 14px;
	background-position: -658px 0
}

.iti-flag.br {
	height: 14px;
	background-position: -680px 0
}

.iti-flag.bs {
	height: 10px;
	background-position: -702px 0
}

.iti-flag.bt {
	height: 14px;
	background-position: -724px 0
}

.iti-flag.bv {
	height: 15px;
	background-position: -746px 0
}

.iti-flag.bw {
	height: 14px;
	background-position: -768px 0
}

.iti-flag.by {
	height: 10px;
	background-position: -790px 0
}

.iti-flag.bz {
	height: 14px;
	background-position: -812px 0
}

.iti-flag.ca {
	height: 10px;
	background-position: -834px 0
}

.iti-flag.cc {
	height: 10px;
	background-position: -856px 0
}

.iti-flag.cd {
	height: 15px;
	background-position: -878px 0
}

.iti-flag.cf {
	height: 14px;
	background-position: -900px 0
}

.iti-flag.cg {
	height: 14px;
	background-position: -922px 0
}

.iti-flag.ch {
	height: 15px;
	background-position: -944px 0
}

.iti-flag.ci {
	height: 14px;
	background-position: -961px 0
}

.iti-flag.ck {
	height: 10px;
	background-position: -983px 0
}

.iti-flag.cl {
	height: 14px;
	background-position: -1005px 0
}

.iti-flag.cm {
	height: 14px;
	background-position: -1027px 0
}

.iti-flag.cn {
	height: 14px;
	background-position: -1049px 0
}

.iti-flag.co {
	height: 14px;
	background-position: -1071px 0
}

.iti-flag.cp {
	height: 14px;
	background-position: -1093px 0
}

.iti-flag.cr {
	height: 12px;
	background-position: -1115px 0
}

.iti-flag.cu {
	height: 10px;
	background-position: -1137px 0
}

.iti-flag.cv {
	height: 12px;
	background-position: -1159px 0
}

.iti-flag.cw {
	height: 14px;
	background-position: -1181px 0
}

.iti-flag.cx {
	height: 10px;
	background-position: -1203px 0
}

.iti-flag.cy {
	height: 14px;
	background-position: -1225px 0
}

.iti-flag.cz {
	height: 14px;
	background-position: -1247px 0
}

.iti-flag.de {
	height: 12px;
	background-position: -1269px 0
}

.iti-flag.dg {
	height: 10px;
	background-position: -1291px 0
}

.iti-flag.dj {
	height: 14px;
	background-position: -1313px 0
}

.iti-flag.dk {
	height: 15px;
	background-position: -1335px 0
}

.iti-flag.dm {
	height: 10px;
	background-position: -1357px 0
}

.iti-flag.do {
	height: 14px;
	background-position: -1379px 0
}

.iti-flag.dz {
	height: 14px;
	background-position: -1401px 0
}

.iti-flag.ea {
	height: 14px;
	background-position: -1423px 0
}

.iti-flag.ec {
	height: 14px;
	background-position: -1445px 0
}

.iti-flag.ee {
	height: 13px;
	background-position: -1467px 0
}

.iti-flag.eg {
	height: 14px;
	background-position: -1489px 0
}

.iti-flag.eh {
	height: 10px;
	background-position: -1511px 0
}

.iti-flag.er {
	height: 10px;
	background-position: -1533px 0
}

.iti-flag.es {
	height: 14px;
	background-position: -1555px 0
}

.iti-flag.et {
	height: 10px;
	background-position: -1577px 0
}

.iti-flag.eu {
	height: 14px;
	background-position: -1599px 0
}

.iti-flag.fi {
	height: 12px;
	background-position: -1621px 0
}

.iti-flag.fj {
	height: 10px;
	background-position: -1643px 0
}

.iti-flag.fk {
	height: 10px;
	background-position: -1665px 0
}

.iti-flag.fm {
	height: 11px;
	background-position: -1687px 0
}

.iti-flag.fo {
	height: 15px;
	background-position: -1709px 0
}

.iti-flag.fr {
	height: 14px;
	background-position: -1731px 0
}

.iti-flag.ga {
	height: 15px;
	background-position: -1753px 0
}

.iti-flag.gb {
	height: 10px;
	background-position: -1775px 0
}

.iti-flag.gd {
	height: 12px;
	background-position: -1797px 0
}

.iti-flag.ge {
	height: 14px;
	background-position: -1819px 0
}

.iti-flag.gf {
	height: 14px;
	background-position: -1841px 0
}

.iti-flag.gg {
	height: 14px;
	background-position: -1863px 0
}

.iti-flag.gh {
	height: 14px;
	background-position: -1885px 0
}

.iti-flag.gi {
	height: 10px;
	background-position: -1907px 0
}

.iti-flag.gl {
	height: 14px;
	background-position: -1929px 0
}

.iti-flag.gm {
	height: 14px;
	background-position: -1951px 0
}

.iti-flag.gn {
	height: 14px;
	background-position: -1973px 0
}

.iti-flag.gp {
	height: 14px;
	background-position: -1995px 0
}

.iti-flag.gq {
	height: 14px;
	background-position: -2017px 0
}

.iti-flag.gr {
	height: 14px;
	background-position: -2039px 0
}

.iti-flag.gs {
	height: 10px;
	background-position: -2061px 0
}

.iti-flag.gt {
	height: 13px;
	background-position: -2083px 0
}

.iti-flag.gu {
	height: 11px;
	background-position: -2105px 0
}

.iti-flag.gw {
	height: 10px;
	background-position: -2127px 0
}

.iti-flag.gy {
	height: 12px;
	background-position: -2149px 0
}

.iti-flag.hk {
	height: 14px;
	background-position: -2171px 0
}

.iti-flag.hm {
	height: 10px;
	background-position: -2193px 0
}

.iti-flag.hn {
	height: 10px;
	background-position: -2215px 0
}

.iti-flag.hr {
	height: 10px;
	background-position: -2237px 0
}

.iti-flag.ht {
	height: 12px;
	background-position: -2259px 0
}

.iti-flag.hu {
	height: 10px;
	background-position: -2281px 0
}

.iti-flag.ic {
	height: 14px;
	background-position: -2303px 0
}

.iti-flag.id {
	height: 14px;
	background-position: -2325px 0
}

.iti-flag.ie {
	height: 10px;
	background-position: -2347px 0
}

.iti-flag.il {
	height: 15px;
	background-position: -2369px 0
}

.iti-flag.im {
	height: 10px;
	background-position: -2391px 0
}

.iti-flag.in {
	height: 14px;
	background-position: -2413px 0
}

.iti-flag.io {
	height: 10px;
	background-position: -2435px 0
}

.iti-flag.iq {
	height: 14px;
	background-position: -2457px 0
}

.iti-flag.ir {
	height: 12px;
	background-position: -2479px 0
}

.iti-flag.is {
	height: 15px;
	background-position: -2501px 0
}

.iti-flag.it {
	height: 14px;
	background-position: -2523px 0
}

.iti-flag.je {
	height: 12px;
	background-position: -2545px 0
}

.iti-flag.jm {
	height: 10px;
	background-position: -2567px 0
}

.iti-flag.jo {
	height: 10px;
	background-position: -2589px 0
}

.iti-flag.jp {
	height: 14px;
	background-position: -2611px 0
}

.iti-flag.ke {
	height: 14px;
	background-position: -2633px 0
}

.iti-flag.kg {
	height: 12px;
	background-position: -2655px 0
}

.iti-flag.kh {
	height: 13px;
	background-position: -2677px 0
}

.iti-flag.ki {
	height: 10px;
	background-position: -2699px 0
}

.iti-flag.km {
	height: 12px;
	background-position: -2721px 0
}

.iti-flag.kn {
	height: 14px;
	background-position: -2743px 0
}

.iti-flag.kp {
	height: 10px;
	background-position: -2765px 0
}

.iti-flag.kr {
	height: 14px;
	background-position: -2787px 0
}

.iti-flag.kw {
	height: 10px;
	background-position: -2809px 0
}

.iti-flag.ky {
	height: 10px;
	background-position: -2831px 0
}

.iti-flag.kz {
	height: 10px;
	background-position: -2853px 0
}

.iti-flag.la {
	height: 14px;
	background-position: -2875px 0
}

.iti-flag.lb {
	height: 14px;
	background-position: -2897px 0
}

.iti-flag.lc {
	height: 10px;
	background-position: -2919px 0
}

.iti-flag.li {
	height: 12px;
	background-position: -2941px 0
}

.iti-flag.lk {
	height: 10px;
	background-position: -2963px 0
}

.iti-flag.lr {
	height: 11px;
	background-position: -2985px 0
}

.iti-flag.ls {
	height: 14px;
	background-position: -3007px 0
}

.iti-flag.lt {
	height: 12px;
	background-position: -3029px 0
}

.iti-flag.lu {
	height: 12px;
	background-position: -3051px 0
}

.iti-flag.lv {
	height: 10px;
	background-position: -3073px 0
}

.iti-flag.ly {
	height: 10px;
	background-position: -3095px 0
}

.iti-flag.ma {
	height: 14px;
	background-position: -3117px 0
}

.iti-flag.mc {
	height: 15px;
	background-position: -3139px 0
}

.iti-flag.md {
	height: 10px;
	background-position: -3160px 0
}

.iti-flag.me {
	height: 10px;
	background-position: -3182px 0
}

.iti-flag.mf {
	height: 14px;
	background-position: -3204px 0
}

.iti-flag.mg {
	height: 14px;
	background-position: -3226px 0
}

.iti-flag.mh {
	height: 11px;
	background-position: -3248px 0
}

.iti-flag.mk {
	height: 10px;
	background-position: -3270px 0
}

.iti-flag.ml {
	height: 14px;
	background-position: -3292px 0
}

.iti-flag.mm {
	height: 14px;
	background-position: -3314px 0
}

.iti-flag.mn {
	height: 10px;
	background-position: -3336px 0
}

.iti-flag.mo {
	height: 14px;
	background-position: -3358px 0
}

.iti-flag.mp {
	height: 10px;
	background-position: -3380px 0
}

.iti-flag.mq {
	height: 14px;
	background-position: -3402px 0
}

.iti-flag.mr {
	height: 14px;
	background-position: -3424px 0
}

.iti-flag.ms {
	height: 10px;
	background-position: -3446px 0
}

.iti-flag.mt {
	height: 14px;
	background-position: -3468px 0
}

.iti-flag.mu {
	height: 14px;
	background-position: -3490px 0
}

.iti-flag.mv {
	height: 14px;
	background-position: -3512px 0
}

.iti-flag.mw {
	height: 14px;
	background-position: -3534px 0
}

.iti-flag.mx {
	height: 12px;
	background-position: -3556px 0
}

.iti-flag.my {
	height: 10px;
	background-position: -3578px 0
}

.iti-flag.mz {
	height: 14px;
	background-position: -3600px 0
}

.iti-flag.na {
	height: 14px;
	background-position: -3622px 0
}

.iti-flag.nc {
	height: 10px;
	background-position: -3644px 0
}

.iti-flag.ne {
	height: 15px;
	background-position: -3666px 0
}

.iti-flag.nf {
	height: 10px;
	background-position: -3686px 0
}

.iti-flag.ng {
	height: 10px;
	background-position: -3708px 0
}

.iti-flag.ni {
	height: 12px;
	background-position: -3730px 0
}

.iti-flag.nl {
	height: 14px;
	background-position: -3752px 0
}

.iti-flag.no {
	height: 15px;
	background-position: -3774px 0
}

.iti-flag.np {
	height: 15px;
	background-position: -3796px 0
}

.iti-flag.nr {
	height: 10px;
	background-position: -3811px 0
}

.iti-flag.nu {
	height: 10px;
	background-position: -3833px 0
}

.iti-flag.nz {
	height: 10px;
	background-position: -3855px 0
}

.iti-flag.om {
	height: 10px;
	background-position: -3877px 0
}

.iti-flag.pa {
	height: 14px;
	background-position: -3899px 0
}

.iti-flag.pe {
	height: 14px;
	background-position: -3921px 0
}

.iti-flag.pf {
	height: 14px;
	background-position: -3943px 0
}

.iti-flag.pg {
	height: 15px;
	background-position: -3965px 0
}

.iti-flag.ph {
	height: 10px;
	background-position: -3987px 0
}

.iti-flag.pk {
	height: 14px;
	background-position: -4009px 0
}

.iti-flag.pl {
	height: 13px;
	background-position: -4031px 0
}

.iti-flag.pm {
	height: 14px;
	background-position: -4053px 0
}

.iti-flag.pn {
	height: 10px;
	background-position: -4075px 0
}

.iti-flag.pr {
	height: 14px;
	background-position: -4097px 0
}

.iti-flag.ps {
	height: 10px;
	background-position: -4119px 0
}

.iti-flag.pt {
	height: 14px;
	background-position: -4141px 0
}

.iti-flag.pw {
	height: 13px;
	background-position: -4163px 0
}

.iti-flag.py {
	height: 11px;
	background-position: -4185px 0
}

.iti-flag.qa {
	height: 8px;
	background-position: -4207px 0
}

.iti-flag.re {
	height: 14px;
	background-position: -4229px 0
}

.iti-flag.ro {
	height: 14px;
	background-position: -4251px 0
}

.iti-flag.rs {
	height: 14px;
	background-position: -4273px 0
}

.iti-flag.ru {
	height: 14px;
	background-position: -4295px 0
}

.iti-flag.rw {
	height: 14px;
	background-position: -4317px 0
}

.iti-flag.sa {
	height: 14px;
	background-position: -4339px 0
}

.iti-flag.sb {
	height: 10px;
	background-position: -4361px 0
}

.iti-flag.sc {
	height: 10px;
	background-position: -4383px 0
}

.iti-flag.sd {
	height: 10px;
	background-position: -4405px 0
}

.iti-flag.se {
	height: 13px;
	background-position: -4427px 0
}

.iti-flag.sg {
	height: 14px;
	background-position: -4449px 0
}

.iti-flag.sh {
	height: 10px;
	background-position: -4471px 0
}

.iti-flag.si {
	height: 10px;
	background-position: -4493px 0
}

.iti-flag.sj {
	height: 15px;
	background-position: -4515px 0
}

.iti-flag.sk {
	height: 14px;
	background-position: -4537px 0
}

.iti-flag.sl {
	height: 14px;
	background-position: -4559px 0
}

.iti-flag.sm {
	height: 15px;
	background-position: -4581px 0
}

.iti-flag.sn {
	height: 14px;
	background-position: -4603px 0
}

.iti-flag.so {
	height: 14px;
	background-position: -4625px 0
}

.iti-flag.sr {
	height: 14px;
	background-position: -4647px 0
}

.iti-flag.ss {
	height: 10px;
	background-position: -4669px 0
}

.iti-flag.st {
	height: 10px;
	background-position: -4691px 0
}

.iti-flag.sv {
	height: 12px;
	background-position: -4713px 0
}

.iti-flag.sx {
	height: 14px;
	background-position: -4735px 0
}

.iti-flag.sy {
	height: 14px;
	background-position: -4757px 0
}

.iti-flag.sz {
	height: 14px;
	background-position: -4779px 0
}

.iti-flag.ta {
	height: 10px;
	background-position: -4801px 0
}

.iti-flag.tc {
	height: 10px;
	background-position: -4823px 0
}

.iti-flag.td {
	height: 14px;
	background-position: -4845px 0
}

.iti-flag.tf {
	height: 14px;
	background-position: -4867px 0
}

.iti-flag.tg {
	height: 13px;
	background-position: -4889px 0
}

.iti-flag.th {
	height: 14px;
	background-position: -4911px 0
}

.iti-flag.tj {
	height: 10px;
	background-position: -4933px 0
}

.iti-flag.tk {
	height: 10px;
	background-position: -4955px 0
}

.iti-flag.tl {
	height: 10px;
	background-position: -4977px 0
}

.iti-flag.tm {
	height: 14px;
	background-position: -4999px 0
}

.iti-flag.tn {
	height: 14px;
	background-position: -5021px 0
}

.iti-flag.to {
	height: 10px;
	background-position: -5043px 0
}

.iti-flag.tr {
	height: 14px;
	background-position: -5065px 0
}

.iti-flag.tt {
	height: 12px;
	background-position: -5087px 0
}

.iti-flag.tv {
	height: 10px;
	background-position: -5109px 0
}

.iti-flag.tw {
	height: 14px;
	background-position: -5131px 0
}

.iti-flag.tz {
	height: 14px;
	background-position: -5153px 0
}

.iti-flag.ua {
	height: 14px;
	background-position: -5175px 0
}

.iti-flag.ug {
	height: 14px;
	background-position: -5197px 0
}

.iti-flag.um {
	height: 11px;
	background-position: -5219px 0
}

.iti-flag.un {
	height: 14px;
	background-position: -5241px 0
}

.iti-flag.us {
	height: 11px;
	background-position: -5263px 0
}

.iti-flag.uy {
	height: 14px;
	background-position: -5285px 0
}

.iti-flag.uz {
	height: 10px;
	background-position: -5307px 0
}

.iti-flag.va {
	height: 15px;
	background-position: -5329px 0
}

.iti-flag.vc {
	height: 14px;
	background-position: -5346px 0
}

.iti-flag.ve {
	height: 14px;
	background-position: -5368px 0
}

.iti-flag.vg {
	height: 10px;
	background-position: -5390px 0
}

.iti-flag.vi {
	height: 14px;
	background-position: -5412px 0
}

.iti-flag.vn {
	height: 14px;
	background-position: -5434px 0
}

.iti-flag.vu {
	height: 12px;
	background-position: -5456px 0
}

.iti-flag.wf {
	height: 14px;
	background-position: -5478px 0
}

.iti-flag.ws {
	height: 10px;
	background-position: -5500px 0
}

.iti-flag.xk {
	height: 15px;
	background-position: -5522px 0
}

.iti-flag.ye {
	height: 14px;
	background-position: -5544px 0
}

.iti-flag.yt {
	height: 14px;
	background-position: -5566px 0
}

.iti-flag.za {
	height: 14px;
	background-position: -5588px 0
}

.iti-flag.zm {
	height: 14px;
	background-position: -5610px 0
}

.iti-flag.zw {
	height: 10px;
	background-position: -5632px 0
}

.iti-flag {
	height: 15px;
	box-shadow: 0 0 1px 0 #888;
	background-image: url(../img/flags.png);
	background-repeat: no-repeat;
	background-color: #dbdbdb;
	background-position: 20px 0
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
	.iti-flag {
		background-image: url(../img/flags@2x.png)
	}
}

.iti-flag.np {
	background-color: transparent
}

@font-face {
	font-family: RobotoMedium;
	src: url(../fonts/RobotoMedium.eot);
	src: url(../fonts/RobotoMedium.eot) format('embedded-opentype'), url(../fonts/RobotoMedium.woff2) format('woff2'), url(../fonts/RobotoMedium.woff) format('woff'), url(../fonts/RobotoMedium.ttf) format('truetype'), url(../fonts/RobotoMedium.svg#RobotoMedium) format('svg')
}

@font-face {
	font-family: TeXGyreAdventor-Bold;
	src: url(../fonts/TeXGyreAdventor-Bold.eot);
	src: url(../fonts/TeXGyreAdventor-Bold.woff2) format('woff2'), url(../fonts/TeXGyreAdventor-Bold.woff) format('woff'), url(../fonts/TeXGyreAdventor-Bold.ttf) format('truetype'), url(../fonts/TeXGyreAdventor-Bold.svg#TeXGyreAdventor-Bold) format('svg'), url(../fonts/TeXGyreAdventor-Bold.eot?#iefix) format('embedded-opentype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: RobotoLight;
	src: url(../fonts/RobotoLight.eot);
	src: url(../fonts/RobotoLight.eot) format('embedded-opentype'), url(../fonts/RobotoLight.woff2) format('woff2'), url(../fonts/RobotoLight.woff) format('woff'), url(../fonts/RobotoLight.ttf) format('truetype'), url(../fonts/RobotoLight.svg#RobotoLight) format('svg')
}

@font-face {
	font-family: RobotoRegular;
	src: url(../fonts/RobotoRegular.eot);
	src: url(../fonts/RobotoRegular.eot) format('embedded-opentype'), url(../fonts/RobotoRegular.woff2) format('woff2'), url(../fonts/RobotoRegular.woff) format('woff'), url(../fonts/RobotoRegular.ttf) format('truetype'), url(../fonts/RobotoRegular.svg#RobotoRegular) format('svg')
}

@font-face {
	font-family: RobotoBold;
	src: url(../fonts/RobotoBold.eot);
	src: url(../fonts/RobotoBold.eot) format('embedded-opentype'), url(../fonts/RobotoBold.woff2) format('woff2'), url(../fonts/RobotoBold.woff) format('woff'), url(../fonts/RobotoBold.ttf) format('truetype'), url(../fonts/RobotoBold.svg#RobotoBold) format('svg')
}

.TeXGyrefont {
	font-family: TeXGyreAdventor-Bold
}

.robotmedfont {
	font-family: RobotoMedium
}

.robotlightfont {
	font-family: RobotoLight
}

.robotregularfont {
	font-family: RobotoRegular
}

.robotboldfont {
	font-family: RobotoBold
}

*,
:after,
:before {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-ms-word-break: keep-all;
	word-break: keep-all;
	-webkit-word-break: keep-all;
	-moz-word-break: keep-all;
	word-wrap: break-word
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

ol,
ul {
	list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	color: inherit;
	text-decoration: none;
	outline: 0;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease
}

input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
	outline: 0
}

::-webkit-input-placeholder {
	opacity: 1;
	font-family: robotolight;
	color: #c8c8c8;
	font-size: 13px;
	letter-spacing: 1px
}

:-moz-placeholder {
	opacity: 1;
	font-family: robotolight;
	color: #c8c8c8;
	font-size: 13px;
	letter-spacing: 1px
}

::-moz-placeholder {
	opacity: 1;
	font-family: robotolight;
	color: #c8c8c8;
	font-size: 13px;
	letter-spacing: 1px
}

:-ms-input-placeholder {
	opacity: 1;
	color: #c8c8c8;
	font-size: 13px;
	letter-spacing: 1px
}

textarea:focus::-webkit-input-placeholder {
	color: transparent
}

textarea:focus:-moz-placeholder {
	color: transparent
}

textarea:focus::-moz-placeholder {
	color: transparent
}

textarea:focus:-ms-input-placeholder {
	color: transparent
}

input[type=button],
input[type=submit] {
	border: 0;
	cursor: pointer;
	outline: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none
}

body {
	font-family: RobotoMedium;
	overflow-x: hidden
}

.fl {
	float: left
}

.fr {
	float: right
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.pad0 {
	padding: 0
}

.mar0 {
	margin: 0
}

.clearfix:after {
	content: "";
	display: block;
	clear: both
}

.clearfix {
	position: relative
}

.clear {
	clear: both
}

.disnon {
	display: none
}

.disblk {
	display: block
}

.wrapper {
	width: 89%;
	margin: 0 auto
}

.sprite {
	background: url(../images/sprit.png) no-repeat top left
}

h1 {
	font-size: 24px;
	text-transform: uppercase;
	line-height: 22px;
	margin-bottom: 20px
}

.posAbs {
	position: absolute
}

.blackoverlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 999;
	background: rgba(0, 0, 0, .6);
	display: none
}

.respprojettextblk {
	display: none
}

textarea {
	resize: none
}

body {
	margin: 66px 0 0 0
}

.footerwrapblk {
	width: 100%
}

.footerleftblk {
	float: left;
	width: 50%
}

.footerrightblk {
	float: right;
	width: 50%
}

.rechausaddressblk {
	border-bottom: 3px solid #000;
	padding: 100px 0 80px 0
}

.reachusaddcontblk {
	width: 82%
}

.insitecontblk {
	width: 90%
}

.commenheading {
	font-family: RobotoRegular;
	font-size: 48px;
	line-height: 52px
}

.reachusheadingblk {
	text-align: center;
	color: #000;
	padding: 0 0 25px;
	border-bottom: 1px solid #000;
	margin: 0 0 24px 0
}

.reachusloactionblk span {
	display: block;
	text-align: center;
	font-size: 24px;
	padding: 0 0 10px 0
}

.reachusloactionblk {
	text-align: center;
	font-size: 20px;
	font-family: RobotoLight;
	padding: 0 0 20px 0
}

.reachusnubfaxblk {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9
}

.reachusfaxnumbblk,
.reachusnumberblk {
	width: 50%;
	font-size: 20px;
	padding: 15px 0 15px 45px;
	position: relative;
	color: #000
}

.reachusnumberblk {
	border-right: 1px solid #d9d9d9
}

.reachusnumberblk:after {
	content: "";
	position: absolute;
	top: 21px;
	left: 24px;
	background: url(../images/sprit.png) no-repeat -5px -3px;
	width: 14px;
	height: 17px
}

.reachusfaxnumbblk:after {
	content: "";
	position: absolute;
	top: 21px;
	left: 20px;
	background: url(../images/sprit.png) no-repeat -49px -3px;
	width: 17px;
	height: 15px
}

.spritpic {
	background: url(../images/sprit.png) no-repeat
}

.footermailblk {
	display: inline-block;
	font-size: 20px;
	color: #000;
	padding: 20px 0 0 0
}

.footermailblk a {
	color: #000
}

.footermailblk span {
	background: url(../images/sprit.png) no-repeat no-repeat -26px -3px;
	width: 14px;
	height: 12px;
	display: inline-block;
	margin: 0 5px 0 0
}

.reachustextblk {
	text-align: center
}

.enqurbutblk {
	padding: 30px 0 0 0
}

.footermapblk {
	width: 100%;
	height: 680px
}

.copywritblk span {
	display: inline-block
}

.copyiconblk,
.textcopyblk {
	display: inline-block;
	vertical-align: top;
	font-family: RobotoRegular;
	font-size: 12px;
	color: #000
}

.footercpoywritcontblk {
	margin: 20px 0
}

.copyiconblk {
	font-size: 20px
}

.textcopyblk {
	padding: 5px 0 0 0
}

.textcopyblk span {
	font-family: RobotoMedium
}

.fbiconblk {
	width: 27px;
	height: 26px;
	background: url(../images/sprit.png) no-repeat no-repeat -76px -4px
}

.twiiconblk {
	width: 26px;
	height: 26px;
	background: url(../images/sprit.png) no-repeat no-repeat -111px -4px
}

.intagicnblk {
	width: 27px;
	height: 26px;
	background: url(../images/sprit.png) no-repeat no-repeat -143px -4px
}

.videoiconblk {
	width: 27px;
	height: 26px;
	background: url(../images/sprit.png) no-repeat no-repeat -176px -4px
}

.iconcomblk {
	display: inline-block;
	vertical-align: top
}

.iconcomblk a {
	display: block;
	cursor: pointer;
	height: 26px
}

.footericonblk a {
	margin: 0 0 0 10px
}

.footericonblk a:first-child {
	margin: 0
}

.testimonialsilderblk {
	width: 100%;
	padding: 150px 0;
	background: url(../images/clienttestmonialbg.jpg) no-repeat center center;
	background-attachment: fixed;
	position: relative
}

.testimonialcontblk {
	width: 95%;
	margin: 0 auto
}

.clientsildepicblk {
	width: 91px;
	height: 91px;
	background: #fff;
	border-radius: 50%
}

.clientsildepicblk img {
	width: 100%;
	display: block;
	width: 100%;
	border-radius: 50%
}

.clientsildnameblk {
	font-family: RobotoMedium;
	font-size: 20px;
	color: #fff;
	line-height: 26px;
	padding: 30px 0 25px 0
}

.testimonialsildcontblk {
	width: 90%;
	margin: 0 auto
}

.clientsildparablk p {
	font-size: 14px;
	font-family: RobotoMedium;
	line-height: 16px;
	color: #fff
}

.clientsildparablk p+p {
	margin-top: 10px
}

.sildertestimonialblk .slick-prev,
.sildertestimonialblk .slick-prev:focus,
.sildertestimonialblk .slick-prev:hover {
	width: 44px;
	height: 44px;
	background: url(../images/mob-prv-arw.png) no-repeat left top;
	left: -8%
}

.sildertestimonialblk .slick-next,
.sildertestimonialblk .slick-next:focus,
.sildertestimonialblk .slick-next:hover {
	width: 44px;
	height: 44px;
	background: url(../images/mob-prv-arw.png) no-repeat left top;
	transform: rotate(-180deg);
	right: -8%
}

.sildertestimonialblk .slick-next::before,
.sildertestimonialblk .slick-prev::before {
	content: ''
}

.silderclientmainblk {
	width: 80%;
	margin: 0 auto
}

.testimonihedingblk {
	color: #fff;
	text-align: center;
	border-bottom: 1px solid rgba(225, 225, 225, .5);
	padding: 0 0 30px;
	margin: 0 0 40px 0
}

.sildertestimonialblk .slick-next,
.sildertestimonialblk .slick-prev {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.sildertestimonialblk .slick-next {
	transform: rotate(-180deg)
}

.neweventmainblk {
	padding: 80px 0
}

.newsdateblk {
	font-size: 14px;
	font-family: RobotoMedium;
	margin: 0 0 20px;
	color: #262626
}

.newseventcontblk {
	width: 80%;
	margin: 0 auto
}

.newsparablk {
	font-family: RobotoRegular;
	color: #000;
	margin: 0 0 30px;
	font-size: 14px;
	line-height: 16px
}

.newsheadingblk {
	color: #000;
	font-family: RobotoMedium;
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 25px 0
}

.newshedingblk {
	color: #000;
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, .5);
	padding: 0 0 30px;
	margin: 0 0 40px 0
}

.newseventsilder .slick-prev,
.newseventsilder .slick-prev:focus,
.newseventsilder .slick-prev:hover {
	width: 44px;
	height: 44px;
	background: url(../images/news-nextbutblk.png) no-repeat left top;
	left: -4%
}

.newseventsilder .slick-next,
.newseventsilder .slick-next:focus,
.newseventsilder .slick-next:hover {
	width: 44px;
	height: 44px;
	background: url(../images/news-nextbutblk.png) no-repeat left top;
	transform: rotate(-180deg);
	right: -3%
}

.newseventsilder .slick-next::before,
.newseventsilder .slick-prev::before {
	content: ''
}

.kowmorebutblk {
	position: relative;
	font-size: 14px;
	color: #f28a14;
	font-family: RobotoRegular;
	padding: 0 0 0 55px;
	display: inline-block;
	cursor: pointer
}

.kowmorebutblk:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 0;
	width: 45px;
	height: 1px;
	background: #f28a14
}

.kowmorebutblk:hover {
	color: #000
}

.aboutkowmore .kowmorebutblk:before {
	top: 18px
}

.kowmorebutblk:hover:before {
	background: #000
}

.newseventsilder .slick-next,
.newseventsilder .slick-prev {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.newseventsilder .slick-next {
	transform: rotate(-180deg)
}

.overviewmainblk {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center
}

.overviewleftblk {
	background: #fff;
	width: 83.5%;
	padding: 10px 0
}

.overviewrightblk {
	background: #000;
	width: 16.5%;
	background: url(../images/aboutbg.jpg) no-repeat top left
}

.aboutdetailblk {
	width: 80%;
	width: 93.5%
}

.overviewtextblk {
	font-size: 18px;
	color: #8c8c8c;
	font-family: RobotoRegular;
	padding: 20px 0 0 0
}

.aboutcontleftblk {
	width: 12%
}

.aboutcontrightblk {
	width: 100%;
	padding: 0 12% 0 0
}

.aboutheadeingblk {
	font-size: 50px;
	color: #000;
	line-height: 55px;
	font-family: RobotoRegular
}

.aboutsubhedingblk {
	font-family: RobotoLight;
	font-size: 30px;
	color: #000;
	line-height: 33px;
	padding: 15px 0 0;
	text-transform: capitalize;
	margin: 0
}

.aboutcontrightblk p {
	font-size: 16px;
	color: #585858;
	font-family: RobotoRegular;
	line-height: 22px;
	padding: 35px 0 0 0
}

.aboutdevelpblk {
	border-left: 10px solid #f28a14;
	width: 90%;
	color: #888;
	font-family: RobotoMedium;
	padding: 0 0 0 5%;
	font-size: 30px;
	line-height: 35px;
	margin: 30px 0 0 0
}

.countertextblk {
	font-family: RobotoMedium;
	font-size: 18px;
	color: #fff;
	line-height: 20px;
	padding: 12px 0 0 0
}

.overvirecontblk {
	background: rgba(0, 0, 0, .3);
	width: 100%;
	padding: 28px 0 28px 0
}

.overviewcounterblk .counter {
	font-family: RobotoMedium;
	font-size: 48px;
	color: #fff;
	line-height: 48px
}

.overvirecontwrapblk {
	width: 100%
}

.overviewcounterblk {
	padding: 25px 0 25px 30px;
	border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.overviewcounterblk:last-child {
	border-bottom: 0
}

.aboutkowmore {
	padding: 40px 0 0 0
}

.projectresidcomerblk {
	position: relative;
	width: 100%
}

.projectmainwrapblk {
	width: 100%;
	background: url(../images/twosilderbg.jpg) no-repeat center top;
	height: 650px;
	position: relative
}

.commercial-mainblk,
.residential-mainblk {
	width: 100%;
	margin: 0 auto;
	position: relative
}

.commercial-mainblk .bx-wrapper .bx-viewport,
.residential-mainblk .bx-wrapper .bx-viewport {
	background: 0 0
}

.residentprojectcontblk {
	position: relative
}

.residenttextblk {
	position: absolute;
	left: 9%;
	top: 27%;
	color: #505050;
	font-size: 16px
}

.logoprojectblk {
	position: absolute;
	left: 9%;
	top: 30%
}

.residenttextcontblk {
	position: relative
}

.residenheadingblk {
	font-family: RobotoMedium;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	text-transform: capitalize
}

.residentparablk {
	color: #fff;
	font-family: RobotoMedium;
	font-size: 14px;
	line-height: 16px;
	padding: 3px 0 0 0
}

.signiahedingtextblk {
	position: absolute;
	left: 11%;
	text-align: center;
	top: 45%
}

.signiaviewblk {
	font-size: 38px;
	line-height: 33px;
	color: #fff;
	font-family: RobotoMedium;
	text-transform: uppercase
}

.signiaapartblk {
	font-size: 27px;
	line-height: 29px;
	color: #fff;
	font-family: RobotoMedium;
	text-transform: uppercase;
	padding: 4px 0 0 0
}

.signiaapartblk span {
	font-size: 18px;
	line-height: 20px;
	display: block
}

.signiahighblk {
	text-align: left;
	line-height: 37px
}

.signiahightcontblk .signiahedingtextblk {
	left: 13%;
	text-align: left;
	top: 47%
}

.signiahightcontblk .signiahedingtextblk span {
	padding: 0 0 0 10px
}

.sunteckcitytextblk .residenttextblk {
	top: 30%
}

.sunteckcitytextblk {
	font-size: 23px;
	line-height: 28px
}

.sunteckcitytextblk .signiahedingtextblk {
	left: 9%;
	top: 49%
}

.residentialsilderrightblk {
	width: 50%;
	margin: 15% 0 0 0
}

.residentialsilderleftblk {
	width: 50%
}

.commercialsilderrightblk {
	width: 50%;
	margin: 15% 0 0 0
}

.commercialsilderleftblk {
	width: 50%
}

.residenrighttextblk {
	margin: 10px 0 0 0
}

.residentrighthedingblk {
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	font-family: RobotoMedium;
	text-transform: capitalize
}

.residentrightparablk {
	font-family: RobotoMedium;
	font-size: 14px;
	line-height: 15px;
	color: #fff
}

.residentailsildercontrolsblk {
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%
}

.residentailsildercontrolsblk .proprev {
	position: absolute;
	left: -40px;
	top: 0;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background: url(../images/mob-prv-arw.png) no-repeat center;
	height: 44px;
	width: 44px
}

.residentailsildercontrolsblk .pronext {
	position: absolute;
	right: 0;
	top: 0;
	right: -60px;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background: url(../images/mob-nxt-arw.png) no-repeat center;
	height: 44px;
	width: 44px
}

.projecttextblk {
	font-size: 48px;
	color: #fff;
	line-height: 52px;
	font-family: RobotoRegular
}

.res-commer-projectblk {
	position: absolute;
	top: 40px;
	left: 3%;
	line-height: 0;
	z-index: 9
}

.slidercontainer {
	height: 0;
	overflow-y: hidden
}

.slidercontainer.activeinfoslider {
	height: auto;
	overflow-y: visible;
	display: block
}

.projecttablbk.activetabitem {
	color: #fff;
	border-bottom: 1px solid #fff
}

.projecttablbk {
	display: inline-block;
	vertical-align: top;
	position: relative;
	cursor: pointer;
	font-family: RobotoMedium;
	font-size: 18px;
	line-height: 18px;
	border-bottom: 1px solid transparent;
	padding: 0 0 5px;
	color: #fff
}

.projecttablbk:after {
	position: absolute;
	content: "";
	width: 4px;
	height: 4px;
	background: #fff;
	top: 6px;
	right: -23px;
	border-radius: 30px
}

.projecttablbk:last-child:after {
	background: 0
}

.projecttablbk+.projecttablbk {
	margin: 0 0 0 30px
}

.sunteckitemlist {
	position: absolute;
	top: 12%;
	right: 17%;
	z-index: 9
}

.silderproject {
	position: fixed;
	width: 100%;
	top: 0;
	right: -100%;
	height: 100vh;
	background: #656565;
	z-index: 99999999;
	background: url(../images/bgproject.jpg) no-repeat center top
}

.projectsilderwrapblk {
	width: 80%;
	margin: 0 auto;
	position: relative
}

.silderproject .slick-next {
	background: url(../images/mob-nxt-arw.png) no-repeat center center;
	width: 44px;
	height: 44px;
	right: -50px
}

.silderproject .slick-prev {
	background: url(../images/mob-prv-arw.png) no-repeat center center;
	width: 44px;
	height: 44px;
	left: -60px
}

.silderproject .slick-prev:focus,
.silderproject .slick-prev:hover {
	background: url(../images/mob-prv-arw.png) no-repeat center center
}

.silderproject .slick-next:focus,
.silderproject .slick-next:hover {
	background: url(../images/mob-nxt-arw.png) no-repeat center center
}

.silderproject .slick-prev::before {
	content: ''
}

.silderproject .slick-next::before {
	content: ''
}

.projectsilderwrapblk {
	padding: 50px 0
}

.projetqabclose {
	margin: 0 0 50px 0
}

.silderprojecttabmainblk {
	padding-left: 14px
}

.closesilerbutblk {
	display: inline-block;
	cursor: pointer;
	position: relative;
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	padding: 3px 40px 0 0
}

.gallarypic {
	width: 90%;
	margin: 0 auto
}

.picgallary img {
	width: 100%;
	display: block
}

.picgallary {
	overflow: hidden
}

.picgallary img {
	max-width: 100%;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}

.picgallary:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	transition: all .3s
}

.picgallpictext {
	margin-top: 21px
}

.picgallpictext img {
	width: 100%;
	display: block
}

.silderproject {
	background: url(../images/bgproject.jpg) no-repeat center top
}

.picgallary {
	box-shadow: 0 6px 12px rgba(0, 0, 0, .5)
}

.gallarypichedingblk {
	color: #fff;
	font-family: RobotoMedium;
	font-size: 25px;
	text-transform: uppercase;
	line-height: 25px
}

.gallarypicloctionblk {
	color: #fff;
	font-family: RobotoMedium;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 16px;
	padding: 5px 0 0 0
}

.silderprojecttabblk {
	color: #fff;
	font-size: 18px;
	line-height: 18px;
	display: inline-block;
	margin: 0 35px 0 0;
	position: relative;
	cursor: pointer;
	padding: 0 0 10px 0
}

.silderprojecttabblk:last-child {
	padding: 0
}

.silderprojecttabblk:last-child:after {
	display: none
}

.silderprojecttabblk:after {
	position: absolute;
	content: "";
	background: #fff;
	height: 4px;
	width: 4px;
	border-radius: 50%;
	right: -20px;
	top: 8px
}

.closesilerbutblk:after {
	background: url(../images/closesilder.png) no-repeat top left;
	width: 14px;
	height: 15px;
	content: "";
	position: absolute;
	top: 2px;
	right: 15px
}

.projectsidemainblk {
	height: 0;
	overflow-y: hidden
}

.projectsidemainblk.activeinfoslider1 {
	height: auto;
	overflow-y: visible
}

.projectsidemainblk.silderactiveinfoslider1 {
	height: auto;
	overflow-y: visible
}

.projecttablbk .silderactivetabitem {
	color: #fff;
	border-bottom: 1px solid #fff;
	padding: 0 0 10px 0
}

.silderprojecttabblk .silderactivetabitem {
	border-bottom: 1px solid #fff
}

.silderprojecttabblk {
	border-bottom: 1px solid transparent
}

.silderprojecttabblk.silderactivetabitem {
	border-bottom: 1px solid #fff
}

.silderprojecttabblk.silderactivetabitem:last-child {
	padding: 0 0 10px 0
}

.residentialsilderrightblk .bxslider-2 {
	width: 100%
}

.residentsecendsilderblk {
	width: 90%
}

.banner #bx-pager {
	position: absolute;
	top: 0;
	right: 0;
	height: 100vh;
	background: #fff;
	z-index: 9999999;
	width: 223px;
	background: #292929;
	padding: 0
}

.banner .bxpager.active .logo-pic {
	left: 0
}

.banner .bxpager.active .logo-pic:after,
.banner .bxpager:hover .logo-pic:after {
	position: absolute;
	content: "";
	width: 9px;
	height: 12px;
	background: url(../images/active-arrow.png) no-repeat 0 0;
	bottom: 2px;
	right: 0
}

.banner .bxpager.active .pronum {
	color: #ff9b30
}

.banner .bxpager:hover .pronum {
	color: #ff9b30
}

.banner .bxpager.active .proname {
	color: #ff9b30;
	transition: all .5s ease
}

.banner a.bxpager:last-child {
	border-bottom: 0
}

.banner a.bxpager {
	width: 100%;
	position: relative;
	display: block;
	border-bottom: 1px solid #494949;
	text-decoration: none;
	background: #292929;
	height: 121.5px;
	padding: 21px 22px
}

.banner .bxpager:hover .logo-pic {
	left: 0
}

.banner .bxpager:hover .proname {
	color: #ff9b30;
	transform: scale(1);
	transition: all .5s ease
}

.projectpicblk {
	background: url(../images/banner/right.png) #ec9b25 no-repeat 85% 50%;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 25px 30px;
	z-index: 9999999;
	cursor: pointer;
	width: 223px;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .8px
}

.projectpicblk span {
	height: 8px;
	width: 8px;
	padding: 0 0 0 25px
}

.propertylocators {
	position: absolute;
	bottom: 37px;
	right: 22%;
	z-index: 99;
	color: #fff;
	font-size: 14px;
	letter-spacing: 0;
	cursor: pointer
}

.bannerte1 img {
	width: auto!important;
	max-width: none!important
}

.active-slide .bannerte1 {
	width: 690px
}

.bannerte1 {
	transition: 2.5s ease all;
	width: 0;
	overflow: hidden;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	background: rgba(0, 0, 0, .5)
}

.banner-sm-head {
	font-size: 24px;
	color: #fff;
	font-family: RobotoMedium;
	text-transform: uppercase;
	width: 690px;
	line-height: 24px;
	margin-bottom: 20px
}

.banner-head-text {
	font-size: 48px;
	color: #fff;
	font-family: RobotoRegular;
	line-height: 48px;
	width: 690px;
	padding: 15px
}

.banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	width: 45%
}

.banner .bx-wrapper .bx-controls-auto,
.banner .bx-wrapper .bx-pager {
	bottom: 9px;
	position: absolute;
	width: 100%;
	right: -180px
}

.banner .bx-wrapper .bx-pager.bx-default-pager a {
	margin: 0 12px;
	width: 5px;
	height: 5px
}

.banner .bx-wrapper .bx-pager.bx-default-pager a {
	background: #b4b39d
}

.banner .bx-wrapper .bx-pager.bx-default-pager a.active,
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #d53e4c
}

.banner a.bxpager {
	transition: all .5s ease
}

.banner .bxpager {
	left: 0
}

.banner .bxpager.active {
	left: -15px;
	transition: all .5s ease
}

.banner .bxpager:hover {
	left: -15px;
	transition: all .5s ease
}

.banner .banfirst .bannerpic {
	background: url(../images/banner/img2.jpg) no-repeat 0 0;
	background-size: cover
}

.banner .bansecond .bannerpic {
	background: url(../images/banner/img3.jpg) no-repeat 0 0;
	background-size: cover
}

.banner .banthird .bannerpic {
	background: url(../images/banner/img5.jpg) no-repeat 0 0;
	background-size: cover
}

.banner .banfourth .bannerpic {
	background: url(../images/banner/img4.jpg) no-repeat 0 0;
	background-size: cover
}

.banner .banfifth .bannerpic {
	background: url(../images/banner/img6.jpg) no-repeat 0 0;
	background-size: cover
}

.banner .bansix .bannerpic {
	background: url(../images/banner/img8.jpg) no-repeat 0 0;
	background-size: cover
}

.banner .banseven .bannerpic {
	background: url(../images/banner/img9.jpg) no-repeat 0 0;
	background-size: cover
}
/*pratik*/
/*.banner .signiabanner .bannerpic {
	background: url(../images/banner/banner-gil-2.jpg) no-repeat 0 0;
	background-size: cover
}*/

.banner .sunteck-maxxworld .bannerpic {
	background: url(../images/banner/sun-city-new1.jpg) no-repeat 0 0;
	background-size: cover
}

.banner .bannerpic {
	height: 100vh;
	background-size: cover
}

.pronum {
	font-size: 12px;
	color: #aeaeae;
	font-family: RobotoMedium;
	line-height: 12px
}

.proname {
	font-size: 16px;
	color: #fff;
	font-family: RobotoMedium;
	margin: 12% 0 0;
	position: relative;
	width: 123px
}

.residentialsilderleftblk .bx-controls,
.residentialsilderrightblk .bx-controls {
	display: none
}

.bannertextblk {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.bannertextcont {
	position: relative
}

.banner {
	width: 100%
}

.banner .logo-pic {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	transition: all .5s ease
}

.slick-slide {
	outline: 0!important;
	border: none!important
}

.interwraper {
	width: 100%
}

.stoctrinternacallblk ul li {
	display: inline-block;
	color: #000;
	font-family: RobotoMedium;
	font-size: 14px;
	margin: 0 28px 0 0;
	position: relative;
	vertical-align: middle
}

.stoctrinternacallblk ul li a {
	color: #000;
	font-size: 14px
}

.stoctrinternacallblk ul li:last-child:after {
	display: none
}

.stoctrinternacallblk {
	display: inline-block
}

.menuclick {
	display: inline-block;
	vertical-align: middle
}

.interwraper .right-sec {
	padding: 0
}

.header {
	padding: 10px 0;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0 auto;
	z-index: 99;
	width: 100%;
	background: #fff
}

.banner #bx-pager {
	height: 90%
}

.projectpicblk {
	height: 10%
}

.banner a.bxpager {
	height: 20%
}

.banner #bx-pager,
.projectpicblk {
	width: 16.5%
}

.banner .banfirst .bannerpic img {
	display: none
}

.banner .bx-wrapper .bannerpic img {
	display: none
}

.sliderwrapper {
	width: 100%;
	position: relative
}

.bannerpicresp1blk {
	display: none
}

.prpertbutblk {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px
}

.prpertbutblk img {
	margin: 0 0 0 20px;
	width: 100%;
	display: block
}

.residentailsildercontrolsblk {
	display: none
}

.activeinfoslider .statusSlider.activeinfoslider .residentailsildercontrolsblk {
	display: block
}

.residentpicmobileblk {
	display: none
}

.enquire-btn {
	background: #fff;
	font-size: 16px;
	font-family: RobotoMedium;
	color: #ec9b25;
	text-align: center;
	border-radius: 25px;
	letter-spacing: .5px;
	overflow: hidden;
	display: block;
	border-radius: 50px;
	border: 1px solid #ec9b25;
	margin: 0 auto;
	display: inline-block
}

.enquire-btn:hover span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%)
}

.enquire-btn span {
	position: relative;
	padding: 14px 30px;
	display: block;
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s
}

.enquire-btn span:before {
	position: absolute;
	top: 100%;
	padding: 14px 30px;
	display: block;
	left: 0;
	width: 100%;
	content: attr(data-hover);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background: #ec9b25;
	color: #fff;
	border-radius: 25px
}

.sliderwrapper {
	overflow-x: hidden
}

.stocktreckerblk {
	position: absolute;
	width: 312px;
	top: 66px;
	right: 36%;
	background: #fff;
	z-index: 9999;
	height: 68px;
	padding: 5px;
	box-sizing: border-box;
	display: none;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}

.stockclick {
	cursor: pointer
}

.callbackclick {
	cursor: pointer
}

.callbackblk {
	position: absolute;
	width: 312px;
	top: 66px;
	right: 32%;
	background: #ffff;
	z-index: 9999;
	height: 68px;
	padding: 5px;
	box-sizing: border-box;
	display: none;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}

.hamburger {
	display: none
}

.mobilemenublk {
	display: none
}

.mobileiconblk .iconcomblk {
	display: inline-block;
	margin: 10px 0 10px 10px
}

.closeiconblk {
	margin-top: 10px;
	cursor: pointer
}

.img-responsive {
	width: 100%
}

.bannerwrapper {
	line-height: 0
}

.bannerblk {
	position: relative
}

.bannertxt {
	position: absolute;
	left: 0;
	bottom: 56px;
	font-family: RobotoMedium
}

.suntecktxt {
	color: #ec9b25;
	font-size: 26px;
	line-height: 40px;
	text-transform: none;
	margin-bottom: 0
}

.pageheading {
	color: #fff;
	font-size: 60px;
	line-height: 60px;
	font-weight: 900;
	text-transform: uppercase
}

.commonpadding {
	padding: 82px 0 0 0
}

.pagettl {
	font-size: 50px;
	line-height: 55px;
	color: #000;
	font-weight: 900;
	font-family: RobotoRegular
}

.pagesubttl {
	font-family: RobotoLight;
	font-size: 30px;
	color: #000;
	line-height: 33px;
	padding: 15px 0 0 0
}

.pageoverview {
	color: #888;
	font-family: RobotoMedium;
	font-size: 28px;
	line-height: 34px;
	margin: 25px 0 0 0
}

.csrwrap p,
.disclaimerblk p,
.workculturewrap p {
	font-family: RobotoRegular;
	font-size: 16px;
	line-height: 20px;
	color: #585858;
	margin: 0 0 2% 0
}

.workculturewrap {
	padding: 44px 0 84px 0
}

.workleftblk {
	width: 52%
}

.workrightblk {
	width: 43%
}

.jobopeningwrapper {
	background: url(../images/jobopening-bg.png) no-repeat center 100%
}

.csrgalleryttl,
.jobopeningttl {
	font-family: RobotoRegular;
	font-size: 36px;
	font-weight: 600;
	line-height: 40px;
	margin: 0 0 2% 0
}

.csrblk,
.jobopeningblk {
	padding: 70px 0 90px 0
}

.csrblk p,
.jobopeningblk p {
	font-family: RobotoLight;
	font-size: 18px;
	line-height: 22px;
	color: #515151;
	margin: 0 0 5% 0
}

::-webkit-input-placeholder {
	font-size: 18px;
	line-height: 20px;
	color: #515151;
	font-family: RobotoRegular
}

::-moz-placeholder {
	font-size: 18px;
	line-height: 20px;
	color: #515151;
	font-family: RobotoRegular
}

:-ms-input-placeholder {
	font-size: 18px;
	line-height: 20px;
	color: #515151;
	font-family: RobotoRegular
}

:-moz-placeholder {
	font-size: 18px;
	line-height: 20px;
	color: #515151;
	font-family: RobotoRegular
}

.formfield {
	font-family: RobotoRegular;
	width: 100%;
	border: 0;
	font-size: 18px;
	line-height: 23px;
	color: #515151;
	background: no-repeat;
	padding: 10px 0
}

.formfieldblk1 {
	border-bottom: 2px solid #c6c7ca;
	width: 31%;
	margin: 0 3% 3% 0
}

.formfieldblk1:nth-child(n+3) {
	margin-right: 0
}

.formfieldblk1 .inputfile {
	cursor: pointer;
	overflow: hidden;
	padding: 7px 0 8px
}

.inputfile+label {
	width: 100%;
	cursor: pointer;
	background: 0 0;
	color: #515151;
	display: block;
	overflow: hidden;
	font-size: 18px;
	padding: 10px 0;
	font-family: RobotoRegular;
	line-height: 20px
}

.inputfile-6+label strong {
	background: url(../images/upload.png) no-repeat 98% 8px;
	float: right;
	width: 20px;
	height: 20px
}

.submitbutton {
	width: 112px;
	font-family: RobotoMedium;
	font-size: 16px;
	line-height: 18px;
	background: #ec9b25;
	color: #fff;
	padding: 8px 12px;
	display: inline-block;
	cursor: pointer;
	text-transform: uppercase;
	border: 0;
	border-radius: 30px
}

.csrwrap {
	padding: 0 0 4% 0
}

.csrgallerywrapper {
	background: #f1f1f3
}

.ibvt {
	display: inline-block;
	vertical-align: top
}

.csrgalleryblk {
	width: 30.66%;
	margin: 0 4% 4% 0;
	position: relative
}

.csrgallerywrap {
	font-size: 0
}

.csrgallerytxt {
	position: absolute;
	left: 15px;
	bottom: 15px
}

.csrgallerytxt1 {
	font-family: RobotoRegular;
	font-size: 18px;
	line-height: 25px;
	color: #f28a14;
	text-transform: uppercase
}

.csrgallerytxt2 {
	font-family: RobotoRegular;
	font-size: 16px;
	line-height: 18px;
	color: #fff
}

.csrgalleryblk:nth-child(3n+3) {
	margin: 0
}

.header.disclaimer {
	box-shadow: 1px 4px 3px #f4f4f4
}

.innerheader .interwraper {
	width: 100%
}

.disclaimerblk {
	padding: 40px 0 6% 0
}

.rechausaddressblk.disclaimerreachus {
	border-top: 2px solid #cccdcd
}

.nriblk {
	border-bottom: 1px solid #f28a14!important;
	padding: 1% 0
}

.accordianttl {
	font-family: RobotoMedium;
	font-size: 18px;
	line-height: 22px;
	color: #f28a14;
	width: 95%
}

.accordiantxt {
	font-family: RobotoRegular;
	font-size: 16px!important;
	line-height: 18px;
	color: #585858;
	margin: 20px 0 2%;
	width: 95%
}

.nriwrap {
	padding: 20px 0 80px 0
}

.nriblk:last-child {
	border-bottom: none!important
}

.nriwrap .smk_accordion.acc_with_icon .accordion_in .acc_head,
.smk_accordion.acc_with_icon .accordion_in .acc_content {
	padding: 0;
	background: 0;
	color: #585858
}

.nriwrap .smk_accordion .accordion_in .acc_head {
	font-size: 18px
}

.smk_accordion.acc_with_icon .accordion_in .acc_content,
.smk_accordion.acc_with_icon .accordion_in .acc_head {
	padding-left: 0;
	font-size: 18px;
	background: 0;
	border: 0
}

.smk_accordion .accordion_in .acc_head {
	padding: 0
}

.smk_accordion .accordion_in:first-of-type,
.smk_accordion .accordion_in:first-of-type .acc_head {
	border-radius: 0
}

.nriwrap .nriblk .smk_accordion .accordion_in {
	border-bottom: #f28a14!important
}

.smk_accordion {
	margin-bottom: 0
}

.smk_accordion .accordion_in {
	border: 0
}

.insitebannerblk {
	width: 100%
}

.insitebannerblk img {
	width: 100%
}

.errorbannerblk {
	width: 100%;
	margin: 66px 0 0;
	background: url(../images/banner/notfoundbanner.jpg) top center;
	padding: 0 0 40px 0
}

.pressreleasemenublk {
	background: #241301;
	padding: 20px 0
}

.pressmenucontblk ul li {
	display: inline-block;
	position: relative
}

.pressmenucontblk ul li:after {
	content: "";
	position: absolute;
	top: 10px;
	right: -28%;
	width: 6px;
	height: 6px;
	background: #9b9b9b;
	border-radius: 50%
}

.pressmenucontblk ul li:last-child:after {
	display: none
}

.pressmenucontblk ul li a {
	color: #fff;
	font-size: 24px;
	font-family: RobotoRegular;
	line-height: 26px
}

.pressmenucontblk ul li+li {
	margin: 0 0 0 6%
}

.pressmenucontblk ul li a.active {
	color: #ec9b25
}

.pressrelcontblk {
	background: #f9f9f9
}

.presspaddingblk {
	padding: 70px 0 5% 0
}

.pagesubtitleblk {
	font-size: 30px;
	color: #000;
	line-height: 32px;
	font-family: RobotoLight;
	padding: 10px 0 0 0
}

.calendarpicblk {
	background: url(../images/calendarpic.png) no-repeat;
	width: 62px;
	height: 70px
}

.calendarpicblk {
	font-size: 17px;
	color: #282828;
	line-height: 17px;
	text-align: center;
	padding: 27px 0 0 0
}

.calendarpicblk span {
	display: block;
	font-size: 13px
}

.newcontblk {
	padding: 17px 0;
	border-bottom: 1px solid #e1e1e1
}

.newtextblk {
	width: 92%;
	margin: 0 0 0 2%;
	padding: 10px 0 0 0
}

.newhwdingblk {
	font-size: 24px;
	line-height: 26px;
	color: #888;
	font-family: RobotoBold;
	padding: 0 0 15px 0
}

.newsbutblk {
	font-size: 14px;
	line-height: 16px;
	color: #f28a14;
	position: relative;
	padding: 0 0 0 60px;
	font-family: RobotoRegular
}

.newsubhedingblk {
	color: #585858;
	font-size: 16px;
	line-height: 18px;
	font-family: RobotoRegular;
	padding: 0 0 20px 0
}

.newsbutblk:before {
	content: "";
	position: absolute;
	background: #f28a14;
	width: 44px;
	height: 1px;
	left: 0;
	top: 8px
}

.know-btn {
	background: #f28a14;
	font-size: 16px;
	font-family: RobotoMedium;
	color: #fff;
	text-align: center;
	border-radius: 25px;
	letter-spacing: .5px;
	overflow: hidden;
	display: block;
	border-radius: 50px;
	border: 1px solid #f28a14;
	margin: 0 auto;
	display: inline-block;
	cursor: pointer
}

.know-btn:hover span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%)
}

.know-btn span {
	position: relative;
	padding: 10px 35px;
	display: block;
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s
}

.know-btn span:before {
	position: absolute;
	top: 100%;
	padding: 10px 35px;
	display: block;
	left: 0;
	width: 100%;
	content: attr(data-hover);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background: #fff;
	color: #f28a14;
	border-radius: 25px
}

.newaddblk {
	display: none
}

.readmorebutblk {
	padding: 45px 0 0 0
}

.newcontblk:last-child {
	border-bottom: 0
}

.newwrapblk {
	margin: 20px 0 0 0
}

.erroepicblk img {
	width: auto
}

.errorbannercontblk {
	position: relative;
	top: 0;
	left: 0;
	width: 100%
}

.errorbannerblk {
	position: relative
}

.errorbannerdetailblk {
	position: relative
}

.text404blk {
	color: #da7803;
	font-size: 177px;
	font-family: RobotoMedium;
	line-height: 190px
}

.text404blk span {
	color: transparent;
	color: #444041;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #444041
}

.erroepagecontblk {
	position: relative;
	padding: 20% 0 0;
	display: inline-block
}

.foundtextblk {
	font-size: 38px;
	color: #444041;
	font-family: RobotoLight;
	text-transform: uppercase;
	line-height: 40px;
	border-bottom: 1px solid #444041;
	padding: 10px 0 5px 0
}

.backto-btn {
	background: #ec9b25;
	font-size: 18px;
	font-family: RobotoMedium;
	color: #fff;
	text-align: center;
	border-radius: 25px;
	letter-spacing: .5px;
	overflow: hidden;
	display: block;
	border-radius: 50px;
	border: 1px solid #ec9b25;
	margin: 0 auto;
	display: inline-block;
	position: relative
}

.backto-btn:hover span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%)
}

.backto-btn span {
	position: relative;
	padding: 5px 30px;
	display: block;
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s;
	text-transform: uppercase
}

.backto-btn span:before {
	position: absolute;
	top: 100%;
	padding: 5px 30px;
	display: block;
	left: 0;
	width: 100%;
	content: attr(data-hover);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background: #fff;
	color: #ec9b25;
	border-radius: 25px;
	text-transform: uppercase
}

.backto-btn:before {
	content: "";
	position: absolute;
	top: 16px;
	left: 10px;
	background: #fff;
	width: 7px;
	height: 7px;
	border-radius: 50%
}

.backto-btn:after {
	content: "";
	position: absolute;
	top: 16px;
	right: 10px;
	background: #fff;
	width: 7px;
	height: 7px;
	border-radius: 50%
}

.backtobutblk {
	margin: 37px 0 0;
	text-align: center
}

.notfountblk {
	width: 50%;
	text-align: center;
	margin: 0 auto
}

.erroepicblk {
	width: 50%
}

.videomainblk {
	margin: 30px 0 0 0
}

.videocontblk {
	position: relative;
	width: 100%
}

.videobutblk {
	position: absolute;
	top: 50%;
	left: 50%;
	right: 0;
	margin: 0 auto;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 9
}

.videocontblk img {
	width: 100%;
	display: block
}

.videobutblk img {
	width: auto;
	margin: 0 auto
}

.videobgblk {
	background: rgba(0, 0, 0, .3);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.videoaddblk {
	display: none
}

.contactcontblk {
	padding: 82px 0
}

.contectleftblk,
.contectrightblk {
	width: 50%
}

.contaddresblk {
	width: 75%
}

.addresshedingblk {
	color: #ec9b25;
	font-size: 24px;
	line-height: 26px;
	margin: 0 0 10px;
	font-family: RobotoRegular
}

.addresscontblk {
	font-size: 19px;
	line-height: 24px;
	margin: 0 0 20px 0
}

.contacthedingblk {
	padding: 0 0 45px 0
}

.uaeheadingblk {
	font-family: RobotoRegular;
	color: #ec9b25;
	font-size: 24px;
	line-height: 26px;
	margin: 0 0 30px 0
}

.intermailblk {
	width: 50%;
	font-size: 19px;
	padding: 10px 0 10px 45px;
	position: relative;
	color: #000
}

.intercallblk:after {
	content: "";
	position: absolute;
	top: 21px;
	left: 24px;
	background: url(../images/sprit.png) no-repeat -5px -3px;
	width: 14px;
	height: 17px
}

.intermailblk:after {
	content: "";
	position: absolute;
	top: 19px;
	left: 20px;
	background: url(../images/sprit.png) no-repeat no-repeat -26px -3px;
	width: 14px;
	height: 12px
}

.internatcontblk {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	width: 100%
}

.intermailblk a {
	color: #000
}

.intercallblk::after {
	content: "";
	position: absolute;
	top: 15px;
	left: 5px;
	background: url(../images/sprit.png) no-repeat -5px -3px;
	width: 14px;
	height: 17px
}

.intercallblk {
	width: 50%;
	font-size: 19px;
	padding: 10px 0 10px 30px;
	position: relative;
	color: #000;
	border-right: 1px solid #d9d9d9
}

.faxcontblk {
	width: 50%;
	font-size: 19px;
	padding: 10px 0 10px 45px;
	position: relative;
	color: #000
}

.numbcontblk:after {
	content: "";
	position: absolute;
	top: 21px;
	left: 24px;
	background: url(../images/sprit.png) no-repeat -5px -3px;
	width: 14px;
	height: 17px
}

.faxcontblk:after {
	content: "";
	position: absolute;
	top: 16px;
	left: 20px;
	background: url(../images/sprit.png) no-repeat -49px -3px;
	width: 17px;
	height: 15px
}

.numbfaxcontblk {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	width: 100%
}

.faxcontblk a {
	color: #000
}

.numbcontblk::after {
	content: "";
	position: absolute;
	top: 15px;
	left: 5px;
	background: url(../images/sprit.png) no-repeat -5px -3px;
	width: 14px;
	height: 17px
}

.numbcontblk {
	width: 50%;
	font-size: 19px;
	padding: 10px 0 10px 30px;
	position: relative;
	color: #000;
	border-right: 1px solid #d9d9d9
}

.contleftfooterblk {
	background: #fafafa
}

.enqhedingblk {
	font-size: 36px;
	color: #ec9b25;
	font-family: RobotoMedium;
	line-height: 50px
}

.filemandblk {
	color: #323232;
	font-size: 16px;
	line-height: 20px;
	font-family: RobotoLight;
	padding: 5px 0 0 0
}

.contforminqblk {
	font-family: RobotoRegular;
	width: 100%;
	border: 0;
	font-size: 14px;
	line-height: 20px;
	color: #515151;
	background: no-repeat;
	padding: 10px 0;
	border-bottom: 1px solid #c8c8c8
}

.ownerdetailblk {
	width: 100%;
	background: #fff;
	padding: 80px 0 65px;
	padding: 60px 0 65px 0
}

.referhead {
	font-family: RobotoMedium;
	font-size: 45px;
	line-height: 46px;
	margin: 0 0 20px;
	color: #000;
	text-transform: capitalize
}

.refertextcontblk {
	width: 100%
}

.referlabletxt {
	float: left;
	width: 23%
}

.referlabletxt+.referlabletxt {
	margin: 0 0 0 2.6%
}

.referlabletxt .inputfield {
	width: 100%;
	padding: 8px 9px 8px 0;
	font-size: 18px;
	font-family: RobotoRegular;
	color: #656565;
	border: 0;
	border-bottom: 2px solid #ccc
}

.referlabletxt select {
	width: 100%;
	padding: 8px 9px 8px 0;
	font-family: RobotoRegular;
	font-size: 18px;
	cursor: pointer;
	color: #8d8a8a;
	border: 0;
	border-bottom: 2px solid #ccc;
	position: relative;
	background: url(../images/down-arrow.png) no-repeat 99% 20px
}

.referlabletxt .inputfield::-webkit-input-placeholder {
	opacity: .7;
	color: #656565
}

.referlabletxt .inputfield:-moz-placeholder {
	opacity: .7;
	color: #656565
}

.referlabletxt .inputfield::-moz-placeholder {
	opacity: .7;
	color: #656565
}

.referlabletxt .inputfield:-ms-input-placeholder {
	opacity: .7;
	color: #656565
}

.friendrefwrapblk {
	background: #4f4f4f;
	padding: 60px 0
}

.acquaintancetxt {
	font-family: RobotoMedium;
	font-size: 32px;
	line-height: 40px;
	color: #fff
}

.acquaintanceitem {
	font-size: 15px;
	font-family: RobotoRegular;
	color: #000;
	float: left;
	width: 32%
}

.acquaintanceitem+.acquaintanceitem {
	margin: 0 0 0 2%
}

.acquaintanceitem .inputfield {
	width: 100%;
	padding: 8px 9px 8px 0;
	font-size: 18px;
	font-family: RobotoRegular;
	color: #fff;
	border: 0;
	border-bottom: 2px solid #ccc;
	background: 0
}

.acquaintanceitem .inputfield::-webkit-input-placeholder {
	opacity: .7;
	color: #fff
}

.acquaintanceitem .inputfield:-moz-placeholder {
	opacity: .7;
	color: #fff
}

.acquaintanceitem .inputfield::-moz-placeholder {
	opacity: .7;
	color: #fff
}

.acquaintanceitem .inputfield:-ms-input-placeholder {
	opacity: .7;
	color: #fff
}

.referalsubmit {
	padding: 10px 20px;
	font-size: 16px;
	line-height: 16px;
	font-family: RobotoMedium;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	width: 130px;
	display: block;
	background: #ec9a2d;
	border: 0;
	border-radius: 50px
}

.acquaintanceblkitem {
	margin: 30px 0 0 0
}

.acquabutblk {
	margin: 50px 0 0 0
}

.disclaimreferwrapblk {
	background: #1d0f00;
	padding: 50px 0 40px;
	background: #4f4f4f
}

.referalheadingblk {
	font-family: RobotoLight;
	font-size: 24px;
	line-height: 26px;
	color: #fff;
	padding: 0 0 18px 0
}

.disclaimrefercontblk p {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-family: RobotoLight;
	position: relative;
	padding: 0 0 0 20px
}

.disclaimrefercontblk p:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #ec9b25
}

.disclaimrefercontblk p+p {
	margin: 10px 0 0 0
}

.aboutbannerblk {
	position: relative
}

.aboutbannercontblk {
	padding: 100px 0 0 0
}

.abouttileblk {
	color: #ec9b25;
	font-size: 50px;
	line-height: 60px;
	margin: 0 0 10px 0
}

.aboutbannertextblk {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 auto;
	width: 100%
}

.aboutsubtitleblk {
	color: #fff;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 40px;
	font-family: RobotoMedium;
	margin: 0
}

.aboutsubtitleblk span {
	font-size: 70px;
	line-height: 65px;
	display: block
}

.aboutoverviewblk {
	padding: 60px 0 40px;
	background: #fff
}

.developertitleblk {
	font-size: 18px;
	color: #8c8c8c;
	line-height: 20px;
	font-family: RobotoRegular
}

.realtytextblk {
	font-size: 47px;
	line-height: 55px;
	font-family: RobotoMedium;
	color: #000;
	padding: 0 0 10px 0
}

.premiumtextblk {
	font-size: 30px;
	line-height: 35px;
	font-family: RobotoLight;
	color: #000;
	padding: 0 0 15px 0
}

.residentialblk {
	color: #888;
	font-size: 27px;
	line-height: 30px;
	font-family: RobotoMedium;
	border-left: 10px solid #f28a14;
	padding: 0 0 0 20px
}

.overviewcontblk p {
	font-size: 16px;
	line-height: 20px;
	font-family: RobotoRegular;
	color: #585858
}

.overviewcontblk p+p {
	padding: 20px 0 0 0
}

.awardswarpblk {
	background: #241301
}

.awardscontblk {
	width: 33%;
	padding: 10px 0
}

.awardscenterblk {
	width: 34%
}

.awarddetailblk {
	position: relative;
	display: inline-block;
	padding: 0 0 0 47px
}

.awarddetailblk a {
	font-size: 20px;
	color: #fff;
	font-family: RobotoRegular;
	line-height: 43px;
	position: relative
}

.awarddetailblk a:hover {
	color: #ff9c00
}

.awarddetailblk a:after {
	width: 0;
	height: 1px;
	background: #fff;
	bottom: -5px;
	left: 0;
	content: "";
	position: absolute
}

.awarddetailblk a:hover:after {
	width: 100%;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease
}

.accooladblk:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/sprit.png) no-repeat -212px -4px;
	width: 40px;
	height: 39px
}

.presenceblk:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/sprit.png) no-repeat -262px -6px;
	width: 29px;
	height: 41px
}

.corporatepdfblk:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/sprit.png) no-repeat -261px -56px;
	width: 32px;
	height: 42px
}

.awardscenterblk,
.awardsrightblk {
	text-align: center
}

.awardscontblk+.awardscontblk {
	border-left: 1px solid #4d4d4d
}

.visoncontblk {
	width: 47%
}

.visionwraperblk {
	background: #fef8f2;
	padding: 80px 0
}

.visonpicblk img {
	width: 100%;
	display: block
}

.visionhedingblk {
	padding: 0 0 10px 0
}

.visiontitleblk {
	font-size: 20px;
	line-height: 22px;
	color: #000;
	font-family: RobotoRegular;
	padding: 0 0 10px 0
}

.visoncontblk p {
	font-size: 16px;
	color: #585858;
	font-family: RobotoRegular;
	line-height: 18px
}

.visonpicblk {
	margin: 0 0 15px 0
}

.meatourwarapblk {
	background: url(../images/aboutus/bgpic.jpg) top left;
	padding: 60px 0 80px 0
}

.abouttitleblk {
	font-size: 50px;
	color: #000;
	line-height: 55px;
	font-family: RobotoRegular
}

.meatourcontblk .abouttitleblk {
	padding: 0 0 10px 0
}

p {
	font-size: 16px;
	line-height: 18px;
	font-family: RobotoRegular
}

.chairmancontblk p {
	color: #585858;
	padding: 20px 0 0 0
}

.chairmanpicblk {
	width: 31%;
	position: relative
}

.chairmanpicblk:before {
	content: "";
	position: absolute;
	background: #f28a14;
	width: 10px;
	height: 110%;
	height: 112%;
	left: 5%;
	top: -3%
}

.chairmanpicblk:after {
	content: "";
	position: absolute;
	background: #f28a14;
	width: 100%;
	height: 10px;
	left: 0;
	bottom: -5%
}

.chairmanpicblk img {
	width: 100%;
	display: block
}

.chairmancontblk {
	width: 67%
}

.chairmannameblk {
	color: #f28a14;
	font-family: RobotoMedium;
	font-size: 30px;
	line-height: 32px;
	text-transform: uppercase;
	padding: 0 0 5px 0
}

.designationblk {
	font-size: 18px;
	font-family: RobotoMedium;
	color: #000;
	line-height: 20px
}

.meatoursubtitleblk {
	font-size: 30px;
	line-height: 32px;
	color: #000;
	padding: 0 0 45px 0
}

.associatwrapblk {
	background: #fff;
	padding: 70px 0
}

.partenerhedingbllk {
	font-size: 28px;
	font-family: RobotoMedium;
	color: #f28a14
}

.partenerleftblk {
	width: 48%;
	border-right: 1px solid #e1e0de
}

.partenerrightblk {
	width: 48%
}

.partenterpicblk img {
	display: block;
	width: 100%
}

.partenterpicblk {
	width: 38%;
	box-shadow: 0 0 10px 0 #e7e7e7, 0 0 10px 0 #e7e7e7
}

.partenterdetailblk {
	width: 58%
}

.partenterdetailblk p {
	color: #585858
}

.partenerleftblk .partenterdetailblk p {
	color: #585858;
	padding: 0 9% 0 0
}

.partentcontblk {
	padding: 40px 0 0 0
}

.associatcontblk .abouttitleblk {
	padding: 0 0 40px 0
}

.directormainblk {
	background: #241301;
	padding: 80px 0
}

.directorhedingblk {
	color: #fff;
	font-size: 36px;
	font-family: RobotoMedium;
	line-height: 40px
}

.directcontdetailblk {
	width: 25%;
	color: #fff;
	border-left: 3px solid #f28a14;
	padding: 5px 0 10px 15px;
	margin: 40px 0 0 0
}

.directcontdetailblk:last-child {
	width: auto
}

.directortitleblk {
	font-size: 20px;
	font-family: RobotoMedium;
	color: #fff;
	line-height: 25px
}

.designationdirectblk {
	font-size: 14px;
	font-family: RobotoMedium;
	color: #fff
}

.directorbutblk {
	font-size: 14px;
	color: #f28a14;
	font-family: RobotoRegular;
	cursor: pointer;
	position: relative;
	display: inline-block;
	padding-left: 55px;
	margin: 20px 0 0 0
}

.directorbutblk:hover {
	color: #fff
}

.directorbutblk::before {
	background: #f28a14;
	width: 45px;
	height: 1px;
	content: "";
	position: absolute;
	left: 0;
	top: 8px
}

.overlay {
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .5);
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	display: none
}

.directordetailblk {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0 auto;
	z-index: 999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	background: #fff;
	padding: 20px;
	display: none;
	box-shadow: 0 0 10px 0 #cfcfcf, 0 0 10px 0 #cfcfcf
}

.poputitleblk {
	color: #f28a14;
	font-family: RobotoMedium;
	font-size: 20px;
	line-height: 25px;
	text-transform: uppercase;
	padding: 0 0 5px 0
}

.poputitle1blk {
	color: #000;
	font-family: RobotoRegular;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	padding: 0 0 10px 0
}

.directordetailblk p {
	line-height: 20px
}

.popuclose {
	background: url(../images/sprit.png) no-repeat -28px -30px;
	width: 24px;
	height: 24px;
	position: absolute;
	right: -10px;
	top: -10px;
	cursor: pointer
}

.numberleftblk {
	width: 50%;
	background: #f28a14;
	padding: 50px 0 0;
	position: relative
}

.numberleftblk:after {
	content: "";
	position: absolute;
	top: 48%;
	right: -10px;
	border-top: 10px solid transparent;
	border-left: 10px solid #f28a14;
	border-bottom: 10px solid transparent;
	z-index: 9
}

.numberrightblk {
	width: 50%;
	background: #f5f5f5;
	padding: 50px 0 0 0
}

.percentagewrapblk {
	width: 89%
}

.projectpercentageblk {
	font-size: 26px;
	line-height: 28px;
	color: #fff
}

.projectpercentageblk span {
	display: inline-block
}

.commercialpercentmainblk {
	border-left: 10px solid #fff;
	padding: 0 0 0 20px;
	color: #fff;
	margin: 20px 0 0 0
}

.commercialpercentwordblk {
	font-size: 27px
}

.commercialpercentwordblk span {
	font-size: 43px;
	line-height: 40px
}

.commercialpercenttextblk {
	font-size: 24px;
	line-height: 24px
}

.residentialpercentmainblk {
	border-left: 10px solid #fff073;
	padding: 0 0 0 20px;
	color: #fff;
	margin: 40px 0 0 0
}

.numberrightcontblk {
	width: 89%;
	padding: 0 0 0 15%
}

.projectftblk {
	color: #f28a14;
	font-size: 24px;
	line-height: 26px;
	border-bottom: 1px solid #c4c4c4;
	padding: 0 0 11px 0
}

.projectftblk span {
	font-size: 46px;
	line-height: 35px
}

.projectftblk+.projectftblk {
	margin: 35px 0 0 0
}

.certificate-container {
	margin: 0 auto;
	width: 52%
}

.certificate {
	margin: 0 auto;
	width: 100%
}

.certificate img {
	margin: 0 auto 30px;
	padding: 0;
	width: 100%;
	border: 2px solid #494949
}

.header.innerheader {
	z-index: 99;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, .3)
}

.millionblk {
	width: 54px;
	display: inline-block
}

.realblk {
	width: 27px;
	display: inline-block
}

.perentcountblk {
	width: 49px;
	display: inline-block
}

.mobile-banner {
	display: none
}

.contaddresblk .footermailblk {
	font-size: 19px
}

.referwrapblk .insitebannerblk {
	font-size: 0
}

.currencynlkleft {
	color: #fff
}

.currencycontxt {
	font-family: RobotoMedium;
	font-size: 18px;
	line-height: 22px;
	position: relative;
	width: 76%
}

.currencycontxt::after {
	position: absolute;
	content: "";
	top: 10px;
	right: -40px;
	background: url(../images/sprit.png) no-repeat -59px -36px;
	width: 26px;
	height: 10px
}

.currencyratetxt {
	font-family: RobotoRegular;
	font-size: 14px;
	line-height: 18px
}

.currencyratio {
	width: 200px;
	background: #f28a14;
	border-radius: 30px;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	font-size: 18px;
	font-family: RobotoMedium;
	line-height: 20px
}

.currencynlkleft {
	width: 23%;
	background: #f28a14;
	padding: 11px 0
}

.currencynlkright {
	width: 77%;
	padding: 6px 0 6px 25px;
	background: #e5e5e5;
	min-height: 44px
}

.currencyformwrap {
	width: 93%
}

.currencyfield {
	font-family: RobotoRegular;
	width: 100%;
	border: 0;
	font-size: 18px;
	line-height: 20px;
	color: #515151;
	background: no-repeat;
	padding: 10px 0
}

.currencyformfield {
	border-bottom: 1px solid #c6c7ca;
	margin: 0 3% 0 0;
	width: 22%
}

.currencyformfield select {
	width: 100%;
	padding: 8px 9px 8px 0;
	font-family: RobotoRegular;
	font-size: 18px;
	cursor: pointer;
	border: 0;
	background: no-repeat
}

.currencyformfield:last-child {
	border-bottom: 0;
	margin-right: 0
}

.chairmancontblk .readmorebutblk {
	display: none
}

.percentagecontblk {
	width: 54%
}

.percentagepicblk {
	width: 43%;
	margin: 0 3% 0 0
}

.percentagepicblk img {
	width: 100%
}

.numberleftblk,
.numberrightblk {
	padding: 50px 0
}

.projectpercblk {
	display: inline-block
}

.stockinsiteblk {
	right: 5%
}

.callbackinsiteblk {
	right: 18%
}

.propertylocators {
	z-index: 9
}

.slick-prev {
	z-index: 9
}

.slick-next {
	z-index: 9
}

.header {
	box-shadow: 5px 5px 5px rgba(0, 0, 0, .3)
}

.callbackblk,
.stocktreckerblk {
	position: fixed;
	top: 66px
}

.colorstripblk {
	width: 100%;
	height: 50px;
	background: #f28a14
}

.codepolicpdfmainblk {
	border: 1px solid #d5d5d5;
	background: #fafafa
}

.codepolicpdfmainblk ul li {
	width: 50%;
	float: left;
	position: relative
}

.coldepolicpdf ul li a {
	color: #000;
	font-size: 18px;
	line-height: 38px;
	font-family: robotomedium;
	display: inline-block;
	padding: 0 0 0 55px;
	position: relative;
	min-height: 40px
}

.coldepolicpdf ul li a:before {
	background: url(../images/pdficon.png) no-repeat top left;
	width: 34px;
	height: 38px;
	content: "";
	left: 0;
	position: absolute;
	top: 0
}

.coldepolicpdf ul li {
	padding: 0;
	border-bottom: 1px solid #e0e0e0;
	padding: 20px 0
}

.policepdf {
	display: none
}

.codepoicontblk .pagettl {
	padding: 0 0 30px 0
}

.codepolicmenublk {
	background: #323232
}

.codepolicwrapblk ul {
	padding: 20px 0
}

.codepolicwrapblk ul li+li {
	margin: 0 0 0 2.2%
}

.codepolicwrapblk ul li:before {
	content: "";
	position: absolute;
	left: -15px;
	top: 10px;
	background: #fff;
	height: 4px;
	width: 4px;
	border-radius: 50%
}

.codepolicwrapblk ul li:first-child:before {
	display: none
}

.codepolicwrapblk ul li {
	color: #fff;
	display: inline-block;
	position: relative
}

.codepolicwrapblk ul li a {
	font-size: 13px;
	font-family: RobotoMedium
}

.investbannewrapblk {
	position: absolute;
	bottom: 15%;
	width: 100%
}

.investbannertext {
	display: inline-block;
	padding: 10px 20px;
	background: rgba(0, 0, 0, .7)
}

.investhedingblk {
	font-family: RobotoLight;
	color: #fff;
	font-size: 30px;
	line-height: 33px;
	margin-bottom: 0;
	text-transform: none
}

.investparablk {
	font-size: 48px;
	font-family: RobotoRegular;
	line-height: 50px;
	color: #fff
}

.investerbannerblk {
	position: relative
}

.bannerinvestblk {
	position: relative
}

.desttopblk {
	width: 100%;
	display: block
}

.mobileblk {
	display: none
}

.codepolicefooterblk {
	position: relative;
	background: url(../images/footermap.jpg) no-repeat left;
	height: 585px
}

.footercodepiceblk {
	background: #fff;
	padding: 40px;
	position: absolute;
	right: 5%;
	width: 460px;
	top: 110px;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, .5);
	z-index: 9
}

.reachfthedingblk {
	font-size: 48px;
	color: #2f2f2f;
	font-family: RobotoRegular;
	padding: 0 0 20px;
	border-bottom: 1px solid #000
}

.addhedingblk {
	font-size: 24px;
	color: #000;
	font-family: RobotoLight;
	padding: 20px 0 0 0
}

.add-hedingblk p {
	color: #585858;
	font-size: 16px;
	font-family: RobotoRegular;
	padding: 15px 0
}

.footerknow-btn {
	background: #f28a14;
	font-size: 16px;
	font-family: RobotoMedium;
	color: #fff;
	text-align: center;
	letter-spacing: .5px;
	overflow: hidden;
	display: block;
	border: 1px solid #f28a14;
	margin: 0 auto;
	display: inline-block;
	cursor: pointer
}

.footerknow-btn:hover span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%)
}

.footerknow-btn span {
	position: relative;
	padding: 10px 20px;
	display: block;
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s
}

.footerknow-btn span:before {
	position: absolute;
	top: 100%;
	padding: 10px 20px;
	display: block;
	left: 0;
	width: 100%;
	content: attr(data-hover);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background: #fff;
	color: #f28a14
}

.readmorefooterbutblk {
	margin: 20px 0 0 0
}

.mailcallcontblk {
	width: 100%;
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9
}

.callcontblk {
	width: 45%;
	float: left;
	min-height: 20px;
	border-right: 1px solid #d9d9d9;
	padding: 15px 0
}

.mailcontblk {
	width: 55%;
	float: left;
	min-height: 20px;
	padding: 15px 0
}

.callcontblk a,
.mailcontblk a {
	font-size: 16px;
	color: #585858;
	font-family: RobotoRegular;
	position: relative;
	padding-left: 25px;
	margin-left: 5%
}

.callcontblk a:before {
	width: 14px;
	height: 17px;
	background: url(../images/sprit.png) no-repeat -5px -3px;
	top: 2px;
	left: 0;
	content: "";
	position: absolute
}

.mailcontblk a:before {
	width: 14px;
	height: 12px;
	background: url(../images/sprit.png) no-repeat -26px -3px;
	top: 4px;
	left: 0;
	content: "";
	position: absolute
}

.tabitm {
	display: inline-block
}

.tabdataitm {
	display: none
}

.tabdataitm.activetabdataitm {
	display: block
}

.accdesc {
	display: none
}

.accttl {
	width: 300px;
	border: 1px solid
}

.mapaddressblk {
	position: absolute;
	left: -59.5px;
	bottom: 50px;
	width: 160px;
	background: #fff;
	padding: 8px 12px;
	border-radius: 5px;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, .5);
	display: none
}

.mapaddressblk::before {
	content: "";
	position: absolute;
	bottom: -6px;
	background: #fff;
	width: 14px;
	height: 14px;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: rotate(45deg)
}

.mapaddressblk.info-right {
	right: -106px;
	left: auto
}

.mapaddressblk.info-right::before {
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1)
}

.mapaddressblk h4 {
	font-size: 14px;
	color: #f28a13;
	margin-bottom: 2px
}

.mapaddressblk p {
	font-size: 12px;
	color: #282828;
	line-height: 13px
}

.signiadetailblk {
	position: absolute;
	top: 0;
	left: 0
}

.mapClose {
	position: absolute;
	right: 0;
	top: 0;
	width: 22px;
	height: 22px;
	opacity: .7;
	cursor: pointer
}

.mapClose:hover {
	opacity: 1
}

.mapClose:after,
.mapClose:before {
	content: ' ';
	position: absolute;
	left: 7px;
	top: 2px;
	height: 13px;
	width: 2px;
	background-color: #f28a14;
	border-radius: 2px
}

.mapClose:before {
	transform: rotate(45deg)
}

.mapClose:after {
	transform: rotate(-45deg)
}

.mapinfo+.mapinfo {
	margin-top: 9px;
	border-top: 2px solid #ededed;
	padding-top: 9px;
	display: block
}

.location-no {
	position: absolute;
	font-size: 9px;
	background: #fff;
	border-radius: 16px;
	height: 16px;
	width: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -6px;
	left: 15px;
	box-shadow: 0 1px 3px #888;
	z-index: 1
}

.pin.activepin {
	height: 41px;
	width: 41px
}

.activepin .location-no {
	width: 60px;
	top: 0;
	left: 21px
}

.location-no span {
	display: none;
	padding-left: 2px
}

.activepin .location-no span {
	display: block
}

.location {
	position: absolute
}

.mapaddressblk.activemap {
	display: block
}

.location1 {
	top: 28px;
	left: 75px
}

.location2 {
	top: 175px;
	left: 118px
}

.location3 {
	top: 213px;
	left: 333px
}

.location4 {
	top: 301px;
	left: 103px
}

.location5 {
	top: 321px;
	left: 104px
}

.location6 {
	top: 341px;
	left: 91px
}

.location7 {
	top: 355px;
	left: 111px
}

.location8 {
	top: 351px;
	left: 135px
}

.location9 {
	top: 404px;
	left: 148px
}

.location10 {
	top: 428px;
	left: 121px
}

.location1 .mapaddressblk::before {
	bottom: auto;
	top: -6px
}

.location1 .mapaddressblk {
	bottom: auto;
	top: 51px
}

.hedingcommblk {
	font-size: 48px;
	color: #000;
	font-family: RobotoRegular
}

.debentleftblk {
	width: 50%
}

.debentrightblk {
	width: 50%
}

.trusterhedingblk {
	font-size: 18px;
	color: #000;
	font-family: RobotoMedium;
	line-height: 22px;
	padding: 0 0 25px 0
}

.trusterhedingblk span {
	display: block
}

.trusterhedingblk:last-child {
	padding: 0 0 20px 0
}

.trustaddresblk {
	color: #000;
	font-family: RobotoLight;
	font-size: 16px;
	line-height: 20px
}

.trustephoneblk {
	font-size: 18px;
	color: #000;
	font-family: RobotoMedium;
	font-size: 16px
}

.trustephoneblk span {
	font-family: RobotoLight
}

.trustephoneblk span a {
	font-family: RobotoLight;
	font-size: 16px
}

.trustephoneblk {
	padding: 20px 0 0 0
}

.trustephoneblk:last-child {
	padding: 25px 0 0 0
}

.enqmandatblk {
	color: #000;
	font-family: RobotoLight;
	font-size: 16px;
	line-height: 20px;
	padding: 0 0 15px 0
}

.debentureformblk input,
.eqform textarea {
	border: 0
}

.eqform input {
	font-size: 16px;
	color: #000;
	line-height: 20px;
	border-bottom: 1px solid #acacac;
	padding: 0 0 5px;
	width: 100%
}

.eqform {
	float: left;
	margin: 35px 0 0 0
}

.eqname {
	width: 50%;
	margin: 40px 10% 0 0
}

.eqdesignation {
	width: 35%
}

.eqaddress {
	width: 100%
}

.eqform input::-webkit-input-placeholder {
	color: #000;
	font-size: 16px;
	line-height: 20px;
	font-family: RobotoLight
}

.eqform input::-moz-placeholder {
	color: #000;
	font-size: 16px;
	line-height: 20px;
	font-family: RobotoLight
}

.eqform input:-ms-input-placeholder {
	color: #000;
	font-size: 16px;
	line-height: 20px;
	font-family: RobotoLight
}

.eqform input:-moz-placeholder {
	color: #000;
	font-size: 16px;
	line-height: 20px;
	font-family: RobotoLight
}

.eqform textarea {
	font-size: 16px;
	color: #000;
	line-height: 20px;
	border-bottom: 1px solid #acacac;
	padding: 0 0 5px;
	width: 100%
}

.eqform textarea::-webkit-input-placeholder {
	color: #000;
	font-size: 16px;
	line-height: 20px;
	font-family: RobotoLight
}

.eqform textarea::-moz-placeholder {
	color: #000;
	font-size: 16px;
	line-height: 20px;
	font-family: RobotoLight
}

.eqform textarea:-ms-input-placeholder {
	color: #000;
	font-size: 16px;
	line-height: 20px;
	font-family: RobotoLight
}

.eqform textarea:-moz-placeholder {
	color: #000;
	font-size: 16px;
	line-height: 20px;
	font-family: RobotoLight
}

.bannerconat-wrap {
	margin-top: -66px
}

body.innerpage .interwraper {
	width: 100%
}

body.innerpage .stocktreckerblk {
	right: 23%
}

body.innerpage .callbackblk {
	right: 18%
}

.disclaimerwrapper .commonpadding {
	padding: 40px 0 0 0
}

.subnavactive {
	color: #f28a14
}

.overviewpdfcontblk {
	width: 100%
}

.overviewpdfblk {
	width: 20%;
	border: 1px solid #d0d0d0;
	padding: 20px;
	margin-left: -1px
}

.overviewpdfblk a {
	display: inline-block;
	font-size: 18px;
	color: #000;
	font-family: RobotoMedium;
	position: relative;
	padding: 0 0 0 50px
}

.overviewpdfblk a:before {
	background: url(../images/pdficon.png) no-repeat;
	top: 0;
	left: 0;
	width: 34px;
	height: 38px;
	content: "";
	position: absolute
}

.shareholderhedingblk,
.yearselectblk {
	display: inline-block
}

.shareholderhedingblk {
	vertical-align: middle
}

.yearselectblk {
	width: 30%;
	margin: 0 0 0 5%;
	position: relative
}

.yearselectblk select {
	border: 0;
	border-bottom: 1px solid #000;
	font-size: 16px;
	color: #a3a3a3;
	font-family: RobotoMedium;
	width: 100%;
	padding-bottom: 13px;
	position: relative;
	cursor: pointer
}

.yearselectblk select option {
	font-size: 16px;
	color: #a3a3a3;
	font-family: RobotoMedium;
	width: 100%
}

.yearselectblk::after {
	background: url(../images/sprit.png) no-repeat -5px -135px;
	position: absolute;
	width: 11px;
	height: 7px;
	content: "";
	position: absolute;
	right: 10px;
	top: 10px
}

.presspaddingblk .pagettl {
	padding: 0
}

.hedingyearblk {
	padding: 0 0 50px 0
}

.sharholdercontblk {
	width: 100%
}

.shareholdertabblk {
	width: 25%
}

.shareholdertabblk {
	border: 0
}

.tabtextcontblk {
	border: 1px solid #cfcfcf
}

.tabhedingcontblk {
	background: #343434;
	color: #fff;
	font-size: 14px;
	font-family: RobotoMedium;
	padding: 12px;
	text-align: center;
	border: 1px solid #343434;
	border-right: 1px solid #1c1c1c
}

.contpdftectblk {
	color: #282828;
	font-family: RobotoMedium;
	padding: 20px;
	border-bottom: 1px solid #cfcfcf
}

.conttextblk {
	display: inline-block;
	width: calc(100% - 70px);
	text-align: left
}

.contpdfblk {
	display: inline-block;
	margin-right: 20px
}

.contpdftectblk a {
	color: #282828;
	font-size: 15px;
	display: block
}

.contpdftectblk:last-child {
	margin-bottom: -1px
}

.tabhedingcontblk {
	background: #1b1b1b;
	background: -moz-linear-gradient(left, #1b1b1b 0, #343434 13%, #343434 99%, #343434 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, #1b1b1b), color-stop(13%, #343434), color-stop(99%, #343434), color-stop(100%, #343434));
	background: -webkit-linear-gradient(left, #1b1b1b 0, #343434 13%, #343434 99%, #343434 100%);
	background: -o-linear-gradient(left, #1b1b1b 0, #343434 13%, #343434 99%, #343434 100%);
	background: linear-gradient(to right, #1b1b1b 0, #343434 13%, #343434 99%, #343434 100%)
}

.colorgrytab {
	background: #343434
}

.commanhedcontblk {
	margin: 0 -1px 0 0
}

.contpdftectblk {
	text-align: center;
	font-size: 16px;
	min-height: 83px
}

.linetabeblk {
	width: 15px;
	display: inline-block;
	text-align: center;
	height: 3px;
	vertical-align: middle;
	background: #282828;
	margin-top: 25px
}

.prieccontblk {
	text-align: center;
	padding: 20px;
	margin: -1px -1px 0 0;
	border: 1px solid #cfcfcf
}

.prieccontblk a {
	color: #282828;
	font-size: 15px
}

.prieccontblk span {
	display: inline-block;
	vertical-align: middle
}

.prieccontblk span:first-child {
	margin: 0 20px 0 0
}

.shareholdermaintabblk .tabCnt {
	width: 100%
}

.cornertabcontblk {
	width: 95%
}

.financtextblk {
	font-size: 18px;
	color: #525252;
	padding: 0 0 28px 0
}

.financialtabblk {
	width: 70%
}

.kitmainblk {
	width: 85%;
	margin: 50px 0 0 0
}

.annualcontblk {
	margin: 50px 0 0 0
}

.annualpdfcontblk {
	padding: 20px;
	border: 1px solid #cfcfcf;
	margin-top: -1px
}

.annualpdfcontblk a {
	display: block
}

.annualpdfcontblk span {
	display: inline-block;
	vertical-align: middle
}

.annualpdfcontblk span:first-child {
	margin: 0 20px 0 0
}

.annualpdfwrapblk {
	display: inline-block
}

.tp30 {
	margin: 30px 0 0 0
}

.qualifiedblk {
	background: #ddc287;
	padding: 130px 0 50px;
	font-size: 14px;
	min-height: 100vh;
	min-height: calc(100vh - 45px);
	min-height: -webkit-calc(100vh - 45px);
	min-height: -moz-calc(100vh - 45px);
	background-image: none;
	position: relative
}

.qualifiedblk:after {
	content: "QIP";
	position: absolute;
	font-family: FuturaBT-Book;
	font-size: 267px;
	color: rgba(0, 0, 0, .1);
	bottom: 0;
	right: 4%
}

.qualified-institution-main {
	width: 85%;
	margin: 0 auto;
	padding-bottom: 50px
}

.qualified-institution-wrap {
	width: 100%;
	margin: 0 auto
}

.qualified-logoblk {
	margin: 20px 0
}

.line-qualityblk {
	background: #505050;
	width: 100%;
	height: 30px;
	margin-bottom: 20px
}

.qualifihedingblk {
	font-size: 24px;
	color: #505050;
	text-transform: uppercase;
	font-weight: 700;
	text-align: left;
	padding: 0 0 20px;
	letter-spacing: 1px
}

.qualified-fristblk p {
	font-size: 15px;
	color: #505050;
	text-transform: uppercase;
	font-weight: 700;
	text-align: left;
	padding-bottom: 20px
}

.qualified-secondblk p {
	font-size: 14px;
	color: #505050;
	text-transform: uppercase;
	text-align: left;
	padding-bottom: 20px;
	letter-spacing: 1px
}

.qualified-threeblk p {
	font-size: 14px;
	color: #505050;
	text-align: left;
	padding-bottom: 20px;
	letter-spacing: 1px
}

.qualified-foureblk p {
	font-size: 14px;
	color: #505050;
	text-align: left;
	padding-bottom: 30px;
	letter-spacing: 1px
}

.residentcheblk {
	display: inline-block;
	font-size: 0;
	margin-bottom: 20px
}

.usresdblk {
	color: #505050;
	font-size: 16px;
	margin-bottom: 10px
}

.usresdblk sup {
	color: #d60000
}

.residentyesblk {
	display: inline-block;
	margin-right: 15px
}

.residentnoblk {
	display: inline-block
}

.residenconfblk {
	margin-bottom: 30px;
	font-size: 0
}

.residentcheblk label {
	color: #505050;
	font-size: 16px;
	cursor: pointer;
	padding-left: 10px
}

.residentcheblk input {
	padding: 0;
	margin: 0;
	display: inline-block
}

.residentnoblk label,
.residentyesblk label {
	color: #505050;
	font-size: 16px;
	cursor: pointer;
	padding-left: 10px
}

.residentnoblk input,
.residentyesblk input {
	padding: 0;
	margin: 0
}

.readacceptblk label {
	color: #505050;
	font-size: 16px;
	cursor: pointer;
	padding-left: 10px
}

.readacceptblk input {
	padding: 0;
	margin: 0
}

.readacceptblk {
	margin-bottom: 30px
}

.usyesdisclaimerblk {
	color: #d60000;
	font-size: 14px;
	letter-spacing: 1px
}

.leftalingblk {
	text-align: left
}

.usnodetailsblk p {
	font-size: 14px;
	color: #505050;
	text-align: left;
	padding-bottom: 15px;
	letter-spacing: 1px
}

.usnodetailsblk ol {
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #505050;
	text-align: left;
	padding-bottom: 15px;
	letter-spacing: 1px;
	padding-left: 15px
}

.usnodetailsblk ol li {
	list-style-type: decimal;
	padding-bottom: 10px
}

.postcodeblk {
	margin-bottom: 20px
}

.postcodeblk input {
	text-decoration: none;
	width: 100%;
	font-size: 14px;
	color: #505050;
	border: 1px solid #000;
	padding: 10px
}

.primaryresdenblk {
	margin-bottom: 30px;
	font-size: 0
}

.primarynoblk label,
.primaryyesblk label {
	color: #505050;
	font-size: 16px;
	cursor: pointer;
	padding-left: 10px
}

.primarynoblk input,
.primaryyesblk input {
	padding: 0;
	margin: 0
}

.primaryyesblk {
	display: inline-block;
	margin-right: 15px
}

.primarynoblk {
	display: inline-block
}

.primaryresidnoblk {
	color: #d60000;
	font-size: 14px;
	letter-spacing: 1px
}

.thankyoublk {
	width: 100%;
	background-color: #cef4a9;
	border-left: 5px solid #85c14b;
	padding: 5px 10px;
	font-size: 14px
}

.thankyoublk a {
	font-size: 14px;
	color: #eb681f
}

.primaryresidyesblk input {
	display: inline-block;
	background: #ec753c;
	border: 0;
	outline: 0;
	color: #fff;
	margin: 0;
	padding: 10px 20px!important;
	cursor: pointer;
	border: 0
}

.primaryresidyesblk input:hover {
	background: #333;
	color: #fff
}

.primaryresidnoblk,
.primaryresidyesblk,
.usnodisclaimerblk,
.usyesdisclaimerblk {
	display: none
}

.disclampadding {
	padding: 0;
	margin: 0
}

.blogcontblk .newhwdingblk a {
	color: #888
}

.bloghedingblk {
	font-family: RobotoMedium;
	color: #454139;
	font-size: 27px;
	line-height: 32px;
	padding: 30px 0 0;
	text-transform: none
}

.blogdetailblk p {
	font-size: 14px;
	color: #454139;
	margin: 0 0 10px;
	font-family: RobotoRegular
}

.blogdetailblk p a {
	font-size: 14px;
	color: #454139
}

.blogdetailblk p span {
	font-family: RobotoMedium;
	font-size: 18px;
	line-height: 20px;
	margin: 20px 0 10px;
	display: block
}

.blogdetailblk h2 span {
	font-family: RobotoMedium;
	font-size: 18px;
	line-height: 20px;
	margin: 20px 0 10px;
	display: block;
	color: #454139
}

.blogdetailblk h3 span {
	font-family: RobotoMedium;
	font-size: 18px;
	line-height: 20px;
	margin: 20px 0 10px;
	display: block;
	color: #454139
}

.blogdetailblk {
	margin: 20px 0 0 0
}

.blogcontblk {
	margin-bottom: 40px;
	margin-top: 50px
}

.browse-btn {
	position: relative;
	padding-top: 16px
}

.browse-btn .upload {
	position: absolute;
	opacity: 0;
	width: 50px;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 20px;
	height: 43px
}

.upload-careers {
	position: relative
}

.browse-btn span {
	background: url(../images/upload.png) no-repeat 98% 8px;
	float: right;
	width: 20px;
	height: 20px
}

.upload-career input {
	font-family: RobotoRegular;
	width: 100%;
	border: 0;
	font-size: 18px;
	line-height: 23px;
	color: #515151;
	background: no-repeat;
	padding: 10px 0
}

.upload-career {
	width: calc(100% - 20px)
}

.footercopyiconblk {
	padding: 25px 0
}

.footercopyleft {
	font-size: 12px;
	color: #2f2f2f
}

.footercopyleft span {
	font-family: RobotoMedium
}

.copysize {
	font-size: 15px
}

.investerleftblk {
	width: 50%;
	background: #f28a14
}

.investerrightblk {
	width: 50%;
	background: #f5f5f5
}

.investerleftinsiteblk {
	width: 89%;
	padding: 50px 5% 50px 0
}

.rightleftinsiteblk {
	width: 89%;
	padding: 50px 0 50px 5%
}

.investerleftinsiteblk img {
	display: block;
	width: 100%
}

.investiconpic {
	width: 111px;
	height: 111px;
	border-radius: 50%;
	border: 2px solid #c6c6c6;
	margin: 0 auto
}

.investorshow {
	display: none
}

.investiconpic img {
	width: 100%
}

.investiconblk a {
	display: inline-block;
	color: #2c2b2b;
	cursor: pointer
}

.investiconblk {
	text-align: center;
	width: 32%;
	margin: 0 2% 10px 0
}

.investiconblk:nth-child(3n+3) {
	margin: 0 0 10px 0
}

.investiconblk a:hover .investorhide {
	display: none
}

.investiconblk a:hover .investorshow {
	display: block
}

.investiconblk a:hover .investiconpic {
	background: #f28a14;
	border: 2px solid #f28a14
}

.icontextblk {
	padding: 14px 0 0;
	text-transform: uppercase;
	font-size: 14px;
	color: #2c2b2b;
	min-height: 55px
}

.maptextblk {
	text-align: center;
	color: #fff;
	font-family: RobotoBold;
	font-size: 18px
}

.maptextblk span {
	display: block
}

.investrelcontblk {
	display: flex
}

.investerleftblk,
.investerrightblk {
	display: inline-block;
	vertical-align: middle
}

.investerleftinsiteblk {
	width: 100%;
	padding: 50px 5% 50px 11%;
	display: table-cell;
	vertical-align: middle
}

.investerleftblk,
.investerrightblk {
	display: table;
	height: 700px;
	float: left
}

.investerleftblk {
	position: relative
}

.investerleftblk::before {
	content: "";
	position: absolute;
	border-top: 18px solid transparent;
	border-left: 18px solid #f28a14;
	border-bottom: 18px solid transparent;
	right: -25px;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 18px;
	height: 18px
}

.aboutdevelpblk p {
	padding: 0
}

.aboutdevelpblk p+p {
	padding: 25px 0 0 0
}

.silderlogoblk {
	margin: 10px 0 10px 15px
}

.callbackclick {
	font-family: RobotoMedium;
	font-size: 14px;
	color: #fff;
	background: #f28a14;
	padding: 5px 10px;
	display: block;
	cursor: pointer;
	color: #fff!important
}

.socialiconcontblk {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0
}

.insitsiblk {
	background: url(../images/sprit.png) no-repeat top left;
	background-position-x: left;
	background-position-y: top;
	width: 27px;
	height: 27px;
	text-decoration: none;
	display: inline-block;
	margin: 0 0 0 10px
}

.videomainblk .readmorebutblk {
	padding: 0
}

.project-container {
	width: 100%;
	height: 100vh;
	margin-bottom: 1px
}

.project-container:last-child {
	margin-bottom: 0
}

.eqcountry {
	width: 32%
}

.eqcity {
	width: 24%;
	margin: 35px 6% 0
}

.eqemailer {
	width: 32%
}

.eqabutten input {
	position: relative;
	background: #f28a14;
	color: #fff;
	padding: 10px 20px;
	display: block;
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s;
	border: 0
}

.project-content {
	width: 380px;
	margin: 0 auto;
	padding: 100px 15px 0;
	float: right;
	background: rgba(0, 0, 0, .6);
	height: 100vh
}

.project-content ul li {
	color: #fff;
	list-style: disc;
	font-weight: 100;
	line-height: 25px;
	padding-left: 10px;
	text-align: left;
	font-family: RobotoLight;
	font-size: 16px;
	margin-bottom: 5px
}

.invitbutblk {
	font-family: RobotoMedium;
	color: #fff;
	font-size: 15px;
	letter-spacing: 1px;
	padding: 10px;
	border: 2px solid #fff;
	border-radius: 50px;
	display: inline-block
}

.project-content ul {
	margin: 20px 0 0 30px
}

.project-content a {
	margin: 10px 0 0 20px;
	display: block
}

.project-container {
	background-size: auto auto
}

.project1blk {
	background: url(../images/projectpic/project-signature.jpg);
	background-size: cover;
	background-attachment: fixed
}

.project2blk {
	background: url(../images/projectpic/project-pearl.jpg);
	background-size: cover;
	background-attachment: fixed
}

.project3blk {
	background: url(../images/projectpic/project-isles.jpg);
	background-size: cover;
	background-attachment: fixed
}

.project4blk {
	background: url(../images/projectpic/project-pride.jpg);
	background-size: cover;
	background-attachment: fixed
}

.project5blk {
	background: url(../images/projectpic/project-high.jpg);
	background-size: cover;
	background-attachment: fixed
}

.project6blk {
	background: url(../images/projectpic/sunteck-odc-bg.jpg);
	background-size: cover;
	background-attachment: fixed
}

.project7blk {
	background: url(../images/projectpic/project-skys.jpg);
	background-size: cover;
	background-attachment: fixed
}

.project8blk {
	background: url(../images/projectpic/project-oceans.jpg);
	background-size: cover;
	background-attachment: fixed
}

.project9blk {
	background: url(../images/projectpic/project-orion.jpg);
	background-size: cover;
	background-attachment: fixed
}

.project10blk {
	background: url(../images/projectpic/project-centre.jpg);
	background-size: cover;
	background-attachment: fixed
}

.project11blk {
	background: url(../images/projectpic/project-grandeur.jpg);
	background-size: cover;
	background-attachment: fixed
}

.project12blk {
	background: url(../images/projectpic/project-kanaka.jpg);
	background-size: cover;
	background-attachment: fixed
}

.project13blk {
	background: url(../images/projectpic/project-centrako.jpg);
	background-size: cover;
	background-attachment: fixed
}

.project14blk {
	background: url(../images/projectpic/project-certainity.jpg);
	background-size: cover;
	background-attachment: fixed
}

.project15blk {
	background: url(../images/projectpic/project-gilbird.jpg);
	background-size: cover;
	background-attachment: fixed
}

.investaddblk .add-title {
	font-size: 21px
}

.investaddblk .sub-title {
	font-size: 19px;
	margin: 0 0 10px
}

.investaddblk {
	width: 50%;
	min-height: 163px;
	padding: 30px 10px 30px
}

.investaddblk a,
.investaddblk span {
	font-family: RobotoRegular;
	font-size: 16px
}

.investaddblk p {
	line-height: 22px
}

.top-add {
	border-bottom: solid 1px #ccc;
	padding-top: 0
}

.top-add-left {
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc
}

.top-add-right {
	border-bottom: solid 1px #ccc;
	padding-left: 4%;
	padding-top: 0
}

.btm-add-right {
	padding-left: 4%
}

.btm-add-left {
	border-right: solid 1px #ccc
}

.allinvestcontblk {
	width: 80%;
	margin: 30px 0 0
}

.add-text {
	margin-bottom: 4px
}

.footerCom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.wrapper-fixed {
	margin: 0 auto
}

.currencyformwrap table {
	background-color: #e5e5e5!important
}

.currencyformwrap tr {
	display: inline-block!important;
	vertical-align: middle!important
}

.currencyformwrap tr input {
	height: 24px!important;
	border: 1px solid #999!important;
	padding: 4px 5px
}

.currencyformwrap tr select {
	height: 24px!important;
	border: 1px solid #999!important
}

.currencyformwrap tr:nth-child(1) td {
	top: 0!important;
	padding-left: 0!important
}

.currencyformwrap tr:nth-child(3) td {
	top: 0!important;
	padding-left: 10px!important
}

.currencyformwrap tr:nth-child(5) td {
	top: 0!important;
	padding-left: 10px!important
}

.currencyformwrap tr:nth-child(7) {
	background: #ec9b25!important;
	color: #fff!important;
	padding: 5px 10px 3px!important;
	border-radius: 5px!important;
	margin-left: 9px!important
}

.currencyformwrap tr:nth-child(7) td {
	padding-top: 0!important
}

.currencyformwrap tr:nth-child(7) td label {
	font-size: 19px!important;
	font-weight: 300!important
}

.currencyformwrap tr:nth-child(8) a {
	margin-left: 10px!important
}

.currencycontxt::after {
	display: none
}

.projecttabinner {
	padding: 5px 10px;
	display: block;
	cursor: pointer;
	color: #fff;
	float: left;
	text-transform: capitalize;
	position: relative;
	font-family: RobotoRegular;
	background: #79450b
}

.projecttabinner.activetabitem {
	background: #f28a14
}

.projecttabinner.activetabitem::before {
	content: "";
	position: absolute;
	height: 8px;
	width: 8px;
	bottom: -8px;
	-webkit-transform: rotate(45deg) translateX(-50%);
	-ms-transform: rotate(45deg) translateX(-50%);
	transform: rotate(45deg) translateX(-50%);
	left: 50%;
	z-index: -1;
	background: #f28a14
}

.projectStatusTab {
	position: absolute;
	top: 20%;
	right: 17%;
	z-index: 9;
	display: none;
	width: 363px
}

.activeinfoslider .projectStatusTab {
	display: block
}

.statusSlider {
	height: 0;
	overflow-y: hidden;
	width: 100%
}

.statusSlider.activeinfoslider {
	height: auto;
	overflow-y: visible;
	display: block
}

.filtercontblk {
	background: rgba(0, 0, 0, .5);
	position: fixed;
	top: 62px;
	margin: 0 auto;
	width: 100%;
	padding: 20px 0;
	z-index: 9
}

.filtermenblk select {
	font-size: 12px;
	padding: 2px 5px 2px 2px;
	border: 1px solid #cfcfcf;
	width: 26%;
	margin-right: 5%;
	position: relative;
	color: #000
}

.filtermenblk select option {
	font-size: 12px
}

.filtertextblk {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	margin-right: 3%;
	width: 5%
}

.filterresidentialblk {
	display: inline-block;
	width: 60%
}

.filtercommercialblk {
	display: inline-block;
	padding-right: 2px
}

.filtercommercialblk select {
	font-size: 12px;
	padding: 2px 5px 2px 2px;
	border: 1px solid #cfcfcf
}

.filtercommercialblk {
	display: none
}

.commercialfileblk .filtercommercialblk {
	display: inline-block
}

.filtermenblk {
	text-align: center;
	width: 80%;
	margin: 0 auto
}

.formfieldblk1 {
	position: relative
}

.formfieldblk1 select {
	width: 100%;
	background: 0 0;
	padding: 10px 0;
	border: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	font-size: 18px;
	line-height: 23px;
	color: #515151
}

.formfieldblk1 select option {
	font-size: 18px;
	line-height: 23px;
	color: #515151
}

.optionformblk:before {
	background: url(../images/sprit.png) no-repeat -5px -135px;
	width: 11px;
	height: 7px;
	position: absolute;
	right: 0;
	top: 20px;
	content: ""
}

.upload-career1 {
	position: relative
}

.filesizeblk {
	position: absolute;
	right: 0;
	bottom: -28px;
	font-size: 14px;
	color: #515151
}

.eqform {
	position: relative
}

.eqform span {
	position: absolute;
	right: 0;
	font-size: 12px;
	font-family: RobotoRegular;
	top: -15px
}

.banner-head-text {
	font-size: 37px;
	line-height: 40px
}

.sunteckleftblk {
	float: left;
	width: 25%;
	border-right: 1px solid #d5d5d5;
	position: relative;
	overflow: hidden;
	padding: 73px 0
}

.sunteckleftblk:last-child {
	border-right: 0
}

.brandlogoblk {
	text-align: center
}

.sunteckbranblk {
	background: #ededed
}

.sunteckbranwrapblk {
	background: #fff
}

.logooverlay {
	position: absolute;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	background: rgba(150, 113, 43, .7);
	transition: all .5s;
	text-align: center;
	padding: 20px;
	overflow: hidden;
	opacity: 0
}

.sunteckleftblk:hover .logooverlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 1
}

.sunteckbranblk {
	padding: 60px 0
}

.sunteckbrancontblk .abouttitleblk {
	padding-bottom: 20px
}

.logooverlay ul li a {
	color: #fff;
	text-align: center;
	margin: 0 auto;
	text-transform: capitalize
}

.logooverlay ul li {
	padding-bottom: 5px
}

.logooverlay ul {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.codepolicwrapblk ul li a {
	font-size: 12px
}

.codepolicwrapblk ul li+li {
	margin: 0 0 0 3%
}

.codepolicwrapblk ul li::before {
	left: -20px
}

.yearselectblk select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none
}

.sitemaptextblk {
	font-family: RobotoRegular;
	font-size: 48px;
	line-height: 52px
}

.sitemapwrapblk {
	padding: 100px 0 100px
}

.sitemapleftblk .menuhedingblk,
.sitemapleftblk .menuhedingblk a {
	color: #333
}

.sitemapleftblk .menuaddcontblk,
.sitemapleftblk .menulistblk ul li a {
	color: #363636
}

.footericonright ul li {
	display: inline-block;
	font-size: 14px;
	margin-left: 25px;
	position: relative;
	color: #585858
}

.footericonright ul li:before {
	position: absolute;
	left: -17px;
	top: 6px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #585858;
	content: ""
}

.footericonright ul li:first-child:before {
	display: none
}

.footericonright ul li:first-child {
	margin-left: 0
}

.filterprojectblk .filtertextblk {
	width: 15%;
	vertical-align: middle
}

.filterprojectblk .filterresidentialblk {
	width: 80%;
	vertical-align: middle
}

.filtermenblk.filterprojectblk {
	width: 95%
}

.filterprojectblk .filterresidentialblk .frm-input-box {
	float: left;
	width: 17%;
	margin-right: 5%
}

.filterprojectblk .filterresidentialblk .frm-input-box select {
	width: 100%;
	padding: 3px 0
}

.allprojecbuttenblk {
	float: left;
	background: #fff;
	font-size: 14px;
	border: 1px solid #f28a14!important;
	color: #f28a14;
	padding: 3px 30px;
	border-radius: 50px;
	text-transform: uppercase
}

#commercial-dd {
	display: none
}

.thankcontblk {
	background: #eee;
	min-height: calc(100vh - 67px)
}

.thankmainblk {
	text-align: center;
	padding: 30vh 0
}

.hedingtyblk {
	font-size: 120px;
	padding-bottom: 10px
}

.subhedingthnakblk {
	font-size: 18px;
	color: #7b7b7b
}

.ffSelect {
	border: 1px solid #fff;
	background: #fff;
	color: #373737;
	text-align: left;
	font-size: 14px;
	cursor: pointer
}

.ffSelect a span {
	width: 100%;
	padding: 5px 10px;
	display: block;
	position: relative
}

.ffSelect a {
	width: 100%;
	position: relative
}

.ffSelect a span:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 100%;
	background: #f28a14
}

.ffSelect a span:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #fff;
	right: 10px;
	top: 9px
}

.ffSelectMenuWrapper {
	background: #fff;
	color: #373737;
	text-align: left;
	font-size: 14px;
	cursor: pointer;
	width: 100%
}

.ffSelectWrapper.active .ffSelectMenuWrapper {
	width: 100%
}

.ffSelectMenuMid ul li {
	padding: 5px 10px
}

.ffSelectMenuMid ul li.on {
	background: #cfcfcf
}

.brandhomeblk {
	margin: 20px 0 0 0
}

.brandhomeblk img {
	width: 100%;
	padding: 0 20px
}

.homebrandcontblk {
	padding: 20px 0
}

.brandhomeblk .sunteckleftblk {
	border: 1px solid #d5d5d5;
	margin-left: -1px
}

.brandhomeblk .sunteckleftblk:last-child {
	border: 1px solid #d5d5d5
}

.aboutcontrightblk {
	padding: 0 3% 0 0
}

.brandhomeblk .aboutheadeingblk {
	margin-bottom: 20px
}

.brandhomeblk .logooverlay ul li a {
	font-size: 14px
}

.homebrandcontblk .aboutkowmore {
	padding: 10px 0 0 0
}

.homebrandcontblk .aboutdevelpblk {
	margin: 20px 0 0 0
}

.homebrandcontblk .aboutdevelpblk p+p {
	padding: 15px 0 0 0
}

.homebrandcontblk .aboutsubhedingblk {
	padding: 10px 0 0 0
}

.enqurinewconatiner .form-control::-webkit-input-placeholder {
	font-size: 12px
}

.enqurinewconatiner .form-control:-moz-placeholder {
	font-size: 12px
}

.enqurinewconatiner .form-control::-moz-placeholder {
	font-size: 12px
}

.enqurinewconatiner .form-control:-ms-input-placeholder {
	font-size: 12px
}

.sunteckleftblk {
	width: 20%;
	padding: 65px 0
}

.logooverlay ul {
	width: 100%
}

.sunteckbrancontblk .brandlogoblk img {
	width: 90%;
	text-align: center
}

.brandlogoblk p {
	font-family: RobotoRegular;
	color: #585858;
	font-size: 15px;
	line-height: 1.3;
	padding: 35px 5px 0
}

.sunteckbranwrapblk {
	display: flex
}

.investerleftblk {
	display: none
}

.investerrightblk {
	width: 100%
}

.investiconblk {
	text-align: center;
	width: 24%;
	margin: 0 1% 10px 0
}

.investerleftblk,
.investerrightblk {
	height: auto
}

.rightleftinsiteblk {
	width: 89%;
	padding: 60px 0;
	margin: 0 auto
}

.ourpresenpicblk {
	background: url(../images/sprit.png) no-repeat -262px -6px;
	width: 29px;
	height: 41px;
	display: inline-block
}

.sunteckbranblk {
	background: #fff7ec
}

.suntbrandblk {
	display: flex;
	justify-content: space-between
}

.suntbranleftblk {
	width: 60%
}

.suntbranrightblk {
	width: 30%
}

.brandhedingblk {
	text-align: center;
	position: relative;
	margin: 40px 0 10px 0
}

.brandhedingblk span {
	text-transform: uppercase;
	background: #fff7ec;
	color: #000;
	text-align: center;
	display: inline-block;
	position: relative;
	padding: 0 5px;
	font-size: 26px
}

.brandhedingblk:before {
	content: "";
	position: absolute;
	top: 14px;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #ec9e32;
	left: 0
}

.suntbandcontblk {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.suntbandcontblk .sunteckleftblk {
	width: 50%
}

.suntbandcontblk .brandlogoblk img {
	width: auto
}

.suntbandcontblk .sunteckleftblk {
	border: 0
}

.sunteckcomerblk {
	width: 100%
}

.sunteckcomerblk .sunteckleftblk {
	width: 100%
}

.sunteckcomerblk .brandlogoblk img {
	width: auto
}

.brandlogoblk p {
	padding: 15px 5px 0
}

.sunteckbranblk .abouttitleblk {
	font-size: 50px;
	color: #000;
	line-height: 55px;
	font-family: RobotoRegular;
	text-transform: uppercase;
	text-align: center;
	background: #ffdaae;
	padding: 18px 0
}

.suntbrandblk .sunteckleftblk {
	padding: 40px 0
}

.logooverlay ul li a {
	font-size: 14px
}

.suntbranrightblk .sunteckleftblk {
	float: none
}

.videotitle {
	font-size: 14px;
	line-height: 18px;
	color: #585858;
	font-family: RobotoBold;
	padding: 5px
}

.videodate {
	color: #585858;
	font-size: 12px;
	line-height: 10px;
	font-family: RobotoRegular;
	padding: 5px
}

.pin::before {
	content: "";
	background: #f28a14;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	border: 1px solid #ce652c
}

.pin {
	cursor: pointer;
	height: 30px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #f7bc78;
	border-radius: 50%
}

.pin.activepin::before {
	height: 10px;
	width: 10px;
	background: #ff4800;
	border-color: #ce652c
}

.banner-head-text {
	font-size: 30px;
	line-height: 40px;
	font-family: RobotoLight
}

.active-slide .bannerte1 {
	width: 400px
}

.banner-head-text {
	width: 400px
}

.banner a.bxpager {
	height: 16.7%
}

.projectpicblk {
	height: 9.99%
}

.residentpicblk {
	position: relative
}

.projectrera {
	font-size: 10px;
	color: #fff;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, .5);
	line-height: 11px
}

.projectrerawrapper {
	position: absolute;
	top: 26%;
	left: 8%
}

.reracity {
	top: 29%
}

.csrdate {
	color: #fff;
	background: #f28a14;
	display: inline-block;
	padding: 5px 10px;
	font-size: 14px;
	margin-top: 20px
}

.csrwrap {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.csrwrap:nth-child(2n) {
	flex-direction: row-reverse
}

.csrright {
	text-align: right;
	width: 38%
}

.csrright img {
	border: 4px solid #f28a14;
	display: block;
	width: 100%
}

.csrleft {
	width: 52%
}

.csrrwrapper .wrapper {
	width: 80%
}

.csrwrap p {
	font-family: RobotoRegular;
	font-size: 14px;
	line-height: 20px;
	color: #585858;
	margin: 0 0 2% 0
}

.csrrwrapper .pagettl {
	padding: 0 0 40px;
	text-align: center
}

.csrright iframe {
	min-height: 400px;
	border: 4px solid #f28a14
}

.csrintitleblk {
	font-size: 18px;
	font-family: RobotoBold;
	line-height: 18px;
	margin: 0 0 15px;
	color: #585858
}

.csrwrap p+p {
	margin: 10px 0 0 0
}

.footerlinkwrap {
	background: #fff;
	padding: 5px;
	position: absolute;
	right: 5%;
	width: 460px;
	bottom: 15px;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, .5);
	z-index: 9;
	font-size: 12px;
	color: #585858;
	font-family: RobotoRegular
}

.footerlinkwrap span a {
	color: #f28a14;
	font-weight: 700
}

.awarcsriconblk:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/sprit.png) no-repeat -210px -57px;
	width: 39px;
	height: 38px
}

.blogpic-blk {
	width: 1024px;
	max-width: 95%;
	margin: 20px 0 0 0
}

.blogpic-blk img {
	width: 100%;
	display: block
}

.sitemapcontactblk .destmobilemenucallblk a {
	color: #363636!important;
	position: relative
}

.sitemapcontactblk .destmobilemenucallblk a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/sprit.png) no-repeat -5px -3px;
	width: 14px;
	height: 17px
}

.sitemapcontactblk .destmobilemenumailblk a {
	color: #363636!important;
	position: relative
}

.sitemapcontactblk .destmobilemenumailblk a:before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	background: url(../images/sprit.png) no-repeat no-repeat -26px -3px;
	width: 14px;
	height: 12px
}

.sitemapcontactblk .menuaddresblk {
	position: relative
}

.sitemapcontactblk .menuaddcontblk::after {
	background: url(../images/sprit.png) no-repeat -3px -34px;
	width: 13px;
	height: 17px;
	top: 6px;
	left: 0;
	content: "";
	position: absolute
}

.csrwrap:nth-child(2n) .csrleft {
	padding-left: 2.5%
}

.csrwrap:nth-child(2n-1) .csrleft {
	padding-left: 2.5%;
	padding-right: 2.5%
}

.neweventmainblk .slick-prev {
	z-index: 9
}

.neweventmainblk .slick-next {
	z-index: 9
}

.brandhedingblk span {
	font-size: 24px
}

.westworldcontblk {
	padding: 10px 20px;
	background: #ffdaae;
	border: 2px solid #000
}

.textnote {
	font-size: 14px;
	font-weight: 300;
	color: #000;
	padding-bottom: 5px;
	font-family: RobotoMedium
}

.textnote strong {
	font-weight: 700
}

.mahareblk {
	position: absolute;
	bottom: 15px;
	left: 0;
	color: #fff;
	font-size: 12px;
	background: rgba(0, 0, 0, .5);
	padding: 5px
}

.careecontblk {
	width: 100%;
	padding: 20px 0 84px 0
}

.careecontblk .workleftblk {
	width: 100%
}

.workculturewrap {
	padding: 44px 0 44px 0
}

.bannertxt.careertextblk {
	bottom: 10px
}

.bannertxt.careertextblk .suntecktxt {
	line-height: 25px
}

.bannertxt.careertextblk .suntecktxt {
	background: rgba(0, 0, 0, .3)
}

.careerheding {
	margin-bottom: 44px
}

.aboutcontrightblk p {
	font-family: RobotoMedium
}

.newsheadingblk {
	font-size: 18px;
	line-height: 22px
}

.overviewcontblk p {
	font-family: RobotoMedium
}

p {
	font-family: RobotoMedium
}

.overviewpdfblk a {
	font-size: 16px
}

.newhwdingblk {
	font-size: 22px;
	line-height: 24px
}

.newsubhedingblk {
	color: #585858;
	font-size: 16px;
	line-height: 18px;
	font-family: RobotoRegular;
	padding: 0 0 20px 0
}

.sunteckbranblk .abouttitleblk {
	font-size: 45px;
	line-height: 50px
}

.pageheading {
	font-size: 48px;
	line-height: 50px
}

.suntecktxt {
	font-size: 24px
}

.pagettl {
	font-size: 40px;
	line-height: 40px
}

.hedingcommblk {
	font-size: 40px
}

.csrwrap p,
.disclaimerblk p,
.workculturewrap p {
	font-family: RobotoMedium
}

.csrblk p,
.jobopeningblk p {
	font-family: RobotoMedium
}

.gallarypichedingblk {
	font-size: 20px;
	line-height: 20px
}

.abouttileblk {
	font-size: 45px;
	line-height: 50px
}

.aboutsubtitleblk {
	font-size: 36px;
	line-height: 40px
}

.aboutsubtitleblk span {
	font-size: 60px;
	line-height: 65px
}

.abouttitleblk {
	font-size: 45px;
	line-height: 50px
}

.associatcontblk .abouttitleblk {
	padding: 0 0 30px 0
}

.reachfthedingblk {
	font-size: 45px
}

.stoctrinternacallblk ul li.stocktreckerblk2 {
	margin: 0
}

.stoctrinternacallblk ul li.stocktreckerblk2 iframe {
	height: 46px;
	display: block
}

.bannerbig {
	display: none
}

.close-callback {
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer
}

.awardsmainblk {
	padding: 115px 0
}

#blog-landing {
	margin-top: 30px;
	position: relative;
	max-width: 100%;
	width: 100%
}

.awardpicblk img {
	width: 100%;
	display: block
}

.awardcontblk {
	padding-left: 40px
}

.award-headingblk {
	color: #ee9b2d;
	font-size: 23px;
	position: relative;
	font-family: TeXGyreAdventor-Bold;
	line-height: 35px;
	margin: 0 0 5px 0
}

.award-headingblk:before {
	position: absolute;
	width: 25px;
	background: #ee9b2d;
	height: 5px;
	left: -35px;
	top: 18px;
	content: ""
}

.awardpicblk {
	margin-bottom: 10px
}

.award-tagline {
	color: #323232;
	font-size: 20px;
	font-family: RobotoRegular;
	margin: 0 0 5px 0
}

.awardcontblk p {
	font-size: 14px;
	color: #323232;
	font-family: RobotoRegular
}

.accolades-wrap {
	padding: 50px 0;
	border-top: 2px solid #ee9b2d
}

.accolades-wrap .commenheading {
	text-align: center
}

.awards-sect {
	width: 20%;
	border: 15px solid #1a191e;
	background: #e9e9e7;
	display: inline-block;
	vertical-align: top;
	margin-right: 6.5%
}

.awards-sect:last-child {
	margin-right: 0
}

.awards-sect img {
	width: 100%;
	margin: 0 auto;
	padding: 20px
}

.accolades-contblk {
	font-size: 0;
	margin-top: 40px
}

.accolades-wrap .kowmorebutblk {
	margin: 0 auto
}

.awardsknow {
	text-align: center;
	margin-top: 40px
}

.common-form {
	width: 90%;
	margin: 0 auto
}

.common-form input {
	width: 100%
}

.common-form select {
	width: 100%
}

.popupformbut1 {
	width: 87px;
	padding: 10px
}

.common-form input.popupformbut1 {
	width: 80px;
	background: #ec9a2d;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0 auto;
	display: block;
	border: 0;
	color: #fff
}

.common-form input {
	display: block;
	width: 100%;
	height: 34px;
	font-size: 12px;
	line-height: 1.42857143;
	padding: 6px 12px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 15px
}

.common-form select {
	display: block;
	width: 100%;
	height: 34px;
	font-size: 12px;
	line-height: 1.42857143;
	padding: 6px 12px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 15px
}

.common-form::placeholder {
	font-size: 12px
}

.common-form:-ms-input-placeholder {
	font-size: 12px
}

.common-form::-ms-input-placeholder {
	font-size: 12px
}

.award-picblk {
	text-align: center;
	margin-top: 30px
}

.awardpic-blk {
	width: 98%;
	margin: 0 auto
}

.awardpic-blk img {
	width: 100%!important;
	display: block
}

.img-width img {
	width: 100%
}

.investiconblk {
	width: 19%
}

.codepolicwrapblk ul {
	font-size: 0
}

.codepolicwrapblk ul li::before {
	top: 6px
}

.investor-relationblk {
	padding-left: 9%;
	padding-top: 20px;
	padding: 20px 0 20px 9%
}

.investor-relationblk:first-child {
	padding-top: 0
}

.investor-relationblk:last-child {
	padding-bottom: 0
}

.investor-relationblk+.investor-relationblk {
	border-top: 1px solid #cfcfcf
}

.btm-add-right {
	padding-left: 0
}

.newsbutten {
	width: 100%;
	text-align: center;
	margin-top: 20px
}

.newsbutten a {
	display: inline-block;
	background: #f28a14;
	font-size: 16px;
	font-family: RobotoMedium;
	color: #fff;
	padding: 10px 20px;
	cursor: pointer
}

.blogpic img {
	max-width: 800px;
	width: 95%
}

.blog-subtitle {
	font-family: RobotoMedium;
	font-size: 18px;
	line-height: 20px;
	margin: 20px 0 10px;
	display: block;
	color: #454139
}

.offer-blk {
	font-family: RobotoMedium;
	font-size: 18px;
	line-height: 20px;
	margin: 20px 0 10px;
	display: block;
	color: #454139
}

.footermailblk.robotlightfont.mailsecblk {
	width: 50%;
	padding: 12px 0 12px 10px;
	font-size: 16px
}

.redressal-wrap p {
	color: #585858;
	padding: 20px 0 0;
	line-height: 23px
}

.redressal-wrap p span {
	color: #000
}

.redressal-wrap ul li {
	display: block;
	position: relative;
	padding-left: 10px;
	margin: 10px 0 0;
	color: #585858
}

.redressal-wrap ul li:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 0;
	width: 5px;
	height: 5px;
	background: #585858;
	border-radius: 50%
}

.grievance-cont {
	margin-top: 10px;
	font-size: 18px
}

.grievance-cont a {
	color: #0b6cda;
	text-decoration: underline
}

.captchblk {
	width: 100%
}

.captchblk {
	width: 40%;
	display: inline-block;
	vertical-align: top
}

.captchpic {
	display: inline-block;
	vertical-align: top;
	border: 1px solid #cfcfcf;
	margin-left: 10px
}

.captchpic img {
	display: block
}

.captchpic img {
	height: 25px!important
}

.captchpic {
	background: #fff;
	padding-top: 6px
}

.title-lowercase {
	text-transform: capitalize;
	margin-bottom: 0
}

.mg-bt0 {
	margin-bottom: 0
}

.blog-airoli {
	max-width: 95%;
	margin: 20px 0 0;
	width: 720px
}

.salesenqblk {
	font-size: 16px;
	color: #585858;
	font-family: RobotoRegular;
	position: relative;
	padding-left: 25px;
	min-height: 20px;
	padding: 15px 0;
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	margin-top: 15px
}

.salesenqblk a {
	padding-left: 25px;
	position: relative;
	margin-left: 3%
}

.salesenqblk a::before {
	width: 14px;
	height: 17px;
	background: url(../images/sprit.png) no-repeat -5px -3px;
	top: 2px;
	left: 0;
	content: "";
	position: absolute
}

.footercode2blk {
	top: 70px
}

.salesenqblk a::before {
	display: none
}

.salesenqblk {
	padding: 0;
	border: 0;
	color: #f28a14
}

.salesenqblk a {
	padding-left: 5px;
	position: relative;
	margin-left: 0
}

.salesheading {
	font-family: RobotoLight;
	padding: 20px 0 0;
	font-weight: 700;
	color: #585858;
	font-size: 14px
}

.salesenqblk,
.salesheading {
	font-size: 14px
}

.placeserntblk {
	font-size: 14px;
	color: #454139;
	margin: 0 0 10px;
	font-family: RobotoRegular;
	margin-top: 20px
}

.placeserntblk li {
	border: 1px solid #454139;
	padding: 5px;
	margin-top: -1px;
	width: 300px
}

.header1 {
	padding: 0
}

.header1 .interwraper .right-sec {
	padding: 10px 0
}

.header1 .submenu-link-burger {
	width: 67px;
	background-position: left center;
	padding-left: 25px
}

.header1 .menulogoblk a {
	display: inline-block;
	vertical-align: middle;
	border-left: 1px solid #ccc;
	padding: 8px 0 16px 12px;
	margin-left: 12px
}

.menutext {
	font-size: 14px
}

.menulogoblk {
	display: flex;
	align-items: center
}

.gilbirdheading {
	margin: 10px 0 10px 0
}

.banner #bx-pager {
	height: 80.1%;
	top: 67px;
	z-index: 9
}

.banner a.bxpager {
	height: 20%;
	padding: 7px 22px
}

.projectpicblk {
	height: 9.7%;
	z-index: 9
}

.disclamerblk {
	font-size: 12px;
	font-family: RobotoLight;
	line-height: 14px;
	margin-top: 25px;
	color: #fff
}

.text-iagree {
	font-size: 12px;
	font-family: RobotoLight;
	line-height: 14px;
	margin-top: 15px;
	display: inline-block;
	cursor: pointer;
	color: #fff
}

.text-iagree input,
.text-iagree label {
	cursor: pointer
}

.text-iagree label {
	padding-left: 10px
}

.ownercontblk .acquaintanceblkitem {
	margin-top: 15px
}

.news-pic {
	text-align: center
}

.news-pic img {
	width: 100%;
	display: block
}

.referal-news .pagettl {
	margin-bottom: 20px;
	font-family: RobotoMedium;
	margin: 0 0 20px;
	color: #000;
	text-transform: capitalize
}

.referal-news {
	padding: 80px 0
}

.referal-aboutus {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse
}

.referal-aboutus {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	background: #4f4f4f
}

.referal-aboutus .right-sec {
	width: 50%;
	padding: 70px 20px
}

.referal-aboutus .left-sec {
	width: 50%;
	padding: 30px 20px
}

.islandpicblk img,
.sunteckcitypciblk img {
	width: 100%
}

.abouttextblk {
	padding: 0 20px
}

.islandtext h5 {
	font-size: 10px;
	font-weight: 800;
	margin-top: 6px;
	border-bottom: 2px solid #ec800d;
	padding-bottom: 4px;
	color: #fff;
	font-family: RobotoRegular
}

.islandtext p {
	font-size: 11px;
	margin-bottom: 0;
	color: #fff;
	font-family: RobotoRegular
}

.islandtextcontblk {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.islandpicblk2 {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.colwidth {
	width: 33.33333333%
}

.islandtext:first-child {
	padding: 0 15px 0
}

.islandpicblk {
	margin-bottom: 8px
}

.sunteckcitypciblk {
	padding: 0 15px 0 0
}

.aboutsunthedblk {
	font-family: RobotoMedium;
	font-size: 40px;
	color: #000;
	padding: 0 0 30px;
	color: #fff
}

.abutwatfontextblk {
	font-family: RobotoMedium;
	font-size: 40px;
	color: #fff;
	padding: 0;
	line-height: 42px
}

.highlights-list li {
	font-size: 15px;
	line-height: 18px;
	padding: 0 0 10px 15px;
	position: relative;
	color: #fff
}

.highlights-list li::before {
	content: "";
	position: absolute;
	background: #000;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	left: 0;
	top: 6px;
	background: #fff
}

.mapandreachus {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.refreral-map {
	width: 50%
}

.refreral-map iframe {
	height: 400px
}

.reachus-wrap {
	width: 50%;
	padding: 0 50px
}

.reachus-wrap .heading {
	font-family: RobotoMedium;
	font-size: 40px;
	color: #000;
	padding: 0 0 30px 0
}

.referal-mobileicon span,
.refreal-whatsapp span,
.refrerral-mail span {
	vertical-align: middle;
	display: inline-block;
	margin-right: 10px
}

.referal-mobileicon,
.refreal-whatsapp {
	margin-bottom: 15px
}

.referral-faq {
	padding: 70px 0 50px
}

.referral-faq .smk_accordion .accordion_in {
	border: 0;
	margin-bottom: 10px
}

.referral-faq .smk_accordion .accordion_in .acc_head {
	border: 1px solid #ccc;
	z-index: 1;
	position: relative
}

.referral-faq .smk_accordion .accordion_in .acc_head:after,
.referral-faq .smk_accordion .accordion_in .acc_head:before {
	content: "";
	width: 50%;
	height: 20%;
	box-shadow: 0 15px 5px rgba(0, 0, 0, .4);
	position: absolute;
	bottom: 22px;
	left: 10px;
	transform: rotate(-3deg);
	z-index: -1
}

.referral-faq .smk_accordion .accordion_in .acc_head:after {
	left: auto;
	right: 10px;
	transform: rotate(3deg)
}

.referal-tab {
	background: #fff
}

.referral-faq .smk_accordion .accordion_in .acc_head .acc_icon_expand {
	right: 20px;
	z-index: 9
}

.referral-faq .smk_accordion .accordion_in .acc_head {
	display: block;
	margin: 0;
	background: #fff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #ed982b;
	border-radius: 0;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .1), 0 0 40px rgba(0, 0, 0, .1) inset;
	position: relative;
	outline: 0;
	border: 0;
	margin-bottom: 20px;
	padding: 0;
	padding-left: 0
}

.referral-faq .smk_accordion.acc_with_icon .accordion_in .acc_content,
.referral-faq .smk_accordion.acc_with_icon .accordion_in .acc_head {
	padding-left: 0
}

.referal-tab {
	box-shadow: 0 1px 4px rgba(0, 0, 0, .1), 0 0 40px rgba(0, 0, 0, .1) inset;
	padding: 15px 60px;
	position: relative
}

.referal-tab:before {
	content: "";
	position: absolute;
	width: 2px;
	height: 100%;
	background: #ed982b;
	top: 0;
	right: 50px
}

.referral-number {
	display: inline-block;
	width: 55px;
	height: 100%;
	border-right: 2px solid #ed982b;
	font-size: 20px;
	color: rgba(0, 0, 0, .7);
	color: #ed982b;
	line-height: 50px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	font-family: RobotoMedium
}

.faq-details {
	padding: 0 40px
}

.referral-faq .smk_accordion.acc_with_icon .accordion_in .acc_content {
	padding: 10px 20px;
	margin: 0 0 20px;
	border-bottom: 3px solid #ed982b;
	border-top: 0;
	background: #fff;
	font-size: 15px;
	color: #333;
	line-height: 27px
}

.faq-details p {
	padding-bottom: 10px
}

.referral-faq .pagettl {
	margin-bottom: 30px
}

.referral-table {
	border: 1px solid #ddd;
	display: flex
}

.sucessreferral {
	width: 30%;
	padding: 10px;
	align-self: center
}

.referral-gift {
	width: 70%;
	border-left: 1px solid #ddd
}

.gift-card {
	border-top: 1px solid #ddd;
	margin-top: -1px;
	padding: 10px
}

.faq-referral {
	font-size: 14px;
	color: #fff;
	margin-top: 15px
}

.faq-referral a {
	color: #000
}

.ownerbutten {
	display: none
}

.referralfooter {
	border-top: 1px solid #cfcfcf
}

.referral-faq .smk_accordion {
	margin-bottom: 0
}

.referral-friends .acquaintanceitem {
	width: 23.5%
}

.acquaintanceitem select {
	width: 100%;
	padding: 8px 9px 8px 0;
	font-family: RobotoRegular;
	font-size: 18px;
	cursor: pointer;
	color: #8d8a8a;
	border: 0;
	border-bottom: 2px solid #ccc;
	position: relative;
	background: url(../images/down-arrow.png) no-repeat 99% 20px
}

.acquaintanceitem select option {
	font-family: RobotoRegular;
	font-size: 18px;
	color: #8d8a8a
}

.custom-select {
	position: relative;
	font-size: 18px;
	font-family: RobotoRegular
}

.custom-select select {
	display: none
}

.select-selected:after {
	position: absolute;
	content: "";
	top: 14px;
	right: 10px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #fff transparent transparent transparent
}

.select-selected.select-arrow-active:after {
	border-color: transparent transparent #fff transparent;
	top: 7px
}

.select-items div,
.select-selected {
	color: #fff;
	padding: 8px 9px 8px 5px;
	border: 2px solid transparent;
	border-color: transparent transparent #ccc transparent;
	cursor: pointer;
	user-select: none;
	opacity: .7
}

.select-items {
	position: absolute;
	background: #cfcfcf;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 9
}

.select-hide {
	display: none
}

.same-as-selected,
.select-items div:hover {
	color: #000
}

.select-items div {
	color: #000;
	border-bottom: 1px solid #000
}

.select-items div:last-child {
	border-bottom: 0
}

.referlabletxt.custom-select .select-items div,
.referlabletxt.custom-select .select-selected {
	color: #656565
}

.referlabletxt.custom-select .select-selected::after {
	border: 6px solid transparent;
	border-color: #656565 transparent transparent transparent
}

.faqpoint li {
	position: relative;
	padding-left: 15px
}

.faqpoint li:before {
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #ed982b;
	left: 0;
	top: 12px
}

.faq-details a {
	color: #ed982b;
	font-family: RobotoMedium
}

.referralbanner picture {
	display: none
}

.referralbanner {
	background: url(../images/referral/referaldest-big.jpg) no-repeat top center;
	height: 612px
}

.referralbanner2 picture {
	display: none
}

.referralbanner2 {
	background: url(../images/referral/referaldestsec-big2.jpg) no-repeat top center;
	height: 600px
}

.disclaimrefercontblk p::before {
	top: 5px
}

.referallmep {
	margin-top: 20px
}

.referal-aboutus1 {
	background: #fff
}

.referal-aboutus1 .abutwatfontextblk {
	color: #000
}

.referal-aboutus1 .highlights-list li {
	color: #000
}

.referal-aboutus1 .aboutsunthedblk {
	color: #000
}

.referal-news1 {
	background: #4f4f4f
}

.referal-news1 .pagettl {
	color: #fff
}

.referal-aboutus1 .islandtext h5 {
	color: #fff
}

.referal-aboutus1 .islandtext p {
	color: #fff
}

.referal-aboutus1 .sunteckcitypciblk {
	padding: 5px 7px
}

.referral-footerblk {
	top: 200px
}

.disclaimrefercontblk p {
	font-size: 12px;
	line-height: 15px;
	margin-top: 5px;
	padding: 0 0 0 15px
}

.referral-top {
	text-align: center;
	width: 80%;
	margin: 0 auto 20px;
	position: relative
}

.referral-top:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: #f99929;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.referral-top:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 30px;
	border-right: 1px solid #f99929;
	border-left: 1px solid #f99929;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.regerral-heading {
	display: inline-block;
	padding: 0 20px;
	background: #fff;
	position: relative;
	margin: 0;
	text-transform: uppercase;
	font-size: 36px;
	line-height: 36px;
	color: #050505
}

.friendrefwrapblk1 {
	background: #fff
}

.friendrefwrapblk1 .regerral-heading {
	font-size: 29px;
	line-height: 29px
}

.friendrefwrapblk1 .referral-top {
	width: 90%
}

.friendrefwrapblk1 .acquaintanceitem .inputfield {
	color: #4f4f4f;
	font-family: RobotoLight
}

.friendrefwrapblk1 .acquaintanceitem .inputfield::-webkit-input-placeholder {
	opacity: 1;
	color: #4f4f4f
}

.friendrefwrapblk1 .acquaintanceitem .inputfield:-moz-placeholder {
	opacity: 1;
	color: #4f4f4f
}

.friendrefwrapblk1 .acquaintanceitem .inputfield::-moz-placeholder {
	opacity: 1;
	color: #4f4f4f
}

.friendrefwrapblk1 .acquaintanceitem .inputfield:-ms-input-placeholder {
	opacity: 1;
	color: #4f4f4f
}

.referalfrmitemblk1 .referlabletxt select {
	color: #4f4f4f;
	font-family: RobotoLight
}

.referlabletxt.custom-select .select-items div,
.referlabletxt.custom-select .select-selected {
	color: #4f4f4f;
	opacity: 1
}

.referalfrmitemblk1 .referlabletxt .inputfield::-webkit-input-placeholder {
	opacity: 1;
	color: #4f4f4f
}

.referalfrmitemblk1 .referlabletxt .inputfield:-moz-placeholder {
	opacity: 1;
	color: #4f4f4f
}

.referalfrmitemblk1 .referlabletxt .inputfield::-moz-placeholder {
	opacity: 1;
	color: #4f4f4f
}

.referalfrmitemblk1 .referlabletxt .inputfield:-ms-input-placeholder {
	opacity: 1;
	color: #4f4f4f
}

.select-items div,
.select-selected {
	color: #4f4f4f;
	opacity: 1
}

.select-selected::after {
	border: 6px solid transparent;
	border-color: #656565 transparent transparent transparent
}

.friendrefwrapblk1 .text-iagree {
	color: #000;
	font-family: RobotoLight;
	font-size: 18px;
	text-align: center;
	line-height: 22px
}

.friendrefwrapblk1 .disclamerblk {
	color: #000;
	font-family: RobotoLight;
	font-size: 18px;
	text-align: center;
	line-height: 22px
}

.iagre-wrap1 {
	text-align: center
}

.referalsubmit {
	margin: 0 auto
}

.friendrefwrapblk1 .wrapper {
	border-bottom: 5px solid #454545;
	padding-bottom: 60px
}

.friendrefwrapblk1 {
	padding-bottom: 0
}

.friendrefwrapblk1 .referalsubmit {
	border-radius: 5px
}

.referral-faq1 .pagettl {
	text-align: center
}

.referal-news3 {
	background: #f99929
}

.referral-news-top {
	text-align: center;
	width: 80%;
	margin: 0 auto 20px;
	position: relative
}

.referral-news-top:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.referral-news-top:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 30px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.referral-news-top .regerral-heading {
	color: #fff;
	background: #f99929;
	margin: 0;
	text-transform: uppercase
}

.referal-news3 .news-pic {
	border: 3px solid #fff;
	padding: 10px
}

.disclaimreferwrapblk1 {
	background: #fff
}

.disclaimreferwrapblk1 .pagettl {
	color: #050505;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 26px;
	margin-bottom: 20px
}

.disclaimreferwrapblk1 .disclaimrefercontblk p {
	color: #050505;
	font-size: 16px;
	line-height: 18px
}

.disclaimreferwrapblk1 .disclaimrefercontblk p {
	padding: 0 0 0 20px
}

.disclaimrefercontblk p::before {
	background: url(../images/referral/star1.png) no-repeat top left;
	width: 12px;
	height: 12px;
	font-size: 14px;
	top: 2px
}

.mapandreachus1 .refreral-map {
	width: 100%
}

.reachusrefre-icon {
	width: 100%
}

.mapandreachus1 {
	background: url(../images/referral/bg.jpg) no-repeat top center
}

.mapandreachus1 .referal-mobileicon span,
.mapandreachus1 .refreal-whatsapp span,
.mapandreachus1 .refrerral-mail span {
	font-size: 17px;
	color: #fff;
	font-family: RobotoMedium
}

.iconreferral1 {
	display: inline-block;
	margin-right: 5%
}

.mapandreachus1 {
	text-align: center
}

.reachusrefre-iconwrap {
	padding: 80px 0
}

.reachusrefre-iconwrap .referral-news-top .regerral-heading {
	background: #070707
}

.referal-aboutus1 .left-sec {
	position: relative
}

.referal-aboutus1 .left-sec:before {
	position: absolute;
	content: "";
	width: 20%;
	height: 30%;
	background: #f99929;
	left: 10px;
	top: 20px
}

.referal-aboutus1 .left-sec:after {
	position: absolute;
	content: "";
	width: 20%;
	height: 30%;
	background: #f99929;
	right: 10px;
	bottom: 20px
}

.referal-aboutus1 .waterfrontabutblk {
	position: relative;
	background: #4f4f4f;
	z-index: 9
}

.highlights-list li {
	color: #050505;
	font-family: RobotoLight;
	font-size: 18px;
	line-height: 25px;
	padding: 0 0 10px 25px
}

.referal-aboutus1 .highlights-list li::before {
	background: url(../images/referral/star1.png) no-repeat top left;
	width: 12px;
	height: 12px
}

.term-conditon-referral {
	cursor: pointer;
	text-decoration: underline
}

.popu-refrralblk {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #4f4f4f;
	z-index: 999;
	padding: 20px;
	display: none
}

.bgcolorreferall {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	width: 100%;
	z-index: 99;
	overflow-y: auto;
	background: rgba(0, 0, 0, .5);
	display: none
}

.popu-refrralblk .pagettl {
	color: #fff;
	padding-bottom: 10px
}

.popu-ref2wrap {
	position: relative
}

.rodblockclose-refrral {
	width: 24px;
	height: 24px;
	top: -30px;
	right: -30px;
	position: absolute;
	cursor: pointer
}

.gift-card span {
	font-weight: 700
}

.callbackinput input {
	width: 95%
}

.stockanchor {
	position: relative;
    display: none!important;  
}

.stockanchor a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999
}

.menuaddcontblk a {
	color: #a6a6a6;
	font-family: RobotoRegular;
	font-size: 14px;
	line-height: 16px
}

.icontwiterblk {
	background-position: -159px -150px
}

.instaiconblk {
	background: url(../images/sprit.png) no-repeat no-repeat -111px -35px;
	width: 27px;
	height: 27px
}

.blogiconblk {
	background: url(../images/sprit.png) no-repeat no-repeat -76px -35px;
	width: 27px;
	height: 26px
}

.ongoingresidentblk {
	position: relative
}

.ongoingresidentblk:hover .logooverlay {
	width: 90%;
	height: 92%;
	top: 0;
	left: 5%;
	opacity: 1
}

.ongoingoverlay {
	background: rgba(0, 0, 0, .5);
	color: #fff;
	font-size: 30px
}

.residentialsilderrightblk .bx-wrapper img {
	width: 100%
}

.ongoingsecblk {
	position: relative
}

.ongoingsecblk:hover .logooverlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 1
}

.ongoingsecblk .logooverlay {
	background: rgba(0, 0, 0, .5);
	color: #fff
}

.socialcoloricon .socialiconcontblk {
	margin: 0
}

.socialcoloricon .iconfbblk {
	background-position: -76px -4px;
	width: 27px;
	height: 26px
}

.socialcoloricon .iconlinkinblk {
	background-position: -111px -35px;
	width: 27px;
	height: 27px
}

.socialcoloricon .iconinstablk {
	background-position: -143px -4px;
	width: 27px;
	height: 26px
}

.socialcoloricon .icontwiterblk {
	background-position: -111px -4px;
	width: 26px;
	height: 26px
}

.socialcoloricon .iconyoutubblk {
	background-position: -176px -4px;
	width: 27px;
	height: 26px
}

.socialcoloricon .iconblogblk {
	background-position: -76px -35px;
	width: 27px;
	height: 26px
}

div#chat-icon-launcher {
	right: -30px!important;
	bottom: -85px!important
}

.roadblockifram iframe {
	height: 450px
}

.youtubeiconplay {
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	cursor: pointer;
	margin: auto;
	width: 70px;
	height: 50px
}

.btn-zoom {
	animation: zoom-b 1s linear infinite;
	background: #000
}

.btn-zoom:hover {
	-webkit-animation-play-state: paused
}

@keyframes zoom-b {
	50% {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2)
	}
}

.btn-zoom a {
	color: #fff!important;
	background: #000;
	padding: 5px 10px
}

.banner .avenuebanner .bannerpic {
	background: url(../images/banner/gilb-desk.jpg) no-repeat 0 0;
	background-size: auto auto;
	background-size: cover
}

.ocd-submenu {
	margin: 8px 0 15px!important
}

.refermenuwrap {
	display: flex;
	justify-content: space-between
}

.refermenu {
	width: 50%
}

.banner .avenue4banner .bannerpic {
	/*background: url(../images/banner/avenue4banner4.jpg) no-repeat 0 0;*/
	background-size: auto auto;
	background-size: cover
}

h1.pagettl {
	text-transform: inherit
}

h1.finttl {
	text-transform: capitalize;
	margin-bottom: 0;
	font-size: 40px
}

h1.lh {
	line-height: 40px!important
}

h1.ttl {
	text-transform: capitalize;
	font-weight: 400
}

h1.newsttl {
	margin-bottom: 0
}

.m-tit h1 {
	text-align: center;
	font-size: 42px;
	font-family: RobotoBold;
	text-transform: capitalize;
	color: #2f2f2f;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 63px
}

span.f-text {
	color: #ec9b25
}

.headdeb {
	font-size: 40px!important;
	font-family: RobotoRegular;
	text-transform: inherit!important;
	line-height: inherit!important;
	margin-bottom: 0!important
}

.headcon {
	margin-bottom: 0!important
}

.finhead {
	font-weight: 900!important;
	font-family: RobotoRegular;
	line-height: inherit!important
}

.nrhead {
	margin-bottom: 0!important
}

h1.pagettl {
	margin-bottom: 0
}

.m-tit h1 {
	text-align: center;
	font-size: 42px;
	font-family: RobotoBold;
	text-transform: capitalize;
	color: #2f2f2f;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 63px
}

span.f-text {
	color: #ec9b25
}

.brandwrap {
	background: #fff
}

.brandwrap .brandhedingblk span {
	background: #380a0c;
	color: #cc9d45;
	padding: 5px 8%
}

.brandwrap .brandhedingblk::before {
	display: none
}

.brandwrap .suntbandcontblk {
	justify-content: space-between
}

.brandwrap .brandhedingblk {
	margin-bottom: 50px
}

.brandwrap .abouttitleblk {
	background: #fff
}

.brandwrap .brandlogoblk p {
	color: #442523
}

.brandwrap .suntbandcontblk .sunteckleftblk {
	width: 48%;
	margin-bottom: 15px;
	padding: 1px;
	background-image: linear-gradient(to right, #ab6408, #bd7d17, #cd9727, #dcb137, #eacc4a, #eacc4a, #eacc49, #eacc49, #dcb136, #cd9625, #bd7c15, #ac6305)
}

.brandwrap .suntbranrightblk .sunteckleftblk {
	padding: 1px;
	background-image: linear-gradient(to right, #ab6408, #bd7d17, #cd9727, #dcb137, #eacc4a, #eacc4a, #eacc49, #eacc49, #dcb136, #cd9625, #bd7c15, #ac6305)
}

.brand-details {
	padding: 40px 0;
	background: #fff
}

.iagreeinputblk {
	display: flex;
	align-items: flex-start;
	margin-bottom: 15px
}

.iagreeinputblk input {
	width: 25px;
	height: auto;
	margin: 0;
	padding: 0;
	margin-top: 4px;
	margin-right: 3px
}

.iagreeinputblk label {
	font-family: RobotoMedium;
	font-size: 12px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: #585858
}

@media only screen and (min-width:1400px) {
	.testimonialsilderblk {
		background-size: cover
	}
	.silderproject {
		background-size: cover
	}
	.projectpicblk {
		padding-top: 41px
	}
	.partenterpicblk img {
		display: block;
		width: auto
	}
	.partenterpicblk img {
		display: block;
		width: auto
	}
	.codepolicwrapblk ul li a {
		font-size: 18px
	}
	.brandhomeblk .logooverlay ul li a {
		font-size: 12px
	}
	.banner .bx-wrapper .bannerpic img {
		display: none
	}
	.banner .banfirst .bannerpic {
		background: 0;
		height: auto
	}
	.banner .bansecond .bannerpic {
		background: 0;
		height: auto
	}
	.banner .banthird .bannerpic {
		background: 0;
		height: auto
	}
	.banner .banfourth .bannerpic {
		background: 0;
		height: auto
	}
	.banner .banfifth .bannerpic {
		background: 0;
		height: auto
	}
	.banner .bansix .bannerpic {
		background: 0;
		height: auto
	}
	.banner .banseven .bannerpic {
		background: 0;
		height: auto
	}
	.banner .signiabanner .bannerpic {
		background: 0;
		height: auto
	}
	.banner .sunteck-maxxworld .bannerpic {
		background: 0;
		height: auto
	}
	.banner .avenuebanner .bannerpic {
		background: 0;
		height: auto
	}
	.banner .avenue4banner .bannerpic {
		background: 0;
		height: auto
	}
	.bannerbig {
		display: block
	}
	.bannerbig img {
		display: block;
		width: 100%
	}
	.banner #bx-pager {
		height: 83.2%
	}
	.projectpicblk {
		height: 9.8%
	}
	.residentialsilderrightblk {
		width: 35%;
		margin: 15% 6% 0 0
	}
}

@media screen and (max-width:1200px) {
	.wrapper {
		width: 95%
	}
	.reachusaddcontblk {
		width: 95%
	}
	.sildertestimonialblk .slick-prev,
	.sildertestimonialblk .slick-prev:focus,
	.sildertestimonialblk .slick-prev:hover {
		left: -6%
	}
	.sildertestimonialblk .slick-next,
	.sildertestimonialblk .slick-next:focus,
	.sildertestimonialblk .slick-next:hover {
		right: -6%
	}
	.newseventsildermainblk {
		width: 90%;
		margin: 0 auto
	}
	.newseventsilder .slick-next,
	.newseventsilder .slick-next:focus,
	.newseventsilder .slick-next:hover {
		right: -7%
	}
	.newseventsilder .slick-prev,
	.newseventsilder .slick-prev:focus,
	.newseventsilder .slick-prev:hover {
		left: -7%
	}
	.residential-mainblk {
		width: 93%
	}
	.projecttextblk {
		font-size: 50px;
		line-height: 57px
	}
	.sunteckitemlist {
		top: 9%;
		right: 8%
	}
	.aboutdetailblk {
		width: 97%
	}
	.residential-mainblk {
		width: 95%
	}
	.interwraper {
		width: 100%
	}
	.projectsilderwrapblk {
		width: 80%
	}
	.residentailsildercontrolsblk .pronext {
		right: -5%
	}
	.residentailsildercontrolsblk .proprev {
		left: -4%
	}
	.contectdetailblk .contaddresblk {
		width: 85%
	}
	.contectdetailblk .contectleftblk {
		width: 47%
	}
	.contectdetailblk .contectrightblk {
		width: 53%
	}
	.percentagewrapblk {
		width: 95%
	}
	.numberrightcontblk {
		width: 95%
	}
	.cornertabcontblk {
		width: 100%
	}
	.cornertabcontblk .contpdftectblk a {
		font-size: 14px
	}
	.cornertabcontblk .contpdfblk {
		vertical-align: middle
	}
	.cornertabcontblk .conttextblk {
		vertical-align: middle
	}
	.currencycontxt {
		width: 88%
	}
	.currencyformwrap {
		width: 97%
	}
	.projectStatusTab {
		right: 6%;
		top: 18%
	}
	.filtermenblk {
		width: 95%
	}
	.filtertextblk {
		width: 8%
	}
	.codepolicwrapblk ul li::before {
		left: -14px
	}
	.codepolicwrapblk ul li+li {
		margin: 0 0 0 2%
	}
	.projectpicblk {
		padding: 18px 30px;
		font-size: 11px
	}
	.csrrwrapper .wrapper {
		width: 90%
	}
	.stoctrinternacallblk ul li {
		margin: 0 10px 0 0
	}
	.insitsiblk {
		margin-left: 6px
	}
	.bannerbig {
		display: block
	}
	.bannerbig img {
		width: 100%;
		display: block
	}
	.bannerpic {
		display: none
	}
	.banner a.bxpager {
		padding: 7px 22px
	}
	.referralbanner picture {
		display: block
	}
	.referralbanner2 picture {
		display: block
	}
	.referralbanner {
		background: 0;
		height: auto
	}
	.referralbanner2 {
		background: 0;
		height: auto
	}
}

@media screen and (max-width:1100px) {
	.aboutcontrightblk {
		width: 85%;
		padding: 0 12% 0 0
	}
	.aboutcontleftblk {
		width: 15%
	}
	.projectmainwrapblk {
		background: #b0b0b0;
		padding: 40px 0 0 0
	}
	.projectmainwrapblk {
		height: auto
	}
	.signiaviewblk {
		font-size: 30px;
		line-height: 34px
	}
	.signiahedingtextblk {
		left: 9%;
		top: 39%
	}
	.signiaviewblk {
		font-size: 25px;
		line-height: 28px
	}
	.residentrighthedingblk {
		font-size: 16px;
		line-height: 20px
	}
	.res-commer-projectblk {
		top: 3%
	}
	.pagettl {
		font-size: 40px;
		line-height: 44px
	}
	.pagesubttl {
		font-size: 25px;
		line-height: 30px
	}
	.pageoverview {
		font-size: 25px;
		line-height: 30px
	}
	.nriblk {
		padding: 2% 0
	}
	.newtextblk {
		width: 85%
	}
	.contectleftblk .addresscontblk {
		font-size: 16px;
		line-height: 22px
	}
	.contectleftblk .numbcontblk,
	.contectrightblk .intercallblk {
		font-size: 16px;
		padding: 12px 0 12px 30px
	}
	.contectleftblk .faxcontblk {
		font-size: 16px
	}
	.contaddresblk .footermailblk {
		font-size: 16px
	}
	.internatcontblk .intermailblk {
		font-size: 16px;
		padding: 12px 0 12px 45px
	}
	.contectdetailblk .faxcontblk::after,
	.contectdetailblk .numbcontblk::after {
		top: 13px
	}
	.contectrightblk .intercallblk::after {
		top: 13px
	}
	.contectrightblk .intermailblk::after {
		top: 17px
	}
	.erroepicblk img {
		width: 100%
	}
	.financialtabblk {
		width: 85%
	}
	.kitmainblk {
		width: 95%
	}
	.cornertabcontblk .contpdfblk {
		width: 26px;
		height: 30px;
		margin-right: 10px
	}
	.cornertabcontblk .contpdfblk img {
		width: 100%
	}
	.cornertabcontblk .conttextblk {
		vertical-align: middle;
		width: calc(100% - 40px)
	}
	.wrapper-fixed {
		width: 100%
	}
	.currencynlkright {
		width: 82%
	}
	.currencynlkleft {
		width: 18%
	}
	.currencycontxt {
		font-size: 16px
	}
	.brandlogoblk img {
		width: 80%
	}
	.codepolicwrapblk ul li a {
		font-size: 11px
	}
	.aboutcontrightblk {
		padding: 0 3% 0 0;
		width: 100%
	}
	.brandhomeblk .logooverlay ul li a {
		font-size: 12px
	}
	.logooverlay ul li {
		padding-bottom: 3px
	}
	.brandhedingblk::before {
		top: 12px
	}
	.brandhedingblk span {
		font-size: 22px
	}
	.menutext {
		display: none
	}
	.header1 .submenu-link-burger {
		width: 16px;
		padding-left: 0
	}
	.referral-news-top:after,
	.referral-news-top:before,
	.referral-top:after,
	.referral-top:before {
		display: none
	}
	.referal-aboutus1 .left-sec::before {
		left: 3%;
		top: 4%
	}
	.referal-aboutus1 .left-sec::after {
		right: 3%;
		bottom: 4%
	}
	.hedingyearblk h1 {
		font-size: 40px!important;
		line-height: 44px!important
	}
}

@media screen and (max-width:1024px) {
	.banner .banfirst .bannerpic {
		background: 0
	}
	.banner .bansecond .bannerpic {
		background: 0
	}
	.banner .banthird .bannerpic {
		background: 0
	}
	.banner .banfourth .bannerpic {
		background: 0
	}
	.banner .banfifth .bannerpic {
		background: 0
	}
	.banner .bansix .bannerpic {
		background: 0
	}
	.banner .banseven .bannerpic {
		background: 0
	}
	.banner .signiabanner .bannerpic {
		background: 0
	}
	.banner .sunteck-maxxworld .bannerpic {
		background: 0
	}
	.banner .avenuebanner .bannerpic {
		background: 0
	}
	.banner .avenue4banner .bannerpic {
		background: 0
	}
	.banner .bannerpic {
		height: auto;
		background-size: cover
	}
	.banner .bx-wrapper .bannerpic img {
		display: block;
		width: 100%
	}
	.bannertextblk {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: auto;
		z-index: 9;
		margin-top: 22%
	}
	.logo-pic {
		display: none
	}
	.banner a.bxpager {
		width: 10px;
		height: 10px;
		padding: 0;
		background: #fff;
		border-radius: 50%;
		display: inline-block;
		border: 0;
		margin: 0 5px 0 0
	}
	.banner #bx-pager {
		background: 0;
		width: 95%;
		height: auto;
		display: block;
		top: auto;
		bottom: 10px
	}
	.banner .bxpager.active,
	.banner .bxpager:hover {
		left: 0;
		transition: all 1s ease;
		background: #ec9b25
	}
	.banner-head-text {
		font-size: 40px;
		line-height: 42px
	}
	.banner-sm-head {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 10px
	}
	.propertylocators {
		right: 5%
	}
	.projectpicblk {
		position: fixed;
		top: 0;
		padding: 20px 30px 20px 10px;
		height: 66px
	}
	.banner {
		position: relative
	}
	.banner {
		margin-top: 66px
	}
	.bannerbig {
		display: none
	}
	.bannerpic {
		display: block
	}
}

@media screen and (max-width:1023px) {
	.commonpadding {
		padding: 6% 0 0 0
	}
	.csrwrap {
		padding: 0 0 6% 0
	}
	.csrleft,
	.workleftblk {
		width: 100%;
		float: none;
		margin: 0 0 6% 0
	}
	.csrright,
	.workrightblk {
		width: 80%;
		margin: 0 auto;
		float: none
	}
	.csrwrap:first-child p {
		margin: 3% 0 0 0
	}
	.csrblk,
	.jobopeningblk {
		padding: 6% 0 4% 0
	}
	.workculturewrap {
		padding: 3% 0 6% 0
	}
	.nriblk {
		padding: 3% 0
	}
	.accordianttl,
	.accordiantxt {
		width: 90%
	}
	.smk_accordion .accordion_in .acc_head .acc_icon_expand {
		right: -26px
	}
	.presscontblk .readmorebutblk,
	.videomainblk .readmorebutblk {
		padding-bottom: 4%
	}
	.newhwdingblk {
		font-size: 22px;
		line-height: 24px
	}
	.contectdetailblk .contectleftblk,
	.contectdetailblk .contectrightblk {
		width: 100%;
		float: none;
		margin: 0 0 4% 0
	}
	.contectdetailblk .contaddresblk {
		width: 100%
	}
	.ownerdetailblk {
		padding-bottom: 6%
	}
	.referlabletxt {
		width: 48%;
		margin: 0 4% 0 0
	}
	.referlabletxt+.referlabletxt {
		margin: 0
	}
	.referlabletxt:nth-child(3n+3) {
		margin: 0 4% 0 0
	}
	.visoncontblk {
		width: 48%
	}
	.numberrightcontblk,
	.percentagewrapblk {
		width: 95%
	}
	.numberleftblk {
		width: 55%
	}
	.numberrightblk {
		width: 45%
	}
	.numberrightcontblk {
		padding: 0 0 0 10%
	}
	.aboutbannercontblk {
		padding: 0
	}
	.aboutbannertextblk {
		top: auto;
		left: 0;
		margin: 0 auto;
		bottom: 6%
	}
	.cornertabcontblk .shareholdertabblk {
		width: 50%
	}
	.cornertabcontblk .conttextblk {
		vertical-align: middle;
		width: calc(100% - 60px)
	}
	.cornertabcontblk .contpdfblk {
		width: 34px;
		height: 38px;
		margin-right: 20px
	}
	.cornertabcontblk .conttextblk br {
		display: none
	}
	.cornertabcontblk .shareholdertabblk:last-child {
		margin-top: 20px
	}
	.cornertabcontblk .shareholdertabblk:nth-child(3) {
		margin-top: 20px
	}
	.project10blk,
	.project11blk,
	.project12blk,
	.project13blk,
	.project14blk,
	.project1blk,
	.project2blk,
	.project3blk,
	.project4blk,
	.project5blk,
	.project6blk,
	.project7blk,
	.project8blk,
	.project9blk {
		background-attachment: scroll
	}
	.currencynlkright {
		padding: 6px 0 6px 1%
	}
	.currencyformwrap tr {
		width: 12.2%
	}
	.currencyformwrap tr:first-child {
		width: 6%;
		margin-right: 1%
	}
	.currencyformwrap tr:nth-child(2) {
		width: 6%;
		margin-right: 2%
	}
	.currencyformwrap tr:nth-child(3) {
		width: 6%;
		margin-right: 1%
	}
	.currencyformwrap tr:nth-child(4) {
		width: 10%;
		margin-right: 2%
	}
	.currencyformwrap tr:nth-child(5) {
		width: 4%;
		margin-right: 1%
	}
	.currencyformwrap tr:nth-child(6) {
		width: 10%;
		margin-right: 2%
	}
	.currencyformwrap tr:nth-child(7) {
		width: 10%;
		margin-right: 2%
	}
	.currencyformwrap tr:nth-child(8) {
		width: 25%;
		margin-right: 2%
	}
	.codepolicmenublk {
		display: none
	}
	.filtermenblk.filterprojectblk {
		width: 100%
	}
	.filterprojectblk .filterresidentialblk .frm-input-box {
		margin-right: 3%
	}
	.suntbranleftblk {
		width: 65%
	}
	.brandhedingblk span {
		font-size: 20px
	}
	.careerheding {
		margin-bottom: 3%
	}
	.awards-sect {
		width: 24%;
		margin-right: 1%
	}
	.awards-sect img {
		padding: 10px
	}
	.investiconblk {
		width: 24%
	}
	.header1 .menulogoblk a {
		padding: 8px 0 16px 3%;
		margin-left: 3%
	}
	.referral-faq1 .pagettl,
	.referral-news-top .regerral-heading,
	.referral-top .pagettl,
	.regerral-heading {
		font-size: 30px;
		line-height: 30px
	}
	.friendrefwrapblk1 .regerral-heading {
		font-size: 26px;
		line-height: 26px
	}
	.employeeinpit .referlabletxt {
		width: 48%;
		margin: 0 4% 0 0
	}
	.employeeinpit .referlabletxt+.referlabletxt {
		margin: 0
	}
	.employeeinpit .referlabletxt:nth-child(3n+3) {
		margin: 0 4% 0 0
	}
}

@media screen and (max-width:1000px) {
	.referal-aboutus .left-sec,
	.referal-aboutus .right-sec {
		width: 100%
	}
	.referal-aboutus .right-sec {
		padding: 30px 20px
	}
	.referal-aboutus1 .left-sec::before {
		display: none
	}
	.referal-aboutus1 .left-sec::after {
		display: none
	}
	.popu-refrralblk {
		width: 90%
	}
}

@media screen and (max-width:990px) {
	.footerleftblk {
		width: 100%;
		float: none
	}
	.footerrightblk {
		width: 100%;
		float: none
	}
	.footermapblk {
		height: 400px
	}
	.reachusfaxnumbblk,
	.reachusnumberblk {
		text-align: left
	}
	.reachusnubfaxblk {
		width: 430px;
		margin: 0 auto
	}
	.reachusfaxnumbblk,
	.reachusnumberblk {
		font-size: 17px;
		padding: 10px 0 10px 45px
	}
	.reachusnumberblk::after {
		top: 14px
	}
	.reachusfaxnumbblk::after {
		top: 15px
	}
	.rechausaddressblk {
		padding: 40px 0 40px 0
	}
	.insitecontblk {
		width: 95%
	}
	.footermailblk {
		font-size: 17px
	}
	.testimonialsilderblk {
		padding: 80px 0
	}
	.testimonialsilderblk {
		background-attachment: scroll
	}
	.newsparablk {
		margin: 0 0 25px 0
	}
	.neweventmainblk {
		padding: 40px 0
	}
	.overviewleftblk {
		width: 100%
	}
	.overviewrightblk {
		width: 100%
	}
	.overviewcounterblk {
		float: left;
		width: 25%;
		border-right: 1px solid rgba(255, 255, 255, .3);
		border-bottom: 0;
		text-align: center;
		padding: 25px 10px
	}
	.overvirecontblk {
		padding: 20px 0
	}
	.overviewrightblk {
		background: url(../images/aboutresppic.jpg) no-repeat top left
	}
	.countertextblk {
		height: 56px
	}
	.projectpicblk {
		top: 0;
		padding: 20px 30px 20px 10px;
		height: 66px
	}
	.gallarypichedingblk {
		font-size: 18px;
		line-height: 20px
	}
	.gallarypicloctionblk {
		font-size: 13px;
		line-height: 16px
	}
	.silderprojecttabblk {
		font-size: 14px;
		line-height: 16px;
		margin: 0 20px 0 0
	}
	.projectsilderwrapblk {
		padding: 30px 0
	}
	.projetqabclose {
		margin: 0 0 30px 0
	}
	.residentialsilderleftblk {
		width: 100%
	}
	.residentialsilderrightblk {
		width: 100%;
		display: none
	}
	.res-commer-projectblk {
		position: relative;
		top: 0;
		left: 0;
		line-height: 0;
		z-index: 9
	}
	.sunteckitemlist {
		top: 0;
		right: 0;
		position: relative
	}
	.projectStatusTab {
		top: 0;
		right: 12.5%;
		position: relative
	}
	.respprojettextblk {
		display: block;
		padding: 0 0 20px 0
	}
	.res-commer-projectblk {
		display: none
	}
	.projectmainwrapblk {
		background: #b0b0b0;
		padding: 40px 0 0 0
	}
	.residential-mainblk {
		margin-top: -60px;
		width: 70%
	}
	.projectmainwrapblk {
		height: auto
	}
	.residentailsildercontrolsblk .proprev {
		left: -7%
	}
	.residentailsildercontrolsblk .pronext {
		right: -7%
	}
	.banner .banfirst .bannerpic {
		background: 0
	}
	.banner .bansecond .bannerpic {
		background: 0
	}
	.banner .banthird .bannerpic {
		background: 0
	}
	.banner .banfourth .bannerpic {
		background: 0
	}
	.banner .banfifth .bannerpic {
		background: 0
	}
	.banner .bansix .bannerpic {
		background: 0
	}
	.banner .banseven .bannerpic {
		background: 0
	}
	.banner .signiabanner .bannerpic {
		background: 0
	}
	.banner .sunteck-maxxworld .bannerpic {
		background: 0
	}
	.banner .avenuebanner .bannerpic {
		background: 0
	}
	.banner .avenue4banner .bannerpic {
		background: 0
	}
	.banner .bannerpic {
		height: auto;
		background-size: cover
	}
	.banner .bx-wrapper .bannerpic img {
		display: block;
		width: 100%
	}
	.bannertextblk {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: auto;
		z-index: 9;
		margin-top: 22%
	}
	.logo-pic {
		display: none
	}
	.banner a.bxpager {
		width: 10px;
		height: 10px;
		padding: 0;
		background: #fff;
		border-radius: 50%;
		display: inline-block;
		border: 0;
		margin: 0 5px 0 0
	}
	.banner #bx-pager {
		background: 0;
		width: 95%;
		height: auto;
		display: block;
		top: auto;
		bottom: 10px
	}
	.banner .bxpager.active,
	.banner .bxpager:hover {
		left: 0;
		transition: all 1s ease;
		background: #ec9b25
	}
	.banner-head-text {
		font-size: 40px;
		line-height: 42px
	}
	.banner-sm-head {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 10px
	}
	.propertylocators {
		right: 5%
	}
	.signiaviewblk {
		font-size: 35px;
		line-height: 34px
	}
	.signiahedingtextblk {
		left: 9%;
		top: 39%
	}
	.signiaviewblk {
		font-size: 34px;
		line-height: 34px
	}
	.residenheadingblk {
		font-size: 16px;
		line-height: 18px
	}
	.aboutcontrightblk {
		padding: 0 4% 0 0
	}
	.aboutdetailblk {
		margin: 0 auto;
		float: none;
		width: 95%
	}
	.hamburger {
		display: inline-block
	}
	.mobilemenublk {
		display: block
	}
	.menubutblk {
		display: none
	}
	.menumainblk {
		display: none
	}
	.directcontdetailblk,
	.directcontdetailblk:last-child {
		width: 33.33%;
		padding: 5px 5px 10px 15px
	}
	.directortitleblk {
		font-size: 18px;
		line-height: 23px
	}
	.chairmanpicblk {
		max-width: 100%;
		float: none;
		margin-bottom: 5%;
		width: 370px
	}
	.chairmancontblk {
		width: 100%;
		float: none;
		padding: 40px 0 0 0
	}
	.chairmancontblk .readmorebutblk {
		display: block;
		padding: 25px 0 0 0
	}
	.awarddetailblk a {
		font-size: 16px
	}
	.meatoursubtitleblk {
		font-size: 24px;
		line-height: 25px
	}
	.numberleftblk,
	.numberrightblk {
		width: 100%
	}
	.erroepagecontblk {
		padding: 5% 0 0 0
	}
	.projectpicblk {
		position: fixed
	}
	.banner #bx-pager {
		z-index: 9
	}
	.investparablk {
		font-size: 38px;
		line-height: 45px
	}
	.investhedingblk {
		font-size: 24px;
		line-height: 33px
	}
	.overviewpdfblk {
		width: 25%
	}
	.kitmainblk {
		width: 100%
	}
	.financialtabblk {
		width: 100%
	}
	.contpdfblk {
		margin-right: 10px
	}
	.contpdfblk {
		width: 26px;
		height: 30px
	}
	.contpdfblk img {
		width: 100%
	}
	.conttextblk {
		width: calc(100% - 40px)
	}
	.yearselectblk {
		width: 40%
	}
	.presspaddingblk {
		padding: 40px 0
	}
	.overviewmainblk {
		display: block
	}
	.socialiconcontblk {
		display: none
	}
	.hedingcommblk {
		font-size: 40px
	}
	.trusterhedingblk {
		font-size: 16px;
		line-height: 19px
	}
	.investrelcontblk {
		display: block
	}
	.investerleftblk,
	.investerrightblk {
		width: 100%;
		height: auto;
		padding: 40px 0
	}
	.investerleftblk::before {
		display: none
	}
	.investerleftinsiteblk {
		width: 70%;
		padding: 0;
		display: block;
		margin: 0 auto
	}
	.rightleftinsiteblk {
		width: 89%;
		padding: 0;
		margin: 0 auto
	}
	.allinvestcontblk {
		width: 100%
	}
	.footercodepiceblk {
		padding: 20px 15px;
		width: 340px;
		right: 2%
	}
	.reachfthedingblk {
		font-size: 40px;
		padding-bottom: 10px
	}
	.addhedingblk {
		font-size: 20px;
		padding-top: 10px
	}
	.add-hedingblk p {
		font-size: 14px;
		padding: 10px 0
	}
	.callcontblk a,
	.mailcontblk a {
		font-size: 13px;
		padding-left: 20px
	}
	.currencynlkright {
		width: 78%
	}
	.currencynlkleft {
		width: 22%
	}
	.currencyformwrap tr:nth-child(7) {
		width: 13%
	}
	.currencyformwrap tr:first-child {
		width: 8%
	}
	.currencyformwrap tr:nth-child(3) {
		width: 8%
	}
	.projectStatusTab {
		right: 22%;
		top: 75px
	}
	.stocktreckerblk {
		right: 21%
	}
	.silderlogoblk {
		width: 200px
	}
	.silderlogoblk img {
		width: 100%!important
	}
	.banner {
		margin-top: 66px
	}
	.propertylocators {
		right: 66px
	}
	body.innerpage .stocktreckerblk {
		right: 6%
	}
	.sunteckleftblk {
		width: 50%
	}
	.brandlogoblk img {
		width: auto
	}
	.sunteckleftblk:nth-child(2) {
		border-right: 0;
		border-bottom: 1px solid #d5d5d5
	}
	.sunteckleftblk:first-child {
		border-bottom: 1px solid #d5d5d5
	}
	.sitemapleftblk .menufristblk {
		width: 50%
	}
	.sitemapleftblk .menusecnblk {
		width: 50%
	}
	.sitemapleftblk .menuthreblk {
		width: 100%;
		margin-top: 30px
	}
	.numberleftblk::after {
		display: none!important
	}
	.brandhomeblk .sunteckleftblk {
		border: 1px solid #d5d5d5;
		margin: 10px 0 0 0
	}
	.brandhomeblk .sunteckleftblk:nth-child(2) {
		border: 1px solid #d5d5d5;
		margin-left: 2%
	}
	.brandhomeblk .sunteckleftblk:nth-child(4) {
		margin-left: 2%
	}
	.brandhomeblk .sunteckleftblk {
		width: 49%
	}
	.brandhomeblk .logooverlay ul li a {
		font-size: 14px
	}
	.sunteckbrancontblk .brandlogoblk img {
		width: auto
	}
	.sunteckleftblk:last-child {
		border-right: 1px solid #d5d5d5
	}
	.sunteckleftblk:nth-child(2),
	.sunteckleftblk:nth-child(3),
	.sunteckleftblk:nth-child(4) {
		border-bottom: 1px solid #d5d5d5
	}
	.sunteckbranwrapblk {
		display: block
	}
	.sunteckleftblk {
		height: 250px
	}
	.sunteckbranblk .sunteckleftblk {
		border: 0
	}
	.sunteckbranblk .abouttitleblk {
		font-size: 36px;
		line-height: 40px
	}
	.footerlinkwrap {
		right: 2%;
		width: 340px
	}
	.brandhedingblk::before {
		top: 11px
	}
	.brandhedingblk span {
		font-size: 18px
	}
	.banner-head-text {
		font-size: 26px;
		line-height: 30px
	}
	.awardcontblk {
		padding-left: 25px
	}
	.award-headingblk::before {
		width: 15px;
		height: 5px;
		left: -20px;
		top: 18px
	}
	.award-headingblk {
		font-size: 20px
	}
	.award-tagline {
		font-size: 17px
	}
	.awardcontblk p {
		font-size: 12px
	}
	.header1 .menulogoblk a {
		border-left: none;
		padding: 8px 0 16px;
		margin-left: 0
	}
	.header-socialicon {
		display: none!important
	}
	.header1 .hamburger {
		margin-right: 10px
	}
	.referralfooter .header-socialicon,
	.referralfooter .socialiconcontblk {
		display: block!important
	}
	.brandwrap .sunteckleftblk {
		height: auto
	}
}

@media screen and (max-width:800px) {
	.hedingyearblk .pagettl.shareholderhedingblk {
		display: block
	}
	.yearselectblk {
		margin: 40px 0 0;
		width: 50%
	}
	.debentleftblk,
	.debentrightblk {
		width: 100%
	}
	.debentrightblk {
		margin-top: 30px
	}
	.codepolicefooterblk {
		background: 0;
		height: auto
	}
	.footercodepiceblk {
		width: 95%;
		position: static;
		padding: 20px;
		margin: 30px auto
	}
	.maplocation {
		background: url(../images/footermap.jpg) no-repeat left;
		height: 585px;
		position: relative
	}
	.sitemapwrapblk {
		padding: 50px 0 30px
	}
	.suntbrandblk {
		display: block
	}
	.suntbranleftblk,
	.suntbranrightblk {
		width: 95%;
		margin: 0 auto
	}
	.footerlinkwrap {
		position: static;
		width: 95%;
		margin: 0 auto 20px;
		font-size: 13px
	}
	.csrwrap {
		display: block
	}
	.reachusrefre-iconwrap {
		padding: 40px 0
	}
	.hedingyearblk h1 {
		display: block!important
	}
	.brandwrap .sunteckcomerblk {
		width: 48%;
		margin: 0 auto
	}
	.brandwrap .brandlogoblk p {
		font-size: 14px
	}
}

@media screen and (max-width:767px) {
	.testimonialsilderblk {
		padding: 40px 0
	}
	.newseventsildermainblk {
		width: 85%
	}
	.newseventsilder .slick-prev,
	.newseventsilder .slick-prev:focus,
	.newseventsilder .slick-prev:hover {
		left: -9%
	}
	.newseventsilder .slick-next,
	.newseventsilder .slick-next:focus,
	.newseventsilder .slick-next:hover {
		right: -9%
	}
	.countertextblk br {
		display: none
	}
	.aboutcontrightblk {
		padding: 0 1% 0 0
	}
	.aboutcontleftblk,
	.aboutcontrightblk {
		width: 100%;
		float: none
	}
	.aboutdevelpblk {
		width: 100%
	}
	.overviewleftblk {
		padding: 40px 0
	}
	.aboutsubhedingblk {
		font-size: 25px;
		line-height: 28px
	}
	.aboutheadeingblk {
		font-size: 45px;
		line-height: 50px
	}
	.aboutcontrightblk p {
		padding: 20px 0 0 0
	}
	.projectsilderwrapblk {
		padding: 30px 0
	}
	.silderproject .slick-prev {
		left: -10%
	}
	.silderproject .slick-prev {
		top: 38%
	}
	.banner-head-text {
		font-size: 26px;
		line-height: 31px
	}
	.banner-sm-head {
		font-size: 18px;
		line-height: 20px
	}
	.residential-mainblk {
		width: 80%;
		margin: -50px auto 0
	}
	.signiaviewblk {
		font-size: 28px;
		line-height: 29px
	}
	.signiaviewblk {
		font-size: 32px;
		line-height: 35px
	}
	.residentailsildercontrolsblk .proprev {
		left: -9%
	}
	.residentailsildercontrolsblk .pronext {
		right: -9%
	}
	.bannertxt {
		bottom: 30px
	}
	.suntecktxt {
		font-size: 24px;
		line-height: 36px
	}
	.pageheading {
		font-size: 40px;
		line-height: 45px
	}
	.csrgalleryblk:nth-child(3n+3) {
		margin: 0 6% 6% 0
	}
	.csrgalleryblk:nth-child(2n) {
		margin-right: 0
	}
	.csrgallerywrap {
		text-align: center
	}
	.csrgalleryblk {
		width: 46%;
		margin: 0 6% 6% 0
	}
	.csrgallerytxt {
		text-align: left
	}
	.csrgallerytxt1 {
		font-size: 16px
	}
	.csrgallerytxt2 {
		font-size: 14px
	}
	.formfield {
		font-size: 16px;
		line-height: 18px
	}
	::-webkit-input-placeholder {
		font-size: 16px;
		line-height: 18px
	}
	::-moz-placeholder {
		font-size: 16px;
		line-height: 18px
	}
	:-ms-input-placeholder {
		font-size: 16px;
		line-height: 18px
	}
	:-moz-placeholder {
		font-size: 16px;
		line-height: 18px
	}
	.formfieldblk1 {
		width: 100%;
		margin: 0 0 2% 0
	}
	.formfield {
		padding: 2% 0 1% 0
	}
	.submitbtnblk {
		margin: 2% 0
	}
	.jobopeningwrapper {
		background: url(../images/jobopening-bg.png) repeat center 100%
	}
	.pressmenucontblk ul li a {
		font-size: 20px;
		line-height: 22px
	}
	.videomainblk .readmorebutblk {
		padding: 2% 0 6% 0
	}
	.presscontblk .readmorebutblk {
		padding: 4% 0 6% 0
	}
	.newhwdingblk {
		font-size: 20px;
		line-height: 22px
	}
	.contectdetailblk .contectrightblk {
		margin: 0 0 8% 0
	}
	.uaeheadingblk {
		margin: 0 0 2% 0
	}
	.acquaintanceitem {
		width: 100%
	}
	.acquaintanceitem+.acquaintanceitem {
		margin: 0
	}
	.acquaintanceblkitem {
		margin: 0
	}
	.acquaintanceitem .inputfield {
		padding: 8px 9px 0 0;
		margin-bottom: 2%
	}
	.acquaintancetxt {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 4%
	}
	.acquaintanceblkitem.acquabutblk {
		margin: 4% 0 0 0
	}
	.directcontdetailblk,
	.directcontdetailblk:last-child {
		width: 50%
	}
	.partenerleftblk {
		width: 100%;
		border-right: 0;
		float: none
	}
	.partenerrightblk {
		width: 100%;
		float: none
	}
	.partenerrightblk .partenerhedingbllk {
		display: none
	}
	.partenterdetailblk {
		width: 70%
	}
	.partenterpicblk {
		width: 25%
	}
	.partenerleftblk .partenterdetailblk p {
		padding: 0 2% 0 0
	}
	.awardscontblk {
		width: 50%
	}
	.awardscontblk+.awardscontblk {
		border-left: none
	}
	.awardsleftblk {
		border-bottom: 1px solid #4d4d4d;
		border-right: 1px solid #4d4d4d;
		border-top: 1px solid #4d4d4d
	}
	.awardscenterblk {
		border-bottom: 1px solid #4d4d4d;
		border-top: 1px solid #4d4d4d
	}
	.awardsrightblk {
		border-left: none;
		width: 100%;
		border-bottom: 1px solid #4d4d4d
	}
	.awardswarpblk {
		padding: 20px 0
	}
	.visoncontblk {
		width: 100%;
		float: none
	}
	.visoncontblk+.visoncontblk {
		margin: 40px 0 0 0
	}
	.visonpicblk img {
		width: 560px;
		max-width: 100%
	}
	.directordetailblk {
		width: 80%
	}
	.aboutsubtitleblk {
		font-size: 32px;
		line-height: 35px
	}
	.aboutsubtitleblk span {
		font-size: 49px;
		line-height: 45px
	}
	.abouttileblk {
		font-size: 40px;
		line-height: 47px
	}
	.text404blk {
		font-size: 150px;
		line-height: 150px
	}
	.foundtextblk {
		font-size: 27px;
		line-height: 34px
	}
	.notfountblk {
		width: 50%
	}
	.backtobutblk {
		margin: 20px 0 0 0
	}
	.certificate-container {
		width: 90%
	}
	.certificate img {
		margin: 0 auto 20px
	}
	.acquaintanceblkitem+.acquaintanceblkitem {
		margin: 20px 0 0 0
	}
	.investparablk {
		font-size: 36px;
		line-height: 44px
	}
	.investhedingblk {
		font-size: 23px;
		line-height: 25px
	}
	.investbannewrapblk {
		bottom: 30px
	}
	.overviewpdfblk {
		width: 50%
	}
	.shareholdertabblk {
		width: 50%
	}
	.shareholdertabblk:nth-child(3) {
		margin-top: 20px
	}
	.shareholdertabblk:last-child {
		margin-top: 20px
	}
	.bloghedingblk {
		font-size: 21px;
		line-height: 30px
	}
	.blogdetailblk {
		margin: 20px 0 0 0
	}
	.blogdetailblk p span {
		font-size: 16px;
		line-height: 20px
	}
	.blogdetailblk p {
		margin: 10px 0
	}
	.bloghedingblk {
		padding: 20px 0 0 0
	}
	.blogdetailblk {
		margin: 10px 0 0 0
	}
	.currencynlkleft {
		width: 100%;
		text-align: center
	}
	.currencynlkright {
		width: 100%
	}
	.currencynlkright {
		padding: 15px 0 15px 1%
	}
	.projectStatusTab {
		right: 12%;
		top: 65px
	}
	.filtercontblk {
		display: none
	}
	.footercopyleft {
		float: none;
		width: 100%
	}
	.footericonright {
		float: none;
		width: 100%;
		margin-top: 10px
	}
	.hedingtyblk {
		font-size: 100px
	}
	.subhedingthnakblk {
		font-size: 15px
	}
	.projectpicblk {
		position: relative;
		margin: 0;
		width: 100%;
		height: auto;
		z-index: 9
	}
	.interwraper {
		width: 100%
	}
	.reachus-wrap {
		width: 95%;
		padding: 30px 0;
		margin: 0 auto
	}
	.refreral-map {
		width: 100%
	}
	.referal-news,
	.referral-faq {
		padding: 30px 0
	}
	.referal-tab {
		font-size: 14px
	}
	.faq-details {
		padding: 0
	}
	.referral-number {
		width: 40px
	}
	.referal-tab {
		padding: 15px 60px 15px 50px
	}
	.referral-friends .acquaintanceitem {
		width: 100%
	}
	.sunteckcitypciblk {
		padding: 0 5px 0 0
	}
	.ownerbutten {
		margin: 10px 0 0 0
	}
	.referral-faq1 .pagettl,
	.referral-news-top .regerral-heading,
	.referral-top .pagettl,
	.regerral-heading {
		font-size: 26px;
		line-height: 28px
	}
	.friendrefwrapblk1 {
		padding-top: 20px
	}
	.friendrefwrapblk1 .disclamerblk,
	.friendrefwrapblk1 .text-iagree {
		font-size: 16px;
		line-height: 18px
	}
	.friendrefwrapblk1 .referral-top,
	.referral-top {
		width: 100%
	}
	.regerral-heading {
		padding: 0
	}
	.friendrefwrapblk1 .regerral-heading {
		font-size: 24px;
		line-height: 26px
	}
	.friendrefwrapblk1 .referral-top,
	.referral-top {
		margin-bottom: 0
	}
	.select-items div,
	.select-selected {
		padding: 8px 9px 8px 0
	}
	.popu-refrralblk {
		top: 5%;
		left: 0;
		transform: translate(0, 0);
		padding: 20px;
		right: 0;
		margin: 0 auto
	}
	.youtubeiconplay {
		width: 50px;
		height: 40px
	}
}

@media only screen and (max-device-width:640px) and (orientation:landscape) {
	.silderproject {
		overflow: scroll;
		height: 250px
	}
	.text404blk {
		font-size: 120px;
		line-height: 120px
	}
	.backto-btn {
		font-size: 15px
	}
	.backto-btn span {
		padding: 5px 25px
	}
	.backto-btn span::before {
		padding: 5px 25px
	}
	.insitebannerblk {
		padding: 0
	}
}

@media screen and (max-width:640px) {
    .blogcontblk{
            margin-top: 100px;
    }
	.banner {
		position: relative;
		margin: 66px 0 0 0
	}
	.bannertextblk {
		margin-top: 24%
	}
	.propertylocators span {
		width: 30px;
		height: 30px
	}
	.bannerpic {
		display: none
	}
	.bannerpicresp1blk {
		display: block
	}
	.active-slide .bannerte1 {
		width: 640px
	}
	.banner-sm-head {
		width: 500px
	}
	.banner-head-text {
		width: 500px
	}
	.prpertbutblk {
		width: 40px;
		height: 40px
	}
	.prpertbutblk img {
		width: 100%;
		display: block
	}
	.residential-mainblk {
		margin-top: 0;
		width: 80%
	}
	.signiaapartblk {
		font-size: 24px;
		line-height: 25px
	}
	.signiaviewblk {
		font-size: 27px;
		line-height: 28px
	}
	.signiahedingtextblk {
		left: 10%
	}
	.signiaviewblk {
		font-size: 23px;
		line-height: 25px
	}
	.residenheadingblk {
		font-size: 14px;
		line-height: 15px
	}
	.residentparablk {
		font-size: 12px;
		line-height: 14px;
		padding: 5px 0 0 0
	}
	.residential-mainblk {
		margin: -5px auto 0
	}
	.countertextblk {
		font-size: 16px;
		line-height: 18px
	}
	.stocktreckerblk {
		right: 12%
	}
	.projectpicblk {
		z-index: 9
	}
	.coldepolicpdf ul li a {
		font-size: 15px;
		line-height: 21px
	}
	.desttopblk {
		display: none
	}
	.mobileblk {
		display: block;
		width: 100%
	}
	.investhedingblk {
		font-size: 18px;
		line-height: 22px
	}
	.investparablk {
		font-size: 30px;
		line-height: 33px
	}
	.yearselectblk {
		width: 70%
	}
	.rightleftinsiteblk {
		width: 95%;
		padding: 0;
		margin: 0 auto
	}
	.investerleftinsiteblk {
		width: 90%
	}
	.investaddblk {
		width: 100%;
		min-height: inherit
	}
	.top-add-right {
		border-bottom: solid 1px #ccc;
		border-left: none;
		border-top: 0;
		padding-left: 10px;
		padding-top: 30px
	}
	.top-add-left {
		border-right: 0
	}
	.btm-add-right {
		border-left: none;
		border-top: solid 1px #ccc;
		padding-left: 10px
	}
	.btm-add-left {
		border-right: 0
	}
	.currencyformwrap tr:nth-child(7) {
		width: 14%
	}
	.projectStatusTab {
		top: 16px
	}
	.hedingtyblk {
		font-size: 80px
	}
	.subhedingthnakblk {
		font-size: 13px
	}
	.brandhomeblk .brandlogoblk img {
		width: 90%
	}
	.sunteckbranblk .abouttitleblk {
		font-size: 31px;
		line-height: 35px
	}
	.stoctrinternacallblk ul li {
		margin: 0 10px 0 0
	}
	.hamburger {
		display: block;
		position: fixed;
		top: 30px;
		right: 5%
	}
	.interwraper .right-sec {
		padding: 0;
		width: 100%;
		display: block;
		text-align: center
	}
	body {
		margin: 66px 0 0 0;
	}
	.banner #bx-pager {
		bottom: 10px
	}
	.header1 .logo {
		float: right
	}
	.header1 .hamburger {
		left: 5%;
		right: auto;
		width: 16px
	}
	.header1 .interwraper .right-sec {
		text-align: center
	}
	.awards-sect {
		width: 45%;
		margin-right: 3%;
		margin-bottom: 10px
	}
	.investor-relationblk {
		padding: 20px 0
	}
	.header1 {
		padding: 10px 0
	}
	.header1 .menulogoblk a {
		padding: 0
	}
	.header1 .interwraper .right-sec {
		padding: 0
	}
	.header1 .interwraper .right-sec {
		margin-top: 5px
	}
	.abouttextblk {
		padding: 0 10px
	}
	.faq-wrap {
		position: absolute;
		top: 12px;
		left: 50px
	}
	.faq-referral {
		margin-top: 0
	}
	.faq-wrap {
		top: 18px
	}
}

@media screen and (max-width:540px) {
	.newseventsildermainblk {
		width: 80%
	}
	.newseventsilder .slick-slide.slick-active .newseventcontblk {
		width: 100%;
		margin-left: 0
	}
	.newseventsildermainblk {
		min-height: inherit
	}
	.overviewcounterblk:nth-child(even) {
		border: 0
	}
	.countertextblk br {
		display: block
	}
	.overviewcounterblk {
		width: 50%;
		padding: 10px 10px
	}
	.overviewcounterblk .counter {
		font-size: 36px;
		line-height: 40px
	}
	.countertextblk {
		font-size: 15px;
		line-height: 17px
	}
	.overvirecontblk {
		padding: 0
	}
	.overviewcounterblk:last-child {
		border-top: 1px solid rgba(255, 255, 255, .3)
	}
	.overviewcounterblk:nth-last-child(2) {
		border-top: 1px solid rgba(255, 255, 255, .3)
	}
	.aboutdevelpblk {
		font-size: 25px;
		line-height: 28px
	}
	.aboutsubhedingblk {
		font-size: 20px;
		line-height: 22px
	}
	.menuclick,
	.stoctrinternacallblk {
		vertical-align: middle
	}
	.logo {
		width: 120px;
		margin-top: 8px
	}
	.logo img {
		width: 100%;
		display: block
	}
	.sprite.hamburger {
		width: 10%
	}
	.newseventsilder .slick-next,
	.newseventsilder .slick-next:focus,
	.newseventsilder .slick-next:hover {
		right: -12%
	}
	.newseventsilder .slick-prev,
	.newseventsilder .slick-prev:focus,
	.newseventsilder .slick-prev:hover {
		left: -14%
	}
	.newseventsilder .slick-slide.slick-active .newseventcontblk {
		width: 100%;
		margin-left: 0
	}
	.newseventsilder .slick-next,
	.newseventsilder .slick-next:focus,
	.newseventsilder .slick-next:hover {
		background-size: cover;
		width: 30px;
		height: 30px
	}
	.newseventsilder .slick-prev,
	.newseventsilder .slick-prev:focus,
	.newseventsilder .slick-prev:hover {
		background-size: cover;
		width: 30px;
		height: 30px
	}
	.newsdateblk {
		margin: 0 0 10px 0
	}
	.newseventcontblk {
		width: 100%;
		margin-left: 0
	}
	.closesilerbutblk span {
		display: none
	}
	.signiaapartblk span {
		font-size: 14px;
		line-height: 17px
	}
	.signiaapartblk,
	.signiaviewblk {
		font-size: 19px;
		line-height: 20px
	}
	.signiahedingtextblk {
		left: 12%;
		top: 41%
	}
	.residentailsildercontrolsblk .pronext {
		right: -12%
	}
	.residentailsildercontrolsblk .proprev {
		left: -12%
	}
	.stocktreckerblk {
		top: 65px
	}
	.callbackblk {
		top: 71px;
		right: 12%
	}
	.mobile-banner {
		display: block
	}
	.desktop-banner {
		display: none
	}
	.pageoverview {
		font-size: 20px;
		line-height: 24px
	}
	.pagettl {
		font-size: 34px;
		line-height: 36px
	}
	.pagesubttl {
		font-size: 20px;
		line-height: 22px
	}
	.csrgalleryttl,
	.jobopeningttl {
		font-size: 24px;
		line-height: 36px
	}
	.csrblk p,
	.jobopeningblk p {
		font-size: 16px;
		line-height: 22px
	}
	.csrwrap p,
	.disclaimerblk p,
	.workculturewrap p {
		font-size: 16px;
		line-height: 22px
	}
	.csrgalleryblk {
		width: 90%;
		margin: 0 auto 8% auto
	}
	.csrgalleryblk:nth-child(3n+3) {
		margin: 0 auto 8% auto
	}
	.pressmenucontblk {
		text-align: center
	}
	.pressmenucontblk ul li a {
		font-size: 16px;
		line-height: 18px
	}
	.pressmenucontblk ul li::after {
		top: 8px;
		right: -15%;
		width: 5px;
		height: 5px
	}
	.newhwdingblk {
		font-size: 18px;
		line-height: 20px
	}
	.presscontblk .readmorebutblk {
		padding: 8% 0 6% 0
	}
	.friendrefwrapblk {
		padding: 4% 0 6% 0
	}
	.acquaintancetxt {
		font-size: 20px;
		line-height: 25px
	}
	.disclaimrefercontblk .referalheadingblk {
		font-size: 20px;
		line-height: 24px
	}
	.partenterdetailblk {
		width: 66%
	}
	.partenterpicblk {
		width: 30%
	}
	.awardscontblk {
		width: 90%;
		text-align: center;
		margin: 0 auto;
		text-align: center;
		float: none;
		border: 1px solid #4d4d4d
	}
	.awardscontblk+.awardscontblk {
		border: 1px solid #4d4d4d;
		margin: 20px auto 0
	}
	.meatoursubtitleblk {
		font-size: 20px;
		line-height: 22px
	}
	.percentagecontblk {
		width: 100%
	}
	.percentagepicblk {
		width: 100%;
		margin: 0;
		text-align: center;
		margin-top: 30px
	}
	.numberleftblk,
	.numberrightblk {
		height: auto!important
	}
	.percentagepicblk img {
		width: auto;
		text-align: center
	}
	.numberrightcontblk,
	.percentagewrapblk {
		width: 90%;
		margin: 0 auto;
		float: none
	}
	.numberrightcontblk {
		padding: 0
	}
	.directordetailblk {
		left: 0;
		top: 0;
		transform: translate(0, 0);
		right: 0;
		top: 5%
	}
	.text404blk {
		font-size: 90px;
		line-height: 80px
	}
	.foundtextblk {
		font-size: 23px;
		line-height: 29px
	}
	.closesilerbutblk spna {
		display: none
	}
	.cornertabcontblk .shareholdertabblk {
		width: 100%
	}
	.cornertabcontblk .shareholdertabblk:nth-child(2) {
		margin-top: 20px
	}
	.priecdatablk {
		margin-top: 20px
	}
	.yearselectblk {
		width: 85%
	}
	.bloghedingblk {
		font-size: 18px;
		line-height: 24px;
		font-weight: 700
	}
	.poputitleblk {
		font-size: 18px
	}
	.directordetailblk {
		width: 90%
	}
	.banner-sm-head {
		width: 400px
	}
	.banner-head-text {
		width: 400px
	}
	.silderlogoblk img {
		display: block;
		width: 100%!important
	}
	.aboutkowmore .kowmorebutblk::before {
		top: 14px
	}
	.maptextblk {
		font-size: 16px
	}
	.currencyformwrap tr:first-child {
		width: 11%
	}
	.currencyformwrap tr:nth-child(2) {
		width: 10%;
		margin-right: 2%
	}
	.currencyformwrap tr:nth-child(3) {
		width: 10%
	}
	.currencyformwrap tr:nth-child(4) {
		width: 14%;
		margin-right: 2%
	}
	.currencyformwrap tr:nth-child(5) {
		width: 6%;
		margin-right: 1%
	}
	.currencyformwrap tr:nth-child(6) {
		width: 13%;
		margin-right: 2%
	}
	.currencyformwrap tr:nth-child(7) {
		width: 16%
	}
	.currencyformwrap tr:nth-child(8) {
		width: 100%;
		margin-right: 2%;
		margin-top: 5px
	}
	.add-hedingblk p br {
		display: none
	}
	.sunteckleftblk {
		float: none;
		width: 80%;
		margin: 0 auto 20px;
		border: 1px solid #d5d5d5
	}
	.sunteckleftblk:nth-child(2) {
		border: 1px solid #d5d5d5
	}
	.sunteckleftblk:last-child {
		border: 1px solid #d5d5d5
	}
	.sunteckbranwrapblk {
		padding: 20px 0
	}
	.sitemapleftblk .menufristblk {
		width: 100%
	}
	.sitemapleftblk .menusecnblk {
		width: 100%;
		margin-top: 30px
	}
	.sitemaptextblk {
		font-size: 40px;
		line-height: 40px
	}
	.formblk {
		margin-top: 40px
	}
	.brandhomeblk .sunteckleftblk {
		width: 80%;
		float: none;
		margin: 0 auto
	}
	.brandhomeblk .brandlogoblk img {
		width: auto
	}
	.brandhomeblk .sunteckleftblk:nth-child(4) {
		margin: 20px auto 0
	}
	.brandhomeblk .sunteckleftblk:nth-child(2) {
		margin: 20px auto 0
	}
	.brandhomeblk .sunteckleftblk {
		margin: 20px auto 0
	}
	.brandhomeblk .sunteckbranwrapblk {
		padding: 0
	}
	.sunteckbranblk .sunteckleftblk {
		border: 0
	}
	.suntbranleftblk .brandlogoblk img {
		width: 90%
	}
	.newtextblk {
		width: 84%
	}
	.formblk {
		margin-top: 0
	}
	.formfieldblk1 {
		margin-top: 10px
	}
	.submitbtnblk {
		margin: 20px 0 0 0
	}
	.referral-table {
		border: 0;
		display: block
	}
	.referral-gift,
	.sucessreferral {
		border: 1px solid #ddd;
		width: 100%
	}
	.sucessreferral {
		margin-bottom: 10px
	}
	.referral-faq .smk_accordion.acc_with_icon .accordion_in .acc_content {
		padding: 10px 15px
	}
	.referalmain {
		margin: 71px 0 0 0
	}
	.hedingyearblk h1 {
		font-size: 34px!important;
		line-height: 36px!important
	}
	.hedingyearblk h1.finttl {
		font-size: 30px!important;
		line-height: 30px!important
	}
}

@media screen and (max-width:480px) {
	.copywritblk {
		float: none;
		padding: 0 0 10px 0
	}
	.footericonblk {
		float: none
	}
	.footercpoywritcontblk {
		text-align: center
	}
	.reachusloactionblk br {
		display: none
	}
	.reachusloactionblk {
		font-size: 17px
	}
	.reachusloactionblk span {
		font-size: 20px;
		font-weight: 700
	}
	.enqurbutblk {
		padding: 20px 0 0 0
	}
	.reachusheadingblk {
		margin: 0 0 15px 0
	}
	.reachusnubfaxblk {
		width: 100%
	}
	.footermailblk,
	.reachusfaxnumbblk,
	.reachusnumberblk {
		font-size: 16px
	}
	.reachusloactionblk {
		font-size: 15px
	}
	.footermapblk {
		height: 300px
	}
	.sildertestimonialblk .slick-next,
	.sildertestimonialblk .slick-next:focus,
	.sildertestimonialblk .slick-next:hover {
		background-size: cover;
		width: 35px;
		height: 35px
	}
	.sildertestimonialblk .slick-prev,
	.sildertestimonialblk .slick-prev:focus,
	.sildertestimonialblk .slick-prev:hover {
		background-size: cover;
		width: 35px;
		height: 35px
	}
	.commenheading {
		font-size: 40px;
		line-height: 45px
	}
	.testimonihedingblk {
		padding: 0 0 20px;
		margin: 0 0 30px 0
	}
	.clientsildnameblk {
		font-size: 20px;
		line-height: 22px;
		padding: 20px 0 15px 0
	}
	.aboutdevelpblk {
		font-size: 20px;
		line-height: 22px
	}
	.aboutheadeingblk {
		font-size: 39px;
		line-height: 45px
	}
	.silderproject .slick-next,
	.silderproject .slick-prev {
		top: 50%
	}
	.silderproject .slick-next {
		left: auto;
		right: -10%
	}
	.gallarypic {
		width: 80%;
		margin: 0 auto
	}
	.silderproject .slick-next,
	.silderproject .slick-next:focus,
	.silderproject .slick-next:hover,
	.silderproject .slick-prev,
	.silderproject .slick-prev:focus,
	.silderproject .slick-prev:hover {
		width: 30px;
		height: 30px;
		background-size: contain
	}
	.gallarypichedingblk {
		font-size: 16px;
		line-height: 18px
	}
	.gallarypicloctionblk {
		font-size: 12px;
		line-height: 13px
	}
	.closesilerbutblk {
		position: absolute
	}
	.silderprojecttabblk::after {
		right: -18px
	}
	.active-slide .bannerte1 {
		width: 400px
	}
	.banner-sm-head {
		width: 400px
	}
	.banner-head-text {
		width: 400px
	}
	.prpertbutblk {
		width: 25px;
		height: 25px
	}
	.propertylocators {
		bottom: 10px;
		font-size: 12px;
		z-index: 9
	}
	.overviewtextblk {
		padding: 0
	}
	.residenttextcontblk {
		position: relative;
		background: rgba(0, 0, 0, .5);
		padding: 5px 10px
	}
	.signiahedingtextblk {
		background: rgba(0, 0, 0, .5);
		padding: 5px 10px
	}
	.residenheadingblk {
		font-size: 13px;
		line-height: 14px
	}
	.signiaapartblk,
	.signiaviewblk {
		font-size: 15px;
		line-height: 19px
	}
	.signiaapartblk span {
		font-size: 11px;
		line-height: 13px
	}
	.signiahedingtextblk {
		left: 12%;
		top: 45%
	}
	.residentparablk {
		font-size: 10px;
		line-height: 11px;
		padding: 5px 0 0 0
	}
	.residenheadingblk {
		font-size: 11px;
		line-height: 10px
	}
	.residentailsildercontrolsblk .pronext,
	.residentailsildercontrolsblk .proprev {
		height: 30px;
		width: 30px;
		background-size: cover
	}
	.residential-mainblk {
		width: 88%
	}
	.residentailsildercontrolsblk .proprev {
		left: -8%
	}
	.residentailsildercontrolsblk .pronext {
		right: -8%
	}
	.commenheading {
		font-size: 30px;
		line-height: 30px
	}
	.projecttextblk {
		font-size: 40px;
		line-height: 42px
	}
	.aboutheadeingblk {
		font-size: 34px;
		line-height: 36px
	}
	.newshedingblk,
	.reachusheadingblk {
		padding: 0 0 20px;
		margin: 0 0 20px 0
	}
	.projecttablbk {
		font-size: 14px;
		line-height: 20px
	}
	.active-slide .bannerte1 {
		margin-top: 30px
	}
	.stocktreckerblk {
		width: 100%;
		right: 0;
		left: 0
	}
	.callbackblk {
		width: 100%;
		right: 0;
		left: 0
	}
	.stocktreckerblk {
		width: 100%;
		right: 0;
		left: 0;
		margin: 0 auto;
		text-align: center
	}
	.stocktreckerblk iframe {
		margin: 0 auto;
		text-align: center;
		width: 300px;
		height: 57px
	}
	.csrgalleryttl,
	.jobopeningttl {
		font-size: 26px;
		line-height: 36px
	}
	.formfieldblk1 {
		border-bottom: 1px solid #c6c7ca
	}
	.formfield {
		font-size: 16px;
		line-height: 18px
	}
	::-webkit-input-placeholder {
		font-size: 14px;
		line-height: 16px
	}
	::-moz-placeholder {
		font-size: 14px;
		line-height: 16px
	}
	:-ms-input-placeholder {
		font-size: 14px;
		line-height: 16px
	}
	:-moz-placeholder {
		font-size: 14px;
		line-height: 16px
	}
	.inputfile+label {
		font-size: 14px
	}
	.jobopeningblk {
		padding: 6% 0 8% 0
	}
	.accordianttl {
		font-size: 16px!important;
		line-height: 20px
	}
	.accordiantxt {
		font-size: 14px!important
	}
	.nriblk {
		padding: 6% 0
	}
	.nriwrap {
		padding: 1% 0 6% 0
	}
	.pagettl {
		font-size: 30px;
		line-height: 30px
	}
	.pagesubttl {
		font-size: 18px;
		line-height: 22px
	}
	.calendarpicblk {
		background-size: cover;
		width: 50px;
		height: 56px
	}
	.calendarpicblk {
		font-size: 14px;
		line-height: 16px;
		padding: 20px 0 0 0
	}
	.newtextblk {
		width: 80%;
		margin: 0 0 0 3%;
		padding: 0
	}
	.newhwdingblk {
		font-size: 15px;
		line-height: 17px
	}
	.newsubhedingblk {
		font-size: 14px
	}
	.internatcontblk .intercallblk,
	.numbfaxcontblk .numbcontblk {
		width: 100%;
		border: 1px solid #d9d9d9;
		border-top: 0
	}
	.internatcontblk .intermailblk,
	.numbfaxcontblk .faxcontblk {
		width: 100%;
		border: 1px solid #d9d9d9;
		margin: 6% 0
	}
	.contectleftblk .numbfaxcontblk .numbcontblk,
	.contectrightblk .internatcontblk .intercallblk {
		padding: 10px 0 10px 45px
	}
	.contectdetailblk .numbcontblk::after,
	.contectrightblk .intercallblk::after {
		left: 21px
	}
	.contectleftblk .footermailblk {
		width: 100%;
		padding: 10px 0 10px 20px;
		border-left: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9
	}
	.internatcontblk {
		border-bottom: 0
	}
	.contectdetailblk .contectrightblk {
		margin: 10% 0 8% 0
	}
	.referlabletxt {
		width: 100%;
		margin: 0
	}
	.referlabletxt .inputfield {
		padding: 8px 9px 0 0;
		border-bottom: 1px solid #ccc;
		margin-bottom: 2%
	}
	.referlabletxt select {
		border-bottom: 1px solid #ccc;
		font-size: 15px;
		color: #8d8a8a
	}
	.referlabletxt:nth-child(3n+3) {
		margin: 0
	}
	.directcontdetailblk,
	.directcontdetailblk:last-child {
		width: 100%;
		border-left: none;
		border-bottom: 3px solid #f28a14;
		padding: 5px 5px 20px 15px;
		margin: 20px 0 0 0
	}
	.partenterpicblk {
		width: 150px;
		float: none
	}
	.partenterdetailblk {
		width: 100%;
		float: none;
		padding: 20px 0 0 0
	}
	.partentcontblk {
		padding: 30px 0 0 0
	}
	.projectpercblk {
		width: 80%
	}
	.associatcontblk .abouttitleblk {
		padding: 0 0 10px 0
	}
	.aboutoverviewblk {
		padding: 40px 0
	}
	.numberleftblk,
	.numberrightblk {
		padding: 30px 0
	}
	.meatourwarapblk,
	.visionwraperblk {
		padding: 30px 0
	}
	.associatwrapblk,
	.directormainblk {
		padding: 30px 0
	}
	.aboutsubtitleblk span {
		font-size: 32px;
		line-height: 31px
	}
	.aboutsubtitleblk {
		font-size: 18px;
		line-height: 20px
	}
	.abouttileblk {
		font-size: 42px;
		line-height: 36px
	}
	.aboutbannercontblk {
		padding: 0
	}
	.aboutbannertextblk {
		top: auto;
		left: 0;
		margin: 0 auto;
		bottom: 5%
	}
	.abouttitleblk {
		font-size: 32px;
		line-height: 34px
	}
	.meatoursubtitleblk {
		font-size: 17px;
		line-height: 19px
	}
	.pageoverview {
		font-size: 18px;
		line-height: 24px
	}
	.overviewcontblk p {
		font-size: 14px;
		line-height: 18px
	}
	.projectpercentageblk {
		font-size: 24px;
		line-height: 26px
	}
	.commercialpercenttextblk {
		font-size: 22px;
		line-height: 22px
	}
	.projectftblk {
		font-size: 21px;
		line-height: 27px
	}
	.chairmannameblk {
		font-size: 26px;
		line-height: 32px
	}
	.designationblk {
		font-size: 16px;
		line-height: 20px
	}
	.projectftblk+.projectftblk {
		margin: 25px 0 0 0
	}
	.visoncontblk p {
		font-size: 14px;
		line-height: 18px
	}
	.visiontitleblk {
		font-size: 16px;
		line-height: 22px
	}
	p {
		font-size: 14px;
		line-height: 18px
	}
	.backto-btn {
		background: #ec9b25;
		font-size: 12px
	}
	.errorbannerblk {
		padding: 0 0 20px 0
	}
	.backtobutblk {
		margin: 10px 0 0 0
	}
	.newsubhedingblk {
		font-size: 13px;
		line-height: 15px
	}
	.newhwdingblk {
		padding: 0 0 10px 0
	}
	.presspaddingblk {
		padding: 40px 0
	}
	.accordianttl {
		font-size: 14px!important;
		line-height: 19px
	}
	.accordiantxt {
		margin: 20px 0
	}
	.commonpadding {
		padding: 40px 0 0 0
	}
	.nriwrap {
		padding: 15px 0 40px 0
	}
	.pageheading {
		font-size: 30px;
		line-height: 35px
	}
	.suntecktxt {
		font-size: 18px;
		line-height: 24px
	}
	.bannertxt {
		bottom: 15px
	}
	.disclaimerblk {
		padding: 20px 0 40px 0
	}
	.directorhedingblk {
		font-size: 32px;
		line-height: 36px
	}
	.overviewcontblk .pagettl {
		font-size: 26px;
		line-height: 30px
	}
	.projectpercentageblk {
		padding-bottom: 20px
	}
	.partenerhedingbllk {
		font-size: 24px
	}
	.overviewcontblk .pagesubttl {
		padding: 5px 0 0 0
	}
	.directorbutblk {
		margin: 10px 0 0 0
	}
	.csrblk p,
	.jobopeningblk p {
		font-size: 14px;
		line-height: 20px
	}
	.workculturewrap {
		padding: 20px 0 40px 0
	}
	.pageoverview {
		font-size: 16px;
		line-height: 22px
	}
	.pagesubttl {
		font-size: 16px;
		line-height: 20px
	}
	.contacthedingblk {
		padding: 0 0 20px 0
	}
	.newwrapblk {
		margin: 10px 0 0 0
	}
	.acquaintancetxt {
		font-size: 17px;
		line-height: 23px
	}
	.ownercontblk {
		padding: 0 0 30px 0
	}
	.friendrefwrapblk {
		padding: 40px 0
	}
	.disclaimrefercontblk p::before {
		left: 4px
	}
	.enquire-btn span {
		padding: 10px 20px
	}
	.enquire-btn span:before {
		padding: 10px 20px
	}
	.investparablk {
		font-size: 22px;
		line-height: 24px
	}
	.investhedingblk {
		font-size: 14px;
		line-height: 15px
	}
	.investbannewrapblk {
		bottom: 10px
	}
	.overviewpdfblk {
		width: 90%;
		padding: 15px
	}
	.overviewpdfblk+.overviewpdfblk {
		margin: 20px 0 0 0
	}
	.overviewpdfblk a br {
		display: none
	}
	.overviewpdfblk a {
		min-height: 28px;
		padding: 3px 0 0 40px
	}
	.overviewpdfblk a::before {
		width: 24px;
		height: 28px;
		background-size: contain
	}
	.shareholdertabblk {
		width: 100%
	}
	.shareholdertabblk:nth-child(2) {
		margin-top: 20px
	}
	.conttextblk br {
		display: none
	}
	.contpdfblk,
	.conttextblk {
		vertical-align: middle
	}
	.annualpdfcontblk span:first-child {
		width: 26px;
		height: 30px;
		margin: 0 10px 0 0
	}
	.annualpdfcontblk span:first-child img {
		width: 100%
	}
	.annualpdfcontblk span:last-child {
		width: calc(100% - 40px)
	}
	.annualpdfwrapblk {
		width: 100%
	}
	.annualpdfcontblk a {
		font-size: 14px
	}
	.yearselectblk {
		width: 100%
	}
	.scrollpopublk {
		height: 300px;
		overflow-y: auto;
		padding-right: 30px
	}
	.directordetailblk {
		padding: 20px 0 20px 10px
	}
	.logo {
		width: 100px
	}
	.banner-sm-head {
		width: 350px
	}
	.banner-head-text {
		width: 350px
	}
	.aboutcontrightblk p {
		font-size: 14px
	}
	.aboutcontrightblk p {
		padding: 5px 0 0 0
	}
	.aboutdevelpblk p+p {
		padding: 10px 0 0 0
	}
	.aboutkowmore {
		padding: 20px 0 0 0
	}
	.project-container .wrapper {
		width: 100%
	}
	.residprojectpic img {
		width: 80%
	}
	.project-content {
		padding: 40px 15px;
		width: 100%;
		min-height: 600px;
		height: auto
	}
	.project-container {
		min-height: 600px;
		height: auto
	}
	.project15blk {
		background-position: -100px 15px
	}
	.project9blk {
		background-position: 0 15px
	}
	.project9blk {
		background-position: 8% 0
	}
	.project13blk {
		background-position: 15% 0
	}
	.project5blk {
		background-position: 9% 0
	}
	.project6blk {
		background-position: 8% 0
	}
	.project8blk {
		background-position: 8% 0
	}
	.project14blk {
		background-position: 35% 0
	}
	.project-content br {
		display: none
	}
	.hedingcommblk {
		font-size: 33px
	}
	.eqdesignation,
	.eqform,
	.eqname {
		width: 95%;
		margin: 30px 0 0 0
	}
	.eqabutten {
		width: auto
	}
	.investerleftinsiteblk {
		width: 95%
	}
	.investiconblk {
		width: 45%
	}
	.reachfthedingblk {
		font-size: 30px;
		line-height: 30px
	}
	.footerknow-btn {
		font-size: 14px
	}
	.footerknow-btn span {
		padding: 5px 10px
	}
	.maplocation {
		background: url(../images/footermap2.jpg) no-repeat left;
		height: 380px
	}
	.pin {
		height: 24px;
		width: 24px
	}
	.pin::before {
		height: 9px;
		width: 9px
	}
	.pin.activepin::before {
		height: 6px;
		width: 6px
	}
	.pin.activepin {
		height: 30px;
		width: 30px
	}
	.location1 {
		top: 10px;
		left: 47px
	}
	.location2 {
		top: 150px;
		left: 98px
	}
	.location3 {
		top: 160px;
		left: 277px
	}
	.location4 {
		top: 226px;
		left: 82px
	}
	.location5 {
		top: 242px;
		left: 85px
	}
	.location6 {
		top: 257px;
		left: 79px
	}
	.location7 {
		top: 267px;
		left: 93px
	}
	.location8 {
		top: 260px;
		left: 110px
	}
	.location9 {
		top: 310px;
		left: 123px
	}
	.location10 {
		top: 330px;
		left: 97px
	}
	.mapaddressblk {
		bottom: 40px;
		left: -65px
	}
	.location1 .mapaddressblk {
		left: -30px
	}
	.location1 .mapaddressblk::before {
		left: 38px;
		right: auto
	}
	.location3 .mapaddressblk {
		left: -151px
	}
	.location3 .mapaddressblk::before {
		left: auto;
		right: 4px
	}
	.mapaddressblk p {
		font-size: 11px;
		line-height: 12px
	}
	.mapaddressblk.info-right::before {
		left: 0;
		right: 0
	}
	.location1 .mapaddressblk {
		top: 40px
	}
	.currencyformwrap tr:first-child {
		width: 13%
	}
	.currencyformwrap tr:nth-child(2) {
		width: 9%;
		margin-right: 2%
	}
	.currencyformwrap tr:nth-child(3) {
		width: 12%
	}
	.currencyformwrap tr:nth-child(4) {
		width: 19%;
		margin-right: 2%
	}
	.currencyformwrap tr:nth-child(5) {
		width: 10%;
		margin-right: 1%
	}
	.currencyformwrap tr:nth-child(6) {
		width: 21%;
		margin-right: 2%
	}
	.currencyformwrap tr:nth-child(7) {
		width: 20%;
		margin-top: 5px
	}
	.currencyformwrap tr:nth-child(8) {
		width: 60%;
		margin-right: 2%;
		margin-top: 5px
	}
	.projectStatusTab {
		right: 6%;
		width: 100%
	}
	.projecttabinner {
		font-size: 12px
	}
	.callcontblk,
	.mailcontblk {
		width: 100%;
		border: 1px solid #d9d9d9
	}
	.mailcontblk {
		margin: 10px 0 0 0
	}
	.mailcallcontblk {
		border: 0
	}
	.callcontblk a,
	.mailcontblk a {
		font-size: 16px;
		padding-left: 26px
	}
	.callcontblk a::before {
		top: 3px
	}
	.mailcontblk a::before {
		top: 5px
	}
	.footerknow-btn span::before {
		padding: 5px 10px
	}
	.menuhedingblk {
		font-size: 20px;
		line-height: 22px
	}
	.sitemapcontblk {
		width: 95%;
		margin: 0 auto
	}
	.footericonright ul li {
		font-size: 12px
	}
	.footericonright ul li::before {
		top: 6px
	}
	.hedingtyblk {
		font-size: 70px
	}
	.subhedingthnakblk {
		padding: 0 5%
	}
	.scrollpopublk {
		padding-right: 0
	}
	.wrapper {
		width: 90%;
		margin: 0 0 0 3%
	}
	.header .wrapper {
		width: 95%;
		margin: 0 auto
	}
	.newseventsildermainblk {
		width: 70%
	}
	.newseventsilder .slick-prev,
	.newseventsilder .slick-prev:focus,
	.newseventsilder .slick-prev:hover {
		left: -20%
	}
	.testimonialsildcontblk {
		width: 80%
	}
	.sildertestimonialblk .slick-prev,
	.sildertestimonialblk .slick-prev:focus,
	.sildertestimonialblk .slick-prev:hover {
		width: 30px;
		height: 30px
	}
	.sildertestimonialblk .slick-next,
	.sildertestimonialblk .slick-next:focus,
	.sildertestimonialblk .slick-next:hover {
		width: 30px;
		height: 30px
	}
	.sildertestimonialblk .slick-prev,
	.sildertestimonialblk .slick-prev:focus,
	.sildertestimonialblk .slick-prev:hover {
		left: -11%
	}
	.projecttablbk::after {
		right: -13px
	}
	.projecttablbk+.projecttablbk {
		margin: 0 0 0 20px
	}
	.residentialsilderleftblk {
		width: 85%;
		float: none;
		margin: 0 auto
	}
	.residentailsildercontrolsblk .pronext {
		right: -3%
	}
	.residentailsildercontrolsblk .proprev {
		left: -5%
	}
	.codepoicontblk .wrapper {
		width: 94%;
		margin: 0 0 0 3%
	}
	.presspaddingblk {
		padding: 40px 0 0 0
	}
	.newtextblk {
		width: 78%
	}
	.know-btn span {
		padding: 5px 20px
	}
	.know-btn span::before {
		padding: 5px 20px
	}
	.know-btn {
		font-size: 14px
	}
	.pressmenucontblk ul li a {
		font-size: 14px;
		line-height: 18px
	}
	.pressmenucontblk ul li::after {
		top: 10px;
		right: -17%
	}
	.newsheadingblk,
	.slick-slide.slick-active .newseventcontblk .newsheadingblk {
		margin: 0 0 15px;
		font-size: 16px;
		line-height: 20px
	}
	.newseventsilder .slick-slide.slick-active .newseventcontblk .newsparablk,
	.newsparablk {
		font-size: 12px;
		line-height: 16px
	}
	.investaddblk .add-title {
		font-size: 18px
	}
	.investaddblk .sub-title {
		font-size: 18px
	}
	.suntbandcontblk .sunteckleftblk {
		width: 100%
	}
	.suntbrandblk .suntbranleftblk .brandlogoblk img {
		width: auto
	}
	.suntbrandblk .sunteckleftblk {
		height: 200px;
		margin: 0 auto 0
	}
	.brandhedingblk span {
		font-size: 20px
	}
	.sunteckbranblk .abouttitleblk {
		font-size: 28px;
		line-height: 38px
	}
	.calendarpicblk span {
		font-size: 11px
	}
	.westworldcontblk {
		padding: 10px
	}
	.mahareblk {
		font-size: 10px
	}
	.interwraper .right-sec {
		padding: 10px 0 0
	}
	.stoctrinternacallblk ul li.callbackclick {
		position: absolute;
		top: 14px;
		right: 40px
	}
	.careerheding {
		margin-bottom: 20px
	}
	.header1 .stoctrinternacallblk ul li.callbackclick {
		right: 110px
	}
	.award-headingblk {
		font-size: 20px;
		line-height: 25px
	}
	.award-headingblk::before {
		top: 11px
	}
	.footermailblk.robotlightfont.mailsecblk {
		width: 100%;
		padding: 12px 0 12px 10px;
		font-size: 16px;
		margin-top: 6%;
		border-top: 1px solid #d9d9d9;
		border-bottom: 0
	}
	.redressal-wrap ul li {
		font-size: 14px
	}
	.redressal-wrap ul li::before {
		top: 6px
	}
	.grievance-cont {
		font-size: 14px
	}
	.header1 {
		padding: 11px 0
	}
	.header1 .interwraper .logo {
		margin-top: 0
	}
	.header1 .interwraper .right-sec {
		margin-top: 13px
	}
	.header1 .stoctrinternacallblk ul li.callbackclick {
		top: 6px
	}
	.header1 .hamburger {
		top: 23px
	}
	.header1 .insiteheaderblk .interwraper {
		position: relative
	}
	.acquaintanceitem select {
		border-bottom: 1px solid #ccc;
		font-size: 15px;
		color: #8d8a8a
	}
	.islandtext h5,
	.islandtext p {
		font-size: 8px;
		line-height: 10px
	}
	.islandtext:first-child {
		padding: 0 5px 0
	}
	.abouttextblk {
		padding: 0 5px
	}
	.highlights-list li {
		font-size: 13px;
		line-height: 16px
	}
	.aboutsunthedblk {
		font-size: 30px
	}
	.referal-aboutus .left-sec {
		padding: 0 20px 30px 20px
	}
	.referal-tab {
		font-size: 12px
	}
	.faq-wrap {
		top: 13px
	}
	.referalmain {
		margin: 66px 0 0 0
	}
	.custom-select {
		font-size: 14px
	}
	.friendrefwrapblk1 .disclamerblk,
	.friendrefwrapblk1 .text-iagree {
		font-size: 14px;
		line-height: 16px
	}
	.friendrefwrapblk1 .regerral-heading {
		font-size: 20px;
		line-height: 26px
	}
	.disclaimreferwrapblk1 .pagettl,
	.referral-faq1 .pagettl,
	.referral-news-top .regerral-heading,
	.referral-top .pagettl,
	.regerral-heading {
		font-size: 22px;
		line-height: 24px
	}
	.referral-faq1 {
		padding-top: 0
	}
	.disclaimreferwrapblk1 .disclaimrefercontblk p {
		font-size: 14px;
		line-height: 16px
	}
	.friendrefwrapblk {
		padding: 20px 0
	}
	.friendrefwrapblk1 .wrapper {
		padding-bottom: 30px
	}
	.friendrefwrapblk1 .disclamerblk,
	.friendrefwrapblk1 .text-iagree {
		font-size: 12px;
		line-height: 12px
	}
	.referralfooter .stoctrinternacallblk {
		width: 100%
	}
	.popu-refrralblk .pagettl {
		font-size: 22px;
		line-height: 24px
	}
	.ongoingresidentblk .ongoingoverlay {
		font-size: 15px
	}
	.employeeinpit .referlabletxt {
		width: 100%;
		margin: 0
	}
	.headdeb {
		font-size: 33px!important
	}
	h1.finttl.shareholderhedingblk.finhead.lh {
		font-size: 30px!important;
		line-height: 30px!important
	}
	.headdeb {
		font-size: 33px!important
	}
	.brandwrap .suntbandcontblk .sunteckleftblk,
	.brandwrap .sunteckcomerblk {
		width: 100%;
		height: auto
	}
	.brandwrap .suntbranrightblk .sunteckleftblk {
		height: auto
	}
	.brandwrap .brandhedingblk {
		margin-bottom: 30px
	}
}

@media screen and (max-width:400px) {
	.reachusfaxnumbblk,
	.reachusnumberblk {
		width: 100%
	}
	.reachusnumberblk {
		border-left: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9
	}
	.reachusfaxnumbblk {
		border-left: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9
	}
	.footermailblk {
		width: 100%;
		padding: 10px 0 10px 20px;
		border-left: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9
	}
	.reachustextblk {
		text-align: left
	}
	.footermailblk span {
		margin: 0 10px 0 0
	}
	.silderprojecttabblk {
		font-size: 12px;
		line-height: 16px
	}
	.closesilerbutblk {
		right: -12px
	}
	.projectsilderwrapblk {
		width: 90%
	}
	.silderproject .slick-next {
		right: -5%
	}
	.silderproject .slick-prev {
		left: -5%
	}
	.active-slide .bannerte1 {
		width: 280px
	}
	.banner-sm-head {
		width: 300px
	}
	.banner-head-text {
		width: 300px
	}
	.banner-head-text br {
		display: none
	}
	.banner-head-text {
		font-size: 18px;
		line-height: 20px
	}
	.banner-sm-head {
		font-size: 15px;
		line-height: 15px
	}
	.calendarpicblk {
		font-size: 12px;
		line-height: 14px;
		padding: 22px 0 0 0
	}
	.projectpercblk {
		width: 78%
	}
	.text404blk {
		font-size: 60px;
		line-height: 70px
	}
	.foundtextblk {
		font-size: 18px;
		line-height: 22px
	}
	.backto-btn span {
		padding: 5px 15px
	}
	.backto-btn span::before {
		padding: 5px 15px
	}
	.backto-btn::before {
		display: none
	}
	.backto-btn::after {
		display: none
	}
	.footermapblk {
		height: 250px
	}
	.csrwrap p,
	.disclaimerblk p,
	.workculturewrap p {
		font-size: 14px;
		line-height: 20px
	}
	.projectftblk {
		font-size: 17px;
		line-height: 19px
	}
	.hamburger {
		display: block;
		position: fixed;
		top: 30px;
		right: 5%
	}
	.interwraper .right-sec {
		width: 100%;
		text-align: center
	}
	.stoctrinternacallblk ul li:first-child {
		margin: 0 10% 0 0
	}
	.callbackblk,
	.stocktreckerblk {
		top: 101px
	}
	.banner-sm-head {
		width: 300px
	}
	.banner-head-text {
		width: 300px
	}
	.silderlogoblk {
		width: 100%
	}
	.silderlogoblk {
		width: 50%
	}
	.currencyformwrap tr:first-child {
		width: 17%
	}
	.currencyformwrap tr:nth-child(2) {
		width: 12%;
		margin-right: 10%
	}
	.currencyformwrap tr:nth-child(3) {
		width: 14%
	}
	.currencyformwrap tr:nth-child(4) {
		width: 30%;
		margin-right: 5%
	}
	.currencyformwrap tr:nth-child(5) {
		width: 10%;
		margin-right: 1%;
		margin-top: 10px
	}
	.currencyformwrap tr:nth-child(6) {
		width: 28%;
		margin-right: 5%;
		margin-top: 10px
	}
	.currencyformwrap tr:nth-child(7) {
		width: 28%;
		margin-top: 10px;
		text-align: center
	}
	.currencyformwrap tr:nth-child(8) {
		width: 100%;
		margin-right: 2%;
		margin-top: 10px
	}
	.projectStatusTab {
		right: 6%
	}
	.sunteckleftblk {
		width: 90%
	}
	.hedingtyblk {
		font-size: 60px
	}
	.brandhomeblk .sunteckleftblk {
		margin: 20px 0 0 0
	}
	.brandhomeblk .sunteckleftblk:nth-child(2) {
		margin: 20px 0 0 0
	}
	.brandhomeblk .sunteckleftblk:nth-child(4) {
		margin: 20px 0 0 0
	}
	.brandhomeblk .sunteckleftblk {
		width: 90%
	}
	.neweventmainblk .commenheading {
		font-size: 26px;
		line-height: 30px
	}
	.activepin .location-no {
		left: -60px
	}
	.abouttileblk {
		font-size: 36px;
		line-height: 32px
	}
	.header1 .hamburger {
		left: 5%;
		text-align: left;
		display: inline-block
	}
	.awards-sect {
		width: 200px;
		display: block;
		margin: 0 auto 10px
	}
	.awards-sect:last-child {
		margin: 0 auto
	}
}

@media screen and (max-width:360px) {
	.backto-btn span {
		padding: 5px 10px
	}
	.backto-btn span::before {
		padding: 5px 10px
	}
	.backto-btn {
		font-size: 10px
	}
	.text404blk {
		font-size: 60px;
		line-height: 60px
	}
	.foundtextblk {
		font-size: 15px;
		line-height: 16px
	}
	.errorbannerblk {
		padding: 0 0 10px 0
	}
	.aboutkowmore .kowmorebutblk::before {
		top: 10px
	}
	.footercodepiceblk {
		padding: 20px 10px
	}
	.hedingtyblk {
		font-size: 50px
	}
	.overviewcontblk .pagettl {
		font-size: 24px;
		line-height: 30px
	}
	
	
	span.aerteck {
    color: #ff9933;
}
}