@-webkit-keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@-webkit-keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}
	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}
	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}
	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}
	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes bounceInDown {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInDown {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	to {
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes bounceInUp {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInUp {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

header.main-header {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 999
}

header.main-header .topheader {
	overflow: hidden;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-transition: all 3s ease-in-out;
	transition: all 3s ease-in-out;
	padding: 2% 4%;
	background-color: #fff
}

@media only screen and (min-width: 992px) {
	header.main-header .topheader {
		padding: 2%;
		background-color: transparent
	}
}

header.main-header .topheader .right-sec {
	width: 80%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

@media only screen and (max-width: 992px) {
	header.main-header .topheader .right-sec {
		height: 50px;
		padding-right: 10px
	}
}

@media only screen and (max-width: 540px) {
	header.main-header .topheader .right-sec {
		width: 50%
	}
}

header.main-header .topheader .right-sec .right-cotact {
	float: right
}

@media only screen and (max-width: 992px) {
	header.main-header .topheader .right-sec .right-cotact {
		padding-left: 10px
	}
}

header.main-header .topheader .right-sec .right-cotact a {
	color: #fff;
	text-decoration: none;
	font-family: 'Poppins', sans-serif; font-weight:300;
}

header.main-header .topheader .right-sec .right-cotact a i {padding-right: 3px;}

@media only screen and (max-width: 992px) {
	header.main-header .topheader .right-sec .right-cotact a {
		font: 2rem/1 'Poppins', sans-serif; font-weight:300;
	}
}

header.main-header .topheader .right-sec .left-nav {
	display: block
}

@media only screen and (max-width: 992px) {
	header.main-header .topheader .right-sec .left-nav {
		display: none;
		float: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background-color: #333;
		padding: 10px;
		z-index: 100
	}
}

header.main-header .topheader .right-sec .left-nav ul {
	margin: 0;
	padding: 0
}

header.main-header .topheader .right-sec .left-nav ul li {
	display: inline-block;
	vertical-align: middle
}

@media only screen and (max-width: 992px) {
	header.main-header .topheader .right-sec .left-nav ul li {
		display: block
	}
}

header.main-header .topheader .right-sec .left-nav ul li a {
	display: block;
	padding: 10px 40px;
	color: #fff;
	text-decoration: none;
	font: 0.875rem/1 'Poppins', sans-serif; font-weight:600;
	text-transform: uppercase;
	-webkit-transition: all 1s;
	transition: all 1s
}

@media only screen and (max-width: 992px) {
	header.main-header .topheader .right-sec .left-nav ul li a {
		font: 2rem/1 'Poppins', sans-serif;  font-weight:600;
	}
}

@media only screen and (max-width: 1700px) {
	header.main-header .topheader .right-sec .left-nav ul li a {
		padding: 10px 30px
	}
}

@media only screen and (max-width: 1400px) {
	header.main-header .topheader .right-sec .left-nav ul li a {
		padding: 10px 25px
	}
}

@media only screen and (max-width: 1170px) {
	header.main-header .topheader .right-sec .left-nav ul li a {
		padding: 10px
	}
}

header.main-header .topheader .right-sec .left-nav ul li a:hover {
	color: #f3792f
}

@media only screen and (max-width: 992px) {
	header.main-header .topheader .right-sec .left-nav ul li a:hover {
		color: #5fb35f
	}
}

header.main-header .topheader #nav-icon1 {
	width: 35px;
	height: 45px;
	position: relative;
	margin: 0 auto;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	display: inline-block;
	margin: 0;
	top: 25px
}

@media only screen and (min-width: 993px) {
	header.main-header .topheader #nav-icon1 {
		display: none;
		top:10px;
	}
}



header.main-header .topheader #nav-icon1 span {
	display: block;
	position: absolute;
	height: 6px;
	width: 50%;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	background: #000
}

@media only screen and (min-width: 993px) {
	header.main-header .topheader #nav-icon1 span {
		background: #fff
	}
}

header.main-header .topheader #nav-icon1 span:nth-child(even) {
	left: 50%;
	border-radius: 0 9px 9px 0
}

header.main-header .topheader #nav-icon1 span:nth-child(odd) {
	left: 0px;
	border-radius: 9px 0 0 9px
}

header.main-header .topheader #nav-icon1 span:nth-child(1),
header.main-header .topheader #nav-icon1 span:nth-child(2) {
	top: 0px
}

header.main-header .topheader #nav-icon1 span:nth-child(3),
header.main-header .topheader #nav-icon1 span:nth-child(4) {
	top: 10px
}

header.main-header .topheader #nav-icon1 span:nth-child(5),
header.main-header .topheader #nav-icon1 span:nth-child(6) {
	top: 20px
}

header.main-header .topheader #nav-icon1.open span:nth-child(1),
header.main-header .topheader #nav-icon1.open span:nth-child(6) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

header.main-header .topheader #nav-icon1.open span:nth-child(2),
header.main-header .topheader #nav-icon1.open span:nth-child(5) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

header.main-header .topheader #nav-icon1.open span:nth-child(1) {
	left: 5px;
	top: 7px
}

header.main-header .topheader #nav-icon1.open span:nth-child(2) {
	left: calc(50% - 5px);
	top: 7px
}

header.main-header .topheader #nav-icon1.open span:nth-child(3) {
	left: -50%;
	opacity: 0
}

header.main-header .topheader #nav-icon1.open span:nth-child(4) {
	left: 100%;
	opacity: 0;
	display: none
}

header.main-header .topheader #nav-icon1.open span:nth-child(5) {
	left: 5px;
	top: 16px
}

header.main-header .topheader #nav-icon1.open span:nth-child(6) {
	left: calc(50% - 5px);
	top: 16px
}

.fp-viewing-firstPage .main-header .topheader {
	padding: 2%;
	background-color: transparent
}

.commansection {
	position: relative
}

.commansection .videosectiobanner {
	position: absolute;
	width: 100%;
	height: 100%;
	display: none
}

.commansection .videosectiobanner video {
	min-width: 100%;
	width: 100%;
	height: auto
}

@media only screen and (min-width: 992px) {
	.commansection .videosectiobanner video {
		height: 55.8vw
	}
}

.commansection .banner_slider {
	top: 52%;
	right: -150px;
	margin: 0 auto;
	max-width: 55%;
	z-index: 4444;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	width: 100%
}

@media only screen and (max-width: 1400px) {
	.commansection .banner_slider {
		right: -80px
	}
}

@media only screen and (max-width: 992px) {
	.commansection .banner_slider {
		position: initial;
		right: 0px;
		top: 110%;
		max-width: 100%;
		-webkit-transform: translateY(60%);
		transform: translateY(60%)
	}
}

.commansection .banner_slider .slider_content {
	width: 100%
}

.commansection .banner_slider .slider_content .banertextone h2 {
	color: #fff;
	font: 6.5rem/1 'Poppins', sans-serif; font-weight:700;
	text-transform: uppercase
}

@media only screen and (min-width: 1170px) {
	.commansection .banner_slider .slider_content .banertextone h2 {
		white-space: nowrap
	}
}

.commansection .banner_slider .slider_content .banertexttwo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.commansection .banner_slider .slider_content .banertexttwo h2 {
	color: #fff;
	font: 6.5rem/1 'Poppins', sans-serif; font-weight:700;
	text-transform: uppercase
}

@media only screen and (min-width: 1170px) {
	.commansection .banner_slider .slider_content .banertexttwo h2 {
		white-space: nowrap
	}
}

.commansection .banner_slider .slider_content .banertexttwo .smallertext p {
	color: #fff;
	margin-top: 2px;
	padding-left: 20px;
	font: 1.125rem/1.7 'Poppins', sans-serif; font-weight:700;
	text-transform: uppercase;
	letter-spacing: 4px;
	word-spacing: 3px
}

@media only screen and (max-width: 992px) {
	.commansection .banner_slider .slider_content .banertexttwo .smallertext p br {
		display: none
	}
}

.commansection .banner_slider .slider_content .banertextthree {
	padding-bottom: 40px
}

.commansection .banner_slider .slider_content .banertextthree h2 {
	color: #fff;
	font: 6.5rem/1 'Poppins', sans-serif; font-weight:700;
	text-transform: uppercase
}

@media only screen and (min-width: 1170px) {
	.commansection .banner_slider .slider_content .banertextthree h2 {
		white-space: nowrap
	}
}

.commansection .banner_slider .slider_content .smallertext p {
	color: #fff;
	margin-top: 2px;
	padding-left: 20px;
	font: 1.125rem/1.7 'Poppins', sans-serif; font-weight:700;
	text-transform: uppercase;
	letter-spacing: 4px;
	word-spacing: 3px
}

.commansection .banner-content {
	position: absolute;
	z-index: 999;
	top: calc(50% + 50px);
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	width: 100%;
	z-index: 999;
	line-height: 1.1;
	z-index: 1
}

@media only screen and (max-width: 992px) {
	.commansection .banner-content {
		position: initial;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		padding: 50px 0;
		background: #f3792f
	}
}

@media only screen and (max-width: 992px) {
	.commansection .banner-content.second-posi {
		bottom: 0;
		top: 40%;
		background: #fff
	}
}

.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h2 {
	position: relative;
	margin-top: 20px
}

@media only screen and (max-width: 1400px) {
	.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h2 {
		margin-top: 10px
	}
}

@media only screen and (max-width: 992px) {
	.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h2 {
		color: #333333
	}
}

.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h2:after {
	position: absolute;
	content: "";
	display: block;
	background-color: rgba(225, 225, 225, 0.4);
	height: 6px;
	width: 100%;
	top: -22px;
	left: -50%
}

@media only screen and (max-width: 1400px) {
	.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h2:after {
		width: 85%;
		top: -20px
	}
}

@media only screen and (max-width: 992px) {
	.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h2:after {
		display: none
	}
}

@media only screen and (max-width: 992px) {
	.commansection .banner-content.second-posi .banner-content-wrapper .banertexttwo h2,
	.commansection .banner-content.second-posi .banner-content-wrapper .banertexttwo p,
	.commansection .banner-content.second-posi .banner-content-wrapper .zoom_title h2,
	.commansection .banner-content.second-posi .banner-content-wrapper .zoom_title p,
	.commansection .banner-content.second-posi .banner-content-wrapper .smallertext-second h2,
	.commansection .banner-content.second-posi .banner-content-wrapper .smallertext-second p,
	.commansection .banner-content.second-posi .banner-content-wrapper .banertextone h2,
	.commansection .banner-content.second-posi .banner-content-wrapper .banertextone p {
		color: #333
	}
}

@media only screen and (max-width: 992px) {
	.commansection .banner-content.second-posi .banner-content-wrapper .banertexttwo h2 span,
	.commansection .banner-content.second-posi .banner-content-wrapper .banertexttwo p span,
	.commansection .banner-content.second-posi .banner-content-wrapper .zoom_title h2 span,
	.commansection .banner-content.second-posi .banner-content-wrapper .zoom_title p span,
	.commansection .banner-content.second-posi .banner-content-wrapper .smallertext-second h2 span,
	.commansection .banner-content.second-posi .banner-content-wrapper .smallertext-second p span,
	.commansection .banner-content.second-posi .banner-content-wrapper .banertextone h2 span,
	.commansection .banner-content.second-posi .banner-content-wrapper .banertextone p span {
		color: #333;
		margin-top: -10px
	}
}



.commansection .banner-content .banner-content-wrapper {
	max-width: 1100px;
	padding: 0 15px;
	margin: 0 auto;
	font-size: 6rem;
	text-transform: uppercase;
	font-weight: 600;
	font-style: italic
}

.commansection .banner-content .banner-content-wrapper .banertextone h2 {
	color: #fff;
	font: 6.5rem/1 'Poppins', sans-serif; font-weight:700;
}

.commansection .banner-content .banner-content-wrapper .banertextone h1 {
	color: #fff;
	font: 6.5rem/1 'Poppins', sans-serif; font-weight:700;
}

@media only screen and (min-width: 1170px) {
	.commansection .banner-content .banner-content-wrapper .banertextone h2 {
		white-space: nowrap
	}

	.commansection .banner-content .banner-content-wrapper .banertextone h1 {
		white-space: nowrap
	}
}

.commansection .banner-content .banner-content-wrapper .banertextone h2 span {
	font: 1.5625rem/1 'Poppins', sans-serif;
	color: #fff;
	vertical-align: middle;
	display: inline-block;
	margin-top: -30px
}

.commansection .banner-content .banner-content-wrapper .banertextone h1 span {
	font: 1.5625rem/1 'Poppins', sans-serif;
	color: #fff;
	vertical-align: middle;
	display: inline-block;
	margin-top: -30px
}

.commansection .banner-content .banner-content-wrapper .banertexttwo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.commansection .banner-content .banner-content-wrapper .banertexttwo h2 {
	color: #fff;
	font: 6.5rem/1 'Poppins', sans-serif; font-weight:700;
}

.commansection .banner-content .banner-content-wrapper .banertexttwo h1 {
	color: #fff;
	font: 6.5rem/1 'Poppins', sans-serif; font-weight:700;
}

@media only screen and (min-width: 1170px) {
	.commansection .banner-content .banner-content-wrapper .banertexttwo h2 {
		white-space: nowrap
	}

	.commansection .banner-content .banner-content-wrapper .banertexttwo h1 {
		white-space: nowrap
	}
}

.commansection .banner-content .banner-content-wrapper .banertextthree h2 {
	color: #fff;
	font: 6.5rem/1 'Poppins', sans-serif; font-weight:700;
}

.commansection .banner-content .banner-content-wrapper .banertextthree h1 {
	color: #fff;
	font: 6.5rem/1 'Poppins', sans-serif; font-weight:700;
}

@media only screen and (min-width: 1170px) {
	.commansection .banner-content .banner-content-wrapper .banertextthree h2 {
		white-space: nowrap
	}

	.commansection .banner-content .banner-content-wrapper .banertextthree h1 {
		white-space: nowrap
	}
}

@media only screen and (max-width: 768px) {
	.commansection .banner-content .banner-content-wrapper .smallertext.desk {
		display: none
	}
}

.commansection .banner-content .banner-content-wrapper .smallertext.mob {
	display: none
}

@media only screen and (max-width: 768px) {
	.commansection .banner-content .banner-content-wrapper .smallertext.mob {
		display: block
	}
}

.commansection .banner-content .banner-content-wrapper .smallertext.mob p {
	padding-left: 0
}

.commansection .banner-content .banner-content-wrapper .smallertext p {
	color: #fff;
	margin-top: 2px;
	padding-left: 20px;
	font: 1.125rem/1.7 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase;
	letter-spacing: 4px;
	word-spacing: 3px
}

.commansection .banner-content .banner-content-wrapper .smallertext-second {
	padding: 20px 0
}

.commansection .banner-content .banner-content-wrapper .smallertext-second p {
	text-transform: none;
	font: 1.125rem/1.5 'Poppins', sans-serif;
}

@media only screen and (max-width: 768px) {
	.commansection .banner-content .banner-content-wrapper .smallertext-second p {
		font: 2.5rem/1.5 'Poppins', sans-serif; font-weight:400;
	}
}

@media only screen and (max-width: 992px) {
	.commansection .banner-content .banner-content-wrapper .smallertext-second p br {
		display: none
	}
}

.commansection .banner-content .banner-content-wrapper .read_morebtn {
	padding-top: 20px
}

.commansection .banner-content .banner-content-wrapper .read_morebtn a {
	font: 1rem/1 'Poppins', sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	letter-spacing: 4px;
	border: 1px solid #f3792f;
	padding: 15px 30px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	vertical-align: top;
	background: #f3792f;
}

