.site-banner,
.banner-single {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	overflow: hidden;
}

.site-banner,
.site-banner .wrapper-content-banner,
.site-banner .content-banner,
.banner-single,
.banner-single .wrapper-content-banner,
.banner-single .content-banner {
	position: relative;
}


.site-banner:before,
.banner-single:before {
	display: inline-block;
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: -webkit-radial-gradient(50% 50.00%, 50% 50.00%, rgba(142, 175, 198, 0.50) 0%, rgba(64, 109, 133, 0.50) 100%);
	background: -moz-radial-gradient(50% 50.00%, 50% 50.00%, rgba(142, 175, 198, 0.50) 0%, rgba(64, 109, 133, 0.50) 100%);
	background: -o-radial-gradient(50% 50.00%, 50% 50.00%, rgba(142, 175, 198, 0.50) 0%, rgba(64, 109, 133, 0.50) 100%);
	background: radial-gradient(50% 50.00% at 50% 50.00%, rgba(142, 175, 198, 0.50) 0%, rgba(64, 109, 133, 0.50) 100%);
	-webkit-animation: showIn 1800ms;
	   -moz-animation: showIn 1800ms;
	     -o-animation: showIn 1800ms;
	        animation: showIn 1800ms;
}

.site-breadcrumbs {
	-webkit-animation: showIn 3500ms;
	   -moz-animation: showIn 3500ms;
	     -o-animation: showIn 3500ms;
	        animation: showIn 3500ms;
}

.site-banner .content-banner,
.banner-single .content-banner {
	-webkit-animation: showInContent 2500ms;
	   -moz-animation: showInContent 2500ms;
	     -o-animation: showInContent 2500ms;
	        animation: showInContent 2500ms;
}

.site-banner .wrapper-content-banner:before,
.site-banner .wrapper-content-banner:after,
.banner-single .wrapper-content-banner:before,
.banner-single .wrapper-content-banner:after {
	display: inline-block;
	position: absolute;
	content: '';
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}

.site-banner .wrapper-content-banner,
.banner-single .wrapper-content-banner {
	min-width: 100vw;
}

/* ------------------------------------
		  Pattern banner
--------------------------------------*/
/* pattern medium and short */
.site-banner.banner-size-short .wrapper-content-banner:before,
.site-banner.banner-size-medium .wrapper-content-banner:before,
.banner-single .wrapper-content-banner:before {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	max-width: 100vw;
}

/* pattern banner short */
.site-banner.banner-size-short .wrapper-content-banner:before {
	background-image: var(--pattern-banner-size-short);
}

/* pattern banner medium */
.site-banner.banner-size-medium .wrapper-content-banner:before,
.banner-single .wrapper-content-banner:before {
	background-image: var(--pattern-banner-size-medium);
	-webkit-animation: showIn 2000ms;
	   -moz-animation: showIn 2000ms;
	     -o-animation: showIn 2000ms;
	        animation: showIn 2000ms;
}

/* pattern banner large --------*/
.site-banner.banner-size-large .wrapper-content-banner:before {
	bottom: 0;
	left: 0;
	width: 26%;
	max-width: 480px;
	height: 73.75%;
	max-height: 703.53px;
	background-image: var(--patern-banner--circle-left);
}

.site-banner.banner-size-large .wrapper-content-banner:after {
	top: 0;
	right: 0;
	width: 36%;
	max-width: 672px;
	height: 98.742%;
	max-height: 942px;
	background-image: var(--pattern-banner-circle-right);
}

.site-banner .wrapper-content-banner,
.site-banner .content-banner,
.banner-single .wrapper-content-banner,
.banner-single .content-banner {
	width: 100%;
	height: 100%;
	z-index: 1;
}

.site-banner .wrapper-content-banner,
.banner-single .wrapper-content-banner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
}

.site-banner .content-banner,
.banner-single .content-banner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	max-width: 917px;
	color: var(--white);
	margin: 0 auto;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.site-banner .content-banner h1,
