/* 1. Theme default css -------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
body {

	font-family: 'Poppins', sans-serif;

	font-weight: 400;

}

h1,h2,h3,h4,h5,h6 {color: #222222;font-weight: 500;}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color: inherit;}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color: #6c63ff}

h4 {font-size: 36px;}

h5 {font-size: 24px;}

h6 {font-size: 21px;}

p {

	font-size: 16px;

	font-weight: 400;

	line-height: 28px;

	color: #666666;

}

span,

input,

img{

	transition: all .3s ease-out;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	-ms-transition: all .3s ease-out;

	-o-transition: all .3s ease-out;

}

input, select, textarea
{
	background: #f0f6fb;
}

ul {

	margin: 0px;

	padding: 0px;

}

li {

	list-style: none

}

img {

	max-width: 100%;

	transition: all 0.3s ease-out 0s;

}

a,button,li{

	transition: .3s;

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.over-hidden{overflow: hidden;}

.clear-both{clear: both;}

.over-scroll{overflow: scroll;}

.over-x-hidden{overflow-x: hidden;}

.over-x-scroll{ overflow-y: scroll;}

.transition-3{transition: .3s;}

a:focus,button:focus,.btn:focus {

	text-decoration: none;

	outline: 0;

	box-shadow: none;

}

a:focus,a:hover,.portfolio-cat a:hover,.footer-menu li a:hover {

	color: #222222;

	text-decoration: none;

	outline: 0 none;

}

*::-moz-selection {

	background: #666666;

	color: #fff;

	text-shadow: none;

}

::-moz-selection {

	background: #444;

	color: #fff;

	text-shadow: none;

}

::selection {

	background: #444;

	color: #fff;

	text-shadow: none;

}

*::-moz-placeholder {

	color: #222222;

	font-size: 17px;

	opacity: .6;

}

*::placeholder {

	color: #222222;

	font-size: 17px;

	opacity: .6;

}

.transition{transition: .3s;}

.btn:focus,input:focus,textarea:focus{outline: 0 none;}

.f-600{font-weight: 600;}

.f-800{font-weight: 800;}

.f-700{font-weight: 700;}

.f-900{font-weight: 900;}

.z-index11{z-index: 11;}

.z-index1{z-index: 1;}

.z-index-1{z-index: -1;}

.top-0{top: 0;}

.left-0{left: 0;}

.right-0{right:0}

.bottom-0{bottom: 0;}

.no-repeat{background-repeat: no-repeat;}

.bg-cover{background-size: cover;}

.left-50{ left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }

/* bttton */

.btn {

	padding: 12px 58px;

	font-size: 18px;

	font-weight: 600;

	border: 1px solid #6c63ff;

	box-shadow: 0px 5px 15px 0px rgba(8, 0, 140, 0.19);

	border-radius: 28px;

	color: #fff;

	outline: 0 none;

	text-transform: capitalize;

	transition: .3s;

	-webkit-border-radius: 28px;

	-moz-border-radius: 28px;

	-ms-border-radius: 28px;

	-o-border-radius: 28px;

}

