::-webkit-input-placeholder { color: #fff; }

:-moz-placeholder { color: #fff; }

::-moz-placeholder { color: #fff; }

:-ms-input-placeholder { color: #fff; }

.sectionA { padding-top: 55px; }

@media (max-width: 575px) { .sectionA { padding-top: 0; } }

.sectionB { padding-bottom: 45px; padding-top: 40px; }

@media (max-width: 575px) { .sectionB { padding-top: 20px; padding-bottom: 20px; } }

@media (min-width: 1300px) { .sectionB .container { max-width: 1250px; } }

.sectionB ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; }

.sectionB ul li { width: 33.33333%; padding: 0 25px; margin-bottom: 50px; }

.sectionB ul li a:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.sectionB ul li a .img { overflow: hidden; }

.sectionB ul li a .img img { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.sectionB ul li a:hover .text .title { color: #0069e0; }

.sectionB ul li a:hover .img .write { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.sectionB ul li a .img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; }

.sectionB ul li a .img .write { position: absolute; width: 100%; height: 100%; background: rgba(0, 105, 224, 0.85); -webkit-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); font-size: 14px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.sectionB ul li a .text { padding: 20px; border-bottom: 4px solid #0069e0; box-shadow: 0px 0px 9px 0px rgba(16, 16, 16, 0.08); }

.sectionB ul li a .text .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #3b3b3b; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; margin-bottom: 5px; }

.sectionB ul li a .text .desc { line-height: 2; height: 56px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; color: #a1a1a1; }

@media (max-width: 575px) { .sectionB ul li { width: 50%; padding: 0; margin-bottom: 10px; padding-right: 5px; }
  .sectionB ul li:nth-of-type(2n+0) { padding-right: 0; padding-left: 5px; }
  .sectionB ul li a .text .title { font-size: 16px; }
  .sectionB ul li a .text { padding: 15px; } }