.site-banner .content-banner h2,
.site-banner .content-banner h3,
.banner-single .content-banner h1,
.banner-single .content-banner h2,
.banner-single .content-banner h3 {
	color: var(--gray-300);
}

.site-banner .content-banner p,
.banner-single .content-banner p {
	color: var(--white);
	line-height: var(--lineheight-m);
}

/* arrow down */
.icon-scroll-down {
	position: absolute;
	bottom: 96.85px;
	left: 50%;
	right: 0;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	-webkit-animation: bounceScrollDown 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
	   -moz-animation: bounceScrollDown 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
	     -o-animation: bounceScrollDown 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
	        animation: bounceScrollDown 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@-webkit-keyframes bounceScrollDown {
	50% {
		-webkit-transform: translateX(-50%) translateY(-15px);
		        transform: translateX(-50%) translateY(-15px);
	}
}

@-moz-keyframes bounceScrollDown {
	50% {
		-moz-transform: translateX(-50%) translateY(-15px);
		     transform: translateX(-50%) translateY(-15px);
	}
}

@-o-keyframes bounceScrollDown {
	50% {
		-o-transform: translateX(-50%) translateY(-15px);
		   transform: translateX(-50%) translateY(-15px);
	}
}

@keyframes bounceScrollDown {
	50% {
		-webkit-transform: translateX(-50%) translateY(-15px);
		   -moz-transform: translateX(-50%) translateY(-15px);
		     -o-transform: translateX(-50%) translateY(-15px);
		        transform: translateX(-50%) translateY(-15px);
	}
}

@-webkit-keyframes showIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes showIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes showIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes showIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes showInContent {
	0% {
		-webkit-transform: translateY(-20%);
		        transform: translateY(-20%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes showInContent {
	0% {
		-moz-transform: translateY(-20%);
		     transform: translateY(-20%);
		opacity: 0;
	}

	100% {
		-moz-transform: translateY(0);
		     transform: translateY(0);
		opacity: 1;
	}
}

@-o-keyframes showInContent {
	0% {
		-o-transform: translateY(-20%);
		   transform: translateY(-20%);
		opacity: 0;
	}

	100% {
		-o-transform: translateY(0);
		   transform: translateY(0);
		opacity: 1;
	}
}

@keyframes showInContent {
	0% {
		-webkit-transform: translateY(-20%);
		   -moz-transform: translateY(-20%);
		     -o-transform: translateY(-20%);
		        transform: translateY(-20%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
}


@media all and (min-width: 601px) {
	.ic-scrolldown,
	.icon-scroll-down {
		display: inline-block;
		width: 32px;
		height: 32px;
	}

	.ic-scrolldown {
		background: url(../icons/arrow-icon-down-white-conet.svg) center/cover no-repeat;
	}
	
	.site-banner .button-group-banner .btn-banner-secondary {
		margin-left: 30px;
	}

	/* banner single */
	.banner-single .content-banner {
		margin-bottom: 70px;
	}

	.content-banner .button-group-banner {
		margin-top: 52px;
	}
}


@media all and (min-width: 1600px) {
	.site-banner.banner-size-short,
	.site-banner.banner-size-short .wrapper-content-banner {
		min-height: 640px;
	}

	.site-banner.banner-size-medium,
	.site-banner.banner-size-medium .wrapper-content-banner,
	.banner-single,
	.banner-single .wrapper-content-banner {
		min-height: 805px;
	}

	.site-banner.banner-size-large,
	.site-banner.banner-size-large .wrapper-content-banner {
		min-height: 954px;
	}

	.site-banner.banner-size-short .wrapper-content-banner {
		padding: 200px 100px 160px;
	}


	.site-banner.banner-size-medium .wrapper-content-banner,
	.banner-single .wrapper-content-banner {
		padding: 215px 100px 200px;
	}

	.site-banner.banner-size-large .wrapper-content-banner {
		padding: 250px 100px;
	}
}

@media all and (min-width: 1300px) and (max-width: 1599px) {
	.site-banner.banner-size-short .wrapper-content-banner {
		padding: 120px 100px;
	}

	.site-banner.banner-size-medium .wrapper-content-banner,
	.banner-single .wrapper-content-banner {
		padding: 200px 100px;
	}

	.site-banner.banner-size-large .wrapper-content-banner {
		padding: 220px 100px;
	}
}

@media all and (min-width: 901px) and (max-width: 1599px) {
	.site-banner.banner-size-short,
	.site-banner.banner-size-short .wrapper-content-banner {
		min-height: 600px;
	}

	.site-banner.banner-size-medium,
	.site-banner.banner-size-medium .wrapper-content-banner,
	.banner-single,
	.banner-single .wrapper-content-banner {
		min-height: 680px;
	}
	
	.site-banner.banner-size-large,
	.site-banner.banner-size-large .wrapper-content-banner {
		min-height: 768px;
	}
}

@media all and (min-width: 901px) and (max-width: 1299px) {
	.site-banner.banner-size-short .wrapper-content-banner {
		padding: 120px 24px;
	}

	.site-banner.banner-size-medium .wrapper-content-banner,
	.banner-single .wrapper-content-banner {
		padding: 180px 24px;
	}

	.site-banner.banner-size-large .wrapper-content-banner {
		padding: 200px 24px;
	}
}

@media all and (min-width: 901px) {
	.site-banner .content-banner p,
	.banner-single .content-banner p,
	.banner-single .content-banner .excerpt {
		max-width: 544px;
		width: 100%;
		margin: 0 auto;
	}

	/* =================================
        STYLING CHILD PAGE SERVICE
    ====================================*/
	.page-child.parent-pageid-674 .wrapper-content-banner,
    .page-child.parent-pageid-680 .wrapper-content-banner,
    .page-child.parent-pageid-683 .wrapper-content-banner {
        padding-bottom: 264px;
    }

    .page-child.parent-pageid-674 .content-banner,
    .page-child.parent-pageid-680 .content-banner,
    .page-child.parent-pageid-683 .content-banner {
        padding-bottom: 90px;
		padding-top: 9.05px;
    }

}

@media all and (max-width: 1024px) {
	.site-banner,
	.banner-single {
		--text-6xl: 32px;

	}

	.banner-single .excerpt {
		font-size: var(--text-sm);
	}

}

@media all and (max-width: 900px) {
	.site-banner .content-banner h1 br {
		display: none;
	}

	.site-banner.banner-size-large .wrapper-content-banner:before,
	.site-banner.banner-size-large .wrapper-content-banner:after {
		display: none;
	}

	.site-banner.banner-size-short .wrapper-content-banner {
		padding: 140px 24px 136px;
	}

	.site-banner.banner-size-medium .wrapper-content-banner,
	.banner-single .wrapper-content-banner {
		padding: 145px 24px 136px;
	}

	.site-banner.banner-size-large .wrapper-content-banner {
		padding: 160px 24px 101px;
	}

	.site-banner.banner-size-short,
	.site-banner.banner-size-short .wrapper-content-banner {
		min-height: 500px;
	}

	.site-banner.banner-size-medium,
	.site-banner.banner-size-medium .wrapper-content-banner,
	.banner-single,
	.banner-single .wrapper-content-banner {
		min-height: 560px;
	}

	.site-banner.banner-size-large,
	.site-banner.banner-size-large .wrapper-content-banner {
		min-height: 633px;
	}

	.site-banner.banner-size-medium .wrapper-content-banner .content-banner,
	.banner-single .wrapper-content-banner .content-banner {
        margin-bottom: 54px;
    }
}

@media all and (max-width: 600px) {
	.site-banner .button-group-banner .btn-banner-secondary {
		margin-top: 10px;
	}
	
	.site-banner .button-group-banner>.whbutton-wrapper {
		width: 100%;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.content-banner .button-group-banner {
		margin-top: 21px;
	}

	.single-post .banner-single .wrapper-content-banner .content-banner {
    	margin-bottom: 0px;
	}

}