.btn:hover{color: #6c63ff;background: #ffffff;}

.btn:focus{color: #6c63ff;background: #ffffff;}

.btn-2 a::before,

.btn-2 a::after {

	position: absolute;

	content: "";

	background: #6c63ff;

	height: 2px;

	bottom: -2px;

	left: 0;

	right: 0;

	width: 100%;

}

.btn-2 a::after {

	background: #222222;

	width: 0;

	transition: .5s;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-ms-transition: .5s;

	-o-transition: .5s;

}

.btn-2:hover >a::before{width: 0;}

.btn-2:hover >a::after{width: 100%;}

/* slick-arrow */

.testimonial-active .slick-arrow .l-a,.testimonial-active .slick-arrow .r-a,.slider-active .slick-arrow .l-a,.slider-active .slick-arrow .r-a{

	position: absolute;

	bottom: 40px;

	width: 48px;

	height: 48px;

	background: #fff;

	color: #555555;

	text-align: center;

	line-height: 48px;

	z-index: 1;

	font-size: 18px;

	border-radius: 50%;

	box-shadow: 0px 6px 30px 0px rgba(7, 7, 7, 0.12);

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

	cursor: pointer;

}

.testimonial-active .slick-arrow .r-a {left: 70px; }

.testimonial-active .slick-arrow .r-a:hover,.testimonial-active .slick-arrow .l-a:hover{cursor: pointer; box-shadow: 0px 6px 30px 0px rgba(7, 7, 7, 0.15);}

.testimonial-active .slick-arrow .l-a:hover, .testimonial-active .slick-arrow .r-a:hover{background: #6c63ff;color: #fff;} 

.slider-active .slick-arrow .l-a, .slider-active .slick-arrow .r-a {

	width: 54px;

	height: 54px;

	box-shadow: none;

	line-height: 50px;

	bottom: 50%;

	transform: translateY(-50%);

	background: transparent;

	border: 2px solid #6c63ff;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

}

.slider-active .slick-arrow .l-a{left: 56px;}

.slider-active .slick-arrow .r-a{right: 56px;}

.slider-active .slick-arrow .l-a:hover, .slider-active .slick-arrow .r-a:hover{background: #6c63ff;color: #fff;}

/* 2. header

--------------------------------------------------- */

.tdeffect
{
   box-shadow: inset 0px 0px 10px 6px rgba(0, 0, 0, 0.1); 	
}

.transparent-header {

	position: absolute;

	left: 0;

	top:0;

	width: 100%;

	z-index: 22;

	transition: .3s;;

	transition: .5s;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-ms-transition: .5s;

	-o-transition: .5s;

}




.body-overlay {

	background-color: rgba(0, 0, 0, 0.5);

	height: 100%;

	width: 100%;

	position: fixed;

	top: 0;

	z-index: 999;

	left: 0;

	opacity: 0;

	visibility: hidden;

	transition: all .5s ease-out  ;

	-webkit-transition: all .5s ease-out  ;

	-moz-transition: all .5s ease-out  ;

	-ms-transition: all .5s ease-out  ;

	-o-transition: all .5s ease-out  ;

}

.body-overlay.opened {

	opacity: 1;

	visibility: visible;

}

.sticky-menu {

	position: fixed;

	top: 0;

	left: 0;

	z-index: 22;

	width: 100%;

	z-index: 99;

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

}

.sticky-menu .header{

	background: #f0f6fb;

	-webkit-box-shadow: 0 8px 4px -7px rgba(115,115,115,0.3);

	-moz-box-shadow: 0 8px 4px -7px rgba(115,115,115,0.3);

	box-shadow: 0 8px 4px -7px rgba(115,115,115,0.3);

	transition: .5s;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-ms-transition: .5s;

	-o-transition: .5s;

}

.sticky-menu .logo  img{max-width: 90%;}

.sticky-menu .logo {padding: 10px 0;}

.sticky-menu .main-menu ul li > a {padding: 20px 0;}

.sticky-menu .main-menu ul li > a::before, .sticky-menu .main-menu ul li.active a::before {bottom: 24px;}

.main-menu ul li {

	display: inline-block;

	margin-left: 20px;

	position: relative;

}

.main-menu ul li > a {

	color: #222222;

	font-size: 16px;

	font-weight: 600;

	display: inline-block;

	text-transform: capitalize;

	padding: 25px 0;

	position: relative;

}

.main-menu ul li:hover > a,.main-menu ul li.active a,.mean-container .mean-nav ul li a:hover{color: #6c63ff;}

.mean-container .mean-nav ul li a {color: #222 !important;}





/* home4 */

.sticky-menu .header4 {background: #4741af;}

.header-right a{font-size: 18px;}

.header4 .main-menu ul li > a:hover::before,.header4 .main-menu ul li > a:hover a.active::before,.header4 .main-menu ul li.active a::before{background: #ffffff;}

/* home5 */

.sticky-menu .header5,.sticky-menu .header6 {background: #6c63ff;}

/* 3. slider

-------------------------------------------------------------- */

.slider-height1,.slider3-bg .slider-height1{height: 1070px;}

.slider-content span {

	font-size: 24px;

	line-height: 2;

}

.slider-content h1 {font-size: 60px;}

.slider-content p {

	font-size: 24px;

	line-height: 1.4;

}

.slider-dotted {

	z-index: -1;

	left: -117px;

	top: -92px;

}

.slider-img1 {

	position: absolute;

	left: 42px;

	right: 0;

	top: 2px;

	width: 125%;

	z-index: 1;

}

.slider-bg{

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: -1;

}

/* home4 */

.slider4-bg{background: #4741af;}

.slider-height4,.slider5-bg,.slider6-bg,.slider2-bg{min-height: 1080px;}

.slider-height4 .slider-content h1,.slider5-bg .slider-content h1,.slider3-bg .slider-content h1,.slider2-bg .slider-content h1{font-size: 72px;line-height: 1.23;}

.slider-height4 .slider-img img {border-radius: 10px;}

/* home5 */

.overly::before,.overly4::before,.overly9::before {

	position: absolute;

	content: "";

	background: #000;

	opacity: 0.549;

	width: 100%;

	height: 100%;

}

.overly9::before{opacity: 0.8;}

.slider-arrow{bottom: 11%;}

.slider-arrow-btn{

	width: 22px;

	height: 35px;

	border: 2px solid #fff;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

}

.slider-arrow-btn::before {

	position: absolute;

	content: "";

	width: 2px;

	height: 6px;

	background: #fff;

	top: 5px;

	left: 50%;

	transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);

}

/* home6 */

#background-video {object-fit: cover;}

.overly4::before{opacity:0.4}

.slider6-bg .slider-content h1 {font-size: 120px; line-height: 1.1;}



/* 4. about area

------------------------------------------------------------- */

.about-area .title{max-width: 470px;}

.title h3 {

	font-size: 48px;

	line-height: 1.25;

}

.about-text li {

	width: 50%;

}

.about-text p {

	font-size: 18px;

	line-height: 1.55;

	word-wrap: break-word;

	word-break: break-all;

}

.about-img {

	margin-left: -340px;

	margin-right: 50px;

}



/* 5. feature area

------------------------------------------------------------- */

.feature-img {

	margin-left: -240px;

}

.feature-product-wrapper-bg .f-bg-img{

	background-position: top;

	background-repeat: no-repeat;

	background-size: cover;

	min-width: 100%

}

.feature-icon {

	font-size: 23px;

}

.feature-area2 .service-img {

	margin-right: -138px;

}



/* 6. service area

------------------------------------------------------------- */

.ser-icon span {

	width: 60px;

	height: 60px;

	border-radius: 50%;

	line-height: 60px;

	font-size: 21px;

	margin-bottom: 20px;

} 

.service-img-bg {

	width: 624px;

	height: 624px;

	border-radius: 50%;

	background-color: transparent;

}

.service-img-bg {

	display: flex;
    align-items: center;
    justify-content: center;

}

.service-area .ser-icon{ transition:.3s ; -webkit-transition:.3s ; -moz-transition:.3s ; -ms-transition:.3s ; -o-transition:.3s ; }

.service-area .single-service:hover .ser-icon{margin-left: 30px}



   

/* 7. product area

-------------------------------------------------------------- */

.product-bg {

	position: absolute;

	right: -210px;

	bottom: -180px;

	background-position: 0% 0%;

	background-repeat: no-repeat;

	background-size: 100% auto;

}

.title.text-center p{

	font-size: 16px;

}

.single-product {

	background: linear-gradient(#fff 60%, #5acee7);

	box-shadow: inset 0px 0px 10px 6px rgba(0, 0, 0, 0.1);

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

	height: auto;

	border-radius: 2rem;

}

.single-product:hover {

/*	box-shadow: 0px 5px 15px 0px rgba(7, 7, 7, 0.09);*/

	margin-top: -10px;

}



/* 8. team area

-------------------------------------------------------------- */

.team-content p{

	font-size: 16px;

}

.single-team{overflow: hidden;}

.team-img{ transition: .5s;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-ms-transition: .5s;

	-o-transition: .5s;}

.single-team:hover .team-img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.team-img::before {

	content: "";

	position: absolute;

	background: rgba(108,99,255,.75);

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	opacity: 0;

	visibility: hidden;

	transition: .5s;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-ms-transition: .5s;

	-o-transition: .5s;

}

.team-img:hover.team-img::before{ visibility: visible; opacity: 1; }

.team-content-left {

	left: -105px;

	bottom: 34px;

	-webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

	-o-transform: rotate(-90deg);

	transform: rotate(-90deg);

}

.team-content-right {

	top: 32px;

	right: -103px;

	-webkit-transform: rotate(90deg);   

	-moz-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	transform: rotate(90deg);

}

.team-img .social-link {

	top: 54%;

	left: 0;

	right: 0;

	transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s;

	-ms-transition: .4s;

	-o-transition: .4s;

	opacity: 0;

	visibility: hidden;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

}

.single-team:hover .social-link{visibility: visible;	top: 50%;opacity: 1;}

.team-img .social-link li {

	padding: 0 2px;

}

.team-img .social-link li a {

	width: 40px;

	height: 40px;

	line-height: 40px;

	background: #fff;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

}

.team-img .social-link li a:hover{background: #1877F2;color: #fff;}



/* 9. testimonial area

-------------------------------------------------------------- */

.testimonial-persons {

	margin-left: -175px;

	min-height: 470px;

}

.single-person {

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

}

.single-person:hover {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

}

.single-person1 {

	left: 40px;

	top: 0;

}

.single-person2 {

	top: 55px;

	left: 200px;

}

.single-person3 {

	top: 162px;

	left: 0;

}

.single-person4 {

	left: 145px;

	bottom: 120px;

}

.single-person5 {

	right: 52px;

	bottom: 150px;

}

.single-person6 {

	bottom: 8px;

	left: 10px;

}

.single-person7 {

	right: 115px;

	bottom: 0;

}

.testi-avatar img {

	border-radius: 50%;

}

.testimonial-text h4 {

	font-size: 48px;

}

.avatar-info p {

	font-size: 16px;

}



/* 10. contact area

-------------------------------------------------------------- */

.connected-info-text p span{width: 115px;}

.contact-form textarea{min-height: 200px;}



.contact-area .form-message .success{color: green;}

.contact-area .form-message .error{color: red;}







/* 11. brand area

-------------------------------------------------------------- */

.brand-height {

	margin-bottom: -162px;

}

.brand-active li{text-align: center;}

.single-brand img{ transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }

.single-brand img:hover{ filter: invert(0) sepia(0) hue-rotate(0deg) brightness(0.4); -webkit-filter: invert(0) sepia(0) hue-rotate(0deg) brightness(.2); }



/* 12. blog area

-------------------------------------------------------------- */

.blog-bg .title p {

	font-size: 21px;

	line-height: 1.6;

}

.blog-bg {

	padding-top: 50px;

	background-position: bottom center;

	background-repeat: no-repeat;

	background-size: cover;

}

.blog-img{overflow: hidden;}

.single-blog:hover img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

.single-blog-content{box-shadow: 0px 5px 15px 0px rgba(7, 7, 7, 0.05);}

.single-blog{ transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }

.single-blog:hover {

	box-shadow: 0px 5px 15px 0px rgba(7, 7, 7, 0.06);

}

.blog-bg .title h3 {

	font-size: 36px;

	line-height: 1.25;

}

.single-blog-content h6 {

	font-size: 18px;

	font-weight: 700;

}

.single-blog-content h6 a:hover{color: #6c63ff;}

/* modal */

.modal-dialog {max-width: 90%;margin: 0 auto;}

.modal-content h2 {font-size: 36px;padding: 50px 80px 20px 80px;line-height: 1.32;}

.pro-modal-footer h6{font-size: 16px;}

.meta-wrapper{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }

.item-meta li{padding-bottom: 16px;}



/* 13. footer area

-------------------------------------------------------------- */

.footer-area li,

.footer-area span,

.footer-top a{

	color: #666666;

	font-size: 16px;

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

}

.footer-top a:hover,

.footer-bottom a:hover,.footer-bottom a.c-theme:hover{color: #6c63ff;text-decoration: underline;}

.footer-area span.f-icon {

	font-size: 16px;

	width: 18px; 

	color: #6c63ff;

}

.sub-name {

	background: #f0f4f9;

	font-size: 18px;

}

.sub-name.form-control::placeholder {color: #666666;font-size: 18px;}

.sub-name.form-control:focus {box-shadow: none;background: #f0f4f9;}

.footer-bottom a.c-theme{color: #222222;}

.footer-bottom .social-link a{font-size: 24px;}

.footer-address li {

	padding-bottom: 10px;

}

.subscribe-info span {

	right: 20px;

	top: 16px;

	font-size: 16px;

	cursor: pointer;

	color: #6c63ff;

}

/* 14. extra info css

-------------------------------------------------------------- */

#scroll a {

	position: fixed;

	font-size: 22px;

	width:48px;

	height: 48px;

	line-height: 47px;

	right: -1px;

	bottom: 60px;

	cursor: pointer;

	z-index: 11;

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

	border-radius: 5px;

	opacity: 0;

	visibility: hidden;

}

#scroll:hover{opacity: .9;}

body:hover #scroll a{opacity: 1; visibility: visible;}

/* .side-mobile-menu start*/

.side-mobile-menu{

	width: 340px;

	position: fixed;

	left: -340px;

	top: 0;

	z-index:9999;

	height: 100%;

	transition: all .3s ease-out;

	overflow: scroll;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	-ms-transition: all .3s ease-out;

	-o-transition: all .3s ease-out;

}

.side-mobile-menu.open-menubar {left: 0;}

.close-icon span {

	font-size: 20px;

	color: #fff;

	background: #6960fc;

	width: 36px;

	height: 35px;

	display: inline-block;

	line-height: 35px;

	text-align: center;

	border-radius: 30px;

	box-shadow: 0px 6px 30px 0px rgba(7, 7, 7, 0.07);

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

}

.close-icon span:hover{box-shadow: 0px 6px 30px 0px rgba(7, 7, 7, 0.09);opacity: .8;}

.mobile-menubar {font-size: 22px;}

/* .side-mobile-menu end*/

/* slider shape */

.shape,.slider4-shape {

	position: absolute;

	opacity: 0.7;

}

.shape.shape-1 {

	right: 160px;

	top: 21%;

}

.shape.shape-2 {

	right: 31px;

	top: 74px;

	right: 2.8%;

	top: 13%;

}

.shape.shape-3 {

	left: 5%;

	bottom: 20%;

} 

.shape.shape-4 {

	right: 2.7%;

	bottom: 5.7%;

}

.shape.shape-5 {

	right: 8%;

	top: 15%;

}

.shape.shape-6 {

	right: -30px;

	top: 38.5%;

}

.shape.shape-7 {

	left: -5px;

	top: 17.5%;

}

.shape.shape-8 {

	right: 8.4%;

	bottom: 16%;

}

.shape.shape-9 {

	bottom: 22%;

	right: 43%;

}

.shape.shape-10 {

	left: 41%;

	top: 27%;

}

.shape.shape-11 {

	top: 18%;

	left: 48%;

}

.shape.shape-12 {

	left: 2.8%;

	bottom: 51%;

}

.shape.shape-13 {

	right: 38%;

	bottom: 33.5%;

}

.shape.shape-14 {

	left: 11%;

	top: 17%;

}

/* home4 */

.shape3-4 .slider4-shape.shape-1 {right: 10px;top: 110px;}

.shape3-4 .slider4-shape.shape-3 {right: 5%;bottom: 35%;}

.shape3-4 .slider4-shape.shape-4 {left: 55%;bottom: 16%;}

.shape3-4 .slider4-shape.shape-5 {left: 47%;bottom: 28%;}

.shape3-4 .slider4-shape.shape-6 {left: 11%;bottom: 140px;}

.shape3-4 .slider4-shape.shape-8 {left: 10%;top: 28%;}

.shape3-4 .slider4-shape.shape-9 {top: 22%;left: 44%;}

.shape3-4 .slider4-shape.shape-10 {left: 52%;top: 38%;}

.shape3-4 .slider4-shape.shape-11 {top: 31%;right: 11%;}

.slider-left-dotted {top: 28%;}

.slider-right-dotted {right: -30px;bottom: -62px;}

.slider4-shape.shape-123 {right: 150px;bottom: 260px;}

.slider4-shape.shape-113 {left: 10%;top: 30%;}

.slider3-bg .shape3-4 .slider4-shape.shape-10 {left: 22%;top: 16%;}

.slider3-right-dotted {right: 50px;bottom: 50px;}

.slider3-left-dotted {top: 24%;}

.web-banner
{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.web-banner h1
{
    color: #fff;
    text-shadow: 0px 0px 5px #464646;
}
.banner-content h1:before
{
	content: " ";
	position: absolute;
	top: -5px;
    left: -15px;
	width: 100%;
	height: 100%;
	background: url('../images/banner/shape/shape4.png');
	z-index: -1;
	background-repeat: no-repeat;
}
.banner-content h1
{
	position: relative;
	z-index: 1;
}