@media only screen and (max-width: 992px) {
	.commansection .banner-content .banner-content-wrapper .read_morebtn a {
		letter-spacing: 0
	}
}

.commansection .banner-content .banner-content-wrapper .read_morebtn a:hover {
	background-color: #d96c29;
	border: 1px solid transparent
}

.commansection.only_second .bannerimg img {
	max-width: 100%;
	min-width: none
}

@media only screen and (min-width: 992px) {
	.commansection.only_second .bannerimg img {
		max-width: none;
		min-width: 100%
	}
}

.mob_prot {
	display: none
}

@media only screen and (max-width: 992px) {
	.mob_prot {
		display: block
	}
}

.mob_prot .new_slick {
	overflow: hidden;
	position: relative;
	height: 550px
}

.mob_prot .new_slick button.slick-arrow {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 444;
	font-size: 0;
	width: 40px;
	height: 40px;
	outline: none;
	border: 0 none;
	border-radius: 50%;
	background-color: #999999;
	transition: all 0.5s;
}

.mob_prot .new_slick button.slick-arrow:hover {
	background: 663493;
	cursor: pointer;
}

.mob_prot .new_slick button.slick-arrow:after {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-size: 30px;
	color: #fff
}

.mob_prot .new_slick button.slick-disabled {
	background: #999999
}

.mob_prot .new_slick button.slick-prev {
	left: 10px
}

.mob_prot .new_slick button.slick-prev:after {
	content: "\f104"
}

.mob_prot .new_slick button.slick-next {
	right: 10px
}

.mob_prot .new_slick button.slick-next:after {
	content: "\f105"
}

.mob_prot .new_slick button:hover {
	background: #999999
}

.mob_prot .new_slick .thumimg {
	height: 550px;
	overflow: hidden
}

