.socialPage{padding: 0px;}
.socialSection{padding: 78px 0px 85px;}
.socialSection:nth-child(2){background-color: #f1f1f1;}
.socialSection_text{padding: 0px 0px 0px;}
.socialSection_text h2{font-size: 48px; line-height: 48px; text-align: center;}
.socialSection_text h2 span{display: inline-block; padding-right: 56px; position: relative;}
.socialSection_text h2 span:nth-child(1){padding-right: 0px;}
.socialSection_text h2 span:after{content: '\2022'; position: absolute; right: 0; top: 0; text-align: center; width: 56px; color: #fbb903;}
.socialSection_text h2 span:nth-child(1):after{display: none;}
.socialSection_text P{padding: 15px 0px 0px; font-size: 18px; line-height: 26px; text-align: center; max-width: 1000px; margin: 0 auto;}
.socialSection_textButton{padding-top: 24px; text-align: center;}
.socialSection_textButton a{background-color: #fbb903; color: #1e2b51; margin: 0 auto; font-weight: 700; font-size: 18px; display: flex; align-items: center; justify-content: center; text-align: center; width: 155px; height: 36px;}
.socialSection_textButton a:hover, .socialSection_textButton a:focus{background-color: #1e2b51; color: #fbb903;}

.socialSection_textMore{display: none; padding-top: 4px; font-size: 16px; font-weight: 700; text-align: center;}
.socialSection_textMore a{display: inline-block; position: relative;}
.socialSection_textMore a span:nth-child(2){display: none;}
.socialSection_textMore a:after{content: '\e900'; font-family: 'icomoon' !important; font-size: 7px; width: 14px; text-align: center; position: absolute; right: 100%; top: 7px; transform: rotate(180deg);}
.socialSection_textMore a[aria-expanded="true"] span:nth-child(1){display: none;}
.socialSection_textMore a[aria-expanded="true"] span:nth-child(2){display: inline;}
.socialSection_textMore a[aria-expanded="true"]:after{transform: rotate(-90deg);}

.socialSection_gallery{max-width: 1560px; margin: 82px auto 0; padding: 0 72px; position: relative;}
.socialSection_gallery .swiper-container{position: static;}
.socialSection_gallery .swiper-slide{padding: 0px 7px;}
.socialSection_gallery .swiper-slide a{display: block; text-decoration: none;}
.socialSection_galleryImage img{display: block; width: 100%;}
.socialSection_galleryText{border: 1px solid #f1f1f1; background-color: white; border-top: 0; padding: 22px 6.6% 33px;}
.socialSection_galleryText strong{display: block; font-size: 24px; line-height: 30px; min-height: 60px;}
.socialSection_galleryText span{display: block; padding: 6px 0px 0px; font-size: 18px; line-height: 24px; min-height: 78px;}
.socialSection_galleryText b{display: block; width: 96px; height: 36px; margin-top: 20px; border: 1px solid #fbb903; text-align: center; font-weight: 700; font-size: 18px; line-height: 34px;}
.socialSection_gallery .swiper-slide a:hover .socialSection_galleryText b{background-color: #fbb903;}
.socialSection_gallery .swiper-slide a:focus .socialSection_galleryText b{background-color: #fbb903;}
.socialSection_gallery .swiper-button-next, .socialSection_gallery .swiper-button-prev{color: #1e2b51; width: 48px; height: 48px;}
.socialSection_gallery .swiper-button-next:hover, .socialSection_gallery .swiper-button-prev:hover{color: #fbb903;}
.socialSection_gallery .swiper-button-next:after, .socialSection_gallery .swiper-button-prev:after{content: '\e900'; font-family: 'icomoon' !important; font-size: 45px; text-shadow: 0px 0px 6px white, 0px 0px 12px white, 0px 0px 12px white;}
.socialSection_gallery .swiper-button-prev{right: 0px;}
.socialSection_gallery .swiper-button-next{left: 0px;}
.socialSection_gallery .swiper-button-next:after{transform: rotate(180deg);}
/* swiper accessibility */
.socialSection_gallery .swiper-slide[aria-hidden="true"]{display: block;}


.socialSection_expand{display:none;}

.socialSection_all{display: none; padding-top: 26px;}
.socialSection_all a{display: flex; align-items: center; justify-content: center; text-align: center; width: 220px; height: 40px; margin: 0 auto; background-color: #fbb903; color: #1e2b51; font-weight: 500; font-size: 18px;}

.accessibilityDetails{padding: 64px 0px 0px;}
.accessibilityDetails ul{display: flex; justify-content: space-between; max-width: 940px; margin: 0 auto;}
.accessibilityDetails li{text-align: center;}
.accessibilityDetails li div{margin: 0px auto; display: flex; align-items: center; justify-content: center; position: relative; background-color: white; width: 68px; height: 68px; border-radius: 50%; border: 1px solid #f1f1f1; font-size: 34px; color: #1e2b51;}
.accessibilityDetails li div:after{content: '\e905'; font-family: 'icomoon' !important; position: absolute; right: -8px; bottom: 2px; color: #fbb903; font-size: 20px;}
.accessibilityDetails li div b{font-weight: 400; font-size: 15px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center;}
.accessibilityDetails li span{display: block; width: 150px; margin: 11px auto 0px; font-size: 20px; line-height: 22px;}

.socialTwins{display: flex;}
.socialTwins_item{width: 50%; padding: 78px 3.2% 90px;}
.socialTwins_right{background-color: #f6f6f6;}
.socialTwins_left{background-color: #ececec;}
.socialTwins_item .socialSection_text P{max-width: 600px;}

.smallBiz_card{padding-top: 60px; max-width: 826px; margin: 0 auto;}
.smallBiz_cardFrame{position: relative;}
.smallBiz_cardBG{overflow: hidden; position: relative; height: 332px;}
.smallBiz_cardBG img{display: block; height: 100%; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0);}
.smallBiz_cardBG:after{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
    background: -moz-linear-gradient(top,  rgba(30,43,81,0) 0%, rgba(30,43,81,1) 83%, rgba(30,43,81,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(30,43,81,0) 0%,rgba(30,43,81,1) 83%,rgba(30,43,81,1) 100%);
    background: linear-gradient(to bottom,  rgba(30,43,81,0) 0%,rgba(30,43,81,1) 83%,rgba(30,43,81,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e2b51', endColorstr='#1e2b51',GradientType=0 );
}
.smallBiz_cardContent{position: absolute; left: 0; right: 0; bottom: 0; padding: 0px 0px 30px; color: white;}
.smallBiz_cardContent *:focus{outline: 1px solid #ffffff; outline-offset: 1px;}
.smallBiz_cardContent *:active:focus{outline: 1px solid #ffffff; outline-offset: 1px;}

.smallBiz_cardContent a{color: white;}
.smallBiz_cardContent h3{text-align: center; font-size: 24px; line-height: 28px; padding-bottom: 20px;}
.smallBiz_cardContent ul{display: flex; align-items: center; justify-content: center;}
.smallBiz_cardContent li{padding: 0 18px;}
.smallBiz_cardContent li a{display: flex; align-items: center; font-size: 22px;}
.smallBiz_cardContent li a span{padding-right: 10px;}
.smallBiz_cardContent li a i{color: #fbb903; font-size: 0.85em;}
.smallBiz_cardContent li a:hover span{text-decoration: underline;}

.ethics_icons{padding: 53px 0px 0px; max-width: 600px; margin: 0 auto;}
.ethics_icons ul{display: flex; flex-wrap: wrap;}
.ethics_icons li{padding: 7.5px; width: 33.33%;}
.ethics_icons li a{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 160px; font-size: 24px; line-height: 20px; color: white;}
.ethics_icons li a span{display: block; text-align: center; min-height: 50px; padding-top: 10px; width: 100%;}
.ethics_icons li a img{max-width: 82px; width: 90%; margin: 0px auto 0px;}
.ethics_icons li a span{display: block; text-align: center; min-height: 50px; padding-top: 10px;}
.ethics_icons li a.ethics_icon01{background-color: #e9642b;}
.ethics_icons li a.ethics_icon02{background-color: #5b8033;}
.ethics_icons li a.ethics_icon03{background-color: #b30119;}
.ethics_icons li a.ethics_icon04{background-color: #910f67;}
.ethics_icons li a.ethics_icon05{background-color: #157b8d;}
.ethics_icons li a.ethics_icon06{background-color: #d9307c;}

.ethicsPop{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.7); z-index: 3; overflow: hidden;}
.ethicsPop *:focus{outline: 1px solid #ffffff; outline-offset: 1px;}
.ethicsPop *:active:focus{outline: 1px solid #ffffff; outline-offset: 1px;}
.ethicsPop_flex{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.ethicsPop_frame{background-color: #000000; width: 100%; max-width: 600px; position: relative;}
.ethicsPop_close{position: absolute; left: 0; top: 0; z-index: 1;}
.ethicsPop_close a{display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; color: white;}
.ethicsPop_close a i{display: block; font-size: 28px;}
.ethicsPop_gallery{padding: 40px 72px 40px; position: relative;}
.ethicsPop_gallery .swiper-container{position: static;}
.ethicsPop_gallery .swiper-slide{padding: 0px 4px;}
.ethicsPop_gallery .swiper-slide img{display: block; width: 100%;}
.ethicsPop_gallery .swiper-button-next, .ethicsPop_gallery .swiper-button-prev{color: #ffffff; width: 64px; height: 64px;}
.ethicsPop_gallery .swiper-button-next:after, .ethicsPop_gallery .swiper-button-prev:after{content: '\e900'; font-family: 'icomoon' !important; font-size: 36px;}
.ethicsPop_gallery .swiper-button-prev{right: 3px;}
.ethicsPop_gallery .swiper-button-next{left: 3px;}
.ethicsPop_gallery .swiper-button-next:after{transform: rotate(180deg);}
/* swiper accessibility */
.ethicsPop_gallery .swiper-slide[aria-hidden="true"]{display: block;}

.ethicsPop_trapFocus{width: 0; height: 0; overflow: hidden; font-size: 0;}

@media screen and (max-width: 1400px) {
    .socialSection{padding: 56px 0px 64px;}
    .socialSection_text h2{font-size: 40px;}
    .socialSection_gallery{margin: 56px auto 0; padding: 0 56px;}
    .socialSection_galleryText{padding: 20px 6.6% 30px;}
    .socialSection_galleryText strong{font-size: 21px; line-height: 25px; min-height: 50px;}

    .socialTwins_item{padding: 56px 3.2% 64px;}
    
    .smallBiz_card{padding-top: 42px;}
    .ethics_icons{padding: 35px 0px 0px;}

    .ethicsPop_frame{max-width: 480px;}
    .ethicsPop_close a{width: 54px; height: 54px;}
    .ethicsPop_close a i{font-size: 22px;}
    .ethicsPop_gallery{padding: 24px 54px 20px;}
    .ethicsPop_gallery .swiper-button-next, .ethicsPop_gallery .swiper-button-prev{width: 54px; height: 54px;}
    .ethicsPop_gallery .swiper-button-next:after, .ethicsPop_gallery .swiper-button-prev:after{font-size: 24px;}
    .ethicsPop_gallery .swiper-button-prev{right: 0px;}
    .ethicsPop_gallery .swiper-button-next{left: 0px;}
}

@media screen and (max-width: 1280px) {
    .smallBiz_cardBG{height: 316px;}
    .smallBiz_cardContent{padding: 0px 0px 20px;}
    .smallBiz_cardContent h3{max-width: 450px; margin: 0 auto; padding-bottom: 14px;}
    
    .ethics_icons{max-width: 500px;}
    .ethics_icons li a{height: 150px; font-size: 21px; line-height: 20px;}
    .ethics_icons li a img{max-width: 70px;}
}

@media screen and (max-width: 1024px) {
    .socialSection{padding: 36px 0px 48px;}
    .socialSection_text h2{font-size: 32px;}
    .socialSection_gallery{margin: 42px auto 0; padding: 0 42px;}
    .socialSection_gallery .swiper-slide{padding: 0px 4px;}
    .socialSection_gallery .swiper-button-next, .socialSection_gallery .swiper-button-prev{width: 40px; height: 40px;}
    .socialSection_gallery .swiper-button-next:after, .socialSection_gallery .swiper-button-prev:after{font-size: 40px;}
    .socialSection_gallery .swiper-button-prev{right: -10px;}
    .socialSection_gallery .swiper-button-next{left: -10px;}

    .accessibilityDetails{padding: 48px 0px 0px;}
    .accessibilityDetails ul{max-width: 720px;}
    .accessibilityDetails li div{width: 56px; height: 56px; font-size: 28px;}
    .accessibilityDetails li div:after{right: -8px; bottom: 2px; font-size: 16px;}
    .accessibilityDetails li div b{font-size: 13px;}
    .accessibilityDetails li span{width: 120px; margin: 11px auto 0px; font-size: 16px; line-height: 18px;}

    .socialTwins{display: block;}
    .socialTwins_item{width: auto; padding: 36px 25px 48px;}
    .smallBiz_cardBG{height: 332px;}
}

@media screen and (max-width: 800px) {
    .socialSection_text h2 span{padding-right: 36px;}
    .socialSection_text h2 span:after{width: 36px;}
    
    .accessibilityDetails{padding: 36px 0px 0px;}
    .accessibilityDetails li span{width: 100px; margin: 11px auto 0px; font-size: 14px; line-height: 16px;}   
}

@media screen and (max-width: 767px) {
    .socialSection_galleryText strong{min-height: 0;}
    .socialSection_galleryText strong br{display: none;}
    .socialSection_galleryText span{max-height: 60px; min-height: 0; overflow: hidden;}
    .socialSection_galleryText b{width: 94px; height: 30px; line-height: 28px; font-weight: 500; font-size: 14px;}
}

@media screen and (max-width: 600px) {
    .accessibilityDetails{padding: 14px 0px 0px;}
    .accessibilityDetails ul{margin: 0px auto; padding-top: 0; align-items: center; justify-content: space-around; width: 400px; flex-wrap: wrap;}
    .accessibilityDetails li{padding-top: 24px;}
    .accessibilityDetails li:nth-last-child(1){padding-left: 50px;}
    .accessibilityDetails li:nth-last-child(2){padding-right: 50px;}


     .socialSection_expand{display: block; padding-top: 30px;}
    .socialSection_expand a{display: block; margin: 0 auto; width: 246px; height: 40px; text-align: center; border: 1px solid #fbb903; font-weight: 700; font-size: 18px; line-height: 36px;}
    .socialSection_expand a span:nth-child(2){display: none;}
    .socialSection_expand a[aria-expanded="true"] span:nth-child(1){display: none;}
    .socialSection_expand a[aria-expanded="true"] span:nth-child(2){display: inline;}

}

@media screen and (max-width: 480px) {
    .socialSection_text h2{font-size: 30px; line-height: 36px;}
    .socialSection_text P{padding: 10px 0px 0px; font-size: 16px; line-height: 24px; overflow: hidden; max-height: 82px; transition: all 0.4s ease-in-out;}
    .socialSection_text P.active{max-height: 900px;}
    .socialSection_textMore{display: block;}

    .socialSection_gallery{margin: 42px auto 0; padding: 0;}
    .socialSection_gallery .swiper-wrapper{transform: none; height: auto; display: block;}

    .socialSection_gallery .swiper-wrapper.active {
            max-height: 2000px !important;
        }

    .socialSection_gallery .swiper-slide{padding: 8px 0px 0px;}
    .socialSection_gallery .swiper-slide:nth-child(n+4){display: none;}
    .socialSection_gallery .swiper-slide a{display: flex;}
    .socialSection_galleryText{width: calc(100% - 120px); padding: 13px 6.6% 18px; border: 1px solid #f1f1f1; border-right: 0; display: flex; flex-direction: column; justify-content: space-between;}
    .socialSection_gallery .swiper-button-next, .socialSection_gallery .swiper-button-prev{display: none;}
    .socialSection_galleryText strong{font-size: 18px;}
    .socialSection_all{display: block;}

    .socialSection_galleryText span{font-size: 14px; line-height: 20px; max-height: 44px; padding-top: 4px;}
    .socialSection_galleryText b{margin-top: 12px;}
    
    .accessibilityDetails ul{max-width: 400px; width: 100%; flex-wrap: wrap;}

    .socialTwins_item{padding: 36px 20px 48px;}
    .smallBiz_cardBG{height: 145px;}
    .smallBiz_cardBG img{position: static; transform: none; width: 100%; height: auto;}
    .smallBiz_cardContent{padding: 0px 0px 16px;}
    .smallBiz_cardContent h3{max-width: 240px; padding-bottom: 7px; font-size: 18px; line-height: 22px;}
    .smallBiz_cardContent li{padding: 0 15px;}
    .smallBiz_cardContent li a{font-size: 16px;}
}

@media screen and (max-width: 432px) {
    .ethics_icons{max-width: 320px;}
    .ethics_icons li{width: 50%;}
    .ethics_icons li a{height: 135px; font-size: 18px; line-height: 17px; padding: 0px 7px;}
    .ethics_icons li a span{min-height: 44px; padding-top: 10px;}

    .ethicsPop_gallery{padding: 14px 20px 20px;}
    .ethicsPop_close a{width: 30px; height: 30px;}
    .ethicsPop_close a i{font-size: 18px;}
    
    .ethicsPop_gallery .swiper-button-next, .ethicsPop_gallery .swiper-button-prev{width: 28px; height: 36px;}
    .ethicsPop_gallery .swiper-button-next:after, .ethicsPop_gallery .swiper-button-prev:after{font-size: 20px;}
    
    
}
