section.baner {
    position: relative;
    /*! overflow: hidden; */
    margin-bottom: 45px;
}

section.baner:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

section.baner .swiper-container {
    width: 100%;
    height: 100%;
}

section.baner .swiper-slide {

}
section.baner .swiper-slide .content {

    height:540px;
    margin-top: 100px;
}







section.baner .swiper-slide .content .left {
font-size: 18px;
    float: left;
    width: 50%;
    height: 100%;
margin-top: 10px;
}

section.baner .swiper-slide .content .left .inner {
    margin: 0;
    position: absolute;
    top: 56%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 50%;
}
section.baner .swiper-slide .content .left h2{

    font-size: 70px;
    color: var(--primary);
    font-weight: 600;
    line-height: 62px;
    margin-bottom: 25px;
}
section.baner .swiper-slide .content .left .button {


    margin-top: 26px;
}
section.baner .swiper-slide .content .left p{

padding-right: 112px;
}


section.baner .swiper-slide .content .right{
    padding-top:15px;
    float: right;
    width: 50%;
}
/* [L] */
@media all and (max-width: 1249px)  {
	section.baner {

	}

	section.baner:after {

	}

	section.baner .swiper-container {

	}

	section.baner .swiper-slide {

	}

	section.baner .swiper-slide .content {

	margin-top: 50px;
	height: 440px;
	}

	section.baner .swiper-slide .content .left {

	}

	section.baner .swiper-slide .content .left .inner {

	}

	section.baner .swiper-slide .content .left h2{

	font-size: 50px;
	}

	section.baner .swiper-slide .content .left .button {

	}

	section.baner .swiper-slide .content .left p{

	font-size: 16px;
	padding-right: 25px;
	}

	section.baner .swiper-slide .content .right{

	}

}

/* [M] */
@media all and (max-width: 940px) {
	section.baner {
  margin-bottom:10px;
	}
	section.baner .contener {
  padding:0;
	}

	section.baner:after {

	}

	section.baner .swiper-container {

	}

	section.baner .swiper-slide {

	}

	section.baner .swiper-slide .content {

	margin-top: 0;
	height: 440px;
	width: 100%;
	}

	section.baner .swiper-slide .content .left {

	width: 100%;
	height: unset;
	float: unset;
	text-align: center;
	}

	section.baner .swiper-slide .content .left .inner {

	top: 290px;
	padding-left: 20px;
	width: 100%;
	transform: unset;
	top: 142px;
	padding-right: 10px;
	}

	section.baner .swiper-slide .content .left h2{

	font-size: 36px;
	margin-bottom: 19px;
	line-height: 40px;
	}

	section.baner .swiper-slide .content .left .button {

	margin-top: 10px;
	}

	section.baner .swiper-slide .content .left p{

	font-size: 15px;
	padding: 0;
	}

	section.baner .swiper-slide .content .right{

	width: 100%;
	}

}

/* [S] */
@media all and (max-width: 520px) {
	section.baner {

	padding-bottom: 0px;
	}

	section.baner:after {

	}

	section.baner .swiper-container {

	}

	section.baner .swiper-slide {

	padding-bottom: 40px;
	}

	section.baner .swiper-slide .content {

	height: unset;
	padding-bottom: 25px;
	}

	section.baner .swiper-slide .content .left {

	width: 70%;
	text-align: left;
	}

	section.baner .swiper-slide .content .left .inner {

	position: relative;
	top: 15px;
	}

	section.baner .swiper-slide .content .left h2{

	line-height: 32px;
	font-size: 26px;
	}

	section.baner .swiper-slide .content .left .button {

	}

	section.baner .swiper-slide .content .left p{
  font-size: 14px;
	}

	section.baner .swiper-slide .content .right{

	width: 30%;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	}

	section.baner .swiper-slide .content .right .triangleOuter{


	top: 40%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}
}
