
* { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }
html, body { margin: 0px; width: 100%; font-size: 20px; line-height: 28px; color: #171717; font-family: 'ExpressSans_reg_web'; font-weight: normal; background: #fff; }
*::-webkit-input-placeholder { opacity:1; color: #000; }
*::-moz-placeholder {opacity:1;color: #000; }
*:-ms-input-placeholder {opacity:1;color: #000;}

input[type=checkbox]{ -webkit-appearance: checkbox; margin: 5px 0 0 5px; display: inline-block; vertical-align: top;}
button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; }

:focus,input:focus, textarea:focus { outline: none; }
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; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
:focus { outline: none; }

/* common */
b,strong { font-weight:600;}
a { transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; text-decoration: none; outline: none; }
sup { display: inline-block; vertical-align: super; line-height: 1; font-size: 70%; position: relative; top: 2px; }
sub { vertical-align: sub; }
ul { list-style: none; }
.clear { clear: both; overflow: hidden; font-size:0; line-height:0; }
img { border: 0px; outline: none; display: block; max-width: 100%; height: auto; }
p a { color: #171717; text-decoration:underline; }
p a:hover { text-decoration:none; }
h3 { font-weight: 500; color: #171717; font-size: 24px; line-height: 29.24px; }
h3 strong { font-weight: 500; }
.mob-show { display: none !important; }

#back-to-top { box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -ms-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; position: fixed; bottom: 20px; display: none; right: 15px; z-index: 9999; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #006bb6; }
#back-to-top:after { width: 0px; height: 0px; content: ''; position: absolute; left: 50%; top: 50%; border: 10px solid transparent; border-bottom-color: #fff; margin: -15px 0 0 -10px; }
#back-to-top.show { opacity: 0.8; }
#back-to-top.show:hover { opacity: 1; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; margin: 0; padding: 0; overflow: hidden; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/* wrapper */
#wrapper { overflow: hidden; width: 100%; min-height: 100%; position: relative; }
.cont_wrapper { width:100%; max-width: 1190px; padding: 0 20px; margin: 0 auto; position: relative; }
.wrapper { width: 100%; max-width: 1264px; padding: 0 20px; margin: 0 auto; position: relative; }

.head-wrap { width: 100%; position: relative; padding-bottom:55px; z-index: 999999999; }

.ad_container { width: 100%; min-height:110px; background-color: #fff}
.ad_container .ad { display: block; width: 100%; text-align: center; max-width: 100%; margin: 0px auto; padding: 10px 0; max-height: 110px; }
.ad_container .ad img { vertical-align: top; }


/*********Header Css*********/

header { float: left; width: 100%; background: #000000; text-align: center; position:absolute; z-index:999999; left:0; bottom:0; }
header .header_inner{float:left; width:100%; padding:0 15px 0 20px; border-top:4px solid #bce2f1; position:relative; min-height:55px; z-index:99;}
header.show { position: fixed; top:0; bottom: auto; }

header .logobar { float: left; padding: 0px; display: flex; align-items: center; flex-wrap: wrap; min-height: 51px; }
header .logobar a.site-logo { display:inline-block; width: 143px; vertical-align: middle; }
header .logobar a.brand-logo { display:inline-block; width: 118px; vertical-align: middle; }
header .logobar .plus { margin: 0 17px 0 17px; width: 11px; position: relative; }

header a.paid_logo{ display:inline-block;width:auto;  margin:0 auto;vertical-align:top; color:#000; text-transform:uppercase; font-family: 'Source Sans Pro', sans-serif; font-size:13px; line-height: 18px; font-weight:600; background:#bce2f1; padding:0 10px 3px 10px; position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}
a.paid_logo i{ padding:0 0 0 5px; font-size:13px; }
header .show_text { float:left; width:100%; font-family: 'Source Sans Pro', sans-serif; font-size:11px; font-weight:600; color:#151515; text-transform:uppercase; text-align:center; background:#fff; padding:8px 20px; margin:0; position:relative; display:none; line-height:14px; position:absolute; left:0; top:100%; width:100%; box-shadow: 0px 2px 2px rgba(0,0,0,0.1); }
header .show_text a { color: #003865; }
header .show_text span.close{ position:absolute; right:2px; top:10px; width:20px; height:20px; cursor:pointer;}
header .show_text span.close:before, header .show_text span.close:after { position:absolute; left:10px; content:""; height:13px; width:1px; background-color:#151515; }
header .show_text span.close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
header .show_text span.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }
header ul.social_icon{ list-style:none; float:right; width:auto; margin-top:9px;}
header ul.social_icon li{ list-style:none; display:inline-block; float:left; margin-left:10px;  }
header ul.social_icon li:first-child{ margin-left:0; }
header ul.social_icon li a{ display:block; width:30px; height:30px; border-radius:50%; border:2px solid #fff; opacity:1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
header ul.social_icon li a i{ font-size:15px; line-height:26px; vertical-align: top; color:#fff; display:inline-block; }
header ul.social_icon li a:hover{opacity:0.7;}
header .social_part .toggle_social { display: none; width: 29px;}

.social_icons_box {position: fixed; width: 100%; max-width: 100%; height: 100%; left: 0;
top: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9999999;padding: 62px 30px 0;    overflow-y: scroll; }


/*content-part*/
#content-part { width: 100%; position: relative; }

	.home-banner { padding: 312px 0px 48px; text-align: center; position: relative; background-image: url(../images/banner-img.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; }
	.may-page .home-banner, .june-page .home-banner { background-image: url(../images/banner-img1.jpg); }
	.home-banner .wrapper { max-width: 1200px; }
	.home-banner h1 { padding: 0px; margin: 0 0 -3px; font-size: 50px; line-height: 68px; font-weight: normal; color: #FFFFFF; text-transform: uppercase; }
	.home-banner h1 strong { margin: -9px 0 -10px; font-size: 73px; line-height: 1; font-family: 'ExpressSans_bold_web'; font-weight: bold; display: block; }
	.home-banner p { margin: 0 auto; max-width: 1040px; font-size: 30px; line-height: 28px; font-family: 'ExpressSans_bold_web'; font-weight: bold; color: #FFFFFF; }
	
	.info-bar { padding: 42px 0px 90px; color: #fff; background: #000000; }
	.info-bar .wrapper { max-width: 1016px; }
	.info-bar .top-content { padding: 0 0 40px; margin: 0 auto; max-width: 880px; text-align: center; }
	.info-bar .top-content h2 { padding: 0 0 5px; font-size: 48px; line-height: 54px; color: #FFFFFF; text-transform: uppercase; font-family: 'ExpressSans_bold_web'; font-weight: bold; }
	.info-bar .top-content p { margin: 0 auto; font-size: 30px; line-height: 28px; font-family: 'ExpressSans_med_web'; font-weight: 500; }
	.info-bar .user-row { margin: 0 auto 80px; max-width: 940px; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; position: relative; }	
	.info-bar .user-row .two { margin-left: auto; }
	.info-bar .user-row:before { content: ""; width: 3px; height: calc(100% - 72px); position: absolute; top: 8px; left: 50%; background: #fff; }
	.info-bar .user-row img { margin: 0 auto; width: 361px; }
	.info-bar .user-row .info { padding: 11px 14px 5px; margin: -25px 0 0px; position: relative; display: inline-block; vertical-align: top; font-size: 18px; line-height: 20px; color: #000000; font-family: 'ExpressSans_med_web'; font-weight: 500; background: #fff; }
	.info-bar .user-row .info:after { content: ""; opacity: 0; width: 100%; height: 26px; position: absolute; bottom: -84px; left: 0px; background: url(../images/arrow-bottom-white.png) center bottom no-repeat; background-size: 42px auto; } 
	.info-bar .user-row .is-active .info:after { opacity: 1; } 
	.info-bar .user-row .clickable-link { cursor: pointer; text-decoration: none; }
	.info-bar .user-row .info strong { font-family: 'ExpressSans_med_web'; font-weight: 500; text-transform: uppercase; display: block; } 
	.info-bar .user-row .note { padding: 15px 0px 0; display: block; font-family: 'ExpressSans_med_web'; font-weight: 500; font-size: 18px; line-height: 24px; text-decoration-line: underline; color: #fff; }
	.info-bar .toggle-content .content { display: none; } 
	.info-bar .toggle-content .row { display: flex; flex-wrap: wrap; align-items: flex-start; }
	.info-bar .toggle-content .row .text { padding: 3px 65px 0 0px; order: -1; width: 53.3%; text-align: right; }
	.info-bar .toggle-content .row .image { width: 46.7%; position: relative; }
	.info-bar .toggle-content .row .image .plus { padding-top: 6px; text-align: center; color: #000000; position: absolute; width: 28px; height: 28px; font-family: 'ExpressSans_med_web'; font-weight: 500; font-size: 24px; line-height: 20px; display: flex; align-items: center; justify-content: center; transform: rotate(0deg); -webkit-transform: rotate(0deg); border-radius: 100%; -webkit-border-radius: 100%; background: #C4C4C4; }
	.info-bar .toggle-content .row .image .plus:before{ content:''; width:28px; height:28px; background:rgba(0, 0, 0, 0.15); border-radius:50%; position:absolute; top:50%; left:50%; margin:-14px 0 0 -14px; z-index:-1; animation:pulse 3s linear infinite; -webkit-animation:pulse 3s linear infinite; animation-delay:1s; padding:0; }
	.info-bar .toggle-content .row .image .plus:after{ content:''; width:28px; height:28px; background:rgba(0, 0, 0, 0.15); border-radius:50%; position:absolute; top:50%; left:50%; margin:-14px 0 0 -14px; z-index:-1; animation:pulse 3s linear infinite; -webkit-animation:pulse 3s linear infinite; padding:0; }
	.info-bar .toggle-content .row .image .plus.one { top: 3%; left: 64%; }
	.info-bar .toggle-content .row .image .plus.two { top: 21%; left: 29%; }
	.info-bar .toggle-content .row .image .plus.three { top: 31%; left: 85%; }
	.info-bar .toggle-content .row .image .plus.four { top: 61%; left: 7%; }
	.info-bar .toggle-content .row .image .plus.five { top: 68%; left: 87%; }
	
	.info-bar .toggle-content .row .image .plus.six { top: 11%; left: 27%; }
	.info-bar .toggle-content .row .image .plus.seven { top: 27%; left: 82%; }
	.info-bar .toggle-content .row .image .plus.eight { top: 60%; left: 13%; }
	.info-bar .toggle-content .row .image .plus.nine { top: 57.5%; left: 77%; }
	
	.info-bar .toggle-content .row .image .plus.p10 { top: 10%; left: 35%; }
	.info-bar .toggle-content .row .image .plus.p11 { top: 24%; left: 79%; }
	.info-bar .toggle-content .row .image .plus.p12 { top: 50%; left: 11%; }
	.info-bar .toggle-content .row .image .plus.p13 { top: 72%; left: 78%; }
	
	.info-bar .toggle-content .row .image .plus.p14 { top: 10%; left: 5%; }
	.info-bar .toggle-content .row .image .plus.p15 { top: 6%; left: 60%; }
	.info-bar .toggle-content .row .image .plus.p16 { top: 57%; left: 87%; }
	.info-bar .toggle-content .row .image .plus.p17 { top: 72%; left: 5.5%; }
	
	.info-bar .toggle-content .row.cs-even .text { padding: 57px 0 0 65px; order: inherit; text-align: left; }
	.info-bar .toggle-content .row.cs-even .image { margin: -210px 0 0px; } 
	.info-bar .toggle-content h3 { padding: 0 0 18px; font-size: 34px; line-height: 40px; font-family: 'ExpressSans_med_web'; font-weight: 500; color: #fff; } 
	.info-bar .toggle-content p { font-size: 20px; line-height: 24px; font-weight: normal; color: #fff; }
	.info-bar .toggle-content p a { color: #fff; }
	.info-bar .toggle-content .content.samantha-space .text { padding: 60px 65px 0 0px; }
	.info-bar .toggle-content .content.samantha-space .image { margin-top: -90px; }
	.info-bar .toggle-content .content.samantha-space .row.cs-even .image { margin: 0px; }
	.info-bar .toggle-content .content.samantha-space .row.cs-even .text { padding: 0px 0 0 65px; }
	
	.text-bar { padding: 110px 0px 0px; }
	.text-bar .wrapper { padding: 0px; max-width: 1060px; }
	.text-bar .top-content { padding: 0 20px 46px; margin: 0 auto 68px; max-width: 750px; text-align: center; background: url(../images/arrow-bottom.png) bottom center no-repeat; background-size: 38px auto; }
	.text-bar .top-content h2 { padding: 0 0 10px; font-family: 'ExpressSans_bold_web'; font-size: 48px; line-height: 46px; color: #000000; text-transform: uppercase; font-weight: bold; }
	.text-bar .top-content p { color: #000000; font-size: 30px; line-height: 28px; font-family: 'ExpressSans_med_web'; font-weight: 500; }
	.text-bar .row { padding: 0 0 95px; }
	.text-bar .cs-row { display: flex; flex-wrap: wrap; align-items: center; }
	.text-bar .row .right { padding: 130px 20px 76px 36px; width: calc(100% - 451px); }
	.text-bar .row .left { margin-left: -950px; width: 1401px; position: relative; overflow: hidden; }
	/*.text-bar .row .left:before { content: ""; position: absolute; top: 0px; right: 0px; width: 451px; height: 100%; display: block; background: #C4C4C4; }*/
	.text-bar .row #slider2.left, .text-bar .row .cs-position-right.left { margin: 0 -951px 0px 0px; }
	.text-bar .row .left .image { padding: 25px; width: 100%; }
	.text-bar .row .left .slick-list { padding-right: 170px !important; overflow: inherit; }
	.text-bar .row .right.text-slider2 { padding: 70px 50px 40px 20px; order: -1; text-align: right; }
	.text-bar .row .right.text-slider3 { padding-top: 85px; }
	.text-bar .row .right.text-slider2 p a { margin: 0 0 0 auto; }
	.text-bar .row .right.text-slider2 .slick-dots { padding: 22px 87px 0px 0; justify-content: flex-end; }
	.text-bar .row .right.text-slider2 .slick-arrow.slick-prev { margin: 0 222px 0px 0px; left: auto; right: 0px; }  
	.text-bar .row .right.text-slider2 .slick-arrow.slick-next { margin: 0 50px 0 0; left: auto; right: 0px; } 
	.text-bar .text h3 { padding: 0 0 30px; font-size: 30px; line-height: 38px; font-family: 'ExpressSans_med_web'; font-weight: 500; color: #000000; } 
	.text-bar .text h3 strong { display: block; text-transform: uppercase; text-decoration-line: underline; font-weight: 500; } 
	.text-bar .text p { padding-bottom: 26px; font-size: 30px; line-height: 28px; font-weight: normal; color: #000000; }
	.text-bar .text p strong { font-family: 'ExpressSans_med_web'; font-weight: normal; display: block; }
	.text-bar .text p a { display: table; font-size: 24px; color: #000000; }
	.text-bar .cs-cta { padding: 36px 0px 30px; background: #f9f7f8; }
	.text-bar .cs-cta p { font-size: 24px; line-height: 24px; color: #000000; text-align: center; font-family: 'ExpressSans_bold_web'; font-weight: bold; }
	.text-bar .cs-cta .wrapper { padding: 0 20px; }
	.text-bar .slider { position: relative; display: flex; flex-wrap: wrap; }
	.text-bar .slick-active .fadeInUpShort { -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort; }
	
	.text-bar .row .left .image img { margin: 0 auto; transform: scale(0.6); transition: all 1s; height: 512px; width: auto; }  
	.text-bar .row .left .slick-center img { transform: scale(1); }
	
	.slick-dots { padding: 22px 0px 0px 87px; margin: 0px; position: absolute; bottom: 0px; left: 0px; width: 100%; list-style-type: none; display: none !important; align-items: center; }
	.slick-dots li { padding: 0px 5px !important; line-height: 17px; }
	.slick-dots li:before { display: none; }
	.slick-dots li a { display: block; cursor: pointer; -webkit-appearance: none; font-size: 0px; line-height: 0px; border-radius: 100%; -webkit-border-radius: 100%; border: 0px; width: 22px; height: 22px; transition: all 350ms !important; -webkit-transition: all 350ms !important; }
	.slick-dots li.slick-active a, .slick-dots li a:hover { background: #D03B31; }
	.slick-arrow { visibility: hidden; opacity: 0; font-size: 0px; line-height: 0px; border: 0px; cursor: pointer; width: 30px; height: 18px; position: absolute; bottom: 2px; z-index: 10; background-position: center center; background-repeat: no-repeat; background-size: 24px auto; }
	.slick-arrow.slick-prev { margin-left: 50px; left: 0px; background-image: url(../images/previous-arrow.png); }
	.slick-arrow.slick-next { margin-left: 222px; left: 0px; background-image: url(../images/next-arrow.png); }
	

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

/*footer*/
.footer { float: left; width: 100%; background: #000000; padding: 25px 0 20px; text-align: center; z-index: 9999; line-height: 20px; }
.footer a.footer_logo { display: inline-block; line-height: 20px; vertical-align: top; width: 158px; }
.footera.footer_logo img { vertical-align: top; width: 169px; }
.footer ul { list-style: none; padding: 16px 0 0; line-height: 20px; }
.footer ul li { display: inline-block; vertical-align: top; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; line-height: 16px; font-weight: 500; color: #fff; padding: 0 7px 0 0px; border-right: 1px solid #cff; line-height: 10px; line-height: 10px;}
.footer ul li:first-child { background: none; }
.footer ul li:last-child { border-right: 0;} 
.footer ul li a { display: block; color: #fff; }
.footer ul li a:hover, footer ul li a:focus { color: #888888; }

.slick-sr-only { border: 0!important; clip: rect(1px,1px,1px,1px)!important; -webkit-clip-path: inset(50%)!important; clip-path: inset(50%)!important; height: 1px!important; margin: -1px!important; overflow: hidden!important; padding: 0!important; position: absolute!important; width: 1px!important; white-space: nowrap!important }

.pe-slider { width: 451px; height: 572px; position: relative; overflow: hidden; }
.pe-slider .next-trigger { margin-top: -25px; position: absolute; width: 50px; height: 50px; z-index: 999; right: 0px; top: 50%; transition: background 0.2s ease-in-out, opacity 0.2s ease-in-out; cursor: pointer; background:  #fff url(../images/next-arrow.png) center center no-repeat; background-size: 30px auto; }
#slider2.pe-slider .next-trigger, .cs-position-right.pe-slider .next-trigger { left: 0px; right: auto; background-image: url(../images/previous-arrow.png); }

.pe-slider.fade { opacity: 0.25; }

.pe-slider .card { width: 100%; height: 100%; position: absolute; top: 0; pointer-events: none; z-index: 0; transition: transform 0.4s ease-in-out; }
.pe-slider .card .content { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }
.pe-slider .card .content:before { opacity: 0; z-index: 2; transition: 0.2s ease-in-out; }
.pe-slider .card .content .img-caption { display: flex; position: absolute; bottom: 0px; left: 0px; font-size: 16px; line-height: 24px; font-family: 'ExpressSans_med_web'; text-align: left; z-index: 3; width: 100%; opacity: 0; transition: all 350ms; }
.pe-slider .card .content .img-caption a { padding: 0 20px 10px; margin-left: auto; width: 471px; color: #fff; text-shadow: 1px 1px 5px #7A7A7A;}
#slider2.pe-slider .card .content .img-caption a, .cs-position-right.pe-slider .card .content .img-caption a { margin-left: 0px; }
.pe-slider .card .content .img-caption.color-white a { color: #fff; }
.pe-slider .card .content .img-caption.color-black a { color: #000000; }
.pe-slider .card .content .img-caption.align-right { text-align: right; }
.pe-slider .card .content .img-caption.remove-shadow a { text-shadow: none; }
.pe-slider .card .content:before, .pe-slider .card .content:after, .pe-slider .card .content .inner { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; transition: 0.5s ease-in-out; }
.pe-slider .card .content:after { background: transparent; transition: 0.5s ease-in-out; }
.pe-slider .card .content .inner { width: 40%; height: 45%; left: auto; right: 0%; z-index: 999; top: auto; bottom: 0; transform-origin: left; transform: scaleX(0); overflow: hidden; }
.pe-slider .card .content .inner:before, .pe-slider .card .content .inner:after { content: ""; position: absolute; width: 100%; height: 100%; background: #222; left: 0; top: 0; z-index: 2; transform: scaleX(1); transform-origin: right; }
.pe-slider .card .content .inner:after { background-size: auto 100%; z-index: 1; transform-origin: 50% 50%; transform: scale(1.5); }

.pe-slider .card .content:before { background-size: auto calc(100% - 0px); background-repeat: no-repeat; background-position: top 50% left calc(50% + 470px); }
.pe-slider .card:first-of-type .content:before { background-size: auto calc(100% - 100px); }

#slider1.pe-slider .card.card1 .content:before {  background-image: url(../images/collection1-img2.jpg); }
#slider1.pe-slider .card.card2 .content:before { background-image: url(../images/collection1-img.jpg); }
#slider1.pe-slider .card.card3 .content:before { background-image: url(../images/collection1-img4.jpg); }
#slider1.pe-slider .card.card4 .content:before { background-image: url(../images/collection1-img3.jpg); }

.may-page #slider1.pe-slider .card.card1 .content:before {  background-image: url(../images/collection1-img2-may.jpg); }
.may-page #slider1.pe-slider .card.card2 .content:before { background-image: url(../images/collection1-img-may.jpg); }
.may-page #slider1.pe-slider .card.card3 .content:before { background-image: url(../images/collection1-img4-may.jpg); }
.may-page #slider1.pe-slider .card.card4 .content:before { background-image: url(../images/collection1-img3-may.jpg); }

.june-page #slider1.pe-slider .card.card1 .content:before {  background-image: url(../images/collection1-img2-june.jpg); }
.june-page #slider1.pe-slider .card.card2 .content:before { background-image: url(../images/collection1-img-june.jpg); }
.june-page #slider1.pe-slider .card.card3 .content:before { background-image: url(../images/collection1-img4-june.jpg); }
.june-page #slider1.pe-slider .card.card4 .content:before { background-image: url(../images/collection1-img3-june.jpg); }

#slider2.pe-slider .card.card1 .content:before {  background-image: url(../images/collection2-img4.jpg); }
#slider2.pe-slider .card.card2 .content:before { background-image: url(../images/collection2-img2.jpg); }
#slider2.pe-slider .card.card3 .content:before { background-image: url(../images/collection2-img3.jpg); }
#slider2.pe-slider .card.card4 .content:before { background-image: url(../images/collection2-img.jpg); }

.may-page #slider2.pe-slider .card.card1 .content:before {  background-image: url(../images/collection2-img2-may.jpg); }
.may-page #slider2.pe-slider .card.card2 .content:before { background-image: url(../images/collection2-img-may.jpg); }
.may-page #slider2.pe-slider .card.card3 .content:before { background-image: url(../images/collection2-img4-may.jpg); }
.may-page #slider2.pe-slider .card.card4 .content:before { background-image: url(../images/collection2-img3-may.jpg); }

.june-page #slider2.pe-slider .card.card1 .content:before {  background-image: url(../images/collection2-img2-june.jpg); }
.june-page #slider2.pe-slider .card.card2 .content:before { background-image: url(../images/collection2-img-june.jpg); }
.june-page #slider2.pe-slider .card.card3 .content:before { background-image: url(../images/collection2-img4-june.jpg); }
.june-page #slider2.pe-slider .card.card4 .content:before { background-image: url(../images/collection2-img3-june.jpg); }

#slider3.pe-slider .card.card1 .content:before {  background-image: url(../images/collection3-img2.jpg); }
#slider3.pe-slider .card.card2 .content:before { background-image: url(../images/collection3-img.jpg); }
#slider3.pe-slider .card.card3 .content:before { background-image: url(../images/collection3-img4.jpg); }
#slider3.pe-slider .card.card4 .content:before { background-image: url(../images/collection3-img3.jpg); }

.may-page #slider3.pe-slider .card.card1 .content:before {  background-image: url(../images/collection3-img2-may.jpg); }
.may-page #slider3.pe-slider .card.card2 .content:before { background-image: url(../images/collection3-img-may.jpg); }
.may-page #slider3.pe-slider .card.card3 .content:before { background-image: url(../images/collection3-img4-may.jpg); }
.may-page #slider3.pe-slider .card.card4 .content:before { background-image: url(../images/collection3-img3-may.jpg); }

.june-page #slider3.pe-slider .card.card1 .content:before {  background-image: url(../images/collection3-img2-june.jpg); }
.june-page #slider3.pe-slider .card.card2 .content:before { background-image: url(../images/collection3-img-june.jpg); }
.june-page #slider3.pe-slider .card.card3 .content:before { background-image: url(../images/collection3-img4-june.jpg); }
.june-page #slider3.pe-slider .card.card4 .content:before { background-image: url(../images/collection3-img3-june.jpg); }

.pe-slider .card:first-of-type { left: 0; -webkit-animation: scaleIn 1s ease-in-out 1 forwards; animation: scaleIn 1s ease-in-out 1 forwards; -webkit-animation-delay: 0s; animation-delay: 0s; transform: translateX(-100%); z-index: 11; }

@-webkit-keyframes scaleIn {  
	from {
	 transform: translateX(-100%);
	}
	to { transform: translateX(-70%); }
}
@keyframes scaleIn {  
	from {
	 transform: translateX(-100%);
	}
	to { transform: translateX(-70%); }
}

.pe-slider .card:first-of-type .content:before { opacity: 1; -webkit-animation: scaleDown 0.75s ease-in-out 1 forwards; animation: scaleDown 0.75s ease-in-out 1 forwards; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; /*transform: translateX(6.75%);*/ }

@-webkit-keyframes scaleDown {  
	to {
	 transform: translateX(0);
	}
}
@keyframes scaleDown {  
	to {
	 transform: translateX(0);
	}
}

.pe-slider .card:nth-of-type(2) .content .img-caption { -webkit-animation: opacity2 1s ease-in-out 1 forwards; animation: opacity2 1s ease-in-out 1 forwards; }

.pe-slider .card:nth-of-type(2) { z-index: 10; -webkit-animation: scaleIn2 1s ease-in-out 1 forwards; animation: scaleIn2 1s ease-in-out 1 forwards; will-change: transform; pointer-events: all; }

@-webkit-keyframes scaleIn2 {  
	from {
	 transform: translateX(-70%);
	}
	to { transform: translateX(0%); }
}
@keyframes scaleIn2 {  
	from {
	 transform: translateX(-70%);
	}
	to { transform: translateX(0%); }
}

@-webkit-keyframes opacity2 {  
	from {
	 opacity: 0;
	}
	to { opacity: 1; }
}
@keyframes opacity2 {  
	from {
	 opacity: 0;
	}
	to { opacity: 1; }
}

.pe-slider .card:nth-of-type(2) .content:after { transition-delay: 0.5s; }
.pe-slider .card:nth-of-type(2) .content .inner { -webkit-animation: scaleIn4 0.5s ease-in-out 1 forwards; animation: scaleIn4 0.5s ease-in-out 1 forwards; -webkit-animation-delay: 1.35s; animation-delay: 1.35s; will-change: transform; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }

@-webkit-keyframes scaleIn4 {  
	to {
	 transform: scaleX(1);
	}
}
@keyframes scaleIn4 {  
	to {
	 transform: scaleX(1);
	}
}

.pe-slider .card:nth-of-type(2) .content .inner:after { -webkit-animation: scaleUp 1s ease-in-out 1 forwards; animation: scaleUp 1s ease-in-out 1 forwards; -webkit-animation-delay: 1.9s; animation-delay: 1.9s; will-change: transform; }

@-webkit-keyframes scaleUp {  
	to {
	 transform: scale(1);
	}
}
@keyframes scaleUp {  
	to {
	 transform: scale(1);
	}
}

.pe-slider .card:nth-of-type(2) .content .inner:before { -webkit-animation: scaleIn5 0.35s ease-in-out 1 forwards; animation: scaleIn5 0.35s ease-in-out 1 forwards; -webkit-animation-delay: 1.75s; animation-delay: 1.75s; will-change: transform; }

@-webkit-keyframes scaleIn5 {  
	to {
	 transform: scaleX(0);
	}
}
@keyframes scaleIn5 {  
	to {
	 transform: scaleX(0);
	}
}

.pe-slider .card:nth-of-type(2) .content:before { -webkit-animation: scaleIn3 1.5s ease-in-out 1 forwards; animation: scaleIn3 1.5s ease-in-out 1 forwards; -webkit-animation-delay: 0.15s; animation-delay: 0.15s; opacity: 1; will-change: transform; }

@-webkit-keyframes scaleIn3 {  
	0% {
	 transform: translateX(0%);
	 -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	 clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	}
	 50% {
	 transform: translateX(0%);
	 -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	 clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	}
	 100% {
	 transform: translateX(0%);
	 -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	 clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	}
}
@keyframes scaleIn3 {  
	0% {
	 transform: translateX(0%);
	 -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	 clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	}
	 50% {
	 transform: translateX(0%);
	 -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	 clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	}
	 100% {
	 transform: translateX(0%);
	 -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	 clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	}
}

.pe-slider .card:nth-of-type(3) { z-index: 3; }
.pe-slider .card:nth-of-type(3) .content:before, .pe-slider .card:nth-of-type(3) .content:after { opacity: 1; transition: 0s; transition-delay: 0s; }
.pe-slider .card:nth-of-type(3) .content .inner { transform: scaleX(1); transition: 0.5s ease-in-out; -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); }
.pe-slider .card:nth-of-type(3) .content .inner:before { display: none; }
.pe-slider .card:nth-of-type(3) .content .inner:after { transform: scale(1); }



.text-bar .row #slider2.left:before, .text-bar .row .cs-position-right.left:before { right: auto; left: 0px; }
.text-bar .row #slider2.left.pe-slider .card .content:before, .text-bar .row .cs-position-right.left.pe-slider .card .content:before { background-position: top 50% left calc(50% - 470px); }

.text-bar .row #slider2.left.pe-slider .card:first-of-type, .text-bar .row .cs-position-right.left.pe-slider .card:first-of-type { -webkit-animation: scaleIn2a 1s ease-in-out 1 forwards; animation: scaleIn2a 1s ease-in-out 1 forwards; transform: translateX(100%); }

@-webkit-keyframes scaleIn2a {  
	from {
	 transform: translateX(100%);
	}
	to { transform: translateX(70%); }
}
@keyframes scaleIn2a {  
	from {
	 transform: translateX(100%);
	}
	to { transform: translateX(70%); }
}

.text-bar .row #slider2.left.pe-slider .card:nth-of-type(2), .text-bar .row .cs-position-right.left.pe-slider .card:nth-of-type(2) { -webkit-animation: scaleIn2c 1s ease-in-out 1 forwards; animation: scaleIn2c 1s ease-in-out 1 forwards; }

@-webkit-keyframes scaleIn2c {  
	from {
	 transform: translateX(70%);
	}
	to { transform: translateX(0%); }
}
@keyframes scaleIn2c {  
	from {
	 transform: translateX(70%);
	}
	to { transform: translateX(0%); }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.5);
    opacity: 0.1;
  }
  50% {
    opacity: 0.99;
  }
  70% {
    opacity: 0.85;
  }
  100% {
    -webkit-transform: scale(2.5);
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0.1;
  }
  50% {
    opacity: 0.99;
  }
  70% {
    opacity: 0.85;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}


.may-page .home-banner p { max-width: 900px; }
.may-page .info-bar .toggle-content .row.cs-even .image { margin-top: -160px; }
.may-page .text-bar .top-content { max-width: 840px; }

.june-page .home-banner { padding-top: 340px; }
.june-page .home-banner p { max-width: 900px; }
.june-page .text-bar .top-content { max-width: 870px; }
.june-page .text-bar .text p a { font-size: 22px; }

.may-page .info-bar .toggle-content .row .image .plus.one { top: 17.5%; left: 11.5%; }
.may-page .info-bar .toggle-content .row .image .plus.two { top: 16.4%; left: 87%; }
.may-page .info-bar .toggle-content .row .image .plus.three { top: 41%; left: 65%; }
.may-page .info-bar .toggle-content .row .image .plus.four { top: 52%; left: 28%; }
.may-page .info-bar .toggle-content .row .image .plus.five { top: 71%; left: 41%; }
.may-page .info-bar .toggle-content .row .image .plus.cs-six { top: 85%; left: 82%; }

.may-page .info-bar .toggle-content .row .image .plus.six { top: 23%; left: 15%; }
.may-page .info-bar .toggle-content .row .image .plus.seven { top: 17%; left: 70%; }
.may-page .info-bar .toggle-content .row .image .plus.eight { top: 47%; left: 83%; }
.may-page .info-bar .toggle-content .row .image .plus.nine { top: 86%; left: 10%; }

.may-page .info-bar .toggle-content .row .image .plus.p10 { top: 16%; left: 17%; }
.may-page .info-bar .toggle-content .row .image .plus.p11 { top: 8%; left: 64%; }
.may-page .info-bar .toggle-content .row .image .plus.p12 { top: 24%; left: 67%; }
.may-page .info-bar .toggle-content .row .image .plus.p13 { top: 51%; left: 11%; }
.may-page .info-bar .toggle-content .row .image .plus.p14 { top: 50%; left: 67%; }
.may-page .info-bar .toggle-content .row .image .plus.p15 { top: 72%; left: 36%; }
.may-page .info-bar .toggle-content .row .image .plus.p16 { top: 84%; left: 84%; }

.may-page .info-bar .toggle-content .row .image .plus.p17 { top: 16%; left: 24.5%; }
.may-page .info-bar .toggle-content .row .image .plus.p18 { top: 19%; left: 57.5%; }
.may-page .info-bar .toggle-content .row .image .plus.p19 { top: 34%; left: 78%; }
.may-page .info-bar .toggle-content .row .image .plus.p20 { top: 61%; left: 14.5%; }
.may-page .info-bar .toggle-content .row .image .plus.p21 { top: 82%; left: 83%; }


.june-page .info-bar .toggle-content .row .image .plus.one { top: 17%; left: 71%; }
.june-page .info-bar .toggle-content .row .image .plus.two { top: 30.4%; left: 23%; }
.june-page .info-bar .toggle-content .row .image .plus.three { top: 75%; left: 30%; }
.june-page .info-bar .toggle-content .row .image .plus.four { top: 72%; left: 72%; }

.june-page .info-bar .toggle-content .row .image .plus.five { top: 31%; left: 20%; }

.june-page .info-bar .toggle-content .row .image .plus.six { top: 29%; left: 59%; }
.june-page .info-bar .toggle-content .row .image .plus.seven { top: 79%; left: 88%; }


.june-page .info-bar .toggle-content .row .image .plus.p10 { top: 12%; left: 33%; }
.june-page .info-bar .toggle-content .row .image .plus.p11 { top: 21%; left: 82%; }
.june-page .info-bar .toggle-content .row .image .plus.p12 { top: 57%; left: 4%; }
.june-page .info-bar .toggle-content .row .image .plus.p13 { top: 58%; left: 63%; }
.june-page .info-bar .toggle-content .row .image .plus.p14 { top: 77%; left: 89%; }

.june-page .info-bar .toggle-content .row .image .plus.p15 { top: 18%; left: 34%; }
.june-page .info-bar .toggle-content .row .image .plus.p16 { top: 21%; left: 85%; }
.june-page .info-bar .toggle-content .row .image .plus.p17 { top: 36%; left: 8.5%; }
.june-page .info-bar .toggle-content .row .image .plus.p18 { top: 49%; left: 76%; }




