.mob_prot .new_slick .thumimg img {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	max-width: none;
	min-height: none;
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.mob_prot .new_slick .item {
	position: relative
}

.mob_prot .new_slick .item .top-caption {
	position: absolute;
	bottom: 50px;
	color: #fff;
	text-align: center;
	padding: 0 40px
}

.mob_prot .new_slick .item .top-caption h2 {
	font: 1.75rem/1 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase;
	letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
	.mob_prot .new_slick .item .top-caption h2 {
		font: 2.5rem/1 'Poppins', sans-serif; font-weight:700;
	}
}

.mob_prot .new_slick .item .top-caption p {
	font: 0.8125rem/1.5 'Poppins', sans-serif; font-weight:400;;
	color: #fff
}

@media only screen and (max-width: 992px) {
	.mob_prot .new_slick .item .top-caption p {
		font: 2rem/1.5 'Poppins', sans-serif; font-weight:400;
	}
}

.mob_prot .new_slick .airbox {
	position: relative;
	overflow: hidden;
	height: auto !important
}

.mob_prot .new_slick .airbox .figcaption {
	position: absolute;
	bottom: 50px;
	color: #fff;
	text-align: center;
	padding: 0 40px;
	width: 100%
}

.mob_prot .new_slick .airbox .figcaption h2 {
	font: 1.75rem/1 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase;
	letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
	.mob_prot .new_slick .airbox .figcaption h2 {
		font: 2.5rem/1 'Poppins', sans-serif; font-weight:700;
	}
}

.mob_prot .new_slick .airbox .figcaption p {
	font: 0.8125rem/1.5 'Poppins', sans-serif; font-weight:400;;
	color: #fff
}

@media only screen and (max-width: 992px) {
	.mob_prot .new_slick .airbox .figcaption p {
		font: 2rem/1.5 'Poppins', sans-serif; font-weight:400;
	}
}

.mob_prot .new_slick .arnold {
	position: relative
}

.mob_prot .new_slick .arnold .bottom-caption {
	position: absolute;
	bottom: 50px;
	color: #fff;
	text-align: center;
	padding: 0 40px;
	width: 100%
}

.mob_prot .new_slick .arnold .bottom-caption h2 {
	font: 1.75rem/1 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase;
	letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
	.mob_prot .new_slick .arnold .bottom-caption h2 {
		font: 2.5rem/1 'Poppins', sans-serif; font-weight:700;
	}
}

.mob_prot .new_slick .arnold .bottom-caption p {
	font: 0.8125rem/1.5 'Poppins', sans-serif; font-weight:400;;
	color: #fff
}

@media only screen and (max-width: 992px) {
	.mob_prot .new_slick .arnold .bottom-caption p {
		font: 2rem/1.5 'Poppins', sans-serif; font-weight:400;
	}
}

.mob_prot .new_slick .coffee {
	position: relative
}

.mob_prot .new_slick .coffee .top-caption {
	position: absolute;
	bottom: 50px;
	color: #fff;
	text-align: center;
	padding: 0 40px;
	width: 100%
}

.mob_prot .new_slick .coffee .top-caption h2 {
	font: 1.75rem/1 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase;
	letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
	.mob_prot .new_slick .coffee .top-caption h2 {
		font: 2.5rem/1 'Poppins', sans-serif; font-weight:700;
	}
}

.mob_prot .new_slick .coffee .top-caption p {
	font: 0.8125rem/1.5 'Poppins', sans-serif; font-weight:400;;
	color: #fff
}

@media only screen and (max-width: 992px) {
	.mob_prot .new_slick .coffee .top-caption p {
		font: 2rem/1.5 'Poppins', sans-serif; font-weight:400;
	}
}

.mob_prot .new_slick .dmm,
.mob_prot .new_slick .worked_across,
.mob_prot .new_slick .llc {
	position: relative;
	overflow: hidden;
	height: auto !important
}

.mob_prot .new_slick .dmm .top-caption,
.mob_prot .new_slick .worked_across .top-caption,
.mob_prot .new_slick .llc .top-caption {
	position: absolute;
	bottom: 50px;
	color: #fff;
	text-align: center;
	padding: 0 40px;
	width: 100%
}

.mob_prot .new_slick .dmm .top-caption h2,
.mob_prot .new_slick .worked_across .top-caption h2,
.mob_prot .new_slick .llc .top-caption h2 {
	font: 1.75rem/1 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase;
	letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
	.mob_prot .new_slick .dmm .top-caption h2,
	.mob_prot .new_slick .worked_across .top-caption h2,
	.mob_prot .new_slick .llc .top-caption h2 {
		font: 2.5rem/1 'Poppins', sans-serif; font-weight:700;
	}
}

.mob_prot .new_slick .dmm .top-caption p,
.mob_prot .new_slick .worked_across .top-caption p,
.mob_prot .new_slick .llc .top-caption p {
	font: 0.8125rem/1.5 'Poppins', sans-serif; font-weight:400;;
	color: #fff
}

@media only screen and (max-width: 992px) {
	.mob_prot .new_slick .dmm .top-caption p,
	.mob_prot .new_slick .worked_across .top-caption p,
	.mob_prot .new_slick .llc .top-caption p {
		font: 2rem/1.5 'Poppins', sans-serif; font-weight:400;
	}
}

.section_three .arn_cof {
	overflow: hidden
}

.section_three .slide-new {
	overflow: hidden;
	height: 550px
}

@media only screen and (max-width: 1700px) {
	.section_three .slide-new {
		height: auto
	}
}

.section_three .slide-new .pro {
	height: 100%
}

.section_three .slide-new .thumimg img {
	height: 100%
}

.section_three .slide-new .top-caption {
	position: absolute;
	top: 50px;
	color: #fff;
	text-align: center;
	padding: 0 40px
}

.section_three .slide-new .top-caption h2 {
	font: 1.75rem/1 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase;
	letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
	.section_three .slide-new .top-caption h2 {
		font: 2.5rem/1 'Poppins', sans-serif; font-weight:700;
	}
}

.section_three .slide-new .top-caption p {
	font: 0.8125rem/1.5 'Poppins', sans-serif; font-weight:400;;
	color: #fff
}

@media only screen and (max-width: 992px) {
	.section_three .slide-new .top-caption p {
		font: 2rem/1.5 'Poppins', sans-serif; font-weight:400;
	}
}

.section_three .slide-new ul.slick-dots {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: center
}

.section_three .slide-new ul.slick-dots li {
	padding: 10px;
	display: inline-block
}

.section_three .slide-new ul.slick-dots li button {
	font-size: 0;
	background: #b4afab;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	outline: none;
	padding: 0
}

.section_three .slide-new ul.slick-dots li.slick-active button {
	background: #f3792f;
	border: 1px solid #f3792f
}

.section_three .airbox {
	position: relative;
	overflow: hidden
}

.section_three .airbox img {
	min-width: 100%;
	min-height: 100%
}

@media only screen and (min-width: 768px) {
	.section_three .airbox img {
		min-width: none
	}
}

.section_three .airbox .figcaption {
	position: absolute;
	bottom: 15px;
	color: #fff;
	text-align: center;
	padding: 0 40px;
	left: 0;
	right: 0
}

.section_three .airbox .figcaption h4 {
	font: 1.125rem/1 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase
}

.section_three .airbox .figcaption p {
	font: 0.8125rem/1.5 'Poppins', sans-serif; font-weight:400;;
	color: #fff
}

@media only screen and (max-width: 992px) {
	.section_three .airbox .figcaption p {
		font: 2rem/1.5 'Poppins', sans-serif; font-weight:400;
	}
}

.section_three .plan {
	background-color: #f3792f;
	position: relative;
	padding-top: 1px
}

.section_three .plan .plan_caption {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	width: 90%
}

.section_three .plan .plan_caption p {
	color: #fff;
	padding: 0 0 15px 0;
	font: 1.25rem/1.5 'Poppins', sans-serif; font-weight:700;
}

@media only screen and (max-width: 992px) {
	.section_three .plan .plan_caption p {
		font: 2rem/1.5 'Poppins', sans-serif; font-weight:700;
	}
}

@media only screen and (max-width: 992px) {
	.section_three .plan .plan_caption p br {
		display: none
	}
}

.section_three .plan .plan_caption h2 {
	font: 2.5rem/1.5 'Poppins', sans-serif; font-weight:700;;
	color: #fff;
	padding: 0 0 15px 0
}

@media only screen and (max-width: 992px) {
	.section_three .plan .plan_caption h2 {
		font: 3rem/1.5 'Poppins', sans-serif; font-weight:700;;
		margin-bottom: 15px
	}
}

.section_three .plan .plan_caption a {
	font: 0.75rem/1 'Poppins', sans-serif; font-weight:700;;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	letter-spacing: 4px;
	border: 2px solid #fff;
	padding: 12px 16px 10px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	vertical-align: top
}

@media only screen and (max-width: 992px) {
	.section_three .plan .plan_caption a {
		letter-spacing: 0
	}
}

.section_three .plan .plan_caption a:hover {
	background-color: #d96c29;
	border: 2px solid transparent
}

.section_three .worked_across {
	overflow: hidden;
	height: 100%
}

.section_three .dmm {
	position: relative;
	overflow: hidden
}

.section_three .dmm img {
	min-width: 100%;
	height: 100%
}

@media only screen and (min-width: 768px) {
	.section_three .dmm img {
		min-width: none
	}
}

.section_three .dmm .top-caption {
	position: absolute;
	top: 15px;
	color: #fff;
	text-align: center;
	padding: 0 40px;
	left: 0;
	right: 0
}

.section_three .dmm .top-caption h2 {
	font: 1.75rem/1 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase;
	letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
	.section_three .dmm .top-caption h2 {
		font: 2.5rem/1 'Poppins', sans-serif; font-weight:700;
	}
}

.section_three .dmm .top-caption p {
	font: 0.8125rem/1.5 'Poppins', sans-serif; font-weight:400;;
	color: #fff
}

@media only screen and (max-width: 992px) {
	.section_three .dmm .top-caption p {
		font: 2rem/1.5 'Poppins', sans-serif; font-weight:400;
	}
}

.section_three .llc {
	position: relative;
	overflow: hidden
}

.section_three .llc .top-caption {
	position: absolute;
	bottom: 15px;
	color: #fff;
	text-align: center;
	padding: 0 40px;
	left: 0;
	right: 0
}

.section_three .llc .top-caption h2 {
	font: 1.75rem/1 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase;
	letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
	.section_three .llc .top-caption h2 {
		font: 2.5rem/1 'Poppins', sans-serif; font-weight:700;
	}
}

.section_three .llc .top-caption p {
	font: 0.8125rem/1.5 'Poppins', sans-serif; font-weight:400;;
	color: #fff
}

@media only screen and (max-width: 992px) {
	.section_three .llc .top-caption p {
		font: 2rem/1.5 'Poppins', sans-serif; font-weight:400;
	}
}

.section_three .sp_br,
.section_three .krn,
.section_three .llca {
	position: relative;
	overflow: hidden
}

.section_three .sp_br img,
.section_three .krn img,
.section_three .llca img {
	min-width: 100%
}

@media only screen and (min-width: 768px) {
	.section_three .sp_br img,
	.section_three .krn img,
	.section_three .llca img {
		min-width: none
	}
}

.section_three .sp_br .cap,
.section_three .krn .cap,
.section_three .llca .cap {
	position: absolute;
	bottom: 15px;
	color: #fff;
	text-align: center;
	padding: 0 40px;
	left: 0;
	right: 0
}

.section_three .sp_br .cap h2,
.section_three .krn .cap h2,
.section_three .llca .cap h2 {
	font: 1.75rem/1 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase;
	letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
	.section_three .sp_br .cap h2,
	.section_three .krn .cap h2,
	.section_three .llca .cap h2 {
		font: 2.5rem/1 'Poppins', sans-serif; font-weight:700;
	}
}

.section_three .sp_br .cap p,
.section_three .krn .cap p,
.section_three .llca .cap p {
	font: 0.8125rem/1.5 'Poppins', sans-serif; font-weight:400;;
	color: #fff
}

@media only screen and (max-width: 992px) {
	.section_three .sp_br .cap p,
	.section_three .krn .cap p,
	.section_three .llca .cap p {
		font: 2rem/1.5 'Poppins', sans-serif; font-weight:400;
	}
}

.section_three .sp_br,
.section_three .llca {
	margin-top: 0px
}

.section_three .arnold {
	position: relative;
	overflow: hidden
}

.section_three .arnold img {
	max-width: 100%;
	min-width: none;
	min-height: none;
	max-height: 100%;
	height: 100%;
	width: 100%
}

.section_three .arnold .bottom-caption {
	position: absolute;
	bottom: 15px;
	color: #fff;
	text-align: center;
	padding: 0 40px;
	left: 0;
	right: 0
}

.section_three .arnold .bottom-caption h2 {
	font: 1.75rem/1 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase;
	letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
	.section_three .arnold .bottom-caption h2 {
		font: 2.5rem/1 'Poppins', sans-serif; font-weight:700;
	}
}

.section_three .arnold .bottom-caption p {
	font: 0.8125rem/1.5 'Poppins', sans-serif; font-weight:400;;
	color: #fff
}

@media only screen and (max-width: 992px) {
	.section_three .arnold .bottom-caption p {
		font: 2rem/1.5 'Poppins', sans-serif; font-weight:400;
	}
}

.section_three .coffee {
	position: relative;
	overflow: hidden
}

.section_three .coffee img {
	max-width: none;
	min-width: 100%;
	min-height: 100%;
	max-height: none;
	height: auto;
	width: 100%
}

.section_three .coffee .top-caption {
	position: absolute;
	top: 15px;
	color: #fff;
	text-align: center;
	padding: 0 40px;
	left: 0;
	right: 0
}

.section_three .coffee .top-caption h2 {
	font: 1.75rem/1 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase;
	letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
	.section_three .coffee .top-caption h2 {
		font: 2.5rem/1 'Poppins', sans-serif; font-weight:700;
	}
}

.section_three .coffee .top-caption p {
	font: 0.8125rem/1.5 'Poppins', sans-serif; font-weight:400;;
	color: #fff
}

@media only screen and (max-width: 992px) {
	.section_three .coffee .top-caption p {
		font: 2rem/1.5 'Poppins', sans-serif; font-weight:400;
	}
}

.section_fourth {
	clear: both;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden
}

.section_fourth .rating {
	width: 15%;
	position: relative;
	overflow: hidden
}

@media only screen and (max-width: 1024px) {
	.section_fourth .rating {
		width: 50%
	}
}

@media only screen and (max-width: 768px) {
	.section_fourth .rating {
		height: 600px;
		width: 100%
	}
}

.section_fourth .rating img {
	min-height: 100%;
	max-height: none;
	min-width: 100%;
	max-width: none
}

.section_fourth .rating .center_cap {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: left;
	margin: 0 auto;
	padding: 0 30px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media only screen and (max-width: 992px) {
	.section_fourth .rating .center_cap {
		text-align: center
	}
}

.section_fourth .rating .center_cap span {
	font: 1.125rem/1 'Poppins', sans-serif; font-weight:700;
	color: #fff
}

@media only screen and (max-width: 768px) {
	.section_fourth .rating .center_cap span {
		font: 2.5rem/2.5 'Poppins', sans-serif; font-weight:700;
	}
}

.section_fourth .rating .center_cap p {
	color: #fff;
	text-transform: uppercase;
	font: 1rem/1.5 'Poppins', sans-serif; font-weight:700; margin-bottom:5px;
}

@media only screen and (max-width: 768px) {
	.section_fourth .rating .center_cap p {
		font: 2.5rem/2.5 'Poppins', sans-serif; font-weight:700;
	}
}

.section_fourth .rating .center_cap p.green {
	font: 0.8125rem/2 'Poppins', sans-serif; font-weight:700;
	color: #FFF
}

@media only screen and (max-width: 768px) {
	.section_fourth .rating .center_cap p.green {
		font: 2.5rem/2.5 'Poppins', sans-serif; font-weight:700;
	}
}

.section_fourth .rating .center_cap ul.stars-rate {
	padding: 0 0 30px 0;
}

.section_fourth .rating .center_cap ul.stars-rate li {
	display: inline-block;
	color: #fff
}

.section_fourth .user_reviews {
	width: 40%
}

@media only screen and (max-width: 1024px) {
	.section_fourth .user_reviews {
		width: 50%
	}
}

@media only screen and (max-width: 768px) {
	.section_fourth .user_reviews {
		width: 100%
	}
}

.section_fourth .user_reviews .people {
	height: 40%;
	padding: 40px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

@media only screen and (max-width: 768px) {
	.section_fourth .user_reviews .people {
		height: 30%
	}
}

.section_fourth .user_reviews .people h4 {
	font: 5rem/1 'Poppins', sans-serif; font-weight:700;;
	color: #e5e5e5;
	padding-left: 40px
}

.section_fourth .user_reviews .people h4 span {
	font: 1.5625rem/1 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase;
	vertical-align: middle
}

@media only screen and (max-width: 768px) {
	.section_fourth .user_reviews .people h4 span {
		font: 3rem/1 'Poppins', sans-serif; font-weight:700;
	}
}

.section_fourth .user_reviews .people h2 {
	color: #333;
	padding-left: 40px;
	font: 6.875rem/1 'Poppins', sans-serif; font-weight:700;;
	margin-top: 10px
}

@media only screen and (max-width: 768px) {
	.section_fourth .user_reviews .people h2 {
		font: 8rem/1 'Poppins', sans-serif; font-weight:700;
	}
}

.section_fourth .user_reviews .people h2.purple {
	color: #f3792f;
	border-bottom: 6px solid #dad9da;
	max-width: 80%;
	padding-bottom: 10px;
	margin-top: 0
}

.section_fourth .user_reviews .Testimoni {
	background-color: #FFF;
	padding: 100px 40px;
	height: 70%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (max-width: 768px) {
	.section_fourth .user_reviews .Testimoni {
		padding: 40px 40px 100px
	}
}

.section_fourth .user_reviews .Testimoni .remarks .slick-list .text h3 {
	font: 1.8rem/1 'Poppins', sans-serif; font-weight:700;;
	color: #333;
	padding-bottom: 20px
}

@media only screen and (max-width: 768px) {
	.section_fourth .user_reviews .Testimoni .remarks .slick-list .text h3 {
		font: 3.5rem/1 'Poppins', sans-serif; font-weight:700;
	}
}

.section_fourth .user_reviews .Testimoni .remarks .slick-list .text p {
	font: 1.0625rem/1.5 'Poppins', sans-serif; font-weight:300;
}

@media only screen and (max-width: 768px) {
	.section_fourth .user_reviews .Testimoni .remarks .slick-list .text p {
		font: 3rem/1.5 'Poppins', sans-serif; font-weight:300;
	}
}

.section_fourth .user_reviews .Testimoni .remarks .slick-list .text p.user {
	font: 1.25rem/1 'Poppins', sans-serif; font-weight:600;
	color: #333;
	padding-top: 40px
}

@media only screen and (max-width: 768px) {
	.section_fourth .user_reviews .Testimoni .remarks .slick-list .text p.user {
		font: 2rem/1 'Poppins', sans-serif; font-weight:600;
	}
}

.section_fourth .user_reviews .Testimoni .remarks .slick-list .text p a {
	font: 1.125rem/1 'Poppins', sans-serif; font-weight:600;
	color: #b4b4b4;
	padding-bottom: 40px;
	text-decoration: none;
	padding-top: 10px;
	display: block
}

.section_fourth .user_reviews .Testimoni .remarks ul.slick-dots li {
	display: inline-block;
	padding-right: 10px
}

.section_fourth .user_reviews .Testimoni .remarks ul.slick-dots li button {
	font-size: 0;
	background-color: #f3792f;
	width: 50px;
	outline: none;
	border: 0 none;
	cursor: pointer;
	height: 4px
}

.section_fourth .user_reviews .Testimoni .remarks ul.slick-dots li.slick-active button {
	background-color: #5fb35f
}

.section_fourth .logos {
	width: 45%
}

@media only screen and (max-width: 1024px) {
	.section_fourth .logos {
		width: 100%;
		height: 100%
	}
}

.section_fourth .logos .img_fig {
	position: relative;
	height: 70%;
	overflow: hidden
}

@media only screen and (max-width: 768px) {
	.section_fourth .logos .img_fig {
		height: 20%;
		max-height: 300px
	}
}

.section_fourth .logos .img_fig img {
	min-width: 100%;
	max-width: none;
	min-height: 100%;
	max-height: none
}

.section_fourth .logos .img_fig .fig_cap {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	max-width: 60%;
	width: 100%
}

.section_fourth .logos .img_fig .fig_cap p {
	color: #fff;
	font: 1.8125rem/1.5 'Poppins', sans-serif; font-weight:400; font-style:italic;
} 

@media only screen and (max-width: 768px) {
	.section_fourth .logos .img_fig .fig_cap p {
		font: 3rem/1.5 'Poppins', sans-serif; font-weight:400; font-style:italic;
	}
}

.section_fourth .logos .logo_list {
	background-color: #443f48;
	padding: 20px;
	padding-bottom: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 30%
}

@media only screen and (max-width: 768px) {
	.section_fourth .logos .logo_list {
		height: 60%
	}
}

.section_fourth .logos .logo_list ul.list_logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 0;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media only screen and (max-width: 992px) {
	.section_fourth .logos .logo_list ul.list_logo {
		display: none
	}
}

.section_fourth .logos .logo_list ul.list_logo li {
	width: 25%
}

@media only screen and (max-width: 768px) {
	.section_fourth .logos .logo_list ul.list_logo li {
		width: 50%;
		padding: 20px 0
	}
}

@media only screen and (max-width: 540px) {
	.section_fourth .logos .logo_list ul.list_logo li {
		width: 100%
	}
}

.section_fourth .logos .logo_list ul.list_logo li img {
	margin: 0 auto;
	max-width: 70%
}

.section_fourth .logos .logo_list ul.list_logo:first-of-type {
	border-bottom: 1px solid #57535b
}

.section_fourth .logos .logo_newlist {
	display: none
}

@media only screen and (max-width: 992px) {
	.section_fourth .logos .logo_newlist {
		display: block;
		width: 100%
	}
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.clearfix {
	clear: both
}

img {
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
	vertical-align: middle
}

body {
	overflow-x: hidden
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

video {
	display: block;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover
}

@media only screen and (max-width: 992px) {
	video {
		height: 100%;
		width: 100%
	}
}

.commansection {
	overflow: hidden
}

.bannerimg {
	overflow: hidden
}

.grid:after {
	content: '';
	display: block;
	clear: both
}

.grid-sizer,
.grid-item {
	width: 100%
}

@media only screen and (min-width: 768px) {
	.grid-sizer,
	.grid-item {
		width: 20%
	}
}

.grid-item--width2 {
	width: 100%
}

@media only screen and (min-width: 768px) {
	.grid-item--width2 {
		width: 40%
	}
}

.grid-item--width3 {
	width: 100%
}

@media only screen and (min-width: 768px) {
	.grid-item--width3 {
		width: 60%
	}
}

.grid-item--height2 {
	height: 200px
}

.grid-item--height3 {
	height: 260px
}

.grid-item--height4 {
	height: 360px
}

.height_auto {
	height: auto
}

.grid-item-half {
	width: 100%
}

@media only screen and (min-width: 768px) {
	.grid-item-half {
		width: 25%
	}
}

.grid-item-width6 {
	width: 100%
}

@media only screen and (min-width: 768px) {
	.grid-item-width6 {
		width: 40%
	}
}

.section-one.section.active h2 {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.section-one.section.active h1 {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@media only screen and (min-width: 1023px) {
	.section-one.section.active h2 {
		-webkit-animation-name: bounceInUp;
		animation-name: bounceInUp
	}

	.section-one.section.active h1 {
		-webkit-animation-name: bounceInUp;
		animation-name: bounceInUp
	}
}

.section-one.section.active p {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@media only screen and (min-width: 1023px) {
	.section-one.section.active p {
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight
	}
}

.section-two.section.active h2 {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.section-two.section.active h1 {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@media only screen and (min-width: 1023px) {
	.section-two.section.active h2 {
		-webkit-animation-name: bounceInDown;
		animation-name: bounceInDown
	}

	.section-two.section.active h1 {
		-webkit-animation-name: bounceInDown;
		animation-name: bounceInDown
	}
}

.section-two.section.active h2.zoom_title {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.section-two.section.active h1.zoom_title {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@media only screen and (min-width: 1023px) {
	.section-two.section.active h2.zoom_title {
		-webkit-animation-name: zoomInUp;
		animation-name: zoomInUp
	}

	.section-two.section.active h1.zoom_title {
		-webkit-animation-name: zoomInUp;
		animation-name: zoomInUp
	}
}

.section-two.section.active p {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@media only screen and (min-width: 1023px) {
	.section-two.section.active p {
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight
	}
}

.section-two.section.active .read_morebtn a {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@media only screen and (min-width: 1023px) {
	.section-two.section.active .read_morebtn a {
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight
	}
}

.section_three img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transition: all 3s;
	transition: all 3s;
	-webkit-transform: scale(1);
	transform: scale(1)
}

@media only screen and (min-width: 1023px) {
	.section_three img:hover {
		-webkit-transform: scale(1.09);
		transform: scale(1.09);
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		-webkit-animation-duration: 4s;
		animation-duration: 5s infinite
	}
}

.remark.section.active .logos p {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@media only screen and (min-width: 1023px) {
	.remark.section.active .logos p {
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp
	}
}

.remark.section.active h2,
.remark.section.active h4 {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@media only screen and (min-width: 1023px) {
	.remark.section.active h2,
	.remark.section.active h4 {
		-webkit-animation-name: slideInLeft;
		animation-name: slideInLeft
	}
}


footer {
	background-color: #333
}

footer .container {
	margin: 0 10%;
	padding: 40px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

footer .container .first_grid,
footer .container .second_grid,
footer .container .third_grid {
	width: 31.5%
}

@media only screen and (max-width: 1024px) {
	footer .container .first_grid,
	footer .container .second_grid,
	footer .container .third_grid {
		width: 50%
	}
}

@media only screen and (max-width: 768px) {
	footer .container .first_grid,
	footer .container .second_grid,
	footer .container .third_grid {
		width: 100%
	}
}

footer .container .fourth_grid {
	width: 10%
}

footer .container .first_grid p {
	color: #c6c6c6;
	padding: 20px 0;
	max-width: 80%;
	font: 0.875rem/1.5 'Poppins', sans-serif; font-weight:400;
}

@media only screen and (max-width: 768px) {
	footer .container .first_grid p {
		font: 2.4rem/1.5 'Poppins', sans-serif; font-weight:400;;
		max-width: 100%
	}
}

footer .container .first_grid p.btn a {
	font: 1rem/1 'Poppins', sans-serif;

color: #fff;

text-transform: uppercase;

text-decoration: none;

outline: none;

cursor: pointer;

letter-spacing: 4px;

border: 1px solid #f3792f;

padding: 15px 30px;

-webkit-transition: all 0.5s;

transition: all 0.5s;

vertical-align: top;

background: #f3792f;
}

@media only screen and (max-width: 992px) {
	footer .container .first_grid p.btn a {
		letter-spacing: 0
	}
}

footer .container .first_grid p.btn a:hover {
	background-color: #f3792f;
	border: 2px solid transparent
}

footer .container .second_grid h2 {
	font: 1.5rem/1 'Poppins', sans-serif; font-weight:700;;
	color: #fff;
	padding-bottom: 40px
}

@media only screen and (max-width: 768px) {
	footer .container .second_grid h2 {
		padding-bottom: 0;
		margin: 20px 0;
		font: 4rem/1 'Poppins', sans-serif; font-weight:700;
	}
}

footer .container .second_grid ul.quick_list li {
	padding-bottom: 20px;
	float: left;
	width: 50%
}

footer .container .second_grid ul.quick_list li a {
	text-decoration: none;
	color: #c6c6c6;
	-webkit-transition: all 2s;
	transition: all 2s;
	font: 0.875rem/1 'Poppins', sans-serif; font-weight:400;
}

@media only screen and (max-width: 768px) {
	footer .container .second_grid ul.quick_list li a {
		font: 2.5rem/1 'Poppins', sans-serif; font-weight:400;
	}
}

footer .container .second_grid ul.quick_list li a:hover {
	color: #f3792f
}

footer .container .third_grid h2 {
	color: #fff;
	padding-bottom: 40px;
	font: 1.5rem/1 'Poppins', sans-serif; font-weight:700;
}

@media only screen and (max-width: 768px) {
	footer .container .third_grid h2 {
		padding-bottom: 0;
		font: 4rem/1 'Poppins', sans-serif; font-weight:700;;
		margin: 20px 0
	}
}

footer .container .third_grid ul.contact_us li {
	padding-bottom: 20px
}

footer .container .third_grid ul.contact_us li p {
	font: 0.875rem/2 'Poppins', sans-serif;
	color: #c6c6c6;
	display: inline-block
}

@media only screen and (max-width: 768px) {
	footer .container .third_grid ul.contact_us li p {
		font: 2.5rem/2 'Poppins', sans-serif; font-weight:400;
	}
}

footer .container .third_grid ul.contact_us li p span {
	color: #f3792f
}

footer .container .third_grid ul.contact_us li i {
	color: #c6c6c6;
	padding-right: 10px
}

footer .container .third_grid ul.contact_us li a {
	color: #c6c6c6;
	text-decoration: none;
	font: 0.875rem/1 'Poppins', sans-serif; font-weight:400; display: inline-block;
    vertical-align: middle;
}

@media only screen and (max-width: 768px) {
	footer .container .third_grid ul.contact_us li a {
		font: 2.5rem/1 'Poppins', sans-serif; font-weight:400;
	}
}

footer .container .social_media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 5%
}

footer .container .social_media ul.social li {
	padding: 10px 0
}

footer .container .social_media ul.social li a {
	background: #8b8b8b;
	height: 40px;
	width: 40px;
	display: block;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	transition: all 0.5s
}

footer .container .social_media ul.social li a:hover {
	background-color: #f3792f
}

footer .container .social_media ul.social li a:hover i {
	color: #fff
}

footer .container .social_media ul.social li a i {
	line-height: 2.2;
	color: #333;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 20px
}

footer .copyright {
	border-top: 1px solid #555555;
	padding: 20px 0;
	text-align: center
}

footer .copyright p {
	font: 0.75rem/1 'Poppins', sans-serif; font-weight:400;;
	color: #858585
}

body {
	font-family: 'Poppins', sans-serif; font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

html,
body {
	font-size: 100%
}

@media only screen and (max-width: 1700px) {
	html,
	body {
		font-size: 90%
	}
	
	.commansection .banner-content .banner-content-wrapper {max-width:970px;}
}

@media only screen and (max-width: 1500px) {
	html,
	body {
		font-size: 80%
	}
}

@media only screen and (max-width: 1170px) {
	html,
	body {
		font-size: 70%
	}
	
	.commansection .banner-content .banner-content-wrapper {max-width:830px;}
}

@media only screen and (max-width: 1024px) {
	html,
	body {
		font-size: 60%
	}
}

@media only screen and (max-width: 768px) {
	html,
	body {
		font-size: 50%
	}
}

@media only screen and (max-width: 540px) {
	html,
	body {
		font-size: 30%
	}
}

@media only screen and (max-width: 768px) {
	.commansection .bannerimg img {
		max-width: none;
		min-width: 100%;
		max-height: none;
		min-height: 100%
	}
}

.desk_port {
	display: block
}

@media only screen and (max-width: 992px) {
	.desk_port {
		display: none
	}
}


/*# sourceMappingURL=global.css.map */

body {
	-webkit-text-size-adjust: 100%;
	font: 16px/1.4 'Poppins', sans-serif; font-weight:400;;
	color: #666;
}

.section_fourth .logos .logo_newlist .slick-slide img {
	margin: 0 auto;
	max-width: 80%;
}

.section_fourth .logos .logo_newlist ul.slick-dots {
	text-align: center;
	margin-top: 20px;
}

.section_fourth .logos .logo_newlist ul.slick-dots li {
	padding: 5px;
	display: inline-block;
}

.section_fourth .logos .logo_newlist ul.slick-dots li button {
	font-size: 0;
	background: #b4afab;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	outline: none;
	padding: 0;
	cursor: pointer;
}

.section_fourth .logos .logo_newlist ul.slick-dots li.slick-active button {
	border: 1px solid #fff;
	background: #fff;
}

.section_fourth .logos .logo_list {
	padding: 0;
	height: auto;
}

.left-logo a img {
	width: 210px;
}

header.main-header .topheader .right-sec .left-nav ul li a {
	position: relative;
	transition: all 0.5s;
	z-index: 1;
}

header.main-header .topheader .right-sec .left-nav ul li a:hover {
	color: #FFF;
}

header.main-header .topheader .right-sec .left-nav ul li a:before {
	content: "";
	position: absolute;
	left: 6px;
	top: -13px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: rgba(243, 64, 47, 0.53);
	z-index: -1;
	opacity: 0;
	transition: all 0.5s;
}

header.main-header .topheader .right-sec .left-nav ul li a:after {
	content: "";
	position: absolute;
	right: -10px;
	top: 14px;
	width: 30px;
	height: 2px;
	background: #FFF;
	z-index: -1;
	opacity: 0;
	transition: all 0.5s;
}

header.main-header .topheader .right-sec .left-nav ul li a:hover:before {
	opacity: 1;
}

header.main-header .topheader .right-sec .left-nav ul li a:hover:after {
	opacity: 1;
}

header.main-header .topheader .right-sec .left-nav ul li.active a:before {
	opacity: 1;
}

header.main-header .topheader .right-sec .left-nav ul li.active a:after {
	opacity: 1;
}

.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h2 {
	display: inline-block;
}

.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h2:after {
	width: 100000px;
	left: inherit;
	right: -40px;
}

.banp {
	width: 100%;
	max-width: 1000px;
}

.banp p {
	margin-bottom: 20px;
}

.banp p:last-of-type {
	margin: 0;
}

.commansection .banner-content .banner-content-wrapper .banertextone h2 span.sm_zoom {
	margin-top: 0;
}

.commansection .banner-content .banner-content-wrapper .banertextone h1 span.sm_zoom {
	margin-top: 0;
}

.bannerimg {
	background: #000;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bannerimg video {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% + 5px);
	height: 100%;
}

.bannerimg img {
	opacity: 0.8;
}

.padd_sec {
	padding: 80px 0;
}

.wrapper {
	max-width: 1270px;
	padding: 0 15px;
	margin: 0 auto;
	width: 100%;
}

.com_heading {
	color: #333333;
	font: 5rem/1.1 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase;
	letter-spacing: -2px;
}

.established {
	position: relative;
}

.established .cont_sec {
	width: 60%;
}

.smallertext p {
	font: 14px/1.5 'Poppins', sans-serif; font-weight:400;;
	color: #666;
}

.smallertext {
	padding: 10px 0;
}

.cus_btn {
	font: 0.95rem/1 'Poppins', sans-serif; font-weight:700;;
	color: #333;
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	letter-spacing: 1px;
	border: 2px solid #333;
	padding: 18px 26px 16px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.cus_btn:hover {
	background-color: #f3792f;
	color: #FFF;
	border: 2px solid transparent;
}

.established .cus_btn {
	margin-top: 40px;
}

.established .img_sec {
	position: absolute;
	right: 0;
	top: 0;
	width: 40%;
	height: calc(100% + 400px);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.experienced {
	position: relative;
	z-index: 1;
}

.experienced .img_sec {
	width: 65%;
}

.experienced .img_sec img {
	width: 100%;
}

.experienced .cont_sec {
	width: 60%;
	background: #f3792f;
	padding: 55px 40px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.experienced .cont_sec p {
	color: #FFF;
}

.com_heading.white {
	color: #FFF;
}

.experienced ul {
	width: 100%;
	display: inline-block;
	margin-top: 40px;
}

.experienced ul li {
	float: left;
	border-right: 1px solid rgba(255, 255, 255, 0.32);
	padding: 0 30px;
	width: 33.33%;
}

.experienced ul li:first-child {
	padding-left: 0;
}

.experienced ul li:last-child {
	border-right: 0;
}

.how_work {
	position: relative;
}

.how_work .cont_sec {
	width: 50%;
	padding: 0 50px 0 0;
}

.how_work_h {
	font: 2rem 'Poppins', sans-serif; font-weight:700;;
	color: #333;
	padding-left: 100px;
	position: relative;
	color: #333;
	display: flex;
	align-items: center;
}

.how_work_h:before {
	content: "";
	position: absolute;
	left: 0;
	top: calc(50% - 1px);
	width: 80px;
	height: 2px;
	background: #333;
	transform: translateY(-50%);
}

.how_work_h span {
	font: 10rem/1 'Poppins', sans-serif; font-weight:700;;
	color: #f0f0f0;
	position: relative;
	z-index: -1;
	margin-left: -50px;
}

.ulplan {
	width: 100%;
	display: inline-block;
	margin-top: 30px;
}

.ulplan li {
	padding: 0 0 15px 30px;
	font: 16px/1.5 'Poppins', sans-serif; font-weight:400;;
	color: #666;
	background: url(../images/check.png) no-repeat left top 3px;
}

.plan_p {
	font: 16px/1.3 'Poppins', sans-serif; font-weight:600;
	color: #666;
	margin-top: 30px;
}

.deposit {
	text-align: right;
	margin-top: 80px;
}

.deposit strong {
	font: 14px/1.3 'Poppins', sans-serif; font-weight:700;
	color: #333;
	display: block;
}

.deposit span {
	font: 14px/1.3 'Poppins', sans-serif; font-weight:400;;
	color: #666;
}

.how_work .img_wrap {
	width: 50%;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.how_work.opposite .img_wrap {
	right: inherit;
	left: 0;
}

.how_work.opposite .wrapper {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.how_work.opposite .cont_sec {
	padding: 0 0 0 50px;
}

.ulplan.double {
	display: flex;
	flex-wrap: wrap;
}

.ulplan.double li {
	width: 50%;
	padding-right: 20px;
}

.develop .plan_p {
	margin-top: 20px;
}

.grow {
	background: url(../images/grow.jpg) no-repeat center center / cover;
}

.grow .wrapper {
	text-align: center;
}

.grow .cont_sec {
	width: 900px;
	max-width: 100%;
	display: inline-block;
	text-align: left;
}

.grow .left_side {
	background: rgba(102, 52, 147, 0.9);
	width: 50%;
	padding: 40px 40px 60px 40px;
	float: left;
}

.grow .left_side .how_work_h {
	color: #FFF;
	z-index: 1;
}

.grow .left_side .how_work_h:before {
	background: #FFF;
}

.grow .left_side .how_work_h span {
	color: #60308a;
}

.grow .left_side .ulplan {
	margin: 0;
}

.grow .left_side .ulplan li {
	color: #fff;
	background-image: url(../images/check_white.png);
}

.grow .right_side {
	background: url(../images/grow_inner.jpg) no-repeat center center / cover;
	float: left;
	width: 50%;
	padding: 40px;
	position: relative;
	padding-bottom: 130px;
	margin-top: 24%;
}

.grow .right_side p {
	font: 21px/1.3 'Poppins', sans-serif; font-weight:600;
	color: #FFF;
}

.grow .right_side h2 {
	font: 7rem/1 'Poppins', sans-serif; font-weight:700;;
	color: rgba(255, 255, 255, 0.15);
	text-align: right;
	text-transform: uppercase;
	position: absolute;
	right: 20px;
	bottom: 10px;
}

.ban_cont {
	position: absolute;
	z-index: 9;
	bottom: 50px;
	left: 0;
	color: #fff;
	width: 100%;
}

.ban_cont .smallertext {
	width: 100%;
	max-width: 1000px;
}

.ban_cont .smallertext p {
	color: #FFF;
	margin-bottom: 20px;
}

.ban_cont .smallertext p:last-of-type {
	margin: 0;
}

.ban_sec:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 80%;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

.list_abt {
	background: #453f49;
}

.list_abt .inner_sec {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: -80px;
	position: relative;
}

.list_abt .inner_sec .img_wrap {
	width: 40%;
	transition: all 0.8s;
}

.list_abt .inner_sec .img_wrap img {
	width: 100%;
}

.list_abt .inner_sec .cont {
	width: 60%;
	transition: all 0.8s;
	padding: 50px 50px 80px 50px;
	position: relative;
	z-index: 1;
}

.list_abt .inner_sec .cont h5 {
	font: 16px/1 'Poppins', sans-serif; font-weight:600;
	color: #FFF;
	display: inline-block;
	position: relative;
}

.list_abt .inner_sec .cont h5:before {
	content: "";
	position: absolute;
	right: calc(100% + 10px);
	top: 5px;
	width: 50px;
	height: 2px;
	background: #FFF;
}

.list_abt .inner_sec .cont h4 {
	font: 18px/1 'Poppins', sans-serif; font-weight:600;
	color: #c0acff;
	margin-top: 10px;
	margin-bottom: 10px;
}

.list_abt .inner_sec .cont h3 {
	font: 4rem/1 'Poppins', sans-serif; font-weight:600;
	color: #FFF;
	margin-bottom: 20px;
}

.list_abt .inner_sec .cont p {
	font: 16px/1.5 'Poppins', sans-serif; font-weight:400;;
	color: #FFF;
	width: 100%;
	max-width: 500px;
	display: inline-block;
}

.list_abt .inner_sec .cont .read_morebtn {
	margin-top: 40px;
}

.cus_btn.white {
	color: #FFF;
	border-color: #FFF;
}
.cus_btn.white:hover{border-color:transparent;}

.list_abt .inner_sec.opposite .img_wrap {
	order: 2;
}

.list_abt .inner_sec.opposite .cont {
	text-align: right;
}

header.main-header .topheader {
	display: none;
}

.fp-viewing-firstPage .main-header .topheader {
	display: flex;
}

.fp-viewing-4 .list_abt .inner_sec.sec1 .img_wrap,
.fp-viewing-5 .list_abt .inner_sec.sec2 .img_wrap,
.fp-viewing-6 .list_abt .inner_sec.sec3 .img_wrap {
	width: 60%;
}

.fp-viewing-4 .list_abt .inner_sec.sec1 .cont,
.fp-viewing-5 .list_abt .inner_sec.sec2 .cont,
.fp-viewing-6 .list_abt .inner_sec.sec3 .cont {
	width: 40%;
	text-align: right;
}

.fp-viewing-5 .list_abt .inner_sec.sec2 .cont {
	text-align: left;
}

.fp-viewing-5 .list_abt .inner_sec.sec2 .cont h3 {
	font: 6rem/1 'Poppins', sans-serif; font-weight:600;
	white-space: nowrap;
	direction: ltl;
}

.fp-viewing-6 .list_abt .inner_sec.sec3 .cont h3 {
	font: 6rem/1 'Poppins', sans-serif; font-weight:600;
	white-space: nowrap;
	direction: rtl;
}

.fp-viewing-4 .list_abt .inner_sec.sec1 .cont h3 {
	font: 6rem/1 'Poppins', sans-serif; font-weight:600;
	white-space: nowrap;
	direction: rtl;
}

.list_abt .inner_sec.sec3 {
	z-index: 1;
	margin-bottom: 0;
}

.list_abt .inner_sec.sec2 {
	z-index: 2;
}

.list_abt .inner_sec.sec1 {
	z-index: 3;
}

.list_abt .inner_sec.sec1 .img_wrap {
	width: 60%;
}

.list_abt .inner_sec.sec1 .cont {
	width: 40%;
}

.fp-viewing-5 .list_abt .inner_sec.sec1 .img_wrap,
.fp-viewing-6 .list_abt .inner_sec.sec1 .img_wrap {
	width: 40%;
}

.fp-viewing-5 .list_abt .inner_sec.sec1 .cont,
.fp-viewing-6 .list_abt .inner_sec.sec1 .cont {
	width: 60%;
}

ul.test_slide {
	list-style: none;
	padding: 0 100px;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	min-height: 700px;
}

ul.test_slide li {
	width: 16.666%;
	height: 100vh;
	min-height: 700px;
	float: left;
	border-left: 1px #d3d3d3 solid;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding: 0 10px;
	transition: all 0.8s;
}

ul.test_slide li:first-child {
	border-right: 1px #d3d3d3 solid;
}

ul.test_slide li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: #FFF;
	opacity: 0.95;
	width: 100%;
	height: 100%;
	transition: all 0.8s;
}

ul.test_slide li .cont {
	width: 100%;
	height: calc(100% - 250px);
	margin-top: 250px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	text-align: center;
}

ul.test_slide li .cont img {
	max-width: 140px;
	transition: all 0.8s;
}

ul.test_slide li .cont p {
	font: 13px/1.5 'Poppins', sans-serif; font-weight:300;
	color: #333;
	max-height: 0;
	overflow: hidden;
	transition: all 0.8s;
}

ul.test_slide li .cont .read_morebtn {
	max-height: 0;
	overflow: hidden;
	transition: all 0.8s;
}

ul.test_slide li .cont .read_morebtn .cus_btn {
	transition: all 0.8s;
}

ul.test_slide li:hover:before {
	background: #394095;
	opacity: 0.9;
}

ul.test_slide li:hover img {
	filter: invert(100%);
}

ul.test_slide li:hover .cont p {
	max-height: 600px;
	color: #FFF;
	padding-top: 25px;
}

ul.test_slide li:hover .cont .read_morebtn {
	max-height: 65px;
	margin-top: 40px;
}

ul.test_slide li:hover .cont .read_morebtn .cus_btn {
	color: #FFF;
	border-color: #FFF;
}

ul.test_slide .slick-arrow {
	position: absolute;
	top: 50%;
	left: 34px;
	transform: translateY(-50%);
	font-size: 0;
	border: 0;
	cursor: pointer;
	opacity: 0.4;
}

ul.test_slide .slick-prev.slick-arrow {
	background: url(../images/testi_left.png) no-repeat left top;
	width: 19px;
	height: 65px;
}

ul.test_slide .slick-next.slick-arrow {
	left: inherit;
	right: 34px;
	background: url(../images/testi_right.png) no-repeat left top;
	width: 19px;
	height: 65px;
}

.client_head {
	position: absolute;
	left: 0;
	top: 90px;
	z-index: 2;
	width: 100%;
	pointer-events: none;
}

.client_head .smallertext {
	width: 100%;
	max-width: 470px;
	padding: 0;
}

.client_head .smallertext p {
	color: #000;
}

.blog_cont {
	display: flex;
	flex-wrap: wrap;
}

.blog .left_filter {
	width: 400px;
	padding: 30px 30px 0 30px;
}

.blog .left_filter h4 {
	text-align: center;
	font: 20px/1.3 'Poppins', sans-serif; font-weight:600;
	letter-spacing: 2px;
	color: #333;
	text-transform: uppercase;
	margin: 20px 0 10px 0;
}

.blog_filter {
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}

.blog_filter li {
	font: 16px/1 'Poppins', sans-serif; font-weight:400;;
	padding: 18px 0;
	border-bottom: 1px #e1e1e1 solid;
}

.blog_filter li a {
	color: #666;
	text-decoration: none;
}

.blog_filter li a:hover {
	color: #f3792f;
}

.subscribe {
	background: #0a0a0a;
	padding: 30px 40px;
}

.subscribe h5 {
	font: 14px/1.3 'Poppins', sans-serif; font-weight:600;
	letter-spacing: 1px;
	color: #FFF;
	text-align: center;
}

.inputfield {
	width: 100%;
	display: inline-block;
	background: #f4f4f5;
	font: 13px/1.3 'Poppins', sans-serif; font-weight:700;;
	color: #000;
	
	letter-spacing: 1.3px;
	padding: 16px 20px;
	border: 0;
}

.subscribe .inputfield {
	text-align: center;
	margin: 15px 0;
}

.cus_btn.purple {
	background: #672b86;
	border-color: #672b86;
	color: #FFF;
}

.subscribe .cus_btn.purple {
	width: 100%;
	text-align: center;
}

.cont_right {
	width: calc(100% - 400px);
}

.blog_box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.blog_box li {
	width: 50%;
	padding-top: 33%;
	position: relative;
	overflow: hidden;
}

.blog_box li .img_wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.5s;
}

.blog_box li .img_wrap:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40%;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
	transition: all 0.5s;
}

.blog_box li .cont_wrap {
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	padding: 0 40px;
	z-index: 1;
	text-align: center;
	transition: all 0.5s;
}

.blog_box li .cont_wrap h3 {
	font: 1.8rem/1.3 'Poppins', sans-serif; font-weight:600;
	color: #FFF;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 5px;
}

.blog_box li .cont_wrap span {
	font: 14px/1 'Poppins', sans-serif; font-weight:400;;
	color: #FFF;
	display: block;
}

.blog_box li .cont_wrap .cus_btn {
	font: 0.75rem/1 'Poppins', sans-serif; font-weight:600;
	margin-top: 20px;
	padding: 13px 30px 11px 30px;
	display: none;
	transition: all 0.5s;
}

.blog_box li:hover .img_wrap:after {
	height: 100%;
	background: rgba(102, 52, 147, 0.9);
}

.blog_box li:hover .cont_wrap {
	bottom: 50%;
	transform: translateY(50%);
}

.blog_box li:hover .cont_wrap .cus_btn {
	display: inline-block;
}

.pagination {
	padding: 60px 0 80px 0;
}

.pagination ul li {
	display: inline-block;
	font: 18px/1 'Poppins', sans-serif; font-weight:400;;
	margin-right: 5px;
	vertical-align: top;
}

.pagination ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px #a7a7a7 solid;
	color: #666;
	text-decoration: none;
	transition: all 0.5s;
}

.pagination ul li a:hover {
	background: #672b86;
	border-color: #672b86;
	color: #FFF;
}

.pagination ul li.active a {
	background: #672b86;
	border-color: #672b86;
	color: #FFF;
}

.pagination ul li a:hover img {
	-webkit-filter: invert(100%);
	filter: invert(100%);
}

.blog_detail .left_filter {
	border-right: 1px #e1e1e1 solid;
}

.blog_detail .cont_right {
	padding: 50px;
}

.blogbig_img {
	width: 100%;
	padding-top: 47%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.com_heading2 {
	color: #333333;
	font: 4rem/1.2 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase;
	letter-spacing: -2px;
}

.blog_det .com_heading2 {
	margin-top: 30px;
}

.blog_post {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.blog_post span {
	font-size: 18px;
}

.blog_social {
	display: inline-block;
}

.blog_social a {
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	width: 36px;
	height: 36px;
	border: 1px #666 solid;
	border-radius: 50%;
	text-align: center;
	color: #666;
	text-decoration: none;
	transition: all 0.5s;
	margin-left: 8px;
}

.blog_social a:hover {
	background: #672b86;
	color: #FFF;
	border-color: #672b86;
}

.blog_det p {
	margin-bottom: 20px;
}

.blog_det h3 {
	font: 1.8rem/1.3 'Poppins', sans-serif; font-weight:600;
	color: #333;
	margin: 15px 0 10px 0;
	display: inline-block;
	width: 100%;
	letter-spacing: 1px;
}

.contact .wrapper {
	display: flex;
	flex-wrap: wrap;
}

.contact .left_side {
	width: 380px;
}

.contact .left_side h3 {
	font: 3.3rem/1.3 'Poppins', sans-serif; font-weight:600;
	color: #333;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.contact .left_side .add {
	border: 1px solid #d2d2dd;
	padding: 10px 10px 16px 16px;
	text-align: center;
	margin-bottom: 30px;
	position: relative;
	width: 100%;
	max-width: 340px;
}

.contact .left_side .add:after {
	position: absolute;
	content: "";
	display: block;
	clear: both;
	height: 5px;
	border: 1px solid #d2d2dd;
	bottom: -6px;
	border-top: 0;
	left: 2px;
	width: 98%;
}

.contact .left_side .add:before {
	position: absolute;
	content: "";
	display: block;
	clear: both;
	height: 5px;
	border: 1px solid #d2d2dd;
	bottom: -12px;
	border-top: 0;
	left: 4px;
	width: 96%;
}

.contact .left_side .add h5 {
	font: 22px 'Poppins', sans-serif; font-weight:600;
	color: #333333;
	text-transform: uppercase;
	text-align: left;
}

.contact .left_side .add ul {
	display: inline-block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: left;
}

.contact .left_side .add ul li {
	font: 14px/1 'Poppins', sans-serif; font-weight:400;;
	color: #555555;
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.contact .left_side .add ul li a {
	color: #555;
	text-decoration: none;
}

.contact .left_side .add ul li img {
	margin-right: 15px;
}

.contact .left_side .add a.view {
	font-size: 14px;
	color: #226dac;
	text-decoration: underline;
	color: #672b86;
	text-transform: uppercase;
}

.contact .left_side .add a.view:hover {
	text-decoration: none;
}

.contact .left_side .add.first {
	margin-top: 30px;
}

.padd_sec2 {
	padding: 60px 0;
}

.contact .right_side {
	width: calc(100% - 380px);
	padding-left: 50px;
}

:focus {
	outline: 0;
}

.contact .right_side ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.contact .right_side ul li {
	width: calc(50% - 15px);
	margin-bottom: 30px;
}

.contact .right_side ul li.full_width {
	width: 100%;
}

.contact .right_side ul li.full_width.captcha {
	display:flex;
	align-items:center;
}

.contact .right_side ul li.full_width.captcha .captcha_refresh {
	padding: 5px 10px;
	color: #333;
}

.contact .right_side ul li.full_width.captcha #captchaimg {height:48px;}

textarea.inputfield {
	height: 160px;
}

.inputfield::-webkit-input-placeholder {
	color: #7f7f7f;
	opacity: 1;
}

.inputfield::-moz-placeholder {
	color: #7f7f7f;
	opacity: 1;
}

.inputfield:-ms-input-placeholder {
	color: #7f7f7f;
	opacity: 1;
}

.inputfield:-moz-placeholder {
	color: #7f7f7f;
	opacity: 1;
}

.comm_label {
	font: 15px/1.3 'Poppins', sans-serif; font-weight:700;;
	color: #333333;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
}

.cus_radio .radio_container {
	display: block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	font: 13px 'Poppins', sans-serif; font-weight:700;;
	color: #7f7f7f;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 22px;
	margin-bottom: 15px;
}

.cus_radio .radio_container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.cus_radio .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 19px;
	width: 19px;
	border-radius: 50%;
	border: 2px #333 solid;
}

.cus_radio .radio_container:hover input~.checkmark {
	background-color: none;
}

.cus_radio .radio_container input:checked~.checkmark {
	background-color: none;
}

.cus_radio .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.cus_radio .radio_container input:checked~.checkmark:after {
	display: block;
}

.cus_radio .radio_container .checkmark:after {
	top: 3px;
	left: 3px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #672b86;
}

.contact .right_side ul li .cus_radio {
	display: inline-block;
	margin-right: 30px;
}

.pad-t-0 {
	padding-top: 0;
}

.built_around {
	position: relative;
}

.built_around .wrapper {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	align-items: center;
	height: 100%;
}

.built_around .img_wrap {
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.built_around .cont {
	width: 50%;
	padding-left: 50px;
}

.built_around .cont p {
	margin-bottom: 20px;
}

.built_around .cont .com_heading {
	margin-bottom: 10px;
}

.com_heading .cl_pr {
	color: #f3792f;
}

.contact_inner .wrapper {
	display: flex;
	flex-wrap: wrap;
}

.contact_inner .img_wrap {
	width: 390px;
	display: flex;
	align-items: center;
	background: #672b86;
	padding: 0 60px;
	position: relative;
}

.contact_inner .img_wrap:after {
	content: "";
	width: 10000px;
	height: 100%;
	background: #672b86;
	position: absolute;
	left: 100%;
	top: 0;
}

.contact_inner .img_wrap ul li {
	width: 100%;
	display: inline-block;
	margin-bottom: 30px;
}

.contact_inner .img_wrap ul li:last-child {
	margin-bottom: 0;
}

.contact_inner .img_wrap ul li img {
	float: left;
}

.contact_inner .img_wrap ul li .con_detail {
	float: left;
	width: calc(100% - 27px);
	padding-left: 15px;
}

.contact_inner .img_wrap ul li .con_detail strong {
	display: block;
	font: 16px/1 'Poppins', sans-serif; font-weight:700;
	color: #FFF;
	margin-bottom: 10px;
}

.contact_inner .img_wrap ul li .con_detail span {
	color: #FFF;
}

.contact_inner .cont {
	width: calc(100% - 390px);
	padding: 70px 60px 70px 0;
}

.contact_inner .cont .com_heading {
	margin-bottom: 10px;
	font-family: 'Poppins', sans-serif; font-weight:600;
}

.contact_inner .cont p {
	line-height: 40px;
}

.contact_map {
	width: 100%;
	padding-top: 22%;
	position: relative;
}

.contact_map iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.our_work .read_morebtn {
	margin-top: 20px;
}

.our_work .com_heading {
	display: inline-block;
	position: relative;
	font: 6rem 'Poppins', sans-serif; font-weight:700;;
	line-height: 105px;
}

.our_work .com_heading:after {
	content: "";
	background: rgba(225, 225, 225, 0.4);
	position: absolute;
	right: -40px;
	top: calc(50% - 10px);
	height: 6px;
	width: 10000px;
}

.our_work .com_heading.poma:after {
	display: none;
}

.our_work .smallertext {
	padding-top: 0;
}

.port_summary {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.port_summary .left_side {
	width: 50%;
}

.port_summary .left_side img {
	width: 100%;
}

.port_summary .right_side {
	width: 50%;
	text-align: center;
	padding: 50px 60px;
}

.port_summary .right_side img {
	display: inline-block;
}

.summary_link {
	margin: 15px 0 20px 0;
}

.summary_link a {
	font: 14px/1 'Poppins', sans-serif; font-weight:700;
	color: #000;
}

.summary_link a:hover {
	text-decoration: none;
}

.port_summary .right_side p {
	font-size: 14px;
}

.port_summary .right_side .read_morebtn {
	margin-top: 30px;
}

.summary_cont {
	display: flex;
	flex-wrap: wrap;
}

.summary_cont .left_side {
	width: 60%;
	display: flex;
	flex-wrap: wrap;
}

.bl_img_big {
	width: 65%;
	padding-top: 65%;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bl_img_big img {
	width: 100%;
}

.blank_box {
	width: 35%;
}

.blank_box .box1 {
	width: 100%;
	height: 50%;
	background: #3d3841;
}

.blank_box .box2 {
	width: 100%;
	height: 50%;
	background-color: #f3792f;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.develop_box {
	width: 100%;
	padding-top: 33%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.develop_box:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 80%;
	height: 100%;
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=1);
}

.develop_box .cont {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	padding: 40px;
	width: 100%;
	max-width: 500px;
}

.develop_box .cont h4 {
	font: 1.8rem 'Poppins', sans-serif; font-weight:600;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 10px;
}

.develop_box .cont p {
	color: #FFF;
	font-size: 13px;
	line-height: 20px;
}

.summary_cont .right_side {
	width: 40%;
	display: flex;
	flex-wrap: wrap;
}

.plan_box {
	width: 100%;
	height: 200px;
	background: #3d3841;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.plan_box {
	width: 100%;
	height: 50%;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.plan_box .box1cont {
	position: absolute;
	right: 100%;
	top: 0;
	background: #3d3841;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	letter-spacing: -1px;
	text-align: center;
	padding: 10px 20px;
}

.plan_box .box1cont h3 {
	font: 3rem 'Poppins', sans-serif; font-weight:600;
	color: #FFF;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.plan_box .box1cont p {
	font-size: 14px;
	line-height: 22px;
	color: #FFF;
}

.design_box {
	width: 100%;
	height: auto;
	background-color: black;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.design_box:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 60%;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=0);
}

.design_box .cont {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	padding: 40px;
	text-align: center;
}

.design_box .cont h4 {
	font: 1.8rem 'Poppins', sans-serif; font-weight:600;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 10px;
}

.design_box .cont p {
	color: #FFF;
	font-size: 13px;
	line-height: 20px;
}

.test_inner {
	width: 100%;
}

.test_inner li {
	width: calc(25% - 15px);
	position: relative;
	margin: 0 0 20px 0;
	border: 1px #d3d3d3 solid;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	display: flex;
	align-items: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.grd_size2,
.test_inner li {
	width: calc(25% - 15px);
}

.testi_l {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.5s;
}

.test_inner li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: #FFF;
	opacity: 0.9;
	width: 100%;
	height: 100%;
	transition: all 0.8s;
}

.test_inner li .cont {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	text-align: center;
	padding: 60px 20px;
	opacity: 0;
	transition: all 0.5s;
}

.test_inner li .cont img {
	transition: all 0.8s;
}

.test_inner li .cont p {
	font: 12px/1.5 'Poppins', sans-serif; font-weight:400;;
	color: #FFF;
	margin: 40px 0;
}

.test_inner li .cont .read_morebtn {
	transition: all 0.8s;
}

.test_inner li .cont .read_morebtn .cus_btn {
	transition: all 0.8s;
}

.test_inner li:hover .testi_l {
	opacity: 0;
}

.test_inner li:hover .cont {
	opacity: 1;
}

.test_inner li:hover:before {
	background: #f3792f;
}

.test_inner li:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.test_inner.padd_sec {
	padding-bottom: 50px;
}

.seelist header.main-header .topheader {
	display: none;
}

.seelist.port_body header.main-header .topheader {
	display: flex;
}

.info-meta span {
	font: 1.5625rem/1 'Poppins', sans-serif; font-weight:700;;
	color: #fff;
	vertical-align: middle;
	display: inline-block;
}

#list-item-info .info-item .info-name h2 {
	color: #fff;
	font: 5rem/1 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase;
	line-height: 76px;
}

#list-item-info .info-item {
	width: 100%;
	max-width: 100%;
	top: initial;
	bottom: 50px;
	left: 0;
}

.watch-trailer {
	text-transform: capitalize;
	font: 14px/1.5 'Poppins', sans-serif; font-weight:400;;
	letter-spacing: initial;
}

.watch-trailer:hover {
	color: #FFF;
}

#list-item-info .info-item .info-bottom {
	width: 100%;
	max-width: 1000px;
	position: static;
	transform: translateY(0);
}

#list-item-bg .bg-item .bg-container:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

#list-item-bg .bg-item .bg-container.top_bg:after {
	display: none;
}

.watch-trailer .cus_btn {
	margin-top: 20px;
}

#list-item-info .info-item .info-top {
	position: static;
}

#list-item-info .info-item .info-top .info-meta {
	margin-bottom: -5px;
}

#list-item-info .info-item.top_bg_cont {
	bottom: initial;
	top: calc(50% + 20px);
	transform: translateY(-50%);
}

#list-item-info .info-item {
	background: none !important;
}

.port_foot {
	display: none;
}

.info_cont {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: none;
}

.section_fourth {
	height: 100%;
}

.section_fourth .rating {
	background: url(../images/rating.jpg) no-repeat top center / cover;
	display: flex;
	align-items: center;
}

.section_fourth .rating .center_cap {
	position: static;
	transform: translateY(0);
}

.section_fourth .logos .img_fig {
	background: url(../images/proud.jpg) no-repeat top center / cover;
	height:calc(100% - 121px);
}

.section_fourth .user_reviews .people {
	padding: 0;
	display: flex;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.section_fourth .user_reviews .Testimoni {
	height: 60%;
	padding: 10px 40px;
	display: flex;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.section_fourth .user_reviews .people h4 {
	width: 100%;
}

.section_fourth .user_reviews .people h2 {
	width: 100%;
	font: 4.3rem/1 'Poppins', sans-serif; font-weight:700;;
}

.section_fourth .user_reviews .people h2.purple {
	padding-bottom: 0;
}

.section_fourth .user_reviews .Testimoni .tesi_slide {
	width: 100%;
}

.section_fourth .user_reviews .Testimoni .tesi_slide li {padding-bottom:10px;}

.section_fourth .user_reviews .Testimoni .tesi_slide .text h3 {
	font: 1.8rem/1 'Poppins', sans-serif; font-weight:700;;
	color: #333;
	padding-bottom: 20px;
}

.section_fourth .user_reviews .Testimoni .tesi_slide .text p {
	font: 1.0625rem/1.5 'Poppins', sans-serif; font-weight:300;
}

.section_fourth .user_reviews .Testimoni .tesi_slide .text p.user {
	font: 1.2rem/1 'Poppins', sans-serif; font-weight:600;
	color: #333;
	padding-top: 30px;
}

.section_fourth .user_reviews .Testimoni .tesi_slide .text p a {
	font: 1.125rem/1 'Poppins', sans-serif; font-weight:600;
	color: #b4b4b4;
	padding-bottom: 40px;
	text-decoration: none;
	padding-top: 10px;
	display: block;
}

.section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots {
	display: inline-block !important;
	width: 100%;
	margin-top: 20px;
}

.section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots li {
	margin-right: 20px;
	width: 50px;
	height: 2px;
	float: left;
	display: flex;
	align-items: center;
}

.section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots li button {
	display: inline-block;
	width: 50px;
	height: 2px;
	background: #999;
	font-size: 0;
	border: 0;
	cursor: pointer;
}

.section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots li:hover button {
	background: #f3792f;
	cursor: pointer;
}

.section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots li.slick-active button {
	background: #f3792f;
}

.h3ty {
	height: 30vh;
}

.h4ty {
	height: 40vh;
}

.h4ty_plus1 {
	height: calc(40vh + 1px);
}

.h5ty {
	height: 50vh;
}

.h6ty {
	height: 60vh;
}

.h7ty {
	height: 70vh;
}

.h20ty {
	height: 100vh;
}

.ov_hi {
	overflow: hidden;
}

.section_three .llc {
	height: 100%;
}

.pomari {
	width: 100%;
	height: 100%;
}

.section_three .thumimg {
	width: 100%;
	height: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 105%;
	-webkit-transition: all 3s;
	transition: all 3s;
}

.pomari .top-caption {
	position: absolute;
	top: 50px;
	color: #fff;
	text-align: center;
	padding: 0 40px;
	width: 100%;
}

.pomari .top-caption h2 {
	font: 1.75rem/1 'Poppins', sans-serif; font-weight:700;;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.pomari .top-caption p {
	font: 0.8125rem/1.5 'Poppins', sans-serif; font-weight:400;;
	color: #fff;
}

.section_three .thumimg:hover {
	-webkit-transform: scale(1.09);
	transform: scale(1.09);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-animation-duration: 4s;
	animation-duration: 5s infinite;
}

.section_three .dmm {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.black_logo {
	position: absolute;
	display: none;
}

.pomari_air_box {
	width: 60vw;
	display: flex;
	flex-wrap: wrap;
}

.pomari_box {
	width: 40vw;
	position: relative;
}

.section_three .airbox {
	width: 20vw;
}

.section_three .plan {
	width: 20vw;
}

.dmm_box {
	width: 20vw;
}

.llc_box {
	width: 40vw;
}

.arn_cof {
	width: 40vw;
	height: 100vh;
}

.desk_port {
	display: flex;
	flex-wrap: wrap;
}

header.main-header .topheader {
	justify-content: space-between;
	align-items: center;
}

header.main-header .topheader .right-sec {
	width: auto;
}

.video_overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(35, 35, 217, 0.6);
}

header.main-header .left-nav ul {
	margin: 0;
	padding: 0;
}

header.main-header .left-nav ul li {
	display: inline-block;
	vertical-align: middle;
	padding:0 40px;
}

header.main-header .left-nav ul li a {
	display: block;
	padding: 10px 0px;
	text-decoration: none;
	font: 0.875rem/1 'Poppins', sans-serif; font-weight:600;
	color: #fff;
	text-transform: uppercase;
	-webkit-transition: all 1s;
	transition: all 1s;
	position: relative;
	transition: all 0.5s;
	z-index: 1;
	border-bottom:3px solid transparent;
}

header.main-header .left-nav ul li.active a {border-color:#f3792f;}

header.main-header .left-nav ul li a:hover {
	 border-color:#f3792f;}


/* header.main-header .left-nav ul li a:before{content: ""; position: absolute; left: 6px; top:-13px; width: 60px; height:60px; border-radius: 50%; background:rgba(243, 64, 47, 0.53); z-index: -1; opacity:0; transition:all 0.5s;} */

/* header.main-header .left-nav ul li a:after { */
	/* content: ""; */
	/* position: absolute; */
	/* right: -10px; */
	/* top: 14px; */
	/* width: 30px; */
	/* height: 2px; */
	/* background: #FFF; */
	/* z-index: -1; */
	/* opacity: 0; */
	/* transition: all 0.5s; */
/* } */

/* header.main-header .left-nav ul li a:hover:before { */
	/* opacity: 1; */
/* } */

/* header.main-header .left-nav ul li a:hover:after { */
	/* opacity: 1; */
/* } */

/* header.main-header .left-nav ul li.active a:before { */
	/* opacity: 1; */
/* } */

/* header.main-header .left-nav ul li.active a:after { */
	/* opacity: 1; */
/* } */

@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700');
.commansection .banner-content .banner-content-wrapper .banertextone h2 {
	font-weight: 200;
	text-align: center;
	font-family: 'Poppins', sans-serif;
}

.commansection .banner-content .banner-content-wrapper .banertextone h1 {
	font-weight: 200;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	margin:0;
}

.commansection .banner-content .banner-content-wrapper .banertexttwo h2 {
	text-align: center;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
}

.commansection .banner-content .banner-content-wrapper .banertexttwo h1 {
	text-align: center;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
}

.commansection .banner-content .banner-content-wrapper .banertextthree h2 {
	text-align: center;
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
}

.commansection .banner-content .banner-content-wrapper .banertextthree h1 {
	text-align: center;
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
	margin:0;
}

.commansection .banner_slider .slider_content .banertexttwo .smallertext p {
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
}

ul.service_logo {
	width: 100%;
	display: flex;
	margin-top: 40px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

ul.service_logo li {
	border: none;
	padding: 0 25px !important;
	width: 33.33%;
	text-align: center;
}

ul.service_logo li a {
	display: inline-block;
}

.con_info {
	margin-bottom: 15px;
}

.con_info h5 {
	color: #555;
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
}

.con_info h5 a {
	color: #555;
	text-decoration: none;
}

.port_btn{margin-top:20px;}


#menu {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
    list-style: none;
}

#menu:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    width: 38px;
    height: 38px;
    background: #000;
    border-radius: 50%;
    float: left;
    z-index: 1;
}


#menu path {
    fill: #FFF;
}

#menu svg {
    position: relative;
    z-index: 2;
}

.fp-viewing-firstPage #menu{display:none;}

.swal-button {background-color: #f3792f !important; border-radius:0 !important; box-shadow:none !important; outline:none !important;}
.swal-button:hover {background-color: #d96c29 !important;}
.swal-icon--error {border-color: #f3792f;}
.swal-icon--error__line {background-color: #f3792f;}

.site_loader {position:fixed; top:0; left:0; z-index:99999; background:#251f6a; width: 100%; height: 100%;}
.site_loader svg {width:80px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:none;}
.site_loader .pre_icon {width:180px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; font-size:15px;}
.logo_black {display: none;}


/* Responsive Start */

@media (max-width: 1100px){
#menu {display: none;}
}

@media (max-width:1080px){
.left-logo a img {width: 120px;}
}

@media only screen and (max-width: 992px) {
	.commansection .banner-content .banner-content-wrapper .banertexttwo {
		padding: 0 0 5px 0;
	}
	.commansection .banner-content .banner-content-wrapper .banertextthree h2 {
		font: 6.5rem/1.3 'Poppins', sans-serif; font-weight:700;;
	}

	.commansection .banner-content .banner-content-wrapper .banertextthree h1 {
		font: 6.5rem/1.3 'Poppins', sans-serif; font-weight:700;;
	}
	
	footer .container .first_grid p.btn a {
		background-color: #f3792f;
		border: 2px solid transparent;
	}
	header.main-header .topheader #nav-icon1 span {
		background: #d5d5d5;
	}
	.left-logo a img {
		max-width: 90%;
	}
	.section_fourth {
		opacity: 1 !important;
	}
	.commansection .banner-content .banner-content-wrapper .read_morebtn a {
		font: 2rem/1 'Poppins', sans-serif; font-weight:700;;
	}
	footer .container .first_grid p.btn a {
		font: 2rem/1 'Poppins', sans-serif; font-weight:700;;
	}
	.commansection .banner_slider .slider_content .banertexttwo .smallertext p {
		font: 2.2rem/1.7 'Poppins', sans-serif; font-weight:700;;
	}
	footer .copyright p {
		font: 1.5rem/1 'Poppins', sans-serif; font-weight:400;;
	}
	.mob_prot .new_slick button:hover {
		background: #f3792f;
	}

	.logo_black {display: block;}
	.logo_white {display: none;}

	header.main-header .left-nav {display: none; float: none; position: absolute; top: 100%; left: 0; width: 100%; background-color: #333; padding: 10px; z-index: 100;}

	header.main-header .left-nav ul li {display: block; padding:0;}
	header.main-header .left-nav ul li a::after {display: none;}
	header.main-header .left-nav ul li a {font: 13px/1.5 'Poppins', sans-serif; padding: 10px 10px; border:0;}
	header.main-header .left-nav ul li.active a {color:#f3792f;}
	.commansection .banner-content .banner-content-wrapper {max-width: 100%; text-align: left;}
	.commansection .banner-content .banner-content-wrapper h2 { text-align: left !important;}
	.commansection .banner-content .banner-content-wrapper h1 { text-align: left !important;}
	.section_three .airbox {width: 100%;}
	footer .container .first_grid p.btn a {padding: 10px 15px; font: 12px/1.5 'Poppins', sans-serif;}
	footer .container .third_grid ul.contact_us li a {font: 12px/1.5 'Poppins', sans-serif;}
	footer .container .second_grid ul.quick_list li a {font: 12px/1.5 'Poppins', sans-serif;}
	footer .container .third_grid ul.contact_us li p {font: 12px/1.5 'Poppins', sans-serif;}
	footer .container .first_grid p {font: 12px/1.5 'Poppins', sans-serif;}
	footer .copyright p {font: 12px/1.5 'Poppins', sans-serif;}
	footer .container .second_grid h2 {padding-bottom: 15px; font-size:15px; margin-bottom: 0;}
	footer .container .third_grid h2 {padding-bottom: 15px; margin-top: 20px; font-size:15px; margin-bottom: 0;}
}

@media only screen and (max-width: 768px) {
	footer .container .social_media {
		justify-content: flex-end;
		width: 100%;
	}
	footer .container .social_media ul.social li {
		padding: 10px 10px;
		display: inline-block;
	}
	footer .container .social_media ul.social li a {
		background: #f3792f;
	}
	footer .container .social_media ul.social li a i {
		color: #fff;
	}
	footer .container .third_grid ul.contact_us li i {
		color: #f3792f;
		font-size: 14px;
	}
	.section_fourth .rating .center_cap ul.stars-rate li {
		font-size: 2.5rem;
	}
	.section_fourth .rating .center_cap p.green {
		font: 2rem/2.5 'Poppins', sans-serif; font-weight:700;
	}
	.section_fourth .rating .center_cap span {
		font: 2rem/2.5 'Poppins', sans-serif; font-weight:700;
	}
	.section_fourth .user_reviews .people h4 {
		color: #333;
	}
	.section_fourth .user_reviews .people h2 {
		text-transform: uppercase;
	}
	.commansection .banner-content.second-posi .banner-content-wrapper .banertextone h2 span {
		color: #333;
		font: 3rem/1 'Poppins', sans-serif; font-weight:700;;
	}
	.commansection .banner-content.second-posi .banertexttwo {
		padding-bottom: 0;
	}
	footer .container .social_media ul.social li:first-child {
		padding-left: 0;
	}
	.section_fourth .user_reviews .Testimoni .remarks .slick-list .text h3 {
		font: 3.5rem/1.5 'Poppins', sans-serif; font-weight:700;;
	}
	footer .container .third_grid ul.contact_us li p span {
		color: #c6c6c6;
	}
	
}

@media only screen and (max-width: 540px) {
	.section_fourth .rating .center_cap ul.stars-rate li {
		font-size: 3.5rem;
	}
	.section_fourth .rating .center_cap p.green {
		font: 3rem/2.5 'Poppins', sans-serif; font-weight:700;
	}
	.section_fourth .rating .center_cap span {
		font: 3rem/2.5 'Poppins', sans-serif; font-weight:700;
	}
	.section_fourth .logos .logo_newlist ul.slick-dots li {
		font: 3.5rem/1.5 'Poppins', sans-serif; font-weight:700;;
	}
	/*.section_fourth .user_reviews .Testimoni .remarks .slick-list .text p{
		font:2.3rem/1.5 'Poppins', sans-serif; font-weight:300;
	}*/
}




@media(max-width:1550px) {
	header.main-header .topheader .right-sec .left-nav ul li a {
		padding: 10px 20px;
	}
	header.main-header .topheader .right-sec .left-nav ul li a::after {
		width: 20px;
	}
}

@media(max-width:1400px) {
	header.main-header .topheader .right-sec .right-cotact {
		font-size: 11px;
	}
	.deposit {
		margin-top: 40px;
	}
	.ulplan {
		margin-top: 10px;
	}
	.develop .plan_p {
		margin: 0 0 20px 0;
	}
}

@media(max-width:1300px) {
	header.main-header .topheader .right-sec .left-nav ul li a {
		padding: 10px 20px;
	}
	.plan_box .box1cont p {
		font-size: 12px;
		line-height: 16px;
	}
	.ulplan li {
		font-size: 14px;
		padding-bottom: 10px;
	}
	.plan_p {
		font-size: 14px;
	}
	.deposit {
		margin-top: 20px;
	}
	.list_abt .inner_sec .cont {
		padding: 50px 50px 100px 50px;
	}
}

@media(max-width:1200px) {
	header.main-header .topheader .right-sec .left-nav ul li a {
		padding: 10px 15px;
	}
	header.main-header .topheader .right-sec .left-nav ul li a:hover::after {
		display: none;
	}
	header.main-header .topheader .right-sec .left-nav ul li.active a::after {
		display: none;
	}
	.established .cont_sec {
		padding-right: 30px;
	}
	.plan_box .box1cont {
		align-content: flex-start;
		padding-top: 25px;
	}
	.port_summary .right_side {
		padding: 40px;
	}
	.client_head {
		top: 30px;
	}
}

@media(max-width:1100px) {
	.bannerimg {
		padding-top: 50%;
	}
	header.main-header .topheader {
		display: flex;
	}
	.seelist header.main-header .topheader {
		display: flex;
	}
	.list_abt .inner_sec {
		margin-bottom: 0;
	}
	.list_abt .inner_sec .img_wrap {
		width: 50%;
	}
	.list_abt .inner_sec.sec1 .img_wrap {
		width: 50%;
	}
	.list_abt .inner_sec .cont {
		width: 50%;
		padding: 40px 40px;
	}
	.list_abt .inner_sec.sec1 .cont {
		width: 50%;
		padding: 40px 40px;
	}
	.list_abt .inner_sec .cont h5 {
		margin-left: 40px;
	}
	.list_abt .inner_sec .cont h5::before {
		width: 30px;
	}
	ul.test_slide {
		padding: 0 50px;
	}
	ul.test_slide .slick-arrow {
		left: 14px;
	}
	ul.test_slide .slick-next.slick-arrow {
		right: 14px;
	}
	.blog_filter li {
		font-size: 14px;
		padding: 12px 0;
	}
	.blog .left_filter {
		width: 300px;
		padding: 15px 15px 0 15px;
	}
	.cont_right {
		width: calc(100% - 300px);
	}
	.subscribe {
		padding: 30px 20px;
	}
	.subscribe h5 {
		font-size: 12px;
	}
	.pagination {
		padding: 40px 0;
	}
	.how_work .cont_sec {
		padding: 60px 50px 50px 0;
	}
	.how_work.opposite .cont_sec {
		padding: 60px 0 50px 50px;
	}
	.ulplan {
		margin-top: 10px;
	}
	.ulplan li {
		font-size: 14px;
	}
	.plan_p {
		font-size: 14px;
		margin-top: 20px;
	}
	.deposit {
		margin-top: 50px;
	}
	.develop_box .cont p {
		font-size: 12px;
		line-height: 16px;
	}
	.design_box .cont p {
		font-size: 12px;
		line-height: 16px;
	}
	#list-item-bg {
		display: none;
	}
	#list-item-position {
		display: none;
	}
	#list-scrollable {
		display: none;
	}
	.seelist.list-visible {
		overflow: auto !important;
	}
	#list-item-info .info-item {
		position: static;
		padding: 80px 0;
		min-height: 100vh;
		display: flex;
		align-items: flex-end;
	}
	#list-item-info .info-item.top_bg_cont {
		align-items: center;
	}
	#list-item-info .info-item.top_bg_cont {
		transform: translateY(0);
	}
	#list-item-info .info-item {
		opacity: 1;
		visibility: visible;
	}
	#list-item-info .info-item .info-name {
		opacity: 1;
		visibility: visible;
	}
	#list-item-info .info-item .info-name h2 span.letter {
		opacity: 1;
		visibility: visible;
		transform: scale(1);
	}
	body.seelist #list-item-info .info-item .info-bottom div {
		opacity: 1;
		visibility: visible;
		transform: scale(1);
	}
	#list-item-info .info-item {
		position: relative;
		bottom: 0;
	}
	#list-item-info .info-item:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
	}
	.info_cont {
		display: block;
		z-index: -1;
	}
	.grow .cont_sec {
		padding: 50px 0;
	}
	.section_fourth .rating .center_cap {
		padding: 20px;
	}
	.section_fourth .user_reviews .people {
		padding: 30px 0;
	}
	.section_fourth .user_reviews .Testimoni {
		padding: 30px 40px;
	}
	.logo_newlist {
		padding: 30px 0;
	}
	.logo_newlist .slick-track {
		display: flex;
		align-items: center;
	}
	ul.test_slide {
		min-height: auto;
		height: 800px;
	}
	ul.test_slide li {
		min-height: auto;
		height: 800px;
	}
	#list-item-info .info-item.foot_info::before {
		display: none;
	}
	.bannerimg video {
		height: calc(100% + 10px);
	}
	body,
	html {
		overflow: auto !important;
	}
}

@media(max-width:1024px) {
	header.main-header .topheader {
		display: flex;
	}
	.section_fourth .rating img {
		display: none;
	}
	.section_fourth .user_reviews .Testimoni {
		padding: 50px 40px;
	}
	.section_fourth .logos .img_fig img {
		display: none;
	}
	.section_fourth .logos .img_fig {
		background: url(../images/proud.jpg) no-repeat center center / cover;
		padding-top: 40%;
		height: auto !important;
	}
	.inputfield {
		font-size: 10px;
	}
	.design_box .cont {
		padding: 30px;
	}
	.develop_box .cont {
		padding: 15px 30px;
	}
	.port_summary .right_side img {
		width: 100px;
	}
	.test_inner li .cont {
		opacity: 1;
	}
	.testi_l {
		display: none;
	}
	.test_inner li .cont img {
		-webkit-filter: invert(100%);
		filter: invert(100%);
	}
	.test_inner li .cont p {
		color: #000;
	}
	.test_inner li:hover::before {
		background: #FFF;
	}
	.test_inner li .cont .read_morebtn .cus_btn {
		border-color: #000;
		color: #000;
	}
	.test_inner li .cont .read_morebtn .cus_btn:hover {
		border-color: #f3792f;
		color: #FFF;
	}
	#list-item-info .info-item .info-name h2 {
		line-height: 60px;
	}
	header.main-header .topheader .right-sec .left-nav ul li a:hover::before {
		width: 50px;
		height: 50px;
		top: -11px;
	}
	header.main-header .topheader .right-sec .left-nav ul li.active a::before {
		width: 50px;
		height: 50px;
		top: -11px;
	}
}

@media(max-width:992px) {
	.padd_sec {
		padding: 50px 0;
	}
	header.main-header .topheader .right-sec .left-nav ul li a:hover::before {
		display: none;
	}
	header.main-header .topheader .right-sec .left-nav ul li a:hover {
		color: #f3792f;
	}
	.commansection .banner_slider {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.commansection .banner-content .banner-content-wrapper .smallertext-second p {
		font: 2.125rem/1.5 'Poppins', sans-serif; font-weight:400;;
	}
	.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h2 {
		margin-top: 0;
	}
	.commansection .banner-content .banner-content-wrapper .banertexttwo {
		padding-bottom: 0;
	}
	.commansection .banner-content .banner-content-wrapper .banertextone h2 span {
		font: 2.5625rem/1 'Poppins', sans-serif; font-weight:700;;
	}

	.commansection .banner-content .banner-content-wrapper .banertextone h1 span {
		font: 2.5625rem/1 'Poppins', sans-serif; font-weight:700;;
	}
	header.main-header .topheader .right-sec .right-cotact {
		font-size: 0;
	}
	header.main-header .topheader .right-sec .right-cotact a {
		font-size: 16px;
	}
	header.main-header .topheader .right-sec {
		margin-top: 12px;
		padding-right: 30px;
	}
	.established {
		padding-top: 0;
	}
	.established .cont_sec {
		width: 100%;
		padding: 40px 0 0 0;
	}
	.established .wrapper {
		display: flex;
		flex-wrap: wrap;
	}
	.established .img_sec {
		width: calc(100% + 30px);
		position: static;
		padding-top: 50%;
		order: 1;
		margin-left: -15px;
		margin-right: -15px;
	}
	.established .cont_sec {
		order: 2;
	}
	.experienced .cont_sec {
		width: 100%;
		position: static;
	}
	.experienced .img_sec {
		width: 100%;
	}
	.ban_sec::after {
		height: 100%;
	}
	.cus_btn {
		font: 1.2rem/1 'Poppins', sans-serif; font-weight:700;;
	}
	.left-logo a img {
		width: 150px;
		max-width: 100%;
	}
	header.main-header .topheader .right-sec {
		height: auto;
		margin: 0;
		width: auto;
		margin-left: auto;
	}
	header.main-header .topheader #nav-icon1 {
		height: 26px;
		top: initial;
	}
	header.main-header .topheader {
		background: #FFF;
	}
	header.main-header .topheader #nav-icon1 span {
		background: #333;
	}
	header.main-header .topheader .right-sec .right-cotact a {
		color: #333;
	}
	header.main-header .topheader {
		align-items: center;
	}
	.experienced .cont_sec {
		padding: 55px 15px;
	}
	.commansection .banner-content.second-posi {
		background: #f3792f;
	}
	.commansection .banner-content.second-posi .banner-content-wrapper .banertextone h2,
	.commansection .banner-content.second-posi .banner-content-wrapper .banertextone h2 span,
	.commansection .banner-content.second-posi .banner-content-wrapper .smallertext-second p,
	.commansection .banner-content.second-posi .banner-content-wrapper .banertexttwo h2,
	.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h2 {
		color: #FFF;
	}
	.commansection.in_bn .banner-content.second-posi {
		background: #FFF;
	}
	.commansection.in_bn .banner-content.second-posi .banner-content-wrapper .banertextone h2,
	.commansection.in_bn .banner-content.second-posi .banner-content-wrapper .banertextone h2 span,
	.commansection.in_bn .banner-content.second-posi .banner-content-wrapper .smallertext-second p,
	.commansection.in_bn .banner-content.second-posi .banner-content-wrapper .banertexttwo h2,
	.commansection.in_bn .banner-content.second-posi .banner-content-wrapper .banertextthree h2 {
		color: #333;
	}
	.blog_box li .img_wrap::after {
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
		height: 100%;
	}
	.blog_box li:hover .img_wrap::after {
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
	}
	.blog_box li .cont_wrap {
		bottom: 50%;
		transform: translateY(50%);
	}
	.blog_box li .cont_wrap .cus_btn {
		display: inline-block;
	}
	.blog_box li .cont_wrap {
		padding: 0 20px;
	}
	.blog_filter li {
		font-size: 12px;
		padding: 10px 0;
	}
	.blog .left_filter {
		width: 250px;
	}
	.cont_right {
		width: calc(100% - 250px);
	}
	.inputfield {
		font-size: 11px;
	}
	.blog_detail .cont_right {
		padding: 30px;
	}
	.blog_det .com_heading2 {
		font-size: 3rem;
	}
	.contact .left_side {
		width: 280px;
	}
	.contact .right_side {
		width: calc(100% - 280px);
		padding-left: 30px;
	}
	.built_around .cont {
		padding-left: 30px;
	}
	.padd_sec2 {
		padding: 40px 0;
	}
	.contact_inner .cont {
		padding: 40px 40px 40px 0;
	}
	.contact_inner .img_wrap {
		background: #333;
	}
	.contact_inner .img_wrap::after {
		background: #333;
	}
	.contact_map {
		padding-top: 32%;
	}
	.contact_inner .cont p {
		line-height: 30px;
	}
	.contact_inner .img_wrap {
		width: 300px;
		padding: 0 30px;
	}
	.contact_inner .cont {
		width: calc(100% - 300px);
	}
	.our_work .com_heading {
		font-size: 4rem;
		line-height: 60px;
	}
	.our_work.ban_sec::after {
		background: #000;
		opacity: 0.7;
	}
	.how_work .cont_sec {
		padding: 30px 30px 30px 0;
	}
	.how_work.opposite .cont_sec {
		padding: 30px 0 30px 30px;
	}
	.deposit {
		margin-top: 30px;
	}
	.ulplan.double li {
		width: 100%;
	}
	.develop_box::after {
		width: 100%;
	}
	.design_box::after {
		height: 100%;
	}
	.summary_cont .left_side {
		width: 100%;
		order: 2;
	}
	.summary_cont .right_side {
		width: 100%;
		order: 1;
	}
	.plan_box {
		height: auto !important;
	}
	.plan_box .box1cont {
		position: static;
		width: 100% !important;
		background: rgba(0, 0, 0, 0.8);
		padding: 40px 10%;
		min-height: 300px;
		display: flex;
		align-items: center;
		align-content: center;
	}
	.plan_box .box1cont p {
		font-size: 14px;
		line-height: 20px;
	}
	.plan_box .box1cont h3 {
		font-size: 26px;
	}
	.bl_img_big {
		display: none;
	}
	.blank_box {
		display: none;
	}
	.design_box .cont h4 {
		font-size: 26px;
	}
	.design_box .cont p {
		font-size: 14px;
		line-height: 20px;
	}
	.design_box {
		height: auto !important;
	}
	.design_box .cont {
		position: static;
		background: rgba(0, 0, 0, 0.8);
		padding: 40px 10%;
		min-height: 300px;
		display: flex;
		align-items: center;
		align-content: center;
		flex-wrap: wrap;
		justify-content: center;
	}
	.design_box::after {
		display: none;
	}
	.develop_box {
		padding: 0;
	}
	.develop_box .cont {
		position: static;
		transform: translateY(0);
		background: rgba(0, 0, 0, 0.8);
		padding: 40px 10%;
		min-height: 300px;
		display: flex;
		align-items: center;
		align-content: center;
		flex-wrap: wrap;
		justify-content: center;
		max-width: 100%;
		text-align: center;
	}
	.develop_box .cont h4 {
		font-size: 26px;
	}
	.develop_box::after {
		display: none;
	}
	.develop_box .cont p {
		font-size: 14px;
		line-height: 20px;
	}
	.port_summary .right_side p {
		font-size: 12px;
	}
	.grid-sizer,
	.test_inner li {
		width: calc(33.33% - 15px);
	}
	#list-item-info .info-item {
		min-height: 400px;
	}
	.seelist header.main-header .topheader {
		display: flex;
	}
	.commansection .banner-content.second-posi.home_bn_cont {
		background: #FFF;
	}
	.commansection .banner-content.second-posi.home_bn_cont .banner-content-wrapper .banertextone h2,
	.commansection .banner-content.second-posi.home_bn_cont .banner-content-wrapper .banertextone h2 span,
	.commansection .banner-content.second-posi.home_bn_cont .banner-content-wrapper .smallertext-second p,
	.commansection .banner-content.second-posi.home_bn_cont .banner-content-wrapper .banertexttwo h2,
	.commansection .banner-content.second-posi.home_bn_cont .banner-content-wrapper .banertextthree h2 {
		color: #333;
	}
	.commansection .banner_slider .slider_content .banertexttwo .smallertext p {
		letter-spacing: 0;
		word-spacing: 0;
		padding: 0 15px;
	}
	ul.test_slide li .cont p {
		max-height: initial;
		padding-top: 25px;
	}
	ul.test_slide li .cont .read_morebtn {
		max-height: initial;
		margin-top: 40px;
	}
	ul.test_slide li .cont {
		height: calc(100% - 200px);
		margin-top: 200px;
	}
	.black_logo {
		display: inline-block;
	}
	.desk_port {
		display: none;
	}
	header.main-header .topheader .right-sec .left-nav ul li.active a::before {
		display: none;
	}
	header.main-header .topheader .right-sec .left-nav ul li.active a {
		color: #f3792f;
	}
}

@media(max-width:768px) {
	.mob_prot .new_slick .thumimg {
		height: 450px;
	}
	.mob_prot .new_slick {
		height: 450px;
	}
	ul.test_slide {
		padding: 0;
	}
	ul.test_slide .slick-dots {
		position: absolute;
		left: 50%;
		bottom: 30px;
		transform: translateX(-50%);
	}
	ul.test_slide .slick-dots li {
		width: auto;
		height: auto;
		min-height: auto;
		border: 0;
		padding: 0 3px;
	}
	ul.test_slide .slick-dots li:before {
		display: none;
	}
	ul.test_slide .slick-dots li button {
		font-size: 0;
		border: 1px solid #666;
		border-radius: 50%;
		width: 10px;
		height: 10px;
		display: inline-block;
		padding: 0;
	}
	ul.test_slide .slick-dots li button:hover {
		background: #f3792f;
		cursor: pointer;
		border-color: #f3792f;
	}
	ul.test_slide .slick-dots li.slick-active button {
		background: #f3792f;
		cursor: pointer;
		border-color: #f3792f;
	}
	.commansection .banner-content .banner-content-wrapper .smallertext-second p {
		font: 1.8rem/1.3 'Poppins', sans-serif; font-weight:400;;
	}
	.established .cus_btn {
		margin-top: 20px;
	}
	.bannerimg {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
	}
	.home_bn {
		position: relative;
	}
	.ban_cont {
		position: relative;
		bottom: initial;
		padding: 50px 0;
	}
	.top_banner .bannerimg {
		position: relative;
		padding-top: 50%;
	}
	.commansection .banner-content {
		padding: 40px 0;
	}
	.list_abt .inner_sec .img_wrap {
		width: 100%;
		order: 1;
	}
	.list_abt .inner_sec.sec1 .img_wrap {
		width: 100%;
	}
	.list_abt .inner_sec.sec1 .cont {
		width: 100%;
	}
	.list_abt .inner_sec .cont {
		width: 100%;
		order: 2;
	}
	.list_abt .inner_sec.opposite .cont {
		text-align: left;
	}
	.cus_btn {
		font-size: 10px;
	}
	.list_abt .inner_sec .cont {
		padding: 40px 15px;
	}
	.list_abt .inner_sec.sec1 .cont {
		padding: 40px 15px;
	}
	.blog .left_filter {
		width: 100%;
		order: 2;
		padding: 15px;
	}
	.cont_right {
		width: 100%;
		order: 1;
	}
	.blog_box li .cont_wrap .cus_btn {
		font-size: 11px;
	}
	.pagination {
		padding: 40px 15px;
	}
	.blog_det .com_heading2 {
		font-size: 4rem;
		margin-bottom: 10px;
	}
	.blog_det h3 {
		font-size: 2.5rem;
	}
	.blog_det p {
		font-size: 14px;
	}
	.blog_detail .cont_right {
		padding: 40px 15px 0 15px;
	}
	.contact .left_side {
		width: 100%;
		order: 2;
	}
	.contact .right_side {
		width: 100%;
		padding: 0 0 40px 0;
		order: 1;
	}
	.contact .left_side .add {
		max-width: 100%;
	}
	.built_around .img_wrap {
		position: static;
		padding-top: 50%;
		width: calc(100% + 30px);
		margin: 0 -15px 0 -15px;
	}
	.built_around .cont {
		width: 100%;
		padding: 30px 0 30px 0;
	}
	.contact_inner .img_wrap {
		width: 100%;
		padding: 60px 30px;
	}
	.contact_inner .cont {
		width: 100%;
		padding: 40px 0 0 0;
	}
	.contact_map {
		padding-top: 38%;
	}
	.how_work .wrapper {
		display: flex;
		flex-wrap: wrap;
	}
	.how_work .cont_sec {
		width: 100%;
		padding: 40px 0;
		order: 2;
	}
	.how_work .img_wrap {
		position: static;
		padding-top: 50%;
		width: calc(100% + 30px);
		order: 1;
		margin: 0 -15px 0 -15px;
	}
	.how_work.opposite .cont_sec {
		padding: 40px 0;
	}
	.grow .left_side {
		width: 100%;
	}
	.grow .right_side {
		width: 100%;
		margin: 30px 0 0 0;
		padding-bottom: 80px;
	}
	.grow .right_side p {
		font-size: 16px;
	}
	.port_summary .left_side {
		width: 100%;
	}
	.port_summary .right_side {
		width: 100%;
		padding: 40px 15px;
	}
	.section_fourth .user_reviews .people {
		height: auto;
	}
	.section_fourth .user_reviews .Testimoni {
		height: auto;
	}
	.contact .right_side ul li {
		width: 100%;
		margin-bottom: 15px;
	}
	.grid-sizer,
	.test_inner li {
		width: calc(50% - 15px);
	}
	#list-item-info .info-item .info-name h2 {
		line-height: 50px;
	}
	#list-item-info .info-item .info-top {
		margin-bottom: 5px;
	}
	.commansection .banner-content .banner-content-wrapper .smallertext-second {
		padding: 10px 0 20px 0;
	}
	.section_fourth .user_reviews .Testimoni .tesi_slide .text h3 {
		font-size: 2.2rem;
	}
	.section_fourth .user_reviews .Testimoni .tesi_slide .text p {
		font-size: 1.5rem;
	}
	.section_fourth .user_reviews .Testimoni .tesi_slide .text p.user {
		font-size: 1.6rem;
	}
	.section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots {
		margin-top: 25px;
	}
	ul.test_slide {
		height: 700px;
	}
	ul.test_slide li {
		height: 700px;
	}
	.contact_inner .img_wrap {
		margin-top: 40px;
		padding: 40px 0;
	}
	.contact_inner .img_wrap::before {
		content: "";
		width: 10000px;
		height: 100%;
		background: #333;
		position: absolute;
		right: 100%;
		top: 0;
	}
}

@media(max-width:540px) {
	.commansection .banner-content .banner-content-wrapper .smallertext-second p {
		font-size: 12px;
	}
	.smallertext p {
		font-size: 12px;
	}
	.list_abt .inner_sec .cont p {
		font-size: 12px;
	}
	.list_abt .inner_sec .cont h3 {
		font: 6rem/1 'Poppins', sans-serif; font-weight:600;
	}
	header.main-header .topheader .right-sec {
		padding-right: 20px;
	}
	.blog_box li .cont_wrap h3 {
		font-size: 3rem;
	}
	.pagination ul li a {
		width: 35px;
		height: 35px;
	}
	.blog_det .com_heading2 {
		font-size: 5rem;
	}
	.blog_det h3 {
		font-size: 20px;
	}
	.contact .left_side h3 {
		font-size: 5rem;
	}
	.contact_inner .cont p {
		line-height: 24px;
		font-size: 14px;
	}
	.contact_map {
		padding-top: 45%;
	}
	.our_work .com_heading::after {
		display: none;
	}
	.our_work .com_heading {
		line-height: initial;
		font-size: 5rem;
	}
	.how_work_h {
		font-size: 3rem;
	}
	.how_work_h span {
		font-size: 15rem;
	}
	.grow .right_side h2 {
		font-size: 12rem;
	}
	.commansection .banner-content .banner-content-wrapper .smallertext-second.banp {
		padding-top: 10px;
	}
	#list-item-info .info-item .info-name h2 {
		line-height: 30px;
		margin-bottom: 5px;
	}
	.watch-trailer {
		font-size: 12px;
	}
	.section_fourth .user_reviews .Testimoni .tesi_slide .text h3 {
		font-size: 3.2rem;
	}
	.section_fourth .user_reviews .Testimoni .tesi_slide .text p {
		font-size: 2.5rem;
	}
	.section_fourth .user_reviews .Testimoni .tesi_slide .text p.user {
		font-size: 2.8rem;
	}
	.section_fourth .user_reviews .Testimoni {
		padding: 40px 15px;
	}
	.section_fourth .user_reviews .people h2.purple {
		border-bottom: 3px solid #dad9da;
	}
	.section_fourth .user_reviews .people h4 {
		padding-left: 15px;
	}
	.section_fourth .user_reviews .people h2 {
		padding-left: 15px;
	}
	header.main-header .topheader {transition:none;}
	header.main-header .topheader .right-sec .right-cotact {display: none;}
}



@media (max-width: 535px){
	footer .container .first_grid > a {display: none;}
	footer .container {padding: 10px 0; margin: 0 5%;}
	.mob_prot .new_slick .dmm .top-caption h2, .mob_prot .new_slick .worked_across .top-caption h2, .mob_prot .new_slick .llc .top-caption h2 {font: 14px/1 'Poppins', sans-serif; font-weight: 700;}
	.mob_prot .new_slick .item .top-caption h2, .section_three .airbox .figcaption h4, .mob_prot .new_slick .arnold .bottom-caption h2, .mob_prot .new_slick .coffee .top-caption h2 {font: 14px/1 'Poppins', sans-serif; font-weight: 700;}

	
	.mob_prot .new_slick .dmm .top-caption p, .mob_prot .new_slick .worked_across .top-caption p, .mob_prot .new_slick .llc .top-caption p {font-size:12px;}
	.mob_prot .new_slick .item .top-caption p, .mob_prot .new_slick .airbox .figcaption p, .mob_prot .new_slick .arnold .bottom-caption p, .mob_prot .new_slick .coffee .top-caption p {font-size:12px;}
	.section_fourth .rating .center_cap p.green {font: 12px/1.5 'Poppins', sans-serif; font-weight: normal;font-weight: 700;}
	.section_fourth .rating .center_cap p { font: 15px/1.5 'Poppins', sans-serif; font-weight: normal; font-weight: 700;}
	.section_fourth .user_reviews .people h2.purple {border:none;}
	.section_fourth .user_reviews .Testimoni {padding-top: 0;}
	.section_fourth .user_reviews .people {padding-bottom: 20px;} 
	.experienced ul li {padding: 0 5px !important;}
}



@media(max-width:480px) {
	.bannerimg {
		padding-top: 60%;
	}
	.mob_prot .new_slick .thumimg {
		height: 320px;
	}
	.mob_prot .new_slick {
		height: 320px;
	}
	header.main-header .topheader .right-sec .right-cotact a {
		display: block;
		margin: 4px 0 0 8px;
	}
	.left-logo a img {
		width: 120px;
	}
	header.main-header .topheader .right-sec .right-cotact a {
		font-size: 14px;
		margin: 0;
	}
	.experienced ul {
		margin-top: 30px;
	}
	.experienced ul li {
		padding: 0 5px;
	}
	.blog_box li {
		width: 100%;
		padding-top: 50%;
	}
	.blog_post {
		flex-wrap: wrap;
	}
	.blog_social {
		width: 100%;
		margin-top: 10px;
	}
	.blog_social a {
		margin: 0 5px 0 0;
	}
	.contact_map {
		padding-top: 50%;
	}
	.commansection .banner-content {
		padding: 20px 0;
	}
	.grid-sizer,
	.test_inner li {
		width: 100%;
	}
	
	.section_fourth .logos .img_fig {
		padding-top: 60%;
	}
	.section_fourth .logos .img_fig .fig_cap {
		max-width: 300px;
	}
	.commansection .banner-content .banner-content-wrapper .banertextthree h2 {
		font: 4.9rem/1.2 'Poppins', sans-serif; font-weight:700;;
	}

	.commansection .banner-content .banner-content-wrapper .banertextthree h1 {
		font: 4.9rem/1.2 'Poppins', sans-serif; font-weight:700;;
	}
	.commansection .banner-content .banner-content-wrapper .banertextone h2 {
		font: 4.9rem/1.2 'Poppins', sans-serif; font-weight:700;;
	}

	.commansection .banner-content .banner-content-wrapper .banertextone h1 {
		font: 4.9rem/1.2 'Poppins', sans-serif; font-weight:700;;
	}
	.commansection .banner-content .banner-content-wrapper .banertexttwo h2 {
		font: 4.9rem/1.2 'Poppins', sans-serif; font-weight:700;;
	}

	.commansection .banner-content .banner-content-wrapper .banertexttwo h1 {
		font: 4.9rem/1.2 'Poppins', sans-serif; font-weight:700;;
	}
	ul.test_slide li .cont {
		height: calc(100% - 140px);
		margin-top: 140px;
	}
	ul.test_slide li:hover::before {
		background: #FFF;
	}
	ul.test_slide li:hover img {
		filter: invert(0);
	}
	ul.test_slide li:hover .cont p {
		color: #333;
	}
	ul.test_slide li:hover .cont .read_morebtn .cus_btn {
		color: #333;
		border-color: #333;
	}
	ul.test_slide .slick-dots {
		transform: translateX(0);
		width: 100%;
		display: flex !important;
		justify-content: center;
		left: 0;
	}
}