@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@600&display=swap'); 
* { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }

html, body { width: 100%; font-size: 21px; line-height: 28px; color: #426292; font-family: 'DM Sans', sans-serif;  background: #fff; }
body.popup_view { overflow: hidden; }
body > img{ position:absolute; left:0; bottom:0; z-index:-1;}

: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 */
a {  transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; text-decoration: none; outline: none; }
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%; }
p a { color: #2D8CEB; text-decoration:underline; }
p a:hover { text-decoration:none; }
.mob-show { display: none !important; }
p { padding-bottom: 30px; }
.animated { display:inline-block; }

h1, h2, h3, h4, h5, h6 { color: #2D8CEB; }

/* wrapper */
#wrapper { padding-top:86px; width: 100%; min-height: 100%; position: relative; }
.cont_wrapper { max-width: 1130px; width: 100%; padding: 0 20px; margin: auto; position: relative; }
.wrapper { width: 100%; max-width: 1310px; padding: 0 15px; margin: 0 auto; position: relative; }
.tab_show { display: none; }

.head-wrap { width: 100%; position: relative; padding-bottom:53px; }

.button { font-size: 16px; line-height: 22px; padding: 18px 35px; min-width:200px; text-align:center; font-weight:500; text-transform: capitalize; color: #fff; background: #8770E2; display: inline-block; vertical-align: top; border-radius: 50px; -webkit-border-radius: 50px; }
.button:hover { background: #2D8CEB; }


/*********Header Css*********/
header{ width:100%; background:#fff; text-align:center; position:fixed; z-index:999999; left:0; top:0; }
header .header_inner{float:left; width:100%; padding:0 20px 0 30px; border-top:4px solid #bce2f1; position:relative; min-height:56px; z-index:99;}
header.show { position: fixed; top:0; bottom: auto; }

header .logobar { float: left; padding: 14px 0 0px 0; }
header .logobar a.site-logo { display:inline-block; max-width: 87px; vertical-align: middle; }
header .logobar a.brand-logo { display:inline-block; max-width: 87px; vertical-align: middle; margin-bottom: 5px; }
header .logobar a.brand-logo.people { display:inline-block; max-width: 73px; vertical-align: middle; }
header .logobar span.plus { display:inline-block; max-width: 11px; vertical-align: middle; margin: 0 10px 5px 10px; }
header a.paid_logo{ display:inline-block;width:auto;  margin:0 auto;vertical-align:top; color:#2C71B5; 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}
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 .social_part{ float:right; position:relative; text-align:right; }
header .social_part .toggle_social{ width:29px; display:none; }
header .social_part .toggle_social img{ vertical-align:top; }
header .social_part .social_icons{ float:right; text-align:center; }
header ul.social_icon{ list-style:none; float:right; width:auto; margin-top:11px;}
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 #248ceb; 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:#248ceb; display:inline-block; }
header ul.social_icon li a:hover{opacity:0.7;}


header .menu_bar{ float:left; width:100%; min-height:30px; background:#F8E3E2; position:relative; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); }
header .menu_bar a.toggle_tabs{ display:inline-block; font-family: 'DM Sans', sans-serif; font-size: 15px; line-height: 28px; font-weight: 500; color:#426292; }
header .menu_bar a.toggle_tabs span{ display:inline-block; width:10px; margin:0 0 0 5px; vertical-align:middle; }
header .menu_bar a.toggle_tabs span img{ vertical-align:top; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
header .menu_bar a.toggle_tabs.active span img{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);  }
header .menu_bar .menu_items{ position:absolute; left:0; top:100%; width:100%;  background-color:#F8E3E2; padding:62px 0 80px; display:none; background-image: linear-gradient(180deg, #F8E3E2 -13.69%, #FFF3F2 51.34%);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); max-height:calc(100vh - 86px); overflow:auto; }


header .menu_bar .menu_items ul{ display:flex; width:1344px; max-width:100%; margin:0 auto; flex-wrap:wrap; }
header .menu_bar .menu_items ul li{ width:calc(16.66% - 24px); margin: 0 12px 45px; }
header .menu_bar .menu_items ul li a{ padding:0; display:block; }
header .menu_bar .menu_items ul li figure{ display:block; box-shadow: 0px 0.271728px 0.628674px rgba(0, 0, 0, 0.0557458), 0px 0.751293px 3.11985px rgba(0, 0, 0, 0.08), 0px 1.80882px 6.79428px rgba(0, 0, 0, 0.104254), 0px 6px 11px rgba(0, 0, 0, 0.16); margin:0 0 22px; }
header .menu_bar .menu_items ul li figure img{ vertical-align:top; }
header .menu_bar .menu_items ul li p{ font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 15px; line-height: 24px; text-decoration-line: underline; color: #8770E2; text-align:left; padding:0;  }


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

/*top_banner_bar*/
.top_banner_bar { width: 100%; float: left; background-position: center center; background-size:cover; position:relative; overflow:hidden; }


.top_banner_bar video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); background-color:rgba(0,0,0,0);background-size:cover !important;}
.top_banner_bar video::-webkit-media-controls{display:none !important;-webkit-appearance:none;}
.top_banner_bar video::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none;}
.top_banner_bar video::--webkit-media-controls-play-button{display:none!important;-webkit-appearance:none;}
.top_banner_bar video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none;}


.top_banner_bar .cont_wrapper { padding: 45px 20px 42px; display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:flex-end; -webkit-align-items:flex-end; position:relative; z-index:99; }
.top_banner_bar .left { padding: 0px 100px 0 0; width: 51%; color: #fff; }
.top_banner_bar .right { width: 49%; }
.top_banner_bar .right img { width: 100%; box-shadow: 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 100px 80px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 100px 80px rgba(0, 0, 0, 0.07); }

.top_banner_bar h1 { padding-bottom: 20px; font-size: 64px; line-height:68px; font-weight:500; color: #fff; letter-spacing: -1px; font-feature-settings: 'ss03' on, 'ss04' on; }
.top_banner_bar p { font-size: 22px; line-height: 32px; }
.top_banner_bar p a { color: #fff; }
.top_banner_bar h3 { padding-bottom: 20px; font-size: 13px; line-height: 17px; color: #B5E4FF; }
.top_banner_bar .brought_to_you { padding: 40px 0 0 0; }

.top_banner_bar ul.the_logos { display:block; padding: 0 0 0 0; font-size:0; margin:0; }
.top_banner_bar ul.the_logos li { display: inline-block; vertical-align: middle; padding:0 22px 0 0; margin:0; max-width:100%; }
.top_banner_bar ul.the_logos li a { display: block; vertical-align: top; }
.top_banner_bar ul.the_logos li a img { vertical-align: top; }

.top_banner_bar ul.the_logos li.brand_logo{ display:block; margin-bottom: 15px; }
.top_banner_bar ul.the_logos li.brand_logo a { width: 154px; }
.top_banner_bar ul.the_logos li.parents_logo a { width: 88px; }
.top_banner_bar ul.the_logos li.people_logo a { width: 60px; }
.top_banner_bar ul.the_logos li.pesp_logo a { width: 60px; }
.top_banner_bar ul.the_logos li.parents_l_logo a { width: 85px; }






/*side_brand_logo*/
.logobar.side { z-index:1; position:absolute; left:25px; bottom:20px;  transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: left top; -webkit-transform-origin: left top; }
.logobar.side .site-logo { display: inline-block; vertical-align: middle; width: 87px; }
.logobar.side .brand-logo { display: inline-block; vertical-align: middle; width: 87px; }
.logobar.side .plus { width: 11px; height: 11px; display: inline-block; vertical-align: middle; margin: 0 4px; }
.logobar.side .brand-logo.people { max-width: 60px; }
.logobar.side .brand-logo.people_esp { max-width: 49px; }



/*together_sec*/
.together_sec { padding: 100px 0; width: 100%; float: left; }
.together_sec .left { width: 40%; max-width:370px; float: left; padding-right:50px; }
.together_sec .right { width: 59%; float: right; }
.together_sec h4 { letter-spacing: -0.01em; padding-bottom: 30px; font-size: 24px; line-height: 28px; }
.together_sec .left p { font-size: 16px; line-height: 24px; }
.together_sec h5 { font-size: 18px; line-height: 28px; font-weight:500; padding-bottom: 25px; }
.together_sec h6 { font-size: 12px; line-height: 16px; font-weight:400; padding-bottom: 25px; color: #426292; }
.together_sec .recirc_list li { color: #8770E2; padding-bottom: 4px; font-size: 16px; line-height: 26px; }
.together_sec .recirc_list li a { color: #8770E2; text-decoration:underline; } 
.together_sec .recirc_list li a:hover { color: #2D8CEB; text-decoration:none; }  

.together_sec .brought_to_you { padding: 30px 0 0 0; }
.together_sec .brought_to_you .brand_logo { max-width:157px; display: block; margin-bottom: 15px; }
.together_sec .brought_to_you .brands { max-width: 435px; }
.together_sec .vertical_social_icon.horizontal { margin: 20px 0 0 0; }

.together_sec ul.the_logos { display:block; padding: 0 0 0 0; font-size:0; margin:0; }
.together_sec ul.the_logos li { display: inline-block; vertical-align: middle; padding:0 20px 0 0; margin:0; }
.together_sec ul.the_logos li a { display: block; vertical-align: top; }
.together_sec ul.the_logos li a img { vertical-align: top; }
.together_sec ul.the_logos li.parents_logo a { width: 88px; }
.together_sec ul.the_logos li.people_logo a { width: 60px; }
.together_sec ul.the_logos li.pesp_logo a { width: 60px; }
.together_sec ul.the_logos li.parents_l_logo a { width: 85px; }




.vertical_social_icon { list-style:none; text-align:center; width:30px; margin-top:9px;}
.vertical_social_icon li { list-style:none; display:block; float:left; margin: 3px 0;  }
.vertical_social_icon li a{ display:block; width:30px; height:30px; border-radius:50%; opacity:1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; background: #2e8cec; }
.vertical_social_icon li a i{ font-size:15px; line-height:30px; vertical-align: top; color:#fff; display:inline-block; }
.vertical_social_icon li a:hover{opacity:0.7;}
.vertical_social_icon li a.twitter { background:#54acec; }
.vertical_social_icon li a.facebook { background:#3b5999; }
.vertical_social_icon li a.pinterest { background:#ce1b1e; }
.vertical_social_icon.horizontal { width:auto; }
.vertical_social_icon.horizontal li { margin: 0 12px 0 0; }

/*product_bar*/
.product_bar { overflow: hidden; position: relative; min-height: 915px; padding: 80px 0 50px; width: 100%; float: left; text-align:center; }
.product_bar .cont_wrapper { max-width: 1130px; }
.product_bar .product_row { display: flex; -webkit-display: flex; align-items:center; -webkit-align-items:center; justify-content:space-between; -webkit-justify-content:space-between; }

.product_bar .row_left .pro-a { max-width: 66px; }
.product_bar .row_left .pro-b { max-width: 104px; }
.product_bar .row_left .pro1 { max-width: 79px; }
.product_bar .row_left .pro2 { max-width: 98px; }
.product_bar .row_left .pro3 { max-width: 60px; }

.product_bar .row_top .pro2 { max-width: 147px; }
.product_bar .row_top .pro3 { max-width: 110px; margin:0 30px; }
.product_bar .row_top .pro4 { max-width: 170px; }
.product_bar .row_top .pro5 { max-width: 131px; }

.product_bar .row_right .pro-a { max-width: 156px; }
.product_bar .row_right .pro-b { max-width: 144px; }
.product_bar .row_right .pro1 { max-width: 91px; }
.product_bar .row_right .pro2 { max-width: 60px; }
.product_bar .row_right .pro3 { max-width: 92px; }

.product_bar .row_bottom .pro2 { max-width: 185px; }
.product_bar .row_bottom .pro3 { max-width: 161px; }
.product_bar .row_bottom .pro4 { max-width: 65px; }
.product_bar .row_bottom .pro5 { max-width: 177px; }

.product_bar .row_top { padding: 0 170px 0 190px; position:absolute; left:0; top:0; width: 100%; } 
.product_bar .row_bottom { position:absolute; left:0; bottom:0; width: 100%; padding: 0 120px 0 170px; }
.product_bar .row_right { position:absolute; right:-40px; top:0; max-width: 156px; height: 100%; flex-flow: column; -webkit-flex-flow: column; } 
.product_bar .row_left { position:absolute; left:-10px; top:0; max-width: 104px; height: 100%; flex-flow: column; -webkit-flex-flow: column; padding: 0px 0 20px 0; } 

.product_bar .group_box { width: 100%; min-height:770px; position:relative; padding: 160px 156px 140px 170px; }
.product_bar ul.social_icon{ list-style:none; text-align:center; width:auto; margin-top:9px; display:inline-block;}
.product_bar ul.social_icon li{ list-style:none; display:inline-block; float:left; margin: 0 3px;  }
.product_bar ul.social_icon li:first-child{ margin-left:0; }
.product_bar ul.social_icon li a{ display:block; width:30px; height:30px; border-radius:50%; border:2px solid #248ceb; opacity:1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.product_bar ul.social_icon li a i{ font-size:15px; line-height:26px; vertical-align: top; color:#248ceb; display:inline-block; }
.product_bar ul.social_icon li a:hover{opacity:0.7;}

.product_bar .text { max-width: 567px; margin:0 auto; padding-bottom:25px; }  
.product_bar h2 { padding: 20px 0; font-weight: 500; font-size: 32px; line-height: 36px; color: #2D8CEB; font-feature-settings: 'salt' on, 'ss01' on, 'ss03' on, 'ss04' on; }
.product_bar h2 span{ line-height:inherit; display:inline-block; }
.product_bar h2 .mob_img{ vertical-align:top; display:none; }

.product_bar p { font-size: 16px; line-height: 24px; }
.product_bar .product_slider_box figure { width: 100%; height: 440px; display: flex; -webkit-display: flex; align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center; }
.product_bar .product_slider_box .slick-arrow { z-index:9; cursor: pointer; width: 58px; height: 58px; background: #8770E2 url(../images/left.png) center center no-repeat; background-size: 16px auto; border: 0; font-size:0; line-height:0; border-radius: 50%; -webkit-border-radius: 50%; position:absolute; left:25px; top: 212px; }
.product_bar .product_slider_box .slick-arrow.slick-next { left:auto; right: 25px; background-image:url(../images/right.png); }
.product_bar .product_slider_box .slick-arrow:hover { background-color: #3797db; }
.product_bar .product_slider_box { text-align: left; width: 100%; }

.product_bar .product_slider_box .product_description { max-width: 650px; margin:0 auto; padding: 25px 0 0 0; }
.product_bar .product_slider_box span.num { font-size: 28px; line-height: 35px; color: #2D8CEB; font-weight:700; font-feature-settings: 'ss04' on; }
.product_bar .product_slider_box h4 { font-size: 24px; line-height: 28px; letter-spacing: 0.02em; color: #2D8CEB; font-weight:400; padding-bottom: 10px; }
.product_bar .product_slider_box p a { font-weight:700; }

.product_bar .product_slider_box .slides .arr_cont{ float:left; width:160px; font-size:0; position:absolute; left:0; bottom:0; height:58px; }
.product_bar .product_slider_box .slides .home_arr, 
.product_bar .product_slider_box .slides .show_add1, 
.product_bar .product_slider_box .slides .prev_arr, 
.product_bar .product_slider_box .slides .next_arr{ display:inline-block; width:56px; margin:0 24px 0 0; vertical-align:top; }
.product_bar .product_slider_box .slides .toggle_social{ width:56px; float:right; position:absolute; right:0; bottom:0; }

.product_bar .product_slider_box .slides .home_arr img, 
.product_bar .product_slider_box .slides .show_add1 img, 
.product_bar .product_slider_box .slides .prev_arr img,
.product_bar .product_slider_box .slides .next_arr img, 
.product_bar .product_slider_box .slides .toggle_social img{ vertical-align:top; }

.product_bar .product_slider_box .slides .read_more{ display:none; font-size: 15px; line-height: 20px;  color: #8770E2; padding:20px 0 0; }
.product_bar .product_slider_box .slides .read_more span{ text-decoration:underline; cursor:pointer; line-height:inherit;}
.product_bar .product_slider_box .slides .more{ display:none; line-height:inherit;}
.product_bar .product_slider_box .slides .less{ line-height:inherit; }



.product_bar .product_slider_box .pdf_link { display: inline-block; font-weight: 500; font-size: 16px; line-height: 18px; text-decoration-line: underline; color: #8770E2; }
.product_bar .product_slider_box .covid_status { font-style: italic; font-size: 12px; line-height: 16px; color: #426292; display:block; padding: 20px 0 0 0; }
.product_bar .product_slider_box .covid_status a { color: #2D8CEB; text-decoration:underline; }
.product_bar .product_slider_box .covid_status a:hover { text-decoration:none; }


.product_bar .product_slider_box .vertical_social_icon { position:absolute; right:60px; top: 500px; }
.product_bar .product_slider_box .vertical_social_icon li { margin-bottom: 9px; }
.product_bar .product_slider_box p { padding:0 0 40px; }
.product_bar .product_slider_box .close_product_slider { width: 58px; height: 58px; background: #8770E2 url(../images/home-icon.png) center center no-repeat; background-size: 30px auto; border: 0; font-size:0; line-height:0; border-radius: 50%; -webkit-border-radius: 50%; position:absolute; right: 25px; top: 212px; }
.product_bar .product_slider_box .close_product_slider.left { background: #8770E2 url(../images/left.png) center center no-repeat; background-size: 16px auto;  right:auto; left: 25px; }
.product_bar .product_slider_box .close_product_slider:hover { background-color: #3797db; }


.product_bar .product_slider_box .slides { position: relative; }

.product_bar .product_slider_box .slides .ad_mob { transition:all 0.3s; -webkit-transition:all 0.3s; position:absolute; left:0; top:0; background: #fff; width: 100%; height:100%; display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:center; -webkit-align-items:center; z-index:9; opacity:0; visibility: hidden; }
.product_bar .product_slider_box .slides .ad_mob .ad_mob_inner { width: 100%; text-align:center; } 
.product_bar .product_slider_box .slides .ad_mob .ad_mob_inner h6 { font-size: 12px; line-height: 28px; font-weight:400; color:#B6B6B6; text-align: center; } 
.product_bar .product_slider_box .slides .ad_mob .skip_btn{ float:left; margin:0 0 0; position:absolute; left:0; bottom:0; }
.product_bar .product_slider_box .slides .ad_mob .toggle_social{ float:right; width:56px; margin:0 0 0; position:absolute; right:0; bottom:0; }
.product_bar .product_slider_box .slides .ad_mob .toggle_social img{ vertical-align:top; }
.product_bar .product_slider_box .slides .ad_mob.show { opacity:100; visibility:visible; } 



.product_bar .product_slider_box .slick-prev.slick-arrow.slick-disabled { display:none !important; }
.product_bar .product_slider_box .slick-next.slick-arrow.slick-disabled { display:none ; }

.product_bar .product_slider_box .product_slider .slick-list { overflow:visible; }
.product_bar .content_group_box { width: 100%; }
.product_bar .product_slider_box { position:absolute; left:0; top:0; width: 100%; opacity:0; visibility:hidden; }
.product_bar.show_slider .product_slider_box { opacity:100; visibility:visible; position: relative; }
.product_bar.show_slider .content_group_box { opacity:0; visibility:hidden; position:absolute; }




/*article_list_box*/
.article_list_box { margin-top:-15px; width: 100%; float: left; }
.article_list_box .article { position: relative; padding: 130px 0 160px; width: 100%; float: left; }
.article_list_box .article_one { background:#F3F9FF; }
.article_list_box .wrap { position: relative; width: 100%; display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:flex-start; -webkit-align-items:flex-start; }
.article_list_box .article .image { display: block; vertical-align: top; width: 45%; box-shadow: 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 100px 80px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 100px 80px rgba(0, 0, 0, 0.07) }
.article_list_box .article .image img { width: 100%; display: block; }
.article_list_box .text { width: 55%; padding: 20px 110px 0 65px; }
.article_list_box h2 { padding-bottom: 20px; font-weight: 500; font-size: 32px; letter-spacing: 0.0em; line-height: 36px; color: #2D8CEB; font-feature-settings: 'ss04' on, 'ss03' on; }
.article_list_box h2 a{ color: #2D8CEB; line-height:inherit; }
.article_list_box p { font-size: 21px; line-height: 28px; letter-spacing: 0.0em; }
.article_list_box .button { margin: 25px 0 0 0; }
.article_list_box .vertical_social_icon { position:absolute; right:10px; top:5px; }
.article_list_box .vertical_social_icon li { margin-bottom: 10px; }

.article_list_box .article.even .wrap .image { order:1; }
.article_list_box .article.even .wrap .text { padding: 10px 50px 0 110px; } 
.article_list_box .article.even .wrap .vertical_social_icon { left:10px; right:auto; }
.article_list_box .article.article_two { padding-bottom: 195px; }

.article_list_box .article.article_three { padding:0; background:#f8e2e4; }
.article_list_box .article_three .vertical_social_icon {top: 130px; }
.article_list_box .article_three .wrap { align-items:flex-end; -webkit-align-items:flex-end; }
.article_list_box .article_three .wrap .text { padding-top:140px; padding-bottom: 170px; }
.article_list_box .image.portrait { box-shadow:none; -webkit-box-shadow:none; }
.article_list_box .image.portrait img { float: right; margin-right:-20px; margin-top:-50px; max-width: calc(100% + 10px); width: calc(100% + 10px); } 

.article_list_box .article.article_five { background:#F8E3E2; }
.article_list_box .article .wrap .text .note_part{ font-family: 'DM Sans', sans-serif; font-weight: normal; font-size: 14px; line-height: 20px !important; color: #426292; margin:55px 0 0; display:block; }




/*top_text_sec*/
.top_text_sec { text-align:center; width: 100%; float: left; padding: 32px 0 5px; }
.top_text_sec h1 { padding-bottom: 12px; font-size: 39px; line-height: 48px; font-weight:500; color: #2D8CEB; font-feature-settings: 'salt' on, 'ss01' on, 'ss03' on, 'ss04' on; }
.top_text_sec p {  font-weight:normal; padding: 0 35px 25px; font-size: 21px; line-height: 28px; }
.top_text_sec .cont_wrapper { max-width: 860px; padding: 0 50px; }
.top_text_sec .vertical_social_icon { z-index:1; position:absolute; right:100px; top:45px; }
.top_text_sec .vertical_social_icon li { padding-bottom: 7px; }
.top_text_sec.article { text-align: left; padding-top:90px; }
.top_text_sec.article .cont_wrapper { padding: 0 275px 0 20px; max-width: 910px; }
.top_text_sec.article p { font-size: 24px; line-height: 32px; padding: 0 0 25px; font-weight:400; letter-spacing: 0;}
.top_text_sec.article h1 { font-size: 48px; line-height: 56px; letter-spacing:-0.02em; padding-bottom: 30px; }
.top_text_sec.article .vertical_social_icon { right: -62px; top:-5px; }
.top_text_sec.article2 .cont_wrapper { padding-right:150px; }
.top_text_sec.article2 h1 { padding-bottom: 35px; }
.top_text_sec.article2 p { padding-bottom: 30px; }
.top_text_sec .home_button { z-index:9; width: 58px; height: 58px; background: #8770E2 url(../images/home-icon.png) center 14px no-repeat; background-size: 30px auto; border: 0; font-size:0; line-height:0; border-radius: 50%; -webkit-border-radius: 50%; position:fixed; left: 60px; top: 110px; }
.top_text_sec .home_button:hover { background-color:#2D8CEB; }

/*article_sec*/
.article_sec { padding: 30px 0 0 0;  width: 100%; float: left; }
.article_sec .section { padding-bottom: 45px; width: 100%; float: left; }
.article_sec .full_banner { margin: 0 -3px 120px; display: block; }
.article_sec .full_banner.open_letter { margin: 0 -3px 55px; }

.article_sec .full_banner img { width: 100%; }
.article_sec .full_banner.two_col { margin-left: -15px; margin-right: -15px; overflow: hidden; }
.article_sec .full_banner.two_col .col { padding: 0 12px; float: left; }
.article_sec .full_banner.two_col .col img { width: 100%; }
.article_sec .full_banner.two_col .col1 { width: 40%; }
.article_sec .full_banner.two_col .col2 { width: 60%; } 
.article_sec .text_box { float: left; padding: 0px 150px 0px 110px; width: calc(100% - 200px); display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; position: relative; }
.article_sec .right_note { float: right; background: #fff; width: 200px; margin: 15px 0 0 0; text-align: center; position:relative; padding:0 0 100px; }


.article_sec .article_inner{ float:left; width:100%; position:relative; }
.article_sec .article_inner.fixed .right_note{ position:fixed; right:calc(50vw - 553px); bottom:0px; } 
.article_sec .fixed.fixed_bottom .right_note{ position:absolute; right:0; bottom:0px; }





.article_sec .right_note .icon { max-width: 88px; margin:auto; }
.article_sec .right_note h6 { padding: 22px 15px 15px; letter-spacing: 0.02em; font-size: 15px; line-height: 20px; color: #2D8CEB; }
.article_sec .right_note.espanol h6{ padding: 22px 0 15px; }
.article_sec .right_note hr { width: 100%; height: 1px; border:0; background:#2d8beb; }
.article_sec .right_note .number { padding: 15px 0 5px; display: block; font-size: 16px; line-height: 20px; color: #2D8CEB; font-weight: 700; }
.article_sec .right_note p { font-size: 16px; line-height: 20px; color: #2D8CEB; padding:0 5px; font-weight:500; } 
.article_sec .right_note.espanol p { padding:0 0; }
.article_sec .text { padding-bottom: 22px; margin-bottom: 45px; position: relative; }
.article_sec .text:after { width: 25px; height: 1px; content:''; position:absolute; left:-10px; bottom:0; background:#cecece; }
.article_sec .text_box .text:last-child { padding-bottom:0; margin-bottom:0;  }
.article_sec .text_box .text:last-child:after { display: none; } 
.article_sec h3 { padding-bottom: 12px; font-size: 32px; line-height: 36px;  color: #2D8CEB; font-weight:500; font-feature-settings: 'salt' on, 'ss01' on, 'ss03' on, 'ss04' on; }
.article_sec p { font-size:21px; line-height: 28px; }
.article_sec .note { padding-top:40px; }
.article_sec .cont_wrapper:after { clear:both; overflow: hidden; display: block; content:''; }
.article_sec .ad_container { margin:20px 0 50px; width: 100%; background-color: #fafafa; }
.article_sec .ad_container .ad { display: block; width: 100%; text-align: center; max-width: 100%; margin: 0px auto; padding: 50px 0; }
.article_sec .ad_container .ad img { vertical-align: top; margin:0 auto; }
.article_sec .ad_container iframe { background: #ccc; }

.article_sec blockquote { padding: 125px 0px 82px 0; width:100%; max-width: 526px; margin:10px auto 0; font-size: 40px; line-height: 56px; background:url(../images/quote-icon.png) center 10px no-repeat; background-size:264px auto; color:#E78D79; text-align:center; font-feature-settings: 'ss04' on, 'ss03' on; }




/*understand_sec*/
.understand_sec { padding: 65px 0 0; width: 100%; float: left; }
.understand_sec .full_banner { margin-bottom: 60px; }
.understand_sec .full_banner .cont_wrapper { max-width: 1135px; }
.understand_sec .full_banner img { width: 100%; }
.understand_sec .text_box.blue { background: #f4f9ff; }  
.understand_sec .full_banner + .text_box.blue { margin-top: -280px; padding-top: 320px; } 
.understand_sec .text_box.blue .text { max-width: 860px; }
.understand_sec .text { max-width: 890px; padding: 0 0 43px 110px; }  
.understand_sec h3 { font-weight:500; font-size: 32px; line-height: 36px; color: #2D8CEB; padding-bottom: 12px; font-feature-settings: 'salt' on, 'ss01' on, 'ss03' on, 'ss04' on; }
.understand_sec .text_box { padding: 80px 0 0; }
.understand_sec .full_banner.two_col .cont_wrapper { max-width: 1160px; }
.understand_sec .full_banner.two_col { margin-bottom:0; overflow: hidden; }
.understand_sec .full_banner.two_col .col { padding: 0 12px; float: left; }
.understand_sec .full_banner.two_col .col img { width: 100%; }
.understand_sec .full_banner.two_col .col1 { width: 30%; }
.understand_sec .full_banner.two_col .col2 { width: 70%; } 
.understand_sec blockquote { padding: 125px 0px 125px 0; max-width: 650px; margin:0 0 0 195px; font-size: 48px; line-height: 56px; background:url(../images/quote-icon.png) calc(50% - 30px) 10px no-repeat; background-size:264px auto; color:#E78D79; font-feature-settings: 'ss04' on, 'ss03' on; }
.understand_sec .note { padding: 40px 0 0 0; }
.understand_sec .ad_container { margin:0px 0 80px; width: 100%; background-color: #fafafa; }
.understand_sec .ad_container .ad { display: block; width: 100%; text-align: center; max-width: 100%; margin: 0px auto; padding: 50px 0; }
.understand_sec .ad_container .ad img { vertical-align: top; margin:0 auto; }
.understand_sec .ad_container iframe { background: #ccc; }
.understand_sec {  } 


.note { font-size: 16px; line-height: 24px; font-style:italic; display: block; }
.note a { color: #2D8CEB; text-decoration:underline; }
.note a:hover { text-decoration:none;  } 

/*story_sec*/
.story_sec { padding: 50px 0 35px; margin: 30px 0 0 0; color: #fff; width: 100%; float: left; background: #2d8beb; }
.story_sec .cont_wrapper { max-width:1344px; padding:0 15px; }
.story_sec h6 { padding-bottom: 40px; color: #fff; font-size: 16px; line-height: 32px; text-transform: uppercase; letter-spacing: 0.20em; text-align:center; }
.story_sec .row { margin: 0 -15px; display:flex; flex-wrap:wrap;  }
.story_sec .col2 { width:25%; float: left; padding: 0 12px; margin:0 0 85px; } 
.story_sec .pic { display: block; color: #fff; }
.story_sec figure { display: block; overflow: hidden; box-shadow: 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 100px 80px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 100px 80px rgba(0, 0, 0, 0.07); border-radius:4px; }
.story_sec img { transition:all 0.3s; -webkit-transition:all 0.3s; width: 100%;  border-radius:4px; }
.story_sec .pic:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.story_sec .pic:hover span.title { text-decoration:none; }
.story_sec span.title { text-decoration:underline; padding: 21px 0 0 0; letter-spacing: 0; display:block; font-weight: 500; font-size: 22px; line-height: 32px;  }


/*content_slider_sec*/
.content_slider_sec { width: 100%; background:#F3F9FF; float: left; }
.content_slider_sec .inner { max-width:100%; width: 100%; margin:0 auto; position: relative; }
.content_slider_sec .inner .image { width: 50%; position: relative; }
.content_slider_sec .inner .image figure { width: 100%; min-height:100%; display: block; padding-bottom: 94%; background-position: center center; background-size:cover; }
.content_slider_sec .inner .text { width: 50%; max-width:720px; padding: 95px 160px 150px 70px; }
.content_slider_sec .inner .text .text_cont{ height:100vh; max-height:calc(100vh - 330px); }

.content_slider_sec .inner .text .text_cont .mCSB_scrollTools .mCSB_draggerContainer { background-color: #ccc; }
.content_slider_sec .inner .text .text_cont .mCSB_inside > .mCSB_container{ padding:0; margin-right: 24px;}
.content_slider_sec .inner .text .text_cont .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#8770E2;}
.content_slider_sec .inner .text .text_cont .mCSB_scrollTools .mCSB_draggerRail { background-color: #ccc; opacity: 0.56;  }



.content_slider_sec .inner p {  font-size: 21px; line-height: 28px; }
.content_slider_sec .inner p a { font-weight:700; }

.content_slider_sec .slides { width: 100%; }
.content_slider_sec .slides { display: flex !important; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; height:calc(100vh - 86px); }
.content_slider_sec .show_add,
.content_slider_sec .slick-arrow { z-index:1; position:absolute; right:50%; bottom:85px; margin-right:-130px; z-index:9; cursor: pointer; width: 58px; height: 58px; background: #8770E2 url(../images/left.png) center center no-repeat; background-size: 16px auto; border: 0; font-size:0; line-height:0; border-radius: 50%; -webkit-border-radius: 50%; }
.content_slider_sec .show_add,
.content_slider_sec .slick-arrow.slick-next { margin-right:-210px; background-image:url(../images/right.png);}
.content_slider_sec .slick-arrow:hover { background-color: #3797db; }
.content_slider_sec .slick-arrow.slick-disabled { display: none !important; }
.content_slider_sec .next_btn { bottom: 250px; }
.content_slider_sec .slick-next.button { border-radius: 40px; -webkit-border-radius: 40px; background-image:none; font-size: 16px; line-height: 22px; width:auto; height:auto; transform: translate(60px,0); -webkit-transform: translate(60px,0); }

.content_slider_sec .pagingInfo { position:absolute; right:60px; bottom:100px; letter-spacing: 0.04em; font-size: 16px; line-height: 32px; font-weight:500; }
.content_slider_sec .note { font-size: 16px; line-height: 24px; font-style:italic; }
.content_slider_sec h2 { font-size: 32px; line-height: 36px; font-weight:500; color: #2D8CEB; padding-bottom: 18px; font-feature-settings: 'salt' on, 'ss01' on, 'ss03' on, 'ss04' on; }
.content_slider_sec h2 .s_no{ display:none; padding:0 5px 0 0; }
.content_slider_sec .add_box { transition:all 0.3s; -webkit-transition:all 0.3s; position:absolute; left:0; top:0; background: #F3F9FF; width: 100%; height:100%; display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:center; -webkit-align-items:center; z-index:9; opacity:0; visibility: hidden; }
.content_slider_sec .add_box .inner { width: 100%; text-align:center; } 
.content_slider_sec .add_box .inner h6 { font-size: 16px; line-height: 24px; font-weight:400; padding-bottom: 40px;		 } 

.content_slider_sec .add_box .inner .ad{ margin:0 auto; max-width:100%; }

.content_slider_sec .add_box .button { min-width:200px; position:static; margin:110px auto 0 !important; transform: none; -webkit-transform: none; } 
.content_slider_sec .add_box.show { opacity:100; visibility:visible; } 


.disclaimer_sec{ display:block; width:1120px; max-width:100%; padding:0 15px; margin:0 auto; clear:both; text-align:center; }
.disclaimer_sec p{ font-weight: 400; font-size: 15px; line-height: 24px; margin:0; padding:20px 0 20px; }


.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; }
.social_icons_box .social_icons{ display:block; width: 315px; max-width:100%; background: none; margin:0 auto; }

.social_icons_box ul.social_icon{ list-style:none; display:block; width:100%; padding:48px 32px 48px; background: #fff; }
.social_icons_box ul.social_icon li{ list-style:none; display:block; width:100%; margin:24px 0 0; }
.social_icons_box ul.social_icon li:first-child{ margin-top:0; }
.social_icons_box ul.social_icon li a{ display:inline-block; opacity:1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; vertical-align:top; font-size:0; }
.social_icons_box ul.social_icon li a .icon{ display:inline-block; width:29px; height:29px; vertical-align:top; margin:0 12px 0 0; }
.social_icons_box ul.social_icon li a img{ vertical-align: top; }


.social_icons_box ul.social_icon li a:hover{opacity:0.7;}
.social_icons_box ul.social_icon li a .text_part{ display:inline-block; font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 15px; line-height: 29px; color: #2D8CEB; vertical-align:top; }
.social_icons_box a.close_social{ display:block; margin:11px auto 0; width:62px; max-width:100%; }


/**************** Audio Section Css******************/

.audio_sec{ float:left; width:100%; background: url(../images/audio_bg.png) repeat center 7px; padding:87px 0 76px; }

.audio_sec .audio_sec_intro{ display:block; width:100%; max-width:880px; margin:0 auto; padding:0 15px 56px; }
.audio_sec_intro h3{ font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 32px; line-height: 36px; text-align: center; font-feature-settings: 'ss04' on, 'ss03' on; color: #FFFFFF; padding:0 0 15px; }
.audio_sec_intro h3 span{ line-height:inherit; }
.audio_sec_intro p{ font-family: 'DM Sans', sans-serif; font-weight: normal; font-size: 21px; line-height: 28px; text-align: center; color: #FFFFFF; padding:0; }

.audio_sec .audio_slider_sec{ display:block; width:100%; max-width:1136px; margin:0 auto; padding:0 10px; }
.audio_slider_sec .audio_slider{ display:block; width:100%; }
.audio_slider .audio_slide{ display:block; width:100%; padding:0 10px; position:relative; }
.audio_slider .audio_slide .audio_slide_inner{ display:block; position:relative; }
.audio_slider .audio_slide .audio_slide_inner > a{display:block; position:relative; z-index:99; }

.audio_slider .audio_slide .audio_img{ display:block; position:relative; box-shadow: 0px 0.271728px 0.628674px rgba(0, 0, 0, 0.0557458), 0px 0.751293px 3.11985px rgba(0, 0, 0, 0.08), 0px 1.80882px 6.79428px rgba(0, 0, 0, 0.104254), 0px 6px 11px rgba(0, 0, 0, 0.16); border-radius: 8px; overflow:hidden; margin:0 0 14px; }
.audio_slider .audio_slide .audio_img:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) -12.36%, rgba(0, 0, 0, 0) 22.39%); }

.audio_slider .audio_slide .audio_slide_inner > a.active .audio_img:before{ background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(0deg, rgba(0, 0, 0, 0.8) -12.36%, rgba(0, 0, 0, 0) 22.39%), radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); }


.audio_slider .audio_slide .audio_img:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: url(../images/play_btn.png) no-repeat center center; background-size:96px; opacity:0; }
.audio_slider .audio_slide .audio_slide_inner > a:hover .audio_img:after{ opacity:1; }
.audio_slider .audio_slide .audio_slide_inner > a.active:hover .audio_img:after{ opacity:0; }

.audio_slider .audio_slide .audio_img figure{ display:block; width:100%; border-radius: 8px; overflow:hidden; }
.audio_slider .audio_slide .audio_img figure img{ vertical-align:top; border-radius: 8px; overflow:hidden;}
.audio_slider .audio_slide .audio_img ul{ font-size:0; position:absolute; right:14px; bottom:2px; }
.audio_slider .audio_slide .audio_img ul li{ display: inline-block; vertical-align: top; }
.audio_slider .audio_slide .audio_img ul li img{ vertical-align:top; }
.audio_slider .audio_slide .audio_img ul li.johnson_logo{ background: url(../images/plus_icon.png) no-repeat right 5px; padding: 0 14px 0 0; background-size: 7px; }
.audio_slider .audio_slide .audio_img ul li.johnson_logo img{ width:56px; }
.audio_slider .audio_slide .audio_img ul li.people_logo{ padding:2px 0 0 7px; }
.audio_slider .audio_slide .audio_img ul li.people_logo img{ width:35px; }
.audio_slider .audio_slide .audio_img ul li.parents_logo{ padding:3px 0 0 7px; }
.audio_slider .audio_slide .audio_img ul li.parents_logo img{ width:56px; }

.audio_slider .audio_slide .audio_img .aud_len{ position:absolute; width:50px; text-align:center; left:12px; bottom:12px; font-family: 'DM Sans', sans-serif; font-weight: bold; font-size: 12px; line-height: 20px; text-align: center; letter-spacing: 0.04em; color: #426292; background: rgba(255, 255, 255, 0.7); border-radius: 32px; }

.audio_slider .audio_slide .audio_img .now_play{ display:flex; position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); align-items:center; justify-content:center; display:none; }
.audio_slider .audio_slide .audio_slide_inner > a.active .audio_img .now_play{ display:flex; }


.audio_slider .audio_slide .audio_img .now_play span{ font-family: 'DM Sans', sans-serif; font-weight: bold; font-size: 14px; line-height: 18px; letter-spacing: 0.04em; color: #FFFFFF; }
.audio_slider .audio_slide .audio_img .now_play img{ width:20px; min-width:20px; margin:0 0 0 12px; }
.audio_slider .audio_slide .audio_text{ display:block; width:100%; }
.audio_slider .audio_slide h3{ font-family: 'DM Sans', sans-serif; font-weight: bold; font-size: 18px; line-height: 24px; color: #FFFFFF; padding:0 0 6px; }
.audio_slider .audio_slide p{ font-family: 'DM Sans', sans-serif; font-weight: normal; font-size: 16px; line-height: 20px; color: #FFFFFF; padding:0; }

/**************** Audio Section Css******************/



/**************** Video Section Css******************/
.video_sec{ float:left; width:100%; background: url(../images/video_bg.png) repeat center top; padding:87px 0 80px; }

.video_sec .video_sec_intro{ display:block; width:100%; max-width:798px; margin:0 auto; padding:0 15px 55px; background:#E7F3FF; }
.video_sec_intro h3{ font-family: 'DM Sans', sans-serif; font-weight: bold; font-size: 32px; line-height: 36px; text-align: center; font-feature-settings: 'ss04' on, 'ss03' on; color: #426292; padding:0 0 15px; }
.video_sec_intro h3 span{ line-height:inherit; }
.video_sec_intro p{ font-family: 'DM Sans', sans-serif; font-weight: normal; font-size: 21px; line-height: 28px; text-align: center; color: #426292; padding:0; }


.video_sec .vid_boxes{ display:block; width:100%; position:relative; margin:0 0 20px; padding:0 15px; }
.video_sec .vid_boxes > figure{ display:block; width:100%; max-width:1096px; margin:0 auto; }


/****************************Video Popup Css********************************************/
.v_box { position: relative; height: 0; width: 100%; padding-bottom: 56.25%; }
.video-js { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }

/******* CSS LIGHTBOX *******/
.vid_box {
      position:absolute; left:0;
    top:0;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    z-index:-1;
    width: 100%;
    max-width: 100%;
    padding: 0 15px 0;
	display:flex; 
	align-items:center; 
	justify-content: center; 
	flex-wrap: wrap;
}

.vid_box_inner {
    display: block;
    width: 1096px;
    position: relative;
    max-width: 100%;
}

.vid_box video {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    border: none;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */
a.vid-close {
    display: block;
    width: 14px;
    height: 16px;
    text-decoration: none;
    position: absolute;
    top: -80px;
    right: -30px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
	display:none;
}
a.vid-close img{ vertical-align:top; width:14px; height:16px; }

.vid_box.first_active{ opacity: 1; z-index:999; }
.vid_box.active { opacity: 1; z-index:9999; }
.vid_box.active .v_box { padding-bottom: 56.25%; }
.vid_box.active .video-js { background:none; }
.vid_box.active video { max-height: 100%; max-width: 100%; }
.vid_box.active a.vid-close { top: 0; }


.video_sec .video_slider_sec{ display:block; width:100%; max-width:1136px; margin:0 auto; padding:0 10px; }
.video_slider_sec .video_slider{ display:block; width:100%; }
.video_slider .video_slide{ display:block; width:100%; padding:0 10px; position:relative; }
.video_slider .video_slide .video_slide_inner{ display:block; position:relative; }
.video_slider .video_slide .video_slide_inner > a{ position:absolute; left:0; top:0; font-size:0; line-height:0; width:100%; height:100%; z-index:99; }

.video_slider .video_slide .video_img{ display:block; position:relative; border-radius: 4px; overflow:hidden; margin:0 0 16px; }
.video_slider .video_slide .video_img:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); opacity:0; }
.video_slider .video_slide .video_slide_inner.active .video_img:before{ opacity:1; }

.video_slider .video_slide .video_img:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: url(../images/play_btn.png) no-repeat center center; background-size:96px; opacity:0; }

.video_slider .video_slide .video_slide_inner:hover .video_img:after{ opacity:1; }
.video_slider .video_slide .video_slide_inner.active:hover .video_img:after{ opacity:0; }



.video_slider .video_slide .video_img figure{ display:block; width:100%; border-radius: 4px; overflow:hidden; }
.video_slider .video_slide .video_img figure img{ vertical-align:top; border-radius: 4px; overflow:hidden;}

.video_slider .video_slide .video_img .vid_len{ position:absolute; width:50px; text-align:center; left:10px; bottom:10px; font-family: 'DM Sans', sans-serif; font-weight: bold; font-size: 12px; line-height: 20px; text-align: center; letter-spacing: 0.04em; color: #426292; background: rgba(255, 255, 255, 0.7); border-radius: 32px; }

.video_slider .video_slide .video_img .now_play{ position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); font-family: 'DM Sans', sans-serif; font-weight: bold; font-size: 14px; line-height: 18px; letter-spacing: 0.04em; color: #FFFFFF; display:none; text-align:center; }
.video_slider .video_slide .video_slide_inner.active .video_img .now_play{ display:block; }


.video_slider .video_slide .vid_text{ display:block; width:100%; }
.video_slider .video_slide h3{ font-family: 'DM Sans', sans-serif; font-weight: bold; font-size: 18px; line-height: 24px; color: #2D8CEB; padding:0 0 7px; }
.video_slider .video_slide p{ font-family: 'DM Sans', sans-serif; font-weight: normal; font-size: 16px; line-height: 20px; color: #426292; padding:0; }

/**************** Video Section Css******************/


/**************** Espanol Section Css******************/
.espanol_sec{ float:left; width:100%; background:#4ca7a0 url(../images/espanol_bg.jpg) repeat center top; padding:87px 0 80px; position:relative; }

.espanol_sec .espanol_sec_intro{ display:block; width:100%; max-width:880px; margin:0 auto; padding:0 15px 55px; }
.espanol_sec_intro h3{ font-family: 'DM Sans', sans-serif; font-weight: bold; font-size: 32px; line-height: 36px; text-align: center; font-feature-settings: 'ss04' on, 'ss03' on; color: #fff; padding:0 0 15px; }
.espanol_sec_intro h3 span{ line-height:inherit; }
.espanol_sec_intro p{ font-family: 'DM Sans', sans-serif; font-weight: normal; font-size: 21px; line-height: 28px; text-align: center; color: #fff; padding:0; }


.espanol_sec .espanol_slider_sec{ display:block; width:100%; max-width:1136px; margin:0 auto; padding:0 10px; }
.espanol_slider_sec .espanol_slider{ display:block; width:100%; }
.espanol_slider .espanol_slide{ display:block; width:100%; padding:0 10px; position:relative; }
.espanol_slider .espanol_slide .espanol_slide_inner{ display:block; position:relative; }
.espanol_slider .espanol_slide .espanol_slide_inner > a{ position:absolute; left:0; top:0; font-size:0; line-height:0; width:100%; height:100%; z-index:99; }

.espanol_slider .espanol_slide .espanol_img{ display:block; position:relative; margin:0 0 16px; box-shadow: 0px 0.271728px 0.628674px rgba(0, 0, 0, 0.0557458), 0px 0.751293px 3.11985px rgba(0, 0, 0, 0.08), 0px 1.80882px 6.79428px rgba(0, 0, 0, 0.104254), 0px 6px 11px rgba(0, 0, 0, 0.16); }

.espanol_slider .espanol_slide .espanol_vid_img:after{ content:""; position:absolute; left:5px; bottom:32px; width:64px; height:64px; background: url(../images/play_btn.png) no-repeat center center; background-size:64px; }

.espanol_slider .espanol_slide .espanol_img figure{ display:block; width:100%; overflow:hidden; }
.espanol_slider .espanol_slide .espanol_img figure img{ vertical-align:top; overflow:hidden;}

.espanol_slider .espanol_slide .espanol_img .espanol_vid_len{ position:absolute; width:50px; text-align:center; left:12px; bottom:12px; font-family: 'DM Sans', sans-serif; font-weight: bold; font-size: 12px; line-height: 20px; text-align: center; letter-spacing: 0.04em; color: #426292; background: rgba(255, 255, 255, 0.7); border-radius: 32px; backdrop-filter: blur(28px); }


.espanol_slider .espanol_slide .espanol_text{ display:block; width:100%; }
.espanol_slider .espanol_slide h3{ font-family: 'DM Sans', sans-serif; font-weight: bold; font-size: 18px; line-height: 24px; color: #fff; padding:0 0 7px; }
.espanol_slider .espanol_slide p{ font-family: 'DM Sans', sans-serif; font-weight: normal; font-size: 16px; line-height: 20px; color: #fff; padding:0; }

/**************** Espanol Section Css******************/



/****************************Video-Esp Popup Css********************************************/
.v_box_esp { position: relative; height: 0; width: 100%; /*padding-bottom:0%;*/ padding-bottom: 56.25%; }

/******* CSS LIGHTBOX *******/
.vid_box_esp {
    position: fixed;
    top: 100%;
    background: rgba(0, 0, 0, .85);
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    overflow-y: scroll;
    z-index: 999999;
    width: 100%;
    max-width: 100%;
    padding: 0 15px 0;
	display:flex; 
	align-items:center; 
	justify-content: center; 
	flex-wrap: wrap;
}

.vid_box_inner_esp {
    display: block;
    width: 1100px;
    padding: 10px 0 10px;
    position: relative;
    max-width: 100%;
}

.vid_box_esp video {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    border: none;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */
a.vid-close-esp {
    display: block;
    width: 14px;
    height: 16px;
    text-decoration: none;
    position: absolute;
    top: -80px;
    right: -30px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
a.vid-close-esp img{ vertical-align:top; width:14px; height:16px; }

.vid_box_esp.active { opacity: 1; top: 0; bottom: 0; }
.vid_box_esp.active .v_box_esp { padding-bottom: 56.25%; /*border:2px solid #fff;*/ }
.vid_box_esp.active .video-js { background: #000; }
.vid_box_esp.active video { max-height: 100%; max-width: 100%; }
.vid_box_esp.active a.vid-close-esp { top: 0; }


.bc-iframe .vjs-playlist-sidebar .vjs-playlist-show-hide button:hover, .bc-player-B1FpNCG8g_default .vjs-big-play-button:active, .bc-player-B1FpNCG8g_default .vjs-big-play-button:focus, .bc-player-B1FpNCG8g_default .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected, .bc-player-B1FpNCG8g_default .vjs-play-progress, .bc-player-B1FpNCG8g_default .vjs-volume-level, .bc-player-B1FpNCG8g_default:active .vjs-big-play-button, .bc-player-B1FpNCG8g_default:hover .vjs-big-play-button {
	background-color: #8770E2 !important;
}




/*footer*/
.footer { float: left; width: 100%; background: #151515; padding: 25px 0 20px; text-align: left; z-index: 9999; line-height: 20px; }
.footer .wrapper{ max-width:1120px; }
.footer a.footer_logo { display: inline-block; line-height: 20px; vertical-align: top; }
.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: 'DM Sans', sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; color: #fff; padding: 0 5px 0 8px; background: url(../images/link_sep.jpg) no-repeat left center; }
.footer ul li:first-child { background: none; padding-left:0; }
.footer ul li a { display: block; color: #fff; }
.footer ul li a:hover, footer ul li a:focus { color: #888888; }

#div-gpt-interstitial { height: 1px; overflow: hidden; position:absolute; left:0; bottom:0; z-index:-1; }
#div-gpt-wallpaper { height: 1px; overflow: hidden; position:absolute; left:0; bottom:0; z-index:-1; }