@charset "utf-8";

/* CSS Document 
font-family: 'Josefin Sans', sans-serif; 700
font-family: 'apercuregular';
font-family: 'apercubold';
font-family: 'apercumedium';
*/
:root {
	--pink: #FF06AC;
}


body {width:100%; height:auto; margin:0 auto; padding:0; font-family:'Josefin Sans', sans-serif; letter-spacing: -1px; font-weight:bold;}

img {border:thin none #0066FF; max-width:100%;}

p, h1, h2, h3, h4, h5, h6, ul, li {
    margin:0px;
    padding:0px;
    list-style-type:none;
}
input, textarea, select {font-family:'apercuregular';}

a {text-decoration:none}

.magic {clear:both; padding:0px; margin:0px;  height:0px; width:0px;}
.page {max-width:1200px; padding:0 10px; height:auto; margin:0 auto; font-family:'Josefin Sans', sans-serif;; }



header {border-bottom:3px solid var(--pink);padding:24px 0; position: relative;}
header .page {}

.lgoBx {float: left; margin:0 45px 0 0;}
.lgoBx a {}
.lgoBx img {height: 40px;}

.mnuBx {float: left;}
ul.nvmnu {}
ul.nvmnu li {padding:0px 25px;display: inline-block;}

ul.nvmnu li a {font-size:24px; 
    display: inline-block; color:#000; 
    line-height: 36px;
    padding: 4px 0 0 0;}
ul.nvmnu li.activ a, ul.nvmnu li a:hover {color:var(--pink);}

.bknw {right: 0;
    top: 0;
    width: 140px;
    position: absolute;
    content: "";
    z-index: 99;
    background: url(../images/corner_wht.svg) no-repeat top right rgba(0, 0, 0, 0);
    background-size:140px;
	height:280px;
text-align: center;}
.bknw span {font-size:22px; padding:19px 0 0 30px; display: inline-block;
    color: var(--pink);}


.box1 { background-size:cover !important; padding:60px 0;
position: relative;}
.box1:after {left:0; bottom:0; top:0; width:140px; position:absolute; content:""; z-index: 99;
	background:url(../images/corner_red.svg) no-repeat bottom left rgba(0, 0, 0, 0);
	background-size:140px; opacity:0.5;
}
.box1 .page {}

.b1wd.b1wdh {max-width:950px;}
.b1wd {max-width:710px;  margin: 0 auto;}
.b1clr {padding:42px 0 0;position: relative;}
.b1clr:after {
	background:rgba(255, 5, 172, 0.7);
	left:-10px; right:-10px;
	bottom:0;
	top:auto; height:50%;
	position:absolute;
	content:"";
	z-index:1;
	-ms-transform: skewX(30deg); /* IE 9 */
	-webkit-transform: skewX(30deg); /* Safari prior 9.0 */
	transform: skewX(30deg); /* Standard syntax */
} 
.b1clr:before {
	background:rgba(255, 5, 172, 0.7);
	left:-10px; right:-10px;
	bottom:auto;
	top:0; height:50%;
	position:absolute;
	content:"";
	z-index:1;
	-ms-transform: skewX(-30deg); /* IE 9 */
	-webkit-transform: skewX(-30deg); /* Safari prior 9.0 */
	transform: skewX(-30deg); /* Standard syntax */
} 
.b1clr>div {position: relative; text-align: center; z-index: 2;}
			
.tlne1 {color:#fff; text-align:center; font-size:70px; position: relative; }

.tlne2 {color:#fff;font-size:70px; text-align: center;}
.tlne2 span {}
.tlne2 span sup {font-size:20px; position: relative; top:-30px;}

.tlne3 {margin:0px 0 0px 0;}
.tlne3a {position:relative;display: inline-block; margin: 0 0 0 0px; padding:7px 30px 5px; transform: translateY(25px);}
.tlne3a:after {
	background:rgba(255, 255, 255, 0.7);
	left:0;
	bottom:0;
	top:auto;
    height:50%;
	position:absolute;
	content:"";
	z-index:1;
	width: 100%;
	-ms-transform: skewX(30deg); /* IE 9 */
	-webkit-transform: skewX(30deg); /* Safari prior 9.0 */
	transform: skewX(30deg); /* Standard syntax */
    } 
.tlne3a:before {
    background:rgba(255, 255, 255, 0.7);
    left:0;
    bottom:auto;
    top:0;
    height:50%;
    position:absolute;
    content:"";
    z-index:1;
    width: 100%;
    -ms-transform: skewX(-30deg); /* IE 9 */
    -webkit-transform: skewX(-30deg); /* Safari prior 9.0 */
    transform: skewX(-30deg); /* Standard syntax */
}    
.tlne3 img { max-width:400px; width:100%; position:relative; z-index:2;} 
.tlne3 span {
    color: var(--pink);
    font-size: 62px;
    position: relative;
    z-index: 2;
    transform: translateY(8px);
    display: inline-block;
}
	

.tlne4 { margin:0px 0 0 0px; position: relative; top:-40px; left:0px; text-align: center;}
.tlne4a {position:relative;display: inline-block;
    padding:7px 30px 5px;line-height:60px;}
.tlne4a:after {
	background:rgba(255, 255, 255, 0.7);
	left:0;
	bottom:auto;
    top:0;
    height:50%;
	position:absolute;
	content:"";
	z-index:1;
	width: 100%;
	-ms-transform: skewX(-30deg); /* IE 9 */
	-webkit-transform: skewX(-30deg); /* Safari prior 9.0 */
	transform: skewX(-30deg); /* Standard syntax */
    } 
.tlne4a:before {
    background:rgba(255, 255, 255, 0.7);
    left:0;
    bottom:0;
    top:auto;
    height:50%;
    position:absolute;
    content:"";
    z-index:1;
    width: 100%;
    -ms-transform: skewX(30deg); /* IE 9 */
    -webkit-transform: skewX(30deg); /* Safari prior 9.0 */
    transform: skewX(30deg); /* Standard syntax */
    } 
.tlne4 span {
color: var(--pink);
font-size: 62px;
position: relative;
z-index: 2;
transform: translateY(8px);
display: inline-block;}	 










.box2 {
    padding: 0 0 35px 0;
}
.box2 .page {}

.row3 {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.clmb3 {
    float: left;
    width: 33.3333%;
    padding: 0 14px;
    box-sizing: border-box;
}

.tlne5 {
    padding:28px 0;
    font-size:26px;
}

.b2Img {    overflow: hidden;}

.clmi2 {
    width: 50%;
    float: left;
    position: relative;
}

.b2c2i { height:160px; position: relative;  overflow: hidden;}
.ci2a .b2c2i {    margin: 0 0 0 -48px;
		-ms-transform: skewX(20deg); /* IE 9 */
	-webkit-transform: skewX(20deg); /* Safari prior 9.0 */
	transform: skewX(20deg); /* Standard syntax */}
.b2c2i img {max-width: 100%;}

	.ci2a {z-index: 1;}
	.ci2b {z-index: 2;}
.b22i {height: 160px;background-size:73% !important;}

	.ci2a .b2c2i .b22i {
		-ms-transform: skewX(-20deg); /* IE 9 */
		-webkit-transform: skewX(-20deg); /* Safari prior 9.0 */
		transform: skewX(-20deg); /* Standard syntax */
	    position: absolute;
    left: 40px;
    top: 0;
    right: -40px;
    bottom: 0;
    background-size: cover !important;
	}

	.ci2b .b2c2i {    margin: 0 -48px 0 0;
    -ms-transform: skewX(20deg); /* IE 9 */
	-webkit-transform: skewX(20deg); /* Safari prior 9.0 */
    transform: skewX(20deg); /* Standard syntax */}

	.ci2b .b2c2i .b22i {
		-ms-transform: skewX(-20deg); /* IE 9 */
		-webkit-transform: skewX(-20deg); /* Safari prior 9.0 */
		transform: skewX(-20deg); /* Standard syntax */
		position: absolute;
		left: -70px;
		top: 0;
		right: 0px;
		bottom: 0;
	}



		
.tlne12 {
    position: absolute;
    top: 50%;
    z-index: 200;
    width: 100%;
    transform: translateY(-50%)
}
.tlne12a {
	position: relative;
	display: inline-block;
	padding: 4px 18px 4px;
	}
.tlne12a:after {
	background:rgba(255, 255, 255, 0.7);
	left:0;
	bottom:0;
	top:auto; height:50%;
	position:absolute;
	content:"";
	z-index:1;
	width: 100%;
	-ms-transform: skewX(30deg); /* IE 9 */
	-webkit-transform: skewX(30deg); /* Safari prior 9.0 */
	transform: skewX(30deg); /* Standard syntax */
} 
.tlne12a:before {
	background:rgba(255, 255, 255, 0.7);
	left:0;
	bottom:auto;
	top:0; height:50%;
	position:absolute;
	content:"";
	z-index:1;
	width: 100%;
	-ms-transform: skewX(-30deg); /* IE 9 */
	-webkit-transform: skewX(-30deg); /* Safari prior 9.0 */
	transform: skewX(-30deg); /* Standard syntax */
} 
.tlne12a span {color: var(--pink); font-size:32px; position: relative; z-index: 2;
    transform: translateY(2px);
    display: inline-block;}




.box3 {border-top:3px solid var(--pink);position: relative;}
.box3:after {
    left: 0;
    bottom: 0;
    top: 0;
    width: 140px;
    position: absolute;
    content: "";
    z-index: 99;
    background: url(../images/corner_red.svg) no-repeat bottom left rgba(0, 0, 0, 0);
    background-size: 140px;
    opacity: 0.5;
}

.box3:before {
    right: 0;
    bottom: 0;
    top: -3px;
    width: 140px;
    position: absolute;
    content: "";
    z-index: 99;
    background: url(../images/corner_wht.svg) no-repeat top right rgba(0, 0, 0, 0);
    background-size: 140px;
}


.box3 .page {}
	
.frImgbg1 {padding: 195px 0;background-size: cover !important;}

.tlne6 {text-align: center; color:var(--pink);    width: 85%;
    margin: 0 auto;}
.tlne6 span {font-size: 72px;vertical-align: middle;display: inline-block;     transform: translateY(8px);}
.tlne6 img {vertical-align: middle; display: inline-block;}
.tlne6 span sup {font-size: 20px;
    position: relative;
    top: -10px;}

.tlne6a {display: inline-block;position: relative;padding: 12px 30px;}
.tlne6a:after {
    background: rgba(255, 255, 255, 0.7);
    left: 0;
    bottom: 0;
    top:auto; height:50%;
    position: absolute;
    content: "";
    z-index: 1;
    width: 100%;
    -ms-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
}
.box3 .tlne6a:after {left:20px;}
.tlne6a:before {
    background: rgba(255, 255, 255, 0.7);
    left: 0;
    bottom: auto;
    top:0; height:50%;
    position: absolute;
    content: "";
    z-index: 1;
    width: 100%;
    -ms-transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
}
.box3 .tlne6a:after, .box3 .tlne6a:before {left:20px;}
.box5 .tlne6a:after {}
.tlne6a>span, .tlne6a>img {z-index:2; position: relative;}

.box4 {padding:49px 00px;}
.box4 .page {}

.b4Set {max-width:780px; margin:0 auto 0px;padding:0px 0 35px;box-sizing: border-box;}
.box4 .b4Set { border-right: 3px solid var(--pink);}
.b4Set:last-child {padding:0;}
	.b4Img {width:50%; float:left; position: relative;}
    .b4Img img {}
    

.btnPlc {    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
}
.bknwbtn {
    position: relative;
    display: inline-block;
    padding:4px 18px 4px;
    }
.bknwbtn:after {
    background:var(--pink);
    left:0;
    bottom:0;
    top:auto; height:50%;
    position:absolute;
    content:"";
    z-index:1;
    width: 100%;
    -ms-transform: skewX(30deg); /* IE 9 */
    -webkit-transform: skewX(30deg); /* Safari prior 9.0 */
    transform: skewX(30deg); /* Standard syntax */
} 
.bknwbtn:before {
    background:var(--pink);
    left:0;
    bottom:auto;
    top:0; height:50%;
    position:absolute;
    content:"";
    z-index:1;
    width: 100%;
    -ms-transform: skewX(-30deg); /* IE 9 */
    -webkit-transform: skewX(-30deg); /* Safari prior 9.0 */
    transform: skewX(-30deg); /* Standard syntax */
} 
.bknwbtn span {color:#fff;font-size: 26px;position: relative;z-index: 2;}
.bknwbtn:hover:after, .bknwbtn:hover:before {    background:#000;}

    

	.b4Txt {width:50%; float:left;     font-weight: normal;}

    .tlneT {font-size:25px; font-family:'apercumedium'; text-align: center;   
            padding:00px 0 0 0; line-height:28px;}

    .tlne7 {color:var(--pink);font-family:'Josefin Sans', sans-serif;}
    .tlne7 sup, .tlne5 sup, .tlne8 sup {font-size:16px;}
	
    .tlne8 {}
    .tlne08 {}
    .tlne08 span {color:var(--pink);}

	.tlne9 {}
	.tlne9 ul {}
	.tlne9 ul li {display: inline-block;position: relative;	width:100%;}
	.tlne9 ul li span {color:var(--pink);}

	.tlne10 { padding:9px 0 0 0;}

	.tlne11 {color:var(--pink);font-size:16px;}

	
	
	
.box5 {border-top:3px solid var(--pink);position: relative;}
.box5 .page {}
.box5:after {
    left: 0;
    bottom: 0;
    top: 0;
    width: 140px;
    position: absolute;
    content: "";
    z-index: 99;
    background: url(../images/corner_red.svg) no-repeat bottom left rgba(0, 0, 0, 0);
    background-size: 140px;
    opacity: 0.5;
}

.box5:before {
    right: 0;
    bottom: 0;
    top: -3px;
    width: 140px;
    position: absolute;
    content: "";
    z-index: 99;
    background: url(../images/corner_wht.svg) no-repeat top right rgba(0, 0, 0, 0);
    background-size: 140px;
}

.box6 {padding:49px 0;}
.box6 .page {}
	
.box6 .b4Img {float:right;}
.box6 .b4Txt {float:left;}

.box6 .b4Set { border-left: 3px solid var(--pink);}







footer {border-top:3px solid var(--pink); } 
footer .page {} 

.ftrlgo {text-align: center;padding:30px 0;}
.ftrlgo img { height:40px;}
	
aside.b1clr2 { position:relative; z-index: 2;}

.clrFtr {background: var(--pink); padding: 10px 0; font-weight:normal; letter-spacing:0;}
.clrFtr .page {color:#fff; font-size:13px; text-align: center;  font-family: 'apercumedium';}

.ftxt1 {}
.ftxt2 {}



.box7 {background-size: cover !important;  padding:125px 0;  position: relative;}
.box7 .page {}
.b1clr3 { position: relative; max-width:710px; padding:30px 80px 50px;	margin: 0 auto;}
.b1clr3:after {
	background: rgba(255, 5, 172, 0.7);
	left: 0;
	bottom: 0;
	top:auto; height:50%;
	position: absolute;
	content: "";
	z-index: 1;
	width: 100%;
	-ms-transform: skewX(30deg);
	-webkit-transform: skewX(30deg);
	transform: skewX(30deg);
}	
.b1clr3:before {
	background: rgba(255, 5, 172, 0.7);
	left: 0;
	bottom:auto;
	top:0; height:50%;
	position: absolute;
	content: "";
	z-index: 1;
	width: 100%;
	-ms-transform: skewX(-30deg);
	-webkit-transform: skewX(-30deg);
	transform: skewX(-30deg);
}	
.tlne13, .tlne14 {z-index:2;position: relative;}
	.tlne14 { margin: 0 0 16px 0;}
	.tlne14 span { color:#fff; font-size:70px;}
		
	
	.tlne13 { margin: 0px 0 0 -120px; position: relative;}
	.tlne13a {position:relative;display: inline-block;padding:10px 30px;line-height:70px;}
.tlne13a:after {
    background:rgba(255, 255, 255, 0.7);
    left:0;
    bottom:0;
    top:auto; height:50%;
    position:absolute;
    content:"";
    z-index:1;
    width: 100%;
    -ms-transform: skewX(30deg); /* IE 9 */
    -webkit-transform: skewX(30deg); /* Safari prior 9.0 */
    transform: skewX(30deg); /* Standard syntax */
} 
.tlne13a:before {
    background:rgba(255, 255, 255, 0.7);
    left:0;
    bottom:auto;
    top:0; height:50%;
    position:absolute;
    content:"";
    z-index:1;
    width: 100%;
    -ms-transform: skewX(-30deg); /* IE 9 */
    -webkit-transform: skewX(-30deg); /* Safari prior 9.0 */
    transform: skewX(-30deg); /* Standard syntax */
}
    .tlne13 span {color:var(--pink);font-size:70px;     transform: translateY(8px); display:inline-block;
         position: relative; z-index: 2;}
		 
		



.box8 {}
.box8 .page {}

.tlne15 {font-size:40px; text-align: center; padding: 58px 0px; letter-spacing:0px;}

.set_abt {position:relative;overflow: hidden;}
.sdLgo {float: left;
    width:340px; position:relative; content:""; z-index: 99; overflow:hidden; padding:9px;}
.sdLgo img {position: relative; z-index: 2;}
.sdLgo:after {
	background: rgba(255, 5, 172, 0.7);
	right: 30px;
	bottom: 0;
	top:auto;
	height:50%;
	position: absolute;
	content: "";
	z-index: 1;
	width: 100%;
	-ms-transform: skewX(30deg);
	-webkit-transform: skewX(30deg);
	transform: skewX(15deg);
}	
.sdLgo:before {
	background: rgba(255, 5, 172, 0.7);
	right: 30px;
	bottom:auto;
	top:0;
	height:50%;
	position: absolute;
	content: "";
	z-index: 1;
	width: 100%;
	-ms-transform: skewX(-30deg);
	-webkit-transform: skewX(-30deg);
	transform: skewX(-15deg);
}	

.box9 {position:relative; box-sizing: border-box; display: inline-block; width: 100%;}
.box9:after {
	background:none; border-left: 3px solid var(--pink);
	right: -30px;
	bottom: 0;
	top:auto;
	height:50%;
	position: absolute;
	content: "";
	z-index: 1;
	width: 150px;
	-ms-transform: skewX(30deg);
	-webkit-transform: skewX(30deg);
	transform: skewX(15deg);
}	
.box9:before {
	background:none; border-left: 3px solid var(--pink);
	right: -30px;
	bottom:auto;
	top:0;
	height:50%;
	position: absolute;
	content: "";
	z-index: 1;
	width: 150px;
	-ms-transform: skewX(-30deg);
	-webkit-transform: skewX(-30deg);
	transform: skewX(-15deg);
}
.box9 .page {}
	
.tlne16 {font-family: 'apercumedium';
    margin: 0 auto;
    font-size:35px;
    letter-spacing:0px;
    position: relative;
    max-width:1200px;
    padding:57px 0;
    text-align: justify;
    line-height:40px;

}
.abtxt {    -ms-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
    }
.abtxt2 {    -ms-transform: skewX(15deg);
-webkit-transform: skewX(15deg);
transform: skewX(15deg);
}
.abtxt span.rotate {
    -ms-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
    display: inline-block;
}
.abtxt2 span.rotate {
    -ms-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
    display: inline-block;
}

.box10 { display: none;
    background: var(--pink);
    padding: 30px;
    text-align: center;
}
.box10 .page {}

.lgoLst {}
.lgoLst ul {}
.lgoLst li {
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
}
.lgoLst img {}
		


.box11 {padding:40px 0; position: relative;}
.box11:after {
    content: "";
    bottom: 0;
    left: 0;
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
    border-bottom:170px solid rgba(255, 6, 172, 0.7);
    border-right:90px solid transparent;
    }

.box11 .page {}
	
.cnFrmClm {
    float: left;
	width: 60%;
}
.cnFrmClmin {
	padding:0px 20px 0px 0; box-sizing: border-box;
	border-right:0px solid var(--pink);
}
.b11a {}


.cnDtaClm { float: left; width: 40%; box-sizing: border-box;}
.b11b {padding:0px 0px 1px 20px;    border-left: 3px solid var(--pink);}



.frmBrdr {padding:10px 0; border: 3px solid var(--pink);}

.inRow {}
.inClm2 { padding: 10px 22px; float: left; margin:0 0 4px 0;
    width: 50%; box-sizing: border-box;}
.infBx {padding:6px 20px; position: relative;}
.infBx:after {
    background: rgb(255, 80, 197);
    left: 0;
    bottom: 0;
    top:auto; height:50%;
    position: absolute;
    content: "";
    z-index: 1;
    width: 100%;
    -ms-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
}
.popBx .infBx:after {}
.infBx:before {
    background: rgb(255, 80, 197);
    left: 0;
    bottom:auto;
    top: 0; height:50%;
    position: absolute;
    content: "";
    z-index: 1;
    width: 100%;
    -ms-transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
}
.infld { font-size:22px;
    width: 100%;
    position: relative;
    z-index: 2;
    background: no-repeat;
    color: #fff;
    border: 0;
    outline: 0;
}
.infld::-webkit-input-placeholder, .infld2::-webkit-input-placeholder { /* Edge */
	color: #ffffff;
}
.infld:-ms-input-placeholder, .infld2:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #ffffff;
}
.infld::placeholder, .infld2::placeholder {
	color: #ffffff;
}

.inClm1 {    padding:0px 0px;}
.infld2 { font-size:22px;
    width: 100%;
    position: relative;
    background: no-repeat;
	color: #fff;
	min-height:150px;;
    border: 0;
    outline: 0;}

.redBx {padding:10px 25px;}
.redBx2 {position: relative; padding: 0 25px; background: rgba(255, 6, 172, 0);}
.redBx2>div {z-index: 2; position:relative;}
.redBx .infBx:after {display:none;}
.redBx2 .infBx:before {display: none;}
.redBx2:after {
    background: rgba(255, 6, 172, 0.7);
    left: 0;
    bottom: auto;
    top: 0;
    height: 50%;
    position: absolute;
    content: "";
    z-index: 1;
    width: 100%;
    -ms-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
}
.redBx2:before {
    background: rgba(255, 6, 172, 0.7);
    left: 0;
    bottom: 0;
    top:auto;
    height: 50%;
    position: absolute;
    content: "";
    z-index: 1;
    width: 100%;
    -ms-transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    transform: skewX(10deg);
}
.redBx2 .infBx {padding:6px 0px 6px 0px;}

.sndBx {text-align: right; padding: 10px 0;}
.btn1 {position:relative; cursor: pointer; outline: 0; background: none;padding: 16px 42px 6px; border: 0;}
.btn1:after {
    background: rgb(255, 255, 255);
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    content: "";
    z-index: 1;
    width: 100%;
    -ms-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
	transform: skewX(30deg);
}
.btn1 span {z-index: 2; position: relative; font-size:35px;
	font-family:'Josefin Sans', sans-serif; }
.btn1:hover:after {background:#000;}
.btn1:hover span {color:#fff;}



.cnTxt { }

.ct1 {font-size:28px; margin:0 0 20px 0;}

.ct2 {font-size:22px;margin:0 0 16px 0;font-family: 'apercumedium';}
.ct2 h4 {font-size:24px; color:var(--pink);font-family: 'apercumedium'; font-weight: normal;}
            
.ct3 {font-weight: normal;}



.bar1 {padding:0px 0px 0 0px;position: relative; display:none;}
/*
.bar2 {background: rgba(255, 6, 172, 0.7);    
	height:170px;
    position: relative;
    content: "";
    z-index: 1;
    width: 100%;
    -ms-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
}
*/
.bar2 { position: relative; border-right:90px solid #fff; border-bottom:170px solid rgba(255, 6, 172, 0.7);}
.bar1:after {
    content: "";
    bottom: 0;
    left: 0;
    z-index: 2;
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 170px solid rgb(255, 255, 255);
    border-right: 90px solid transparent;
}
	/*--------------------------*/
.boxGlry {padding:40px 0 0 0;}
.boxGlry .page {}

.glimglst {display: inline-block; overflow:hidden; width:100%;font-size:0;}
.glimglst li {margin:0 0 40px 0; display:inline-block;width:100%;vertical-align: top;}
.glimglst li>aside { position: relative;}
  .gphoto {background-size:cover !important;  display: block;}
.gphoto, .skwGl {height:470px; position: relative;}

  .glimglst li.gclm1 {width:100%;}
  .glimglst li.gclm2a, .glimglst li.gclm2b {width:50%;}
  .glimglst li.gclm3a, .glimglst li.gclm3b, .glimglst li.gclm3c {width:33.3333%;}

.gclm1 .gphoto:after {right: -1px;
  bottom: 0;
  top: -0px;
  position: absolute;
  content: "";
  z-index: 99;
  background: url(../images/corner_wht.svg) no-repeat top right rgba(0, 0, 0, 0);
  background-size: 100px;
  width: 100px;
}
.gclm1 .gphoto:before {
  content: "";
  bottom: 0;
  left: 0;
  z-index: 1;
  position: absolute;
  width: 0;
  height: 0;
  border-bottom:250px solid rgba(255, 6, 172, 0.7);
  border-right:140px solid transparent;
}

.gclm2a aside {padding:0 0px 0 0;}
.gclm2b aside {padding:0 0 0 0px;}

.gclm3a aside {padding:0 0px 0 0; }
.gclm3b aside {padding:0 0px;}
.gclm3c aside {padding:0 0 0 0px;}

.gclm2a .skwGl { 
    
}
.gclm2a .gphoto {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.gclm2b .skwGl { }
.gclm2b .gphoto {
    position: absolute;
    right: 0;
    top: 0;
    left:0;
    bottom: 0;
}



.gclm3a .skwGl {margin:0 0 0; }
.gclm3a .gphoto {
    position: absolute;
    left: 0;
    top: 0;
    right:0;
    bottom: 0;
}
.gclm3a .gphoto:after, .gclm3b .gphoto:after, .gclm2a .gphoto:after { position: absolute;right:0; top:0; content:"";
    width: 0; 
    height: 0; 
    border-top: 235px solid transparent;
    border-bottom: 235px solid transparent;
    border-right: 30px solid white;
}
.gclm3b .gphoto:before, .gclm3c .gphoto:before, .gclm2b .gphoto:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 235px solid white;
    border-bottom: 235px solid white;
    border-right: 30px solid #ffffff00; 
}

.gclm3c .skwGl {}
.gclm3c .gphoto {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}


.gclm3b .skwGl {}
.gclm3b .gphoto {
    position: absolute;
    left:0;
    top: 0;
    right: 0px;
    bottom: 0;
}

.skwGl {overflow: hidden;}
/*------------------------*/
.ponp {overflow: hidden;}
.popBx { display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
    background: #fff;
}
.popBx2 {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow-y: scroll;
}
.popBx3 {z-index:1;
    position: absolute;
    left:0%;
    width: 100%;
    top: 50%;
    transform: translate(0%, -50%);
}

.pfBrdr {    max-width: 700px;
    margin: 0 auto;
    padding: 20px 10px;
    position: relative;
    border: 3px solid var(--pink);
    box-sizing: border-box;}
/*
.pfBrdr:after {
	background: rgba(255, 6, 172, 0);
	border: 3px solid var(--pink);
	left:-16%;
	right:-16%;
    bottom:-20px;
    top:-20px;
    position: absolute;
    content: "";
    z-index: 1;
    -ms-transform: skewX(24deg);
    -webkit-transform: skewX(24deg);
    transform: skewX(24deg);
}
*/
.pfBrdr .inRow { position: relative; z-index: 2;}

.ppCls {display: inline-block; padding:14px 18px; z-index:2;
	  border:2px solid var(--pink); position: absolute;
	right: 15px; top: 15px; cursor: pointer; }
	.ppCls:hover {background: rgba(255, 6, 172, 0.1);}	
.ppCls img {  width:16px;}


.sndBx2 {
    font-family:'Josefin Sans', sans-serif;
    display: inline-block;
    position: relative;
    width:180px;
}

.sndBx2:after {
    background: rgba(255, 255, 255, 1);
    left: 0;
    bottom: auto;
    top: 0;
    height: 50%;
    position: absolute;
    content: "";
    z-index: 1;
    width: 100%;
    -ms-transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
}
.sndBx2:before {
    background: rgba(255, 255, 255, 1);
    left: 0;
    bottom: 0;
    top:auto;
    height: 50%;
    position: absolute;
    content: "";
    z-index: 1;
    width: 100%;
    -ms-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
}

.sndBx2:hover:after, .sndBx2:hover:before {background:#000; }
.sndBx2 input { outline: none;
    position: relative;z-index: 2;padding: 0;border: 0;height:48px;width: 100%;
    background: rgb(255, 255, 255, 0.0);font-size:0;cursor: pointer;
}

.sndBx2 span {
    -ms-transform: skewX(0deg) translateY(-50%);
    -webkit-transform: skewX(0deg) translateY(-50%);
    transform: skewX(0deg) translateY(-50%);
    display:block;
    font-size:22px;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    z-index:2;
    text-align: center;
    padding:4px 0px 0 0;
    box-sizing: border-box;
}
.sndBx2:hover span {color:#fff;}

.error-msg { letter-spacing:0; font-weight:normal ;
    position: absolute;
    left:10px;
    bottom: -15px;
    z-index: 2;
    font-size: 12px;
    font-family: 'apercuregular';
}

select.infld option {
    background: #ff06ac;
    font-size: 20px;
}
.popsuc {
    max-width:640px;
    margin: 10px auto 0;
    padding: 10px 0;
}
.success-msg div {
    padding: 10px 20px 10px;
    margin: 10px 0px;
    background: rgba(57, 185, 63, 0.15);
    line-height: 20px;
    font-family: 'apercubold';
    color: #39b93f;
    border: 2px solid rgba(57, 185, 63, 0.2);
    font-size: 16px;
}
.success-msg aside {
    padding: 10px 20px 10px;
    margin: 10px 0;
    background: rgba(255, 87, 34, 0.15);
    line-height: 20px;
    font-family: 'apercubold';
    color: #FF5722;
    border: 2px solid rgba(255, 87, 34, 0.2);
    font-size: 16px;
}
.plgo {position:relative; z-index:2; margin:0 0 15px 0; }
.plgo img {height:40px;}
/*888888*/
/*
.popBx .infBx:after, .popBx .redBx2:after, .popBx .sndBx2, .popBx .sndBx2 span {-ms-transform:skewX(30deg); -webkit-transform:skewX(30deg); transform:skewX(0deg);}
.popBx .inClm2 {padding:10px 10px;}
.popBx .redBx {padding:10px 10px;}
.popBx .infBx {padding: 0px 0px;}
.popBx .infld2 {padding: 6px 10px;box-sizing: border-box;}
.popBx .infld {padding: 6px 10px;box-sizing: border-box;}
.popBx .sndBx2 span {top: 0;padding: 0;line-height: 50px;}
.popBx .sndBx {padding: 10px 10px;}
*/
/*8x8x8x8x8*/
.bgBx1 {background: url(../images/9.jpg) no-repeat center center #000; }



.box1:after, .box11:after, .box3:before, .box3:after, .box5:before, .box5:after, .gclm1 .gphoto:after, .gclm1 .gphoto:before {
    display:none;
}
.b22i {opacity:0;}
/*786*/
@media screen and (max-width:1800px) {/* 1600 px */


}
@media screen and (max-width:1500px) {/* 1440 px */
    .tlne16 {padding:57px 50px 57px 0;}

}
@media screen and (max-width:1390px) {/* 1280 px */
    .tlne16 {max-width:800px; 
        font-size: 30px;}

}
@media screen and (max-width:1250px) {/* 1024 px */
.bgBx1 {background: url(../images/9_2.jpg) no-repeat center center #000; }
.box5:before {display:none;}
ul.nvmnu li { padding: 0px 15px;}
.lgoBx { margin: 0 25px 0 0; }     
.tlne5 { padding: 20px 0; font-size: 22px;}
.tlne7 sup, .tlne5 sup, .tlne8 sup { font-size: 14px; }
.tlne12a span { font-size: 24px;}
/*.box9 { padding: 30px 0;}
.sdLgo:after { border-bottom: 700px solid rgba(255, 6, 172, 0.7); border-right: 280px solid transparent;}*/
.sdLgo {width:240px;}
.tlne16 { max-width: 600px; line-height: 32px; font-size: 22px; left:auto;}
.box9:after { width: 150px;}
.bar1 {margin: 0 -10px 0 0;}
.ct1 { margin: 0 0 14px 0;}
.tlne16 {    padding:30px 30px 30px 100px;}
.pfBrdr:after {
	left: -10px;
    right: -10px;
    bottom: 0;
    top: -10px;
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
}
.ppCls {padding: 12px 12px;
    -ms-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
    transform: skewX(0deg);
    border: 2px solid var(--pink);
    right: 10px;
    top: 10px;
}
.ppCls img {
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);}
.popsuc {
    max-width: 720px;
    margin: 0px auto 0; padding:0;
}

.b1wd.b1wdh { max-width: 880px;}


}/*1024*/


@media screen and (max-width:979px) { /* 800 px */
    .box7 {padding:65px 0;}
.tlne7 sup, .tlne5 sup, .tlne8 sup {font-size: 12px;}
.b22i {
    height: 260px;
    background-size: cover !important;
}
.b2c2i { height: 260px;}

.box10 {display:block;}
.tlne16 {max-width:unset; padding:0; -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg);  left: 0px;}
span.rotate { -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg);}
.sdLgo { display: none;	}
.clmb3 {width:100%; max-width:600px; margin:0 auto; float:none;}
.box9 {    padding: 30px 30px;}
.tlne6 {width:80%;}

.tlne6a>span {	display: block;	margin: 0 auto;	}
.tlne6a>img { display: block; margin:12px auto 22px; }
.tlne6a { padding:20px 60px 20px; }
.box4 .b4Txt, .box4 .b4Img, .box6 .b4Txt, .box6 .b4Img {float:none;margin: 0 auto; width: 100%; max-width: 500px;}
.box6 .b4Set, .box4 .b4Set {border-left:0;		border-right: 0px solid var(--pink);	}
.tlne6 span {font-size: 60px;}
.frImgbg1 {padding: 200px 0;}
.box1:after, .box3:before, .box3:after, .box5:before, .box5:after {
width: 120px;background-size: 120px;}
.tlne2 img { height: 40px; }
.tlne1 { left: -16px;}
.tlne2, .tlne1, .tlne3 span, .tlne4 span { font-size:50px;}
.tlne2, .tlne1 {text-align: center; z-index: 2; position: relative;}
.tlne4 { left:auto; }
.tlne3, .tlne4 {width: 90%; margin:0 auto;text-align: center;}

.b1wd {  width:90%;  letter-spacing: 0;}
.box9:after {display: none;}
.b1clr {padding: 60px 0 60px 0px;}
aside.b1clr2 {	width: 90%;	margin: 0 auto 10px;	padding: 20px 0;}
.b1clr:before, .b1clr3:before {    -ms-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);}
.b1clr:after, .b1clr3:after {    -ms-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
}   
/*
.b1clr2:after {
	background: rgba(255, 5, 172, 0.7);
	left: 0;
	bottom: 0;
	top: 0;
	position: absolute;
	content: "";
	z-index: 1;
	width: 100%;
	-ms-transform: skewX(30deg);
	-webkit-transform: skewX(30deg);
	transform: skewX(30deg);
}
*/
.mnuBx {float: none; display:none; padding:20px 0 0 0; clear: both;}
ul.nvmnu li {	padding: 0px 0px;	width: 100%;}
ul.nvmnu li a {width:100%;}
.bknw {
    width: auto;
    background: none;
    height: auto;
    position: relative;
    right: auto; display: inline-block;
    top: auto;    float: right;
    border: 2px solid var(--pink);
}
.bknw span {font-size: 20px; color: #000; padding:10px 18px 6px;}
.bknw:hover {background:  var(--pink);}
.bknw:hover span {color: #fff;}

header {
    padding: 20px 0;
}
.mnuOpn { cursor: pointer;
background: url(../images/menu.svg) no-repeat center center #ff06ac;
float: right;
width: 40px;
height: 40px;
background-size: 24px;
margin: 0 0 0 15px;}
.b1clr3 {}
.tlne14 {display: inline-block; padding: 18px 40px; position: relative;}

.tlne14 span {z-index: 2; position: relative; }
.tlne13a { padding:0px 30px 0;}
.tlne13 span, .tlne14 span {font-size:58px; }
.tlne15 {padding:50px 0; line-height: 42px;}

.tlne14 {margin: 0 0 10px 0;}
.inClm2 {padding: 10px 40px;}
.ct2 {    font-size: 22px;}
.ct2 h4 {
font-size: 28px;}
.ct2 {
margin: 0 0 20px 0;
}
.ct1 {
font-size: 30px;
margin: 0 0 15px 0;
}
.cnFrmClm, .cnDtaClm {width:100%;padding: 0;border: 0; }
.cnFrmClmin {padding:0;}
.frmBrdr { padding: 20px 0;}
.b11b { padding:20px 0 0px;border-left: 0px solid var(--pink); }
.box11 { padding: 30px 0 0;}
.bar1, .box11:after {display: none;}

/*-------------*/
.glimglst li.gclm2a, .glimglst li.gclm2b, .glimglst li.gclm3a, .glimglst li.gclm3b, .glimglst li.gclm3c {width:100%;}
.gclm2a aside, .gclm2b aside, .gclm3a aside, .gclm3b aside, .gclm3c aside {padding:0;}
.gclm2a .skwGl, .gclm2b .skwGl, .gclm3a .skwGl, .gclm3c .skwGl  {margin:0;}
.gclm2a .gphoto, .gclm2b .gphoto, .gclm3a .gphoto, .gclm3b .gphoto, .gclm3c .gphoto {right:0;left:0;}
.gclm2a .skwGl, .gclm2b .skwGl, .gclm2a .gphoto, .gclm2b .gphoto, .gclm3a .gphoto, .gclm3b .gphoto, .gclm3c .gphoto, .gclm3a .skwGl, .gclm3b .skwGl, .gclm3c .skwGl {
	-ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
}
.glimglst li { margin: 0 0 20px 0;}
.gclm1 .gphoto:before {border-bottom: 150px solid rgba(255, 6, 172, 0.7); border-right: 80px solid transparent;}
.gclm1 .gphoto:after { background-size: 80px; width: 80px;}
.gphoto:after {
    right: -1px;
    bottom: 0;
    top: -0px;
    position: absolute;
    content: "";
    z-index: 99;
    background: url(../images/corner_wht.svg) no-repeat top right rgba(0, 0, 0, 0);
    background-size:80px;
    width:80px;
}
.gphoto:before {
    content: "";
    bottom: 0;
    left: 0;
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
    border-bottom:150px solid rgba(255, 6, 172, 0.7);
    border-right:80px solid transparent;
}
/*--------------*/
.pfBrdr:after {display: none;}
.popBx {padding:0px; box-sizing: border-box;}
.popBx3 { position: relative;   left: 0%;    top: 0; clear: both;   transform: translate(0%, 0%);}
.pfBrdr {border:0;padding:20px;}
.ppCls {
    top: auto;
    right: auto;
    position: relative;
    display: block;
    float: right;
    margin: 10px;
}

.gphoto, .skwGl {height:350px;}
.box9:before {display:none;}
.abtxt, .abtxt2, .abtxt span.rotate, .abtxt2 span.rotate {-ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg);}

.b1clr3 {max-width:580px;    padding: 30px 0px 50px;}

.gphoto:before, .gphoto:after, .gclm3a .gphoto:after, .gclm3b .gphoto:after, .gclm2a .gphoto:after {display: none;}

.tlne13 { margin: 0px 0 0 -20px; }


}/* 800 / 768 */


@media screen and (max-width:799px) { /* 768 px */

	
	
}

@media screen and (max-width:767px) { /* 640 px */
    .bgBx1 {background: url(../images/9_4.jpg) no-repeat center center #000; }
.popsuc { margin: 0 10px; }
/*----------------------*/
.popBx .btn1 {width: 100%;}
.popBx3 {
    left: auto;
    top: auto;
    transform: translate(0%, 0%);
    position: relative;
}
.popBx {height: 100vh;}
.popBx2 {  height: calc(100vh - 50px);}
/*--------------------*/
.tlne2, .tlne1, .tlne3 span, .tlne4 span, .tlne6 span {    font-size: 40px;}
.inRow .inClm2:nth-child(1) {padding:10px 11px 10px 22px;}
.inRow .inClm2:nth-child(2) {padding:10px 22px 10px 11px;}
.sndBx2 span { padding: 0px 10px 0 0;}
.tlne4a, .tlne3a {line-height:50px;}
.tlne4 span, .tlne3 span { transform: translateY(4px);}
.pfBrdr {padding:20px 0;}

}/*640*/

@media screen and (max-width:639px) { /* 480 px */
	.tlne6a:after {display:none;}
	.tlne6a {padding:10px 10px 20px; background: rgba(255, 255, 255, 0.7);}
    .tlne6 span { font-size: 8vw; }
.b1clr2:after {-ms-transform:skewX(0deg); -webkit-transform:skewX(0deg); transform:skewX(0deg);}
.tlne3 { margin:0px auto 10px;}
.b1clr {padding:20px 0 0;}        
aside.b1clr2 { padding: 10px 0 0; width: 100%; margin: 0;}

.tlne2, .tlne1, .tlne3 span, .tlne4 span, .tlne6 span, .tlne13 span, .tlne14 span {font-size:7.5vw; letter-spacing:-2px;}
.tlne13a {line-height:40px;}
.box1:after {display:none;}
.tlne1 {left: 0;}
.tlne4 {top:0px;}
.tlne4a, .tlne3a {line-height: 40px; padding: 7px 10px 5px;} 
.tlne6 { width: 90%;}
.tlne15 { line-height:normal; font-size: 5vw; }
.tlne14 { padding: 10px 40px;}
.tlne16 {text-align: left;}
.tlne3, .tlne4 { width: 100%;}
.sndBx2, .redBx2:after, .infBx:after {-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);}
.sndBx2 span { padding:0;
-ms-transform: skewX(-0deg) translateY(-50%);
-webkit-transform:skewX(-0deg) translateY(-50%);
transform:skewX(-0deg) translateY(-50%);}
.redBx, .sndBx { padding: 10px 10px;}
.inClm1 { padding: 0px 10px 0;}
.sndBx {text-align: center;}
.inRow .inClm2:nth-child(2), .inClm2, .inRow .inClm2:nth-child(1) {padding: 10px 10px 0; width:100%;margin:0 0 10px 0;}
.frmBrdr { padding: 0px 0;}
.infBx { padding: 6px 10px;}
.infld, .infld2 { font-size: 18px;}
.redBx2 .infBx { padding: 6px 0px 0;}
.error-msg { left: 10px; bottom: -16px;}
.ct1 { font-size: 22px; margin: 0 0 5px 0;}
.ct2 { margin: 0 0 10px 0; font-size: 16px;}
.ct2 h4 { font-size: 18px;}
.b11b {padding: 20px 0 10px;}
.tlne6 span { letter-spacing: 0;}
.b1clr:before, .tlne3a:before, .tlne4a:before, .tlne6a:before, .b1clr3:before, .tlne13a:before, .infBx:before, .redBx2:before, .sndBx2:before {display:none;}
.b1clr:after, .tlne3a:after, .tlne4a:after, .b1clr3:after, .tlne13a:after, .infBx:after, .redBx2:after, .sndBx2:after {height:100%; -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg);}
.tlne13 span { transform: translateY(5px);}
.ct3 {letter-spacing:0;}
.sndBx2 span { padding: 6px 0 0 0;}
.redBx2 { position: relative; padding: 0 5px;}
.b1clr3 {text-align: center;}
.tlne13 { margin: 0px 0 0 0px; }

}/*480*/

@media screen and (max-width:479px) { /* 360 px */
.tlneT { line-height: 28px; font-size: 6vw;}
.tlne5 { padding: 30px 0 15px; font-size: 6vw; }
.tlne12a span {	font-size: 6vw;}
.bknw { width: 100%; margin: 15px 0 0 0;}
.box1:after, .box3:before, .box3:after, .box5:before, .box5:after { width: 80px; background-size: 80px;}
.box1 {padding: 40px 0;}
.box7 {padding: 70px 0;}
.inClm2 {padding: 0px 10px;}
.clmb3 {padding:0;}
.bknwbtn span {font-size:28px;}
.tlne6 { padding: 0 20px;}
.tlne6 span sup { top: -2px;    left: 1px;}
.tlne6 span { letter-spacing: 1px;}
.tlne11 { font-size:14px;    }
.tlne10 { padding: 12px 0 0 0;}
.box9 { padding: 30px 10px;}
.gphoto:after { background-size:50px; width:50px;}
.gphoto:before {    border-bottom: 90px solid rgba(255, 6, 172, 0.7);    border-right: 50px solid transparent;}
.b22i { height: 200px; background-size: cover !important;}
.b2c2i { height:160px;}
.tlne3 {margin: 0px auto 10px;}

}


@media screen and (max-width:359px) { /* 320 px */
	.page {max-width:320px; }
    .tlne4a, .tlne3a { padding: 3px 10px 5px; }

}