@charset "utf-8";
 @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
*,
body {
margin: 0;
padding: 0;
font-optical-sizing: auto;
font-style: normal;
font-family: "Plus Jakarta Sans", serif;
}
body {
overflow-x: hidden;
}
.Conatainer {
width: 100%;
max-width: 1600px;
padding: 0 15px;
margin: 0 auto;
}
.ResourceConatainer {
width: 100%;
max-width: 700px;
padding: 0 15px;
margin: 0 auto;
}
.HeaderSec {
width: 100%;
position: fixed;
z-index: 9991;
padding: 12px 0 8px 0;
transition: all .2s ease-in-out;
top: 0;
background: rgb(8 17 31 / 100%);
}
.HeaderSec.Sticky {
position: fixed;
padding: 12px 0 5px 0;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
backdrop-filter: blur(18px);
background: rgb(8 17 31 / 90%);
}
.HeadRow {
display: flex;
justify-content: space-between;
}
.HeadLogoArea {
width: auto;
min-height: 80px;
height: 100px;
}
.HeaderSec.Sticky .HeadLogoArea {
height: 80px;
}
.HeadLogoArea img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.HeaderSec .HeadLogoArea .Sticky img,
.HeaderSec.Sticky .HeadLogoArea .Normal img {
display: none;
}
.HeaderSec.Sticky .HeadLogoArea .Sticky img {
display: unset;
}
.HeadMenuArea {
width: calc(100% - 180px);
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.HeadMenuTArea {
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 20px;
}
.HeaderSec.Sticky .HeadMenuTArea {
margin-bottom: 5px;
}
.SocialLink {
width: 30px;
height: 30px;
padding: 5px 5px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 8px;
}
.HeaderSec.Sticky .SocialLink {
width: 26px;
height: 26px;
padding: 4px 4px;
}
.SocialLink img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
transition: all .2s ease-in-out;
}
.SocialLink:hover img {
filter: brightness(0) invert(1);
}
.HeadCallLink {
width: auto;
height: 40px;
display: flex;
align-items: center;
padding: 3px 20px 3px 5px;
background: #102f5f;
border-radius: 30px;
font-size: 14px;
font-weight: 400;
color: #fff;
text-decoration: none;
margin: 0 8px;
position: relative;
}
.HeadCallLink:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #102f5f;
border-radius: 30px;
top: 0;
left: 0;
transform: scale3d(1, 1, 1);
z-index: -1;
transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}
.HeadCallLink:hover:after {
transform: scale3d(1.1, 1.2, 1);
}
.HeadDonateLink {
width: auto;
height: 40px;
display: flex;
align-items: center;
padding: 3px 20px 3px 5px;
background: #be000e;
border-radius: 30px;
font-size: 14px;
font-weight: 400;
color: #fff;
text-decoration: none;
margin: 0 8px;
text-transform: uppercase;
position: relative;
}
.HeadDonateLink:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #be000e;
border-radius: 30px;
top: 0;
left: 0;
transform: scale3d(1, 1, 1);
z-index: -1;
transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}
.HeadDonateLink:hover:after {
transform: scale3d(1.1, 1.2, 1);
}
.HeaderSec.Sticky .HeadCallLink,
.HeaderSec.Sticky .HeadDonateLink {
height: 38px;
font-size: 14px;
margin: 0 6px;
}
.HeadCallLink div,
.HeadDonateLink div {
width: 30px;
height: 30px;
padding: 7px;
background: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
}
.HeaderSec.Sticky .HeadCallLink div,
.HeaderSec.Sticky .HeadDonateLink div {
width: 30px;
height: 30px;
padding: 7px;
}
.HeadCallLink div img,
.HeadDonateLink div img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.HeadMenuBArea {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.MainNav ul {
display: flex;
align-items: center;
margin: 0;
padding: 0;
}
.MainNav ul li {
list-style: none;
position: relative;
}
.MainNav ul li .MainNavLink {
font-size: 18px;
font-weight: 500;
color: #8a8987;
text-transform: uppercase;
text-decoration: none;
padding: 15px 25px;
display: flex;
letter-spacing: 1px;
align-items: center;
transition: all .2s ease-in-out;
}
.HeaderSec.Sticky .MainNav ul li .MainNavLink {
font-size: 16px;
padding: 13px 25px;
}
.MainNav ul li .MainNavLink svg {
width: 22px;
margin-left: 8px;
}
.MainNav ul li.active .MainNavLink,
.MainNav ul li .MainNavLink:hover {
color: #fff
}
.HeaderSearchBU {
width: 40px;
height: 35px;
background: transparent;
border: none;
color: #fff;
}
.DropDownMenuHead ul {
position: absolute;
margin: 0;
background-color: #ffffff;
border: none;
border-radius: 15px;
box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
transition: all 200ms linear;
min-width: 17rem;
padding: 15px 20px;
top: 65px;
visibility: hidden;
opacity: 0;
max-height: 1000px;
display: block;
margin: 0;
z-index: -99;
}
.MainNav ul li .MainNavLink:hover~.DropDownMenuHead ul,
.DropDownMenuHead:hover ul {
opacity: 1;
visibility: visible;
top: 57px;
}
.HeaderSec.Sticky .MainNav ul li .MainNavLink:hover~.DropDownMenuHead ul,
.HeaderSec.Sticky .DropDownMenuHead:hover ul {
opacity: 1;
visibility: visible;
top: 55px;
}
.DropDownMenuHead ul:before {
content: '';
width: 15px;
height: 15px;
position: absolute;
background: #ffffff;
left: 40px;
top: -7px;
transform: rotate(45deg);
z-index: -1;
}
.DropDownMenuHead .dropdown-item {
padding: 8px 0px;
font-size: 15px;
letter-spacing: 1px;
color: #000;
font-weight: 600;
transition: all 200ms linear;
white-space: normal;
}
.DropDownMenuHead .dropdown-item.active-child {
color: #be000e;
}
.DropDownMenuHead .dropdown-item:hover {
color: #be000e;
}
.CollapseBU {
width: 50px;
height: 50px;
background: transparent;
border: none;
color: #fff;
display: none;
}
.CollapseBU svg {
width: 28px;
height: 28px;
}
.HeadMenuBArea.Open svg.menu,
.HeadMenuBArea svg.menuClose {
display: none;
}
.HeadMenuBArea svg.menu,
.HeadMenuBArea.Open svg.menuClose {
display: block;
}
.BannerArea {
width: 100%;
height: 1200px;
position: relative;
}
.BannerArea img {
width: 100%;
height: 1200px;
object-fit: cover;
object-position: right;
position: absolute;
}
.Height100 {
height: 100%;
position: relative;
z-index: 1;
}
.BannerContentSec {
width: 100%;
max-width: 700px;
height: 1000px;
position: relative;
display: flex;
flex-wrap: wrap;
align-content: center;
}
.BannerText1 {
width: 100%;
font-size: 30px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
margin: 0 0 0 0;
letter-spacing: 4px;
}
.BannerText2 {
width: 100%;
font-family: "Oswald", serif;
font-size: 120px;
line-height: 130px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
margin: 30px 0 80px 0;
}
.BannerText3 {
width: 100%;
font-size: 30px;
font-weight: 500;
color: #fff;
margin: 0 0 0 0;
letter-spacing: 2px;
}
.BannerGraSec {
width: 100%;
height: 800px;
position: relative;
margin-top: -360px;
}
.BannerGraSec img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
}
.BannerGraCusCon {
display: flex;
height: 100%;
justify-content: center;
position: relative;
align-items: flex-end;
}
.BannerGraRow {
display: flex;
flex-wrap: wrap;
justify-content: center;
height: 360px;
align-content: center;
}
.BannerGraTitle {
width: 100%;
text-align: center;
font-size: 22px;
line-height: 44px;
font-weight: 400;
color: #9ba5b4;
text-transform: uppercase;
margin: 0 0 40px 0;
}
.BannerGraCardRow {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}
.BannerGraCardRow:before {
content: '';
position: absolute;
background: #2a3344;
width: 1px;
height: 60%;
top: 56%;
left: 325px;
transform: translate(0%, -50%);
}
.BannerGraCardRow:after {
content: '';
position: absolute;
background: #2a3344;
width: 1px;
height: 60%;
top: 56%;
right: 325px;
transform: translate(0%, -50%);
}
.BannerGraCard {
display: flex;
align-items: center;
width: 300px;
justify-content: center;
}
.BannerGraCard:nth-child(2) {
width: calc(87% - 600px);
}
.BannerGraCard .ImpactNo {
font-family: "Oswald", serif;
font-size: 60px;
line-height: 84px;
font-weight: 600;
color: #fff;
margin: 0px 25px 0px 0;
}
.BannerGraCard .ImpactText {
font-size: 16px;
line-height: 22px;
font-weight: 400;
color: #9ba5b4;
margin: 0px 0 0px 0;
width: 100px;
}
.BannerGraCard:nth-child(2) .ImpactText {
width: auto;
}
.FindServiceSec {
width: 100%; padding: 80px 0;
}
.FindServiceRow {
max-width: 850px;
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.FindServiceTitle {
font-family: "Oswald", serif;
font-size: 66px;
line-height: 106px;
font-weight: 600;
color: #070908;
text-transform: uppercase;
margin: 0px 0px 60px 0;
border-bottom: 3px solid #be000e;
}
.ServiceSearchSec {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.ServiceSearchSec input {
width: calc(100% - 190px);
font-size: 18px;
line-height: 42px;
font-weight: 400;
color: #070908;
background: #fff;
border: 1px solid #d1d2d2;
border-radius: 40px;
padding: 13px 30px;
letter-spacing: 1px;
}
.ServiceSearchSec input:focus {
outline: none;
}
.ServiceSearchSec .ServiceSearchField {
width: calc(100% - 190px);
}
.ServiceSearchSec .ServiceSearchField .select2 {
width: 100% !important;
}
.ServiceSearchSec .ServiceSearchField .select2 .select2-selection {
background: #fff;
border: 1px solid #d1d2d2;
border-radius: 40px;
padding: 10px 50px 10px 20px;
letter-spacing: 1px;
height: auto;
}
.ServiceSearchSec .ServiceSearchField .select2 .select2-selection span {
font-size: 16px;
line-height: 42px;
font-weight: 400;
color: #070908;
}
.ServiceSearchSec .ServiceSearchField .select2 .select2-selection span.select2-selection__arrow {
height: 30px;
position: absolute;
top: 50%;
right: 20px;
width: 30px;
transform: translate(0px, -50%);
}
.select2-container .select2-dropdown {
border: none;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
padding: 15px 10px;
border-radius: 12px;
margin-top: -1px;
}
.select2-container .select2-dropdown .select2-search {
padding: 0;
}
.select2-container .select2-dropdown .select2-search .select2-search__field {
border: 1px solid #aaa;
border-radius: 8px;
font-size: 16px;
line-height: 26px;
margin-bottom: 10px;
outline: none;
padding: 10px 15px;
color: #070908;
}
.select2-container .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #e5e7eb;
}
.select2-container .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar {
width: 8px;
background-color: #e5e7eb;
}
.select2-container .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #a9b1bd;
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option {
font-size: 16px;
padding: 8px 6px;
background: #fff;
color: #333;
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
color: #be000e;
}
.ServiceSearchSec button {
width: 170px;
font-size: 16px;
line-height: 36px;
font-weight: 600;
color: #ffffff;
background: #be000e;
text-transform: uppercase;
border-radius: 40px;
padding: 14px 15px;
border: none;
display: flex;
justify-content: center;
align-items: center;
letter-spacing: 1px;
position: relative;
}
.ServiceSearchSec button svg {
width: 20px;
height: auto;
margin-right: 10px;
}
.ServiceSearchSec button:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #be000e;
border-radius: 30px;
top: 0;
left: 0;
transform: scale3d(1, 1, 1);
z-index: -1;
transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}
.ServiceSearchSec button:hover:after {
transform: scale3d(1.1, 1.2, 1);
}
.ServiceCommoSeArea {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 30px;
}
.ServiceCommoSeTitle {
font-size: 16px;
line-height: 44px;
font-weight: 400;
color: #454545;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 10px 0;
width: 100%;
text-align: center;
}
.CommonServiceCard {
display: flex;
align-items: center;
background: #fff;
border: 1px solid #dfdfdf;
border-radius: 4px;
font-size: 14px;
line-height: 38px;
font-weight: 600;
color: #0b1b35;
letter-spacing: 1px;
padding: 2px 10px;
margin: 5px;
transition: all .2s ease-in-out;
}
.CommonServiceCard:hover {
background: #0b1b35;
color: #fff;
}
.CommonServiceCard img {
width: 100%;
height: 100%;
max-width: 24px;
max-height: 22px;
object-fit: contain;
object-position: center;
margin-right: 8px;
transition: all .2s ease-in-out;
}
.CommonServiceCard:hover img {
filter: brightness(0) invert(1);
}
.AboutSec {
width: 100%;
}
.AboutSingleSec {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.ImageBlog {
width: 50%;
height: 700px;
}
.ImageBlog img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.AbouConBlog {
width: 50%;
padding: 100px 150px;
display: flex;
flex-wrap: wrap;
align-content: center;
}
.AbouConBlog.Color1 {
background: #e5e6e8
}
.AbouConBlog.Color2 {
background: #102f5f
}
.AbouConBlog.Color3 {
background: #be000e
}
.AbouConTitle {
font-family: "Oswald", serif;
font-size: 66px;
line-height: 80px;
font-weight: 600;
color: #070908;
text-transform: uppercase;
margin: 0px 0px 40px 0;
border-bottom: 3px solid #be000e;
}
.AbouConBlog.Color2 .AbouConTitle {
color: #fff;
}
.AbouConBlog.Color3 .AbouConTitle {
color: #fff;
border-bottom: 3px solid #fff;
}
.AbouConTitle img {
width: 100%;
height: 100%;
max-width: 250px;
max-height: 56px;
object-fit: contain;
object-position: center;
margin-bottom: 15px;
}
.AbouConText {
font-size: 26px;
line-height: 42px;
font-weight: 600;
color: #070908;
letter-spacing: .5px;
margin: 0 0 15px 0;
}
.AbouConBlog.Color2 .AbouConText,
.AbouConBlog.Color3 .AbouConText {
color: #ffffff
}
.AbouConText2 {
font-size: 21px;
line-height: 36px;
font-weight: 400;
color: #2b2f35;
letter-spacing: .5px;
margin: 0 0 20px 0;
}
.AbouConBlog.Color2 .AbouConText2 {
color: #adb6c4
}
.AbouConBlog.Color2 .AbouConText2 span {
color: #fff;
}
.AbouConBlog.Color3 .AbouConText2 {
color: #edc2c5
}
.AboutLearMBU {
border: 1px solid #a5a6a7;
background: #fff;
border-radius: 40px;
font-size: 14px;
font-weight: 600;
line-height: 26px;
color: #102f5f;
text-transform: uppercase;
padding: 14px 30px;
text-decoration: none;
letter-spacing: 1px;
margin: 15px 0 0 0;
transition: all .2s ease-in-out;
}
.AboutLearMBU:hover {
border: 1px solid #102f5f;
background: #102f5f;
color: #fff;
}
.AbouConBlog.Color2 .AboutLearMBU {
border: 1px solid #556b8d;
background: #102f5f;
color: #fff;
}
.AbouConBlog.Color2 .AboutLearMBU:hover {
border: 1px solid #a5a6a7;
background: #fff;
color: #102f5f;
}
.AbouConBlog.Color3 .AboutLearMBU {
border: 1px solid #d14a54;
background: #be000e;
color: #fff;
}
.AbouConBlog.Color3 .AboutLearMBU:hover {
border: 1px solid #fff;
background: #fff;
color: #be000e;
}
.LearnmoreProBU {
border: 1px solid #a5a6a7;
background: #fff;
border-radius: 40px;
font-size: 15px;
font-weight: 600;
line-height: 30px;
color: #102f5f;
text-transform: uppercase;
padding: 14px 24px;
text-decoration: none;
letter-spacing: 1px;
margin: 35px 0 10px 0;
transition: all .2s ease-in-out;
display: inline-block;
}
.LearnmoreProBU:hover {
border: 1px solid #102f5f;
background: #102f5f;
color: #fff;
}
.HomeVideoSec {
width: 100%;
padding: 60px 0 80px 0;
position: relative;
}
.HomeVideoSec.SSVFSec {
width: 100%;
padding: 80px 0px 0px 0px;
position: relative;
overflow: hidden;
}
.HomeVideoSec.Resource {
overflow: hidden;
}
.HomeVideoSec img.BGGra {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
object-position: center;
}
.HomeVideoSec.SSVFSec img.BGGra {
top: -170px;
object-position: bottom;
max-height: 980px;
}
.HomeVideoSec.Resource img.BGGra {
top: -100px;
object-position: bottom;
}
.HomeVideoRow {
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
}
.ResourceVideoRow {
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
}
.ResourceVideoRow img {
width: 100%;
height: auto;
}
.HomeVideoTitle {
font-family: "Oswald", serif;
font-size: 66px;
line-height: 100px;
font-weight: 600;
color: #070908;
text-transform: uppercase;
margin: 0px 0px 40px 0;
border-bottom: 3px solid #be000e;
}
.HomeVideoSubTitle {
font-size: 26px;
font-weight: 600;
line-height: 42px;
color: #070908;
letter-spacing: 1px;
margin: 0 0 0 0;
width: 60%;
text-align: center;
}
.HomeVideoDiv {
width: 100%;
height: 650px;
max-width: 1100px;
margin: 70px auto 0 auto;
position: relative;
}
.HomeVideoDiv iframe {
width: 100%;
height: 100%;
z-index: 1;
position: relative;
border: 10px solid #fff;
border-radius: 12px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.HomeVideoIframe {
width: 100%;
height: auto;
max-width: 1100px;
margin: 70px auto 0 auto;
position: relative;
border-radius: 18px;
overflow: hidden;
border: 12px solid #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
} .HomeVideoDivSmall {
width: 100%;
height: 500px;
max-width: 850px;
margin: 50px auto 0 auto;
position: relative;
}
.HomeVideoDivSmall iframe {
width: 100%;
height: 100%;
z-index: 1;
position: relative;
border: 10px solid #fff;
border-radius: 12px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.HomeVideoIframeSmall {
width: 100%;
height: auto;
max-width: 850px;
margin: 50px auto 0 auto;
position: relative;
border-radius: 18px;
overflow: hidden;
border: 8px solid #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.VideoPlayBU {
width: 220px;
height: 220px;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
transform: translate(-50%, -50%);
background: transparent;
border: none;
border-radius: 50%;
overflow: hidden;
transition: all .2s ease-in-out;
}
.VideoPlayBU:focus {
outline: none;
}
.VideoPlayBU:hover {
background: #00000036;
}
.VideoPlayBU img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border: none;
}
.HomeVideoDiv:before {
content: '';
position: absolute;
width: 100%;
height: 98%;
background: #102f5e;
top: -20px;
left: -20px;
border-radius: 20px;
}
.HomeVideoDiv:after {
content: '';
position: absolute;
width: 100%;
height: 98%;
background: #bb000e;
bottom: -20px;
right: -20px;
border-radius: 20px;
}
.HomeVideoDivSmall:before {
content: '';
position: absolute;
width: 100%;
height: 98%;
background: #102f5e;
top: -15px;
left: -15px;
border-radius: 20px;
}
.HomeVideoDivSmall:after {
content: '';
position: absolute;
width: 100%;
height: 98%;
background: #bb000e;
bottom: -15px;
right: -15px;
border-radius: 20px;
}
.HomeVideoDiv img.VideoIMG,
.HomeVideoDivSmall img.VideoIMG {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: relative;
border-radius: 20px;
border: 15px solid #fff;
z-index: 1;
}
.HomeEventSec {
width: 100%;
padding: 60px 0;
position: relative;
}
.HomeEventRow {
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
max-width: 1100px;
margin: auto;
}
.EventsCard {
width: 100%;
display: flex;
border: 5px solid #e5e6e8;
border-radius: 15px;
padding: 10px;
margin: 12px 0;
}
.EDiv1 {
width: 150px;
min-width: 150px;
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
background: #bb000e;
border-radius: 8px;
}
.EventLe1 {
font-family: "Oswald", serif;
font-size: 53px;
line-height: 76px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
margin: 0px 0px 0px 0;
width: 100%;
text-align: center;
letter-spacing: 2px;
}
.EventLe2 {
font-size: 16px;
line-height: 22px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
margin: 0px 0px 0px 0;
width: 100%;
text-align: center;
letter-spacing: 1px;
}
.EDiv2 {
width: 100%;
align-content: center;
padding: 20px 40px;
}
.EventLeDiv {
width: 100%;
}
.EventLe4 {
font-size: 26px;
line-height: 42px;
font-weight: 600;
color: #070908;
margin: 0px 0px 20px 0;
width: 100%;
}
.EventLe3 {
font-size: 16px;
line-height: 30px;
font-weight: 500;
color: #0b1b35; margin: 0px 0px 6px 0;
width: 100%;
display: flex;
align-items: flex-start;
}
.EventLe3 img {
width: 22px;
height: 22px;
margin-right: 12px;
margin-top: 5px;
object-fit: contain;
}
.EDiv3 {
width: 100%;
height: 100%;
max-width: 350px;
max-height: 270px;
border-radius: 8px;
overflow: hidden;
}
.EDiv3 img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.HomePartnersSec {
width: 100%;
padding: 60px 0 0 0;
position: relative;
}
.PartnersRow {
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
max-width: 1300px;
margin: auto;
}
.PartnerLogoSec {
width: 95%;
}
.PartnersTitle {
font-size: 18px;
line-height: 44px;
font-weight: 400;
color: #454545;
text-transform: uppercase;
margin: 0px 0px 50px 0;
width: 100%;
text-align: center;
}
.FooterSec {
width: 100%;
background: #08111f;
padding-top: 500px;
position: relative;
margin-top: -420px;
}
.FooterSec img.BGGra {
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
position: absolute;
top: -1px;
}
.FootConatainer {
width: 100%;
max-width: 1300px;
margin: auto;
padding: 0 15px;
}
.FooterRow {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 -15px;
padding-bottom: 15px;
}
.FooterBigSec {
width: 44%;
padding: 15px;
}
.FooterSecFull {
width: 100%;
padding: 10px 15px;
}
.FooterSecFull p {
font-size: 10px;
font-weight: 400;
line-height: 19px;
color: #a9b1bd;
margin: 0 0 0 0;
}
.FooterSecUnder {
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
.FootLogo {
width: 100%;
height: 100%;
max-width: 175px;
max-height: 100px;
object-fit: contain;
object-position: center;
margin-bottom: 40px;
}
.FootContentText {
font-size: 16px;
font-weight: 400;
line-height: 34px;
color: #a9b1bd;
margin: 0 0 0 0;
}
.FooterSmallSec {
width: 25%;
padding: 15px;
}
.FootSmallTitle {
font-size: 16px;
line-height: 48px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
letter-spacing: .5px;
margin: 0 0 20px 0;
}
.FootQuickLinks {
margin: 0;
padding: 0;
width: 100%;
}
.FootQuickLinks li {
width: 100%;
list-style: none;
}
.FootQuickLinks li a {
font-size: 16px;
line-height: 36px;
font-weight: 400;
color: #a9b1bd;
text-decoration: none;
display: flex;
width: 100%;
padding: 4px 0;
transition: all .2s ease-in-out;
}
.FootQuickLinks li a:hover {
color: #a30f1a;
}
.FootSmallText {
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: #a9b1bd;
margin: 0;
letter-spacing: .5px;
}
.FootPhoneTT {
font-size: 16px;
line-height: 28px;
color: #7a7f88;
text-transform: uppercase;
margin: 30px 40px 30px 0;
display: grid;
}
.FootPhoneTT a {
font-size: 16px;
line-height: 28px;
font-weight: 400;
color: #fff;
text-decoration: none;
padding-bottom: 2px;
border-bottom: 1px solid #08111f;
transition: all .2s ease-in-out;
}
.FootPhoneTT a:hover {
color: #a30f1a;
border-bottom: 1px solid #a30f1a;
}
.FootPhoneTT2 {
font-size: 16px;
line-height: 28px;
color: #7a7f88;
text-transform: uppercase;
margin: 0 0px 0 0;
display: grid;
}
.FootPhoneTT2 a {
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: #a30f1a;
text-decoration: none;
text-transform: lowercase;
padding-bottom: 2px;
border-bottom: 1px solid #08111f;
transition: all .2s ease-in-out;
}
.FootPhoneTT2 a:hover {
border-bottom: 1px solid #a30f1a;
}
.SmallFootSec {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 25px 0;
border-top: 1px solid #2d3440;
}
.FootCopyRightText {
font-size: 16px;
line-height: 36px;
font-weight: 400;
color: #a9b1bd;
margin: 0;
letter-spacing: .6px;
}
.FootCopyRightText a {
color: #a30f1a;
text-decoration: none;
font-weight: 600;
padding-bottom: 2px;
cursor: pointer;
transition: all .2s ease-in-out;
}
.FootCopyRightText a:hover {
border-bottom: 1.5px solid;
}
.FootCopyRightText span {
font-weight: 600;
color: #fff;
}
.SocialFoot {
display: flex;
}
.SocialLinkFoot {
width: 30px;
height: 30px;
padding: 5px 5px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 8px;
}
.SocialLinkFoot img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.NewsletterSec {
width: 100%;
position: relative;
z-index: 1;
margin-top: 120px;
}
.NewsletterUnderSec {
width: 100%;
background: #102f5f;
border: 5px solid #18508b;
border-radius: 12px;
padding: 60px 80px;
position: relative;
}
.NewsletterUnderSec img.Icon {
width: 100%;
height: 100%;
max-width: 240px;
max-height: 270px;
object-fit: contain;
object-position: center;
position: absolute;
top: 50px;
right: 130px;
}
.NewsletterTitle {
font-family: "Oswald", serif;
font-size: 64px;
line-height: 94px;
width: fit-content;
font-weight: 600;
color: #fff;
text-transform: uppercase;
margin: 0px 0px 20px 0;
border-bottom: 3px solid #fff;
}
.NewsletterText {
font-size: 22px;
line-height: 54px;
font-weight: 400;
color: #b2c1d9;
letter-spacing: .5px;
margin: 0 0 20px 0;
}
.NewsletterSearchSec {
width: 100%;
max-width: 750px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
position: relative;
}
.NewsletterSearchSec svg {
position: absolute;
width: 20px;
color: #7f8389;
top: 23px;
left: 30px;
}
.NewsletterSearchSec input {
width: calc(100% - 190px);
font-size: 18px;
line-height: 42px;
font-weight: 400;
color: #070908;
background: #fff;
border: 1px solid #d1d2d2;
border-radius: 40px;
padding: 13px 30px 13px 60px;
letter-spacing: .5px;
}
.NewsletterSearchSec input:focus {
outline: none;
}
.NewsletterSearchSec button {
width: 170px;
font-size: 16px;
line-height: 38px;
font-weight: 600;
color: #ffffff;
background: #be000e;
text-transform: uppercase;
border-radius: 40px;
padding: 14px 16px;
border: none;
display: flex;
justify-content: center;
align-items: center;
transition: all .2s ease-in-out;
letter-spacing: 1px;
position: relative;
z-index: 1;
}
.NewsletterSearchSec button:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #be000e;
border-radius: 30px;
top: 0;
left: 0;
transform: scale3d(1, 1, 1);
z-index: -1;
transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}
.NewsletterSearchSec button:hover:after {
transform: scale3d(1.1, 1.2, 1);
}
.BannerAreaDetails {
width: 100%;
height: 500px;
position: relative;
}
.DetailsBannerArea {
width: 100%;
height: auto;
position: relative;
padding-top: 136px;
background-color: #08111f !important;
}
.BannerAreaDetails:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 5%, rgba(8, 17, 31, .7) 100%);
top: 0;
left: 0;
}
.BannerAreaDetails img {
width: 100%;
height: 500px;
object-fit: cover;
object-position: center;
position: absolute;
}
.BannerContentSecDetails {
width: 100%;
height: 500px;
position: relative;
display: flex;
flex-wrap: wrap;
align-content: center;
}
.BannerTextDetails {
width: 100%;
font-family: "Oswald", serif;
font-size: 70px;
line-height: 130px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
margin: 80px 0 0px 0;
text-align: center;
}
.AboutConSec {
width: 100%;
padding: 120px 0;
}
.CareerConSec {
width: 100%;
padding: 80px 0;
background: #f4f5f5;
}
.AboutConSecRow {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.AboutTextSec {
width: 45%;
display: flex;
flex-wrap: wrap;
}
.AboutTextSecTitle {
font-family: "Oswald", serif;
font-size: 38px;
line-height: normal;
font-weight: 600;
color: #070908;
text-transform: uppercase;
margin: 10px 0 10px 0;
}
.AboutTextSecTitle span {
font-family: "Oswald", serif;
color: #c80412;
}
.AboutTextSecText,
.AboutTextSecText p {
font-size: 17px;
font-weight: 400;
line-height: 34px;
color: #2b2f35;
margin: 10px 0 10px 0;
}
.CareerTextSecText p {
font-size: 18px;
font-weight: 400;
line-height: 30px;
color: #2b2f35;	
margin: 12px 0 12px 0;
}
.CareerTextSecText ul li {
font-size: 18px;
font-weight: 400;
line-height: 30px;
color: #2b2f35;
padding: 6px 0;
}
.CareerTextSecText p a {
color: #be000e;
text-decoration: none;
border-bottom: 2px solid transparent;
}
.CareerTextSecText p a:hover {
border-bottom: 2px solid #be000e;
}
.CarrerAboutBU {
border: 1px solid #be000e;
background: #be000e;
border-radius: 40px;
font-size: 15px;
font-weight: 600;
line-height: 24px;
color: #fff;
text-transform: uppercase;
padding: 18px 32px;
text-decoration: none;
letter-spacing: 1px;
margin: 30px 0 0 0;
position: relative;
transition: all .2s ease-in-out;
display: inline-block;
}
.CarrerAboutBU span {
position: relative;
z-index: 1;
}
.CarrerAboutBU:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #be000e;
border-radius: 30px;
top: 0;
left: 0;
transform: scale3d(1, 1, 1);
z-index: 0;
transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}
.CarrerAboutBU:hover:after {
transform: scale3d(1.1, 1.2, 1);
}
.AboutImgSec {
width: 45%;
height: 750px;
border-radius: 15px;
overflow: hidden;
}
.CareerImgSec {
width: 45%;
height: 550px;
border-radius: 15px;
overflow: hidden;
}
.AboutImgSec img,
.CareerImgSec img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.AboutConSec2 {
width: 100%;
height: auto;
background-image: url(//eoc-suffolk.com/wp-content/themes/eoc/images/about-gra.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 80px 0;
margin: 0;
}
.AboutConSec2Con {
width: 100%;
max-width: 800px;
margin: auto;
}
.AboutConSec2Title {
font-family: "Oswald", serif;
font-size: 38px;
font-weight: 600;
color: #f5f5f6;
line-height: normal;
margin: 0;
text-align: center;
}
.AboutConSec2Title span {
font-family: "Oswald", serif;
color: #c80412;
}
.AboutConSec2Text {
font-size: 20px;
font-weight: 400;
line-height: 40px;
color: #f5f5f6;
margin: 25px 0 0px 0;
text-align: center;
}
.ProgramAboutText {
font-size: 22px;
font-weight: 400;
line-height: 42px;
color: #f5f5f6;
margin: 0 0 0px 0;
text-align: center;
}
.DetailsConatainer {
width: 100%;
max-width: 1380px;
margin: auto;
padding: 0 15px;
}
.DetailsConatainerTwo {
width: 100%;
max-width: 1200px;
margin: auto;
padding: 0 15px;
}
.CoreValueSec {
width: 100%;
padding: 120px 0;
background: #f5f5f5
}
.CoreValueSec2 {
width: 100%;
padding: 60px 0 40px 0;
}
.CoreValueTitle {
font-family: "Oswald", serif;
font-size: 66px;
line-height: 106px;
font-weight: 600;
color: #070908;
text-transform: uppercase;
margin: 0px auto 60px auto;
border-bottom: 3px solid #be000e;
width: fit-content;
}
.CoreValueTitle.Career {
color: #fff;
margin: 0px auto 20px auto !important;
}
.CoreValueSubTitle {
font-size: 22px;
line-height: 42px;
font-weight: 400;
color: #fff;
margin: 0 0 40px 0;
width: 100%;
text-align: center;
}
.CoreValueRow {
display: flex;
flex-wrap: wrap;
margin: -10px;
}
.CoreValueCard {
width: 25%;
padding: 10px;
}
.CoreValueCardUnder {
width: 100%;
height: 100%;
background: #fff;
border-radius: 15px;
position: relative;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
justify-content: center;
padding: 50px 30px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.CoreValueRow.WithoutAnimation .CoreValueCardUnder {
transition: unset;
transform: unset;
}
.CoreValueCard:hover .CoreValueCardUnder {
transform: rotateY(180deg);
}
.CoreValueRow.WithoutAnimation .CoreValueCard:hover .CoreValueCardUnder {
transform: unset;
}
.CoreValueFont {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
justify-content: center;
}
.CoreValueCard img {
width: 100%;
height: 100%;
max-width: 80px;
max-height: 80px;
object-fit: contain;
object-position: center;
margin-bottom: 40px;
}
.CoreValueCardTitle {
font-size: 22px;
font-weight: 600;
line-height: normal;
color: #070908;
margin: 0px 0 0px 0;
text-align: center;
width: 100%
}
.CoreValueCardTitleSmall {
font-size: 20px;
font-weight: 600;
line-height: 30px;
color: #070908;
margin: 0px 0 0px 0;
text-align: center;
width: 100%
}
.CoreValueDetails {
}
.CoreValueDetails {
position: absolute;
top: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
height: 100%;
background: #102f5f;
transform: rotateY(180deg);
display: flex;
justify-content: center;
align-items: center;
padding: 15px 20px;
border-radius: 15px;
}
.CoreValueDetails p {
font-size: 16px;
font-weight: 400;
line-height: 25px;
color: #ffffff;
margin: 0px 0 0px 0;
text-align: center;
width: 100%
}
.AboutTargetSec {
width: 100%;
background: #be000e;
padding: 100px 0;
position: relative
}
.AboutTargetSec img {
width: 100%;
height: 100%;
max-width: 800px;
max-height: 350px;
object-fit: contain;
object-position: center;
position: absolute;
right: 8%;
top: 50%;
transform: translate(0, -50%)
}
.TargetConBlog {
display: flex;
flex-wrap: wrap;
align-content: center;
max-width: 500px;
}
.TargetConBlog .Title {
font-family: "Oswald", serif;
font-size: 66px;
line-height: normal;
font-weight: 600;
color: #fff;
text-transform: uppercase;
margin: 0px 0px 40px 0;
border-bottom: 3px solid #fff;
}
.CounterTextSec {
display: flex;
align-items: flex-end;
margin: 15px 0 50px 0;
}
.CounterTextSec .Counter {
font-family: "Oswald", serif;
font-size: 100px;
line-height: 100px;
font-weight: 600;
color: #fff;
margin: 0px 30px 0px 0;
}
.CounterTextSec .Text {
font-size: 22px;
font-weight: 600;
line-height: 36px;
color: #ffffff;
margin: 0px 0 0px 0;
}
.AboutTergetConBU {
border: 1px solid #d14a54;
background: #be000e;
color: #fff;
border-radius: 40px;
font-size: 16px;
font-weight: 600;
line-height: 30px;
text-transform: uppercase;
padding: 18px 40px;
text-decoration: none;
letter-spacing: 1px;
margin: 30px 0 0 0;
transition: all .2s ease-in-out;
}
.AboutTergetConBU:hover {
border: 1px solid #fff;
background: #fff;
color: #be000e;
}
.BoardMemberSec {
width: 100%;
margin: 60px 0 0 0;
}
.StaffMemberSec {
width: 100%;
padding: 60px 0 0px 0;
}
.BoardMemberContainer {
width: 100%;
display: flex;
flex-wrap: wrap;
max-width: 1000px;
margin: auto;
}
.StaffMemberContainer {
width: 100%;
display: flex;
flex-wrap: wrap;
max-width: 1300px;
margin: auto;
padding: 0 15px;
}
.BoardMemberTitle {
font-family: "Oswald", serif;
font-size: 38px;
line-height: normal;
font-weight: 600;
color: #070908;
text-align: center;
width: 100%;
text-transform: uppercase;
margin: 0px 0px 25px 0;
}
.BoardMemberTitle2 {
font-family: "Oswald", serif;
font-size: 40px;
line-height: normal;
font-weight: 600;
color: #070908;
text-align: center;
width: 100%;
text-transform: uppercase;
margin: 0px 0px 15px 0;
}
.BoardMemberSubTitle2 {
font-size: 20px;
line-height: 24px;
color: #2b2f35;
margin: 0;
}
.BoardMemberText {
font-size: 19px;
line-height: 32px;
font-weight: 400;
color: #2b2f35;
text-align: center;
margin: 0px auto 60px auto;
max-width: 900px;
}
.BoardMembersRow {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}
.BoardMembersRow:after {
content: '';
position: absolute;
width: 1px;
height: calc(100% - 50px);
background: #cccccc;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.BoardmemberCard {
width: 42%;
}
.BoardmemberCard .CardTitle {
font-family: "Oswald", serif;
font-size: 38px;
line-height: normal;
font-weight: 600;
color: #c80412;
text-transform: uppercase;
margin: 0px 0px 20px 0;
}
.MembersList {
width: 100%;
padding: 25px 0;
}
.MembersList .Text1 {
font-size: 17px;
line-height: normal;
font-weight: 400;
color: #454545;
margin: 0px 0 12px 0;
text-transform: uppercase;
}
.MembersList .Text2 {
font-size: 22px;
line-height: normal;
font-weight: 600;
color: #2b2f35;
margin: 0px 0 12px 0;
}
.MembersList .Text3 {
font-size: 17px;
line-height: normal;
font-weight: 400;
color: #2b2f35;
margin: 0px 0 0px 0;
}
.DirectorPortalSec {
width: 100%;
padding: 80px 0;
background: #f4f4f5;
}
.DirPorRow {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.DirPorCard {
width: 45%;
}
.DirPorCard:first-child {
border-right: 1px solid #cccccc;
}
.DirPorCard.NoBorder:first-child {
border-right: 0px solid #cccccc;
}
.DirPorCard .CardTitle {
font-family: "Oswald", serif;
font-size: 38px;
line-height: normal;
font-weight: 600;
color: #070908;
text-transform: uppercase;
margin: 0px 0px 20px 0;
}
.DirPorCard .CardTitleSmall {
font-size: 24px;
line-height: 30px;
font-weight: 600;
color: #070908;
margin: 20px 0px 20px 0;
}
.DirPorCard .ConSec {
width: 100%;
padding: 5px 0 10px 0;
}
.DirPorCard .CardSubTitle {
font-size: 19px;
line-height: 40px;
font-weight: 400;
color: #070908;
margin: 0px 0px 0px 0;
}
.DirPorCard .CardSubTitle2 a {
font-size: 19px;
line-height: 40px;
font-weight: 400;
color: #18508b;
margin: 0px 0px 0px 0;
border-bottom: 2px solid transparent;
transition: all .2s ease-in-out;
text-decoration: none;
padding-bottom: 6px;
}
.DirPorCard .CardSubTitle2 a:hover {
color: #be000e !important;
border-bottom: 2px solid #be000e;
}
.DirPorList {
width: 100%;
margin: 0 0 20px 0;
padding: 0;
}
.DirPorList li {
width: 100%;
list-style: none;
display: flex;
font-size: 20px;
line-height: 32px;
font-weight: 400;
color: #070908 !important;
padding: 5px 0;
align-items: flex-start;
}
.DirPorList li.DropdownLi {
display: unset;
}
.DirPorList li a {
width: auto;
font-size: 19px;
line-height: 32px;
font-weight: 400;
color: #18508b !important;
padding: 2px 0;
display: flex;
align-items: flex-start;
text-decoration: none;
transition: all .2s ease-in-out;
}
.DirPorList li a.NoLink {
width: 100%;
font-size: 19px;
line-height: 32px;
font-weight: 400;
color: #070908 !important;
padding: 5px 0;
display: flex;
align-items: center;
text-decoration: none;
cursor: default;
transition: all .2s ease-in-out;
}
.DirPorList li a span,
.DirPorList li a.NoLink span {
border-bottom: 2px solid transparent;
word-break: break-word;
}
.DirPorList li a:hover {
color: #be000e !important;
}
.DirPorList li a.NoLink:hover {
color: #070908 !important;
}
.DirPorList li a:hover span {
border-bottom: 2px solid #be000e;
}
.DirPorList li a.NoLink:hover span {
border-bottom: 2px solid #f4f4f5;
}
.DirPorList li svg,
.DirPorList li a svg {
min-width: 22px;
width: 22px;
height: auto;
stroke-width: 2px;
color: #be000e;
margin-right: 15px;
margin-top: 6px;
}
.DirectorPortalSec2 {
width: 100%;
padding: 80px 0 0 0;
}
.DirectorPortalSec3 {
width: 100%;
padding: 80px 0;
}
.DirPorRow2 {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.DirPorRow3 {
display: flex;
flex-wrap: wrap;
margin: 0 0px;
}
.PortalSec2Title {
font-family: "Oswald", serif;
font-size: 38px;
line-height: normal;
font-weight: 600;
color: #070908;
text-transform: uppercase;
margin: 0px 0px 20px 0;
width: 100%;
text-align: center;
}
.ComDesTextSec p  {
font-size: 20px;
line-height: 32px;
font-weight: 400;
color: #070908;
margin: 0px 0px 20px 0;
width: 100%;
}
.PortalSec3SubTitle  {
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #070908;
margin: 0px 0px 20px 0;
width: 100%;
text-align: center;
letter-spacing: 1px;
}
.PortalSec2SubTitle {
width: 100%;
display: flex;
justify-content: center;
margin: 10px 0px 0px 0;
}
.PortalSec2SubTitle a {
width: auto;
font-size: 19px;
line-height: 32px;
font-weight: 400;
color: #18508b !important;
padding: 5px 0;
display: flex;
align-items: center;
text-decoration: none;
transition: all .2s ease-in-out;
}
.PortalSec2SubTitle a span {
border-bottom: 2px solid #fff;
}
.PortalSec2SubTitle a:hover {
color: #be000e !important;
}
.PortalSec2SubTitle a:hover span {
border-bottom: 2px solid #be000e;
}
.PortalSec2SubTitle a svg {
min-width: 22px;
width: 22px;
height: auto;
stroke-width: 2px;
color: #be000e;
margin-right: 15px;
}
.MinuteCard {
width: 33.33%;
padding: 15px;
}
.MinuteCardUnder {
width: 100%;
height: 100%;
border-radius: 15px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
padding: 20px 30px;
}
.MinuteCardTitle {
font-size: 21px;
line-height: 30px;
font-weight: 600;
color: #2b2f35;
margin: 0px 0px 10px 0;
}
.DirPorList2 {
width: 100%;
margin: 0 0 0px 0;
padding: 0;
}
.DirPorList2 li {
width: 100%;
list-style: none;
}
.DirPorList2 li a {
width: 100%;
font-size: 19px;
line-height: 30px;
font-weight: 400;
color: #18508b !important;
padding: 3px 0;
display: flex;
align-items: center;
text-decoration: none;
transition: all .2s ease-in-out;
}
.DirPorList2 li a span {
border-bottom: 2px solid #fff;
}
.DirPorList2 li a:hover {
color: #be000e !important;
}
.DirPorList2 li a:hover span {
border-bottom: 2px solid #be000e;
}
.DirPorList2 li a svg {
min-width: 22px;
width: 22px;
height: auto;
stroke-width: 2px;
color: #be000e;
margin-right: 15px;
}
.Subscribe .modal-header {
background: #102f5f;
padding: 1rem 2rem;
}
.Subscribe .modal-header h5 {
color: #fff;
font-size: 19px;
}
.SignupFormHead {
width: 100%;
padding: 20px 0 10px 0;
position: relative;
}
.SignupFormHead h5 {
color: #070908;
font-size: 19px;
font-weight: 600;
}
.SignupFormHead p {
font-size: 16px;
line-height: 28px;
padding: 8px 0 0 0;
}
.SignupFormHead button {
width: 60px;
height: 60px;
border: none;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
position: absolute;
top: 5px;
right: -15px;
background: #ffffff30;
}
.SignupFormHead button svg {
width: 28px;
height: 28px;
}
.Subscribe .modal-header button.close {
opacity: 1;
padding: 6px 18px 6px 18px;
margin: -1.5rem -1rem -.8rem auto;
background-color: transparent;
border: 0;
}
.Subscribe .modal-header button.close span {
text-shadow: none;
font-weight: 200;
color: #fff;
opacity: 1;
font-size: 42px;
line-height: 42px;
}
.Subscribe .modal-body .FootBigDiv {
width: 100%;
padding: 0px;
}
.Subscribe .modal-body .FootBigDiv .FootBigDivTextEdu {
margin: 0;
padding: 0;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #212112;
width: 100%;
}
.SubscribeForm .name_first input,
.SubscribeForm .name_last input,
.SubscribeForm .ginput_container_phone input,
.SubscribeForm .ginput_container_email input,
.SubscribeForm .ginput_container_text input {
border: 1px solid #e2e2e2 !important;
border-radius: 8px !important;
width: 100% !important;
padding: 12px 15px !important;
font-size: 15px !important;
font-optical-sizing: auto;
font-weight: 400 !important;
font-style: normal !important;
height: 50px !important;
--gf-local-shadow: unset !important;
}
.SubscribeForm .name_first input:focus,
.SubscribeForm .name_last input:focus,
.SubscribeForm .ginput_container_phone input:focus,
.SubscribeForm .ginput_container_email input:focus,
.SubscribeForm .ginput_container_text input:focus {
outline: none;
}
.SubscribeForm .gfield.gfield--type-html {
font-size: 13px;
line-height: 23px;
}
.SubscribeForm .gform_footer {
position: relative;
margin: 6px 0 0 !important;
padding: 16px 0 !important;
}
.SubscribeForm .gform_footer .gform_button {
width: 130px !important;
min-width: 120px !important;
padding: 15px 15px !important;
border: none;
border-radius: 40px !important;
text-transform: uppercase !important;
background: #e51616 !important;
color: #fff !important;
font-size: 15px !important;
letter-spacing: 2px !important;
cursor: pointer !important;
font-optical-sizing: auto;
font-weight: 500 !important;
font-style: normal !important;
margin: 10px 0 !important;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
padding: 10px 30px 0px 30px;
}
.SubscribeForm .name_first label,
.SubscribeForm .name_last label {
display: none !important;
}
.StaffTableFilterSec {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 20px;
}
.StaffSearchArea {
width: 50%;
display: flex;
align-items: center;
border: 1px solid #d6d6d6;
border-radius: 100px;
padding: 9px 9px 9px 30px;
}
.StaffSearchArea input {
width: 100%;
font-size: 16px;
line-height: 36px;
border: none;
padding-right: 25px;
}
.StaffSearchArea input:focus {
outline: none;
}
.StaffSearchArea button {
min-width: 45px;
height: 45px;
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #be000e;
color: #fff;
}
.StaffSelectArea {
width: 45%;
display: flex;
align-items: center;
}
.FootSelectArea {
width: 100%;
display: flex;
justify-content: flex-end;
padding: 30px 0 0 0; }
.StaffSelectArea p {
font-size: 17px;
line-height: 44px;
font-weight: 600;
color: #454545;
margin: 0;
}
.dropdown.Staff {
width: calc(100% - 160px);
padding-left: 20px;
}
.dropdown.Division {
width: 100%;
padding-left: 0px;
max-width: 500px;
margin: 50px auto 0 auto;
}
.StaffSelectDropdown {
border: 1px solid #d6d6d6;
width: 100%;
background: #fff;
padding: 9px 9px 9px 30px;
border-radius: 100px;
font-size: 16px;
line-height: 42px;
color: #070908;
display: flex;
align-items: center;
justify-content: space-between;
}
.StaffSelectDropdown>div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 15px;
}
.StaffSelectDropdown span {
min-width: 45px;
height: 45px;
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #be000e;
color: #fff;
}
.dropdown.Staff ul.dropdown-menu,
.dropdown.Division ul.dropdown-menu {
max-height: 350px;
overflow: auto;
max-width: 100%;
background: #fefefe;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.dropdown.Staff ul.dropdown-menu li a.dropdown-item,
.dropdown.Division ul.dropdown-menu li a.dropdown-item {
font-size: 16px;
font-weight: 400;
color: #202835;
padding: 10px 20px;
text-wrap: auto;
}
.dropdown.Staff ul.dropdown-menu li a.dropdown-item:active,
.dropdown.Division ul.dropdown-menu li a.dropdown-item:active {
background: transparent;
}
.StaffListTable {
width: 100%;
margin-top: 40px;
}
.StaffListTable table {
width: 100%;
}
.StaffListTable table th.TableHead p {
font-size: 16px;
font-weight: 500;
line-height: 44px;
color: #fff;
background: #a9b1bd;
margin: 0;
padding: 8px 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
.SSVFTableData {
width: 100%;
}
.SSVFTableData table {
width: 100%;
margin: 50px 0;
}
.SSVFTableData table thead td p {
font-size: 16px;
font-weight: 500;
line-height: 44px;
color: #fff;
background: #a9b1bd;
margin: 0;
padding: 8px 20px;
text-transform: uppercase;
letter-spacing: 1px;
border-left: 1px solid #fff;
}
.SSVFTableData table tbody {
border-top: 1px solid #a9b1bd;
border-bottom: 1px solid #a9b1bd;
}
.SSVFTableData table tbody tr td:nth-child(odd) p {
background: #f8f8f8;
}
.SSVFTableData table tbody tr td p.SideText {
font-size: 18px;
line-height: 24px;
color: #2b2f35;
font-weight: 600;
margin: 0;
padding: 15px 20px;
border-bottom: 1px solid #fff;
}
.SSVFTableData table tbody tr td p.MiddleText {
font-size: 18px;
line-height: 24px;
color: #2b2f35;
font-weight: 400;
margin: 0;
text-align: center;
padding: 15px 12px;
}
.StaffListTable table td.TableBody {
padding: 18px 20px;
}
.StaffListTable table tr:last-child td.TableBody {
border-bottom: 1px solid #a9b1bd;
}
.StaffListTable table tr:nth-child(odd) td.TableBody {
background-color: #f8f8f8;
}
.StaffListTable table td.TableBody p.Title {
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #2b2f35;
margin: 0;
letter-spacing: 1px;
}
.StaffListTable table td.TableBody p.Text {
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #2b2f35;
margin: 0;
letter-spacing: 1px;
}
.StaffListTable table td.TableBody p.Text a {
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #102f5f;
margin: 0;
letter-spacing: 1px;
text-decoration: none;
transition: all .2s ease-in-out;
}
.StaffListTable table td.TableBody p.Text a:hover {
color: #be000e;
border-bottom: 1px solid;
}
.StaffListSmallSec {
width: 100%;
margin-top: 40px;
display: unset;
}
.StaffListSmallSec .List:nth-child(even) {
background-color: #f8f8f8;
}
.Width260px {
width: 260px;
}
.Width330px {
width: 330px;
}
.WidthCalcpx {
width: calc(100% - 850px);
}
.StaffListSmallSec .List {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.StaffListTableHead {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.StaffListTableHead p {
font-size: 16px;
font-weight: 500;
line-height: 44px;
color: #fff;
background: #a9b1bd;
margin: 0;
padding: 8px 20px;
text-transform: uppercase;
letter-spacing: 1px;
display: flex;
align-items: center;
}
.StaffListTableHead p .TableFIcon {
width: 16px;
transform: rotate(90deg);
margin-left: 15px;
}
.StaffListTableHead p .TableUDIcon {
width: 16px;
margin-left: 15px;
}
.StaffListSmallSec .List p.Title {
font-size: 15px;
font-weight: 600;
line-height: 26px;
color: #2b2f35;
margin: 0;
letter-spacing: 1px;
padding: 18px 20px;
width: 260px;
white-space: nowrap;
}
.StaffListSmallSec .List p.TextDes {
font-size: 15px;
font-weight: 400;
line-height: 26px;
color: #2b2f35;
margin: 0;
letter-spacing: 1px;
padding: 18px 20px;
width: calc(100% - 850px);
}
.StaffListSmallSec .List p.TextPhone {
font-size: 15px;
font-weight: 400;
line-height: 26px;
color: #2b2f35;
margin: 0;
letter-spacing: 1px;
padding: 18px 20px;
width: 260px;
}
.StaffListSmallSec .List p.TextEmail {
font-size: 15px;
font-weight: 400;
line-height: 26px;
color: #2b2f35;
margin: 0;
letter-spacing: 1px;
padding: 18px 20px;
width: 330px;
}
.StaffListSmallSec .List p.TextEmail a {
font-size: 15px;
font-weight: 400;
line-height: 26px;
color: #102f5f;
margin: 0;
letter-spacing: 1px;
text-decoration: none;
transition: all .2s ease-in-out;
}
.StaffListSmallSec .List p.TextEmail a:hover {
color: #be000e;
border-bottom: 1px solid;
}
.StaffListBody {
max-height: 650px;
overflow: auto;
}
.StaffListBody::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #e5e7eb;
}
.StaffListBody::-webkit-scrollbar {
width: 8px;
background-color: #e5e7eb;
}
.StaffListBody::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #a9b1bd;
}
.WhiteSpaceNo {
white-space: nowrap;
}
.PasswordProtectedSec {
width: 100%;
padding: 130px 15px 80px 15px;
background: #f4f4f5;
height: 100vh;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
}
.PasswordProtectedSec img {
width: 105px;
margin-bottom: 25px;
}
.PasswordProtectedSec .ConArea {
width: 100%;
display: flex;
justify-content: center;
}
.PasswordProtectedSec .ConArea .ConAreaUnder {
width: 100%;
max-width: 700px;
}
.PasswordProtectedSec .ConArea .ConAreaUnder form p {
margin-top: 40px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.PasswordProtectedSec .ConArea .ConAreaUnder form p input {
width: calc(100% - 170px);
font-size: 16px;
line-height: 36px;
font-weight: 400;
color: #070908;
background: #fff;
border: 1px solid #d1d2d2;
border-radius: 40px;
padding: 13px 25px;
letter-spacing: 1px;
}
.PasswordProtectedSec .ConArea .ConAreaUnder form p input[type=submit] {
width: 160px;
font-size: 15px;
line-height: 36px;
font-weight: 600;
color: #ffffff;
background: #be000e;
text-transform: uppercase;
border-radius: 40px;
padding: 14px 15px;
border: none;
display: flex;
justify-content: center;
align-items: center;
transition: all .2s ease-in-out;
letter-spacing: 1px;
}
.PasswordProtectedSec .ConArea .ConAreaUnder form p input[type=submit]:hover {
background: #96030e;
}
.PasswordProtectedSec .ConArea .ConAreaUnder form p input:focus {
outline: none;
}
.PasswordProtectedSec .ConArea .ConAreaUnder form p.passwordText {
font-size: 26px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 5px;
text-align: center;
color: #000;
margin-top: 0;
display: block;
}
.ConCenSec {
width: 100%;
max-width: 700px;
padding: 0 15px;
margin: 15px auto;
}
.PDFCardRow {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
justify-content: center;
}
.PDFCard {
width: 33.33%;
padding: 15px;
text-decoration: none;
}
.PDFCardUnder {
width: 100%;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
background: #fff;
border-radius: 12px;
overflow: hidden;
cursor: pointer;
height: 100%;
display: flex;
flex-wrap: wrap;
}
.PDFCardUnder:hover {
background: #102f5f;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.PDFCard img.PDFImg {
width: 100%;
height: 350px;
object-fit: cover;
object-position: top;
}
.PDFConSec {
width: 100%;
position: relative;
margin: 0;
padding: 45px 20px 20px 20px;
}
.PDFConSec img {
width: 100%;
height: auto;
position: absolute;
top: -90px;
left: 0;
}
.PDFConSec img.White {
display: unset;
}
.PDFConSec img.Blue {
display: none;
}
.PDFCardUnder:hover .PDFConSec img.White {
display: none;
}
.PDFCardUnder:hover .PDFConSec img.Blue {
display: unset;
}
.PDFConSec>div {
display: flex;
align-items: center;
justify-content: space-between;
}
.PDFConSec .PDFTitle {
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #070908;
margin: 0;
width: calc(100% - 80px);
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
transition: all .2s ease-in-out;
}
.PDFCardUnder:hover .PDFConSec .PDFTitle {
color: #fff;
}
.PDFConSec .PDFBU {
width: 50px;
height: 50px;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
background: #be000e;
}
.PDFConSec .PDFBU svg {
width: 24px;
height: 24px;
color: #fff;
margin-right: -4px;
}
.CareerTextSecText button {
width: 300px;
font-size: 18px;
line-height: 42px;
font-weight: 600;
color: #ffffff;
background: #be000e;
text-transform: uppercase;
border-radius: 40px;
padding: 14px 15px;
border: none;
display: flex;
justify-content: center;
align-items: center;
transition: all .2s ease-in-out;
letter-spacing: 1px;
margin-top: 50px;
}
.CareerTextSecText button:hover {
background: #96030e;
}
.CareerFormSec {
width: 100%;
padding: 60px 0;
}
.CareerFormRow {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 30px;
}
.CareerFormTitle {
width: 100%;
max-width: 750px;
text-align: center;
font-size: 30px;
font-weight: 700;
line-height: 48px;
margin: 0 auto 0 auto;
}
.FormBU {
width: auto;
font-size: 15px;
line-height: 30px;
font-weight: 600;
color: #102f5f;
background: #fff;
border: 1px solid #bbbcbb;
text-transform: uppercase;
border-radius: 40px;
padding: 12px 24px;
display: flex;
justify-content: center;
align-items: center;
transition: all .2s ease-in-out;
letter-spacing: 1px;
margin: 5px;
text-decoration: none;
}
.FormBU:hover {
border: 1px solid #be000e;
background: #be000e;
color: #fff;
}
.CareerStaffSec {
width: 100%;
padding: 80px;
background: #f4f5f5;
}
.CareerSliderSec {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0 20px;
}
.CareerSlideImg {
width: 240px;
height: 240px;	
padding: 15px;
margin-bottom: 25px;
}
.CareerSlideImg img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 50%;
background: #fff;
padding: 10px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.CareerSlideTitle {
width: 100%;
text-align: center;
font-size: 22px;
line-height: normal;
font-weight: 700;
color: #2b2f35;
margin: 0 0 10px 0;
}
.CareerSlideSubTitle {
width: 100%;
text-align: center;
font-size: 15px;
line-height: normal;
font-weight: 400;
color: #454545;
margin: 0 0 15px 0;
text-transform: uppercase;
}
.CareerSlideText {
width: 100%;
text-align: center;
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: #2b2f35;
margin: 0 0 0 0;
}
#CareerSlider {
position: relative;
}
#CareerSlider.owl-theme .owl-nav {
position: absolute;
top: 30%;
left: -5%;
right: 0;
transform: translateY(-50%);
width: 110%;
height: 48px;
}
#CareerSlider.owl-theme .owl-nav .owl-prev,
#CareerSlider.owl-theme .owl-nav .owl-next {
position: absolute;
height: 48px;
width: 48px;
color: inherit;
border-radius: 50%;
border: none;
z-index: 100;
background: #e6e6e6;
display: flex;
justify-content: center;
align-items: center;
transition: all .2s ease-in-out;
}
#CareerSlider.owl-theme .owl-nav .owl-prev:hover,
#CareerSlider.owl-theme .owl-nav .owl-next:hover {
background: #be000e;
}
#CareerSlider.owl-theme .owl-nav .owl-prev span,
#CareerSlider.owl-theme .owl-nav .owl-next span {
font-size: 52px;
color: #343434;
line-height: normal;
font-weight: 300;
top: -6px;
position: relative;
transition: all .2s ease-in-out;
}
#CareerSlider.owl-theme .owl-nav .owl-prev:hover span,
#CareerSlider.owl-theme .owl-nav .owl-next:hover span {
color: #fff;
}
#CareerSlider.owl-theme .owl-nav .owl-prev span {
left: -2px;
}
#CareerSlider.owl-theme .owl-nav .owl-next span {
right: -2px;
}
#CareerSlider.owl-theme .owl-nav .owl-prev {
left: 0;	
}
#CareerSlider.owl-theme .owl-nav .owl-next {
right: 0;
}
.ResourceListDiv {
padding-bottom: 15px;
}
.ResourceBBText {
font-size: 20px;
font-weight: 400;
line-height: 32px;
color: #2b2f35;
margin: 0;
padding: 8px 0;
}
.ResourceBBText2  {
font-size: 20px;
font-weight: 600;
line-height: 32px;
color: #070908;
margin: 0;
padding: 5px 0;
}
.ResourceBBText2 span {
font-size: 20px;
font-weight: 400;
line-height: 32px;
color: #2b2f35;
width: 220px;
display: inline-block;
}
.ResourceBBText3  {
font-size: 20px;
font-weight: 600;
line-height: 32px;
color: #070908;
margin: 0;
padding: 5px 0;
}
.ResourceBBText3 span {
font-size: 20px;
font-weight: 400;
line-height: 32px;
color: #2b2f35;
width: 270px;
display: inline-block;
}
.ResourceBBTextB {
font-size: 20px;
font-weight: 600;
line-height: 32px;
color: #070908;
margin: 15px 0 0 0;
padding: 8px 0;
}
.ResourceListTwoSec {
width: 100%;
padding: 10px 0;
}
.ResourceConBuSec {
display: flex;
justify-content: center;
padding: 40px 0 0 0;
}
.ResourceConBuBlue {
width: auto;
font-size: 15px;
line-height: 36px;
font-weight: 600;
color: #ffffff;
background: #102f5f;
text-transform: uppercase;
border-radius: 40px;
padding: 12px 30px;
border: none;
display: flex;
justify-content: center;
align-items: center;
transition: all .2s ease-in-out;
letter-spacing: 1px;
margin: 0 16px;
text-decoration: none;
position: relative;
}
.ResourceConBuBlue:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #102f5f;
border-radius: 50px;
top: 0;
left: 0;
transform: scale3d(1, 1, 1);
z-index: 0;
transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}
.ResourceConBuBlue:hover:after {
transform: scale3d(1.1, 1.2, 1);
}
.ResourceConBuRed {
width: auto;
font-size: 15px;
line-height: 36px;
font-weight: 600;
color: #ffffff;
background: #be000e;
text-transform: uppercase;
border-radius: 40px;
padding: 12px 30px;
border: none;
display: flex;
justify-content: center;
align-items: center;
transition: all .2s ease-in-out;
letter-spacing: 1px;
margin: 0 16px;
text-decoration: none;
position: relative;
}
.ResourceConBuRed:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #be000e;
border-radius: 50px;
top: 0;
left: 0;
transform: scale3d(1, 1, 1);
z-index: 0;
transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}
.ResourceConBuRed:hover:after {
transform: scale3d(1.1, 1.2, 1);
}
.ResourceConBuBlue span,
.ResourceConBuRed span {
position: relative;
z-index: 1;
}
.ResourceRedSec {
width: 100%;
padding: 80px 0;
background: #be000e;
}
.ResourceRedSecTitle {
font-family: "Oswald", serif;
font-size: 40px;
font-weight: 600;
line-height: normal;
color: #f5f5f6;
width: 100%;
text-align: center;
text-transform: uppercase;
}
.ResourceRedSecBU {
width: fit-content;
font-size: 15px;
line-height: 36px;
font-weight: 600;
color: #070908;
background: #fff;
text-transform: uppercase;
border-radius: 40px;
padding: 12px 30px;
border: none;
display: flex;
justify-content: center;
align-items: center;
transition: all .2s ease-in-out;
letter-spacing: 1px;
margin: 40px auto 0 auto;
text-decoration: none;
}
.ResourceRedSecBU:hover {
background: #102f5f;
color: #fff;
}
.ResourceBigCard {
width: 50%;
padding: 15px;
}
.ResourceBigCardUnder {
width: 100%;
height: 100%;
border-radius: 15px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
padding: 20px 30px;
}
.ResourceBigCard .Title {
font-size: 22px;
font-weight: 600;
line-height: 30px;
color: #070908;
margin: 0 0 15px 0;
}
.ResourceBigCard .SubTitle {
font-size: 16px;
font-weight: 600;
line-height: 30px;
color: #070908;
margin: 0 0 12px 0;
}
.ResourceBigCard .Text {
font-size: 16px;
font-weight: 400;
line-height: 30px;
color: #070908;
margin: 0 0 0 0;
}
.ResourceBigCard .Text a {
color: #be000e;
text-decoration: none;
}
.ProgramDesSec {
width: 100%;
padding: 80px 0;
background: #f5f5f5;
}
.ProgramDesSecContainer {
width: 100%;
max-width: 900px;
margin: 0 auto;
padding: 0 15px;
}
.ProgramDesText,
.ProgramDesSecContainer p {
font-size: 19px;
font-weight: 400;
line-height: 30px;
color: #2b2f35;
margin: 10px 0 20px 0;
}
.ProgramDesTitle {
font-size: 19px;
font-weight: 600;
line-height: 30px;
color: #2b2f35;
margin: 10px 0 10px 0;
}
.ProgramDesList,
.ProgramDesSecContainer ul {
width: 100%;
margin: 0 0 0px 0;
padding: 0;
}
.ProgramDesList li {
width: 100%;
list-style: none;
display: flex;
align-items: flex-start;
padding: 10px 0 10px 35px;
font-size: 20px;
font-weight: 400;
line-height: 30px;
color: #2b2f35;
position: relative;
}
.ProgramDesSecContainer ul li {
width: 100%;
list-style: none;
padding: 10px 0 10px 35px;
font-size: 19px;
font-weight: 400;
line-height: 30px;
color: #2b2f35;
position: relative;
}
.ProgramDesSecContainer ul li:before {
content: '';
width: 16px;
height: 9px;
border: 2px solid #be000e;
position: absolute;
top: 18px;
left: 0;
border-top: none;
border-right: none;
transform: rotate(-45deg);
}
.ProgramDesSecContainer ul li a {
font-size: 20px !important;
line-height: 30px !important;
color: #be000e !important;
font-weight: 400 !important;
margin: 0 !important;
padding: 5px 0 !important;
text-decoration: none !important;
border-bottom: 1px solid #f5f5f5 !important;
transition: all .2s ease-in-out;
}
.ProgramDesSecContainer ul li a:hover {
border-bottom: 1px solid #be000e !important;
}
.ProgramDesList li svg {
min-width: 22px;
width: 22px;
height: auto;
stroke-width: 2px;
color: #be000e;
margin-right: 15px;
margin-top: 5px;
}
.ProgramDesList li p {
font-size: 20px;
font-weight: 400;
line-height: 30px;
color: #2b2f35;
margin: 0px 0 0px 0;
}
.ProgramSecMain {
width: 100%;
}
.ProgramSec {
width: 100%;
padding: 60px 0;
}
.ProgramSec:nth-child(even) {
background: #f4f4f5;
}
.ProgramSecRow {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ProgramImgSec {
width: 360px;
height: 260px;
border-radius: 15px;
overflow: hidden;
}
.ProgramImgSec img {
width: 100%;
height: 100%;
object-position: center;
object-fit: cover;
}
.ProgramConSec {
width: calc(100% - 400px);
}
.HideContent {
width: 100%;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
height: 168px;
}
.ProgramConSec.Open .HideContent {
overflow: unset;
display: unset;
-webkit-line-clamp: unset;
-webkit-box-orient: unset;
height: auto;
}
.ProgramTitle {
font-family: "Oswald", serif;
font-size: 35px;
line-height: normal;
font-weight: 600;
color: #070908;
text-transform: uppercase;
margin: 0px 0 20px 0;
}
.ProgramText,
.HideContent p {
font-size: 18px;
font-weight: 400;
line-height: 30px;
color: #2b2f35;
margin: 10px 0 10px 0;
}
.HideContent p a {
font-size: 20px;
line-height: normal;
color: #be000e;
font-weight: 400;
text-decoration: none;
}
.CenterCardRowTwo {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.CenterCardRow {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
visibility: hidden;
}
.ProgramConSec.Open .HideContent .CenterCardRow {
visibility: visible;
}
.CenterCard {
width: 50%;
padding: 15px;
}
.CenterCardUnder {
width: 100%;
height: 100%;
border-radius: 15px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
padding: 20px 25px;
background: #fff;
}
.CenterCardTitle {
font-size: 18px !important;
line-height: 30px !important;
color: #0b1b35 !important;
font-weight: 600 !important;
margin: 0 !important;
padding: 5px 0 !important;
}
.CenterCardSubTitle {
font-size: 18px !important;
line-height: 26px !important;
color: #000000 !important;
font-weight: 400 !important;
margin: 0 !important;
padding: 5px 0 !important;
}
.CenterCardLink {
font-size: 18px !important;
line-height: 26px !important;
color: #be000e !important;
font-weight: 400 !important;
margin: 0 !important;
padding: 0px 0;
text-decoration: none !important;
border-bottom: 1px solid #fff !important;
transition: all .2s ease-in-out;
}
.CenterCardLink:hover {
border-bottom: 1px solid #be000e !important;
}
.CenterCardText {
font-size: 18px !important;
line-height: 26px !important;
color: #0b1b35 !important;
font-weight: 400 !important;
margin: 0 !important;
padding: 5px 0 !important;
}
.Learnmore {
font-size: 16px;
line-height: 42px;
font-weight: 600;
color: #c80412;
display: flex;
align-items: center;
border: none;
background: transparent;
margin-top: 20px;
}
.Learnmore.Less {
display: none;
}
.Learnmore svg {
width: 25px;
margin-left: 8px;
}
.ProgramConSec.Open .Learnmore.Less {
display: flex;
}
.ProgramConSec.Open .Learnmore.More {
display: none;
}
.ProgramListText,
.HideContent ul {
width: 100%;
margin: 0 0 0px 0;
padding: 0;
}
.ProgramListText li,
.HideContent ul li {
width: 100%;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding: 6.5px 0 6.5px 35px;
font-size: 18px;
font-weight: 400;
line-height: 30px;
color: #2b2f35;
position: relative;
}
.HideContent ul li:before {
content: '';
width: 16px;
height: 9px;
border: 2px solid #be000e;
position: absolute;
top: 16px;
left: 0;
border-top: none;
border-right: none;
transform: rotate(-45deg);
}
.ProgramListText li svg {
min-width: 22px;
width: 22px;
height: auto;
stroke-width: 2px;
color: #be000e;
margin-right: 15px;
margin-top: 5px;
}
.ProgramListText li p {
font-size: 20px;
font-weight: 400;
line-height: 30px;
color: #2b2f35;
margin: 0px 0 0px 0;
}
.ProgramTextBig {
font-size: 24px;
font-weight: 600;
line-height: 36px;
color: #2b2f35;
margin: 30px 0 10px 0;
width: 100%;
text-align: center;
}
.ProgramTextLink {
font-size: 18px;
font-weight: 600;
line-height: 41px;
color: #c80412;
margin: 20px 0 10px 0;
width: 100%;
text-align: center;
display: inline-block;
text-decoration: none;
}
.ProgramTextLink:hover {
text-decoration: underline;
}
.ProgramFootSec {
width: 100%;
display: flex;
}
.ProgramFootSec>div {
border-top: 1px solid #cccccc;
}
.ProgramContact {
width: 120px;
background: #102f5f;
position: fixed;
top: 50%;
right: 0;
z-index: 99;
transform: translate(0, -50%);
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
padding: 25px 16px;
display: flex;
flex-wrap: wrap;
justify-content: center;
cursor: pointer;
}
.ProgramContactFB {
width: 140px;
background: #102f5f;
position: fixed;
top: 50%;
right: 0;
z-index: 99;
transform: translate(0, -50%);
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
padding: 16px 12px;
display: flex;
flex-wrap: wrap;
justify-content: center;
cursor: pointer;
text-decoration: none;
}
.ProgramContact p,
.ProgramContactFB p {
font-size: 14px;
width: 100%;
text-align: center;
line-height: normal;
font-weight: 600;
margin: 0 0 15px 0;
color: #fff;
text-decoration: none;
}
.ProgramContact div,
.ProgramContactFB div {
width: 55px;
height: 55px;
padding: 14px;
border-radius: 50%;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.ProgramContact div img,
.ProgramContactFB div img {
width: 100%;
height: 100%;
object-position: center;
object-fit: contain;
filter: invert(1) brightness(0);
}
.ProgramConactModal,
.Subscribe {
z-index: 9991;
}
.ProgramConactModal .modal-content {
border-radius: 16px;
background: #fff;
position: relative;
border: none
}
.ProgramConactModal .modal-content:before {
content: '';
position: absolute;
width: 100%;
height: 98%;
background: #102f5e;
top: -20px;
left: -20px;
border-radius: 20px;
}
.ProgramConactModal .modal-content:after {
content: '';
position: absolute;
width: 100%;
height: 98%;
background: #bb000e;
bottom: -20px;
right: -20px;
border-radius: 20px;
}
.ProgramConactModal .modal-content .modal-body {
padding: 30px 30px;
z-index: 1;
background: #fff;
border-radius: 16px;
}
.ProgramConactModal .ModalHead {
display: flex;
justify-content: center;
position: relative;
padding: 10px 0 30px 0;
}
.ProgramConactModal .ModalHead .modal-title {
font-size: 40px;
line-height: 45px;
color: #000;
font-weight: 600;
font-family: "Oswald", serif;
margin: 0;
text-transform: uppercase;
}
.ProgramConactModal .ModalHead button {
position: absolute;
color: #a9b1bd;
background: transparent;
border: none;
top: -28px;
right: -28px;
width: 50px;
height: 50px;
}
.ScoopMainSec {
width: 100%;
padding: 0 0 0px 0;
margin: -80px 0 0 0;
z-index: 1;
position: relative;
}
.ScoopTabSec .card-header {
padding: 0;
border: none;
}
.ScoopTabSec .card-header ul.nav-tabs {
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.ScoopTabSec .card-header ul.nav-tabs li.nav-item {
width: 50%;
}
.ScoopTabSec .card-header ul.nav-tabs li.nav-item .nav-link {
border: none;
font-size: 24px;
line-height: 48px;
font-weight: 600;
text-align: center;
padding: 11px 15px;
background: #be000e;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
color: #fff;
position: relative;
overflow: none;
}
.ScoopTabSec .card-header ul.nav-tabs li.nav-item .nav-link span {
position: relative;
z-index: 2;
}
.ScoopTabSec .card-header ul.nav-tabs li.nav-item .nav-link.One.active {
padding: 16px 15px;
background: #fff;
color: #000;
border-top-left-radius: 12px;
z-index: 1;
overflow: unset;
}
.ScoopTabSec .card-header ul.nav-tabs li.nav-item .nav-link.One:after {
content: '';
position: absolute;
width: 40%;
height: 81px;
background: #ffffff;
bottom: -1px;
right: -20px;
transform: skew(9deg, 0deg);
z-index: 1;
border-top-right-radius: 20px;
display: none;
}
.ScoopTabSec .card-header ul.nav-tabs li.nav-item .nav-link.One.active:after {
display: unset;
}
.ScoopTabSec.Contactus .card-header ul.nav-tabs li.nav-item .nav-link.One.active,
.ScoopTabSec.Contactus .card-header ul.nav-tabs li.nav-item .nav-link.One.active:after {
background: #f5f5f6;
}
.ScoopTabSec .card-header ul.nav-tabs li.nav-item .nav-link.Two.active {
padding: 16px 15px;
background: #fff;
color: #000;
border-top-right-radius: 12px;
z-index: 1;
overflow: unset;
}
.ScoopTabSec .card-header ul.nav-tabs li.nav-item .nav-link.Two:after {
content: '';
position: absolute;
width: 40%;
height: 81px;
background: #ffffff;
bottom: -1px;
left: -20px;
transform: skew(-9deg, 0deg);
z-index: 1;
border-top-left-radius: 20px;
display: none;
}
.ScoopTabSec .card-header ul.nav-tabs li.nav-item .nav-link.Two.active:after {
display: unset;
}
.ScoopTabSec .tab-content .tab-pane.active {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 50px -15px 0 -15px;
}
.ScoopTabSec.Contactus .tab-content .tab-pane.active {
display: unset;
flex-wrap: unset;
justify-content: unset;
margin: unset;
}
.ScoopTabTitle {
font-family: "Oswald", serif;
font-size: 38px;
line-height: normal;
font-weight: 600;
color: #070908;
padding: 16px 15px 20px 15px;
margin: 0;
width: 100%;
text-align: center;
text-transform: uppercase;
}
.ScoopTabTitle span {
color: #be000e;
font-family: "Oswald", serif;
font-size: 40px;
line-height: normal;
font-weight: 600;
}
.MediaPageSec {
width: 100%;
padding: 60px 0 0 0;
} .MediaPageSec #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-album-thumbnails {
justify-content: center !important;
margin: 0 !important;
}
.MediaPageSec .bwg-thumbnails.bwg-album-thumbnails {
width: 100% !important;
padding: 0 !important;
}
.MediaPageSec .bwg-item {
max-width: 100% !important;
padding: 15px !important;
width: 33.33% !important;
order: unset !important;
}
.MediaPageSec #bwg_thumbnails_masonry_0 .bwg-item {
width: 33.33% !important;
padding: 8px !important;
height: auto !important;
}
.MediaPageSec #bwg_thumbnails_masonry_0 .bwg-item .bwg-item1 {
height: 330px;
}
.MediaPageSec .bwg-item.bwg-empty-item {
display: none !important;
}
.MediaPageSec .bwg-item .bwg-a.bwg-album,
.MediaPageSec .bwg-item .bwg-album {
margin: 0 !important;
background: #fff;
height: 100%;
border-radius: 15px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
overflow: hidden;
}
.MediaPageSec .bwg-item .bwg-album .bwg-item1 {
padding: 0 !important;
position: relative;
}
.MediaPageSec .bwg-item .bwg-album .bwg-item1:before {
content: '';
position: absolute;
background-image: url(//eoc-suffolk.com/wp-content/themes/eoc/images/pdf-graW.png);
width: 100%;
height: 120px;
bottom: -20px;
left: 0;
z-index: 1;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.MediaPageSec .bwg-item .bwg-album .bwg-item1 .bwg-item2,
.MediaPageSec .bwg_container .bwg-masonry-thumbnails .bwg-item1 {
position: relative !important;
margin: 0 !important;
height: 360px;
}
.MediaPageSec .bwg-item .bwg-album .bwg-item1 .bwg-item2 img,
.MediaPageSec .bwg_container .bwg-masonry-thumbnails .bwg-item1 img {
width: 100%;
max-width: 100% !important;
height: 100%;
object-fit: cover;
object-position: center;
}
.MediaPageSec .bwg-item .bwg-album .bwg-title1 {
padding: 30px;
}
.MediaPageSec .bwg-item .bwg-album .bwg-title2 {
font-family: "Plus Jakarta Sans", serif !important;
font-size: 22px !important;
line-height: 30px;
color: #070908 !important;
font-optical-sizing: auto;
font-weight: 700 !important;
font-style: normal;
text-align: left;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
transition: all .2s ease-in-out;
}
.MediaPageSec .bwg-item .bwg-album:hover .bwg-title2 {
color: #be000e !important;
}
.MediaPageSec .bwg_container {
margin: 0 !important;
}
.MediaPageSec .bwg_container .bwg-masonry-thumbnails {
width: 100% !important;
height: auto !important;
display: flex !important;
flex-wrap: wrap;
flex-direction: unset !important;
}
.MediaPageSec .bwg_container .bwg_back {
font-family: "Plus Jakarta Sans", serif !important;
padding-left: 0px !important;
font-size: 16px !important;
color: #be000e !important;
font-optical-sizing: auto;
font-weight: 600 !important;
font-style: normal;
text-transform: uppercase;
border-bottom: 2px solid #fff;
margin-left: 15px;
padding-bottom: 5px !important;
transition: all .2s ease-in-out;
}
.MediaPageSec .bwg_container .wd_error p {
font-size: 28px;
text-align: center;
padding: 100px 0 0 0 !important;
}
.MediaPageSec .bwg_container .bwg_back:hover {
border-bottom: 2px solid #be000e;
}
.MediaPageSec .bwg_container .bwg_back .bwg-icon-arrow-left {
margin-right: 8px;
}
.SearchMain {
margin-top: 130px;
}
.Stickyrow {
width: 100%;
padding: 60px 0;
}
.SearchCon {
width: 70%;
float: left;
padding-right: 50px;
}
.SearchRecNews {
width: 30%;
float: left;
padding-left: 50px;
position: sticky;
top: 150px;
}
.HeadTopEventDe {
width: 100%;
padding-bottom: 30px;
}
.HeadTopEventDe .NewsDetailTitle {
font-family: "Oswald", serif;
font-size: 40px;
line-height: 60px;
font-weight: 600;
color: #070908;
margin: 0 0 20px 0;
width: 100%;
text-align: left;
text-transform: uppercase;
}
.DetailIconTop {
display: flex;
align-items: center;
}
.DetailIconTop span {
font-size: 16px;
line-height: normal;
color: #070908;
margin: 0 10px 0 0;
text-transform: uppercase;
}
.DetailIconTop a.DetailSecial {
width: 45px;
height: 45px;
border: 1px solid #8797af;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 5px;
transition: all .2s ease-in-out;
}
.DetailIconTop a.DetailSecial:hover {
background: #8797af;
}
.DetailIconTop a.DetailSecial img {
width: 100%;
height: 100%;
max-width: 20px;
max-height: 20px;
object-position: center;
object-fit: contain;
transition: all .2s ease-in-out;
}
.DetailIconTop a.DetailSecial:hover img {
filter: invert(0) brightness(2);
}
.EventDeBody img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
margin-bottom: 30px;
}
.EventDeBody h1,
.EventDeBody h2,
.EventDeBody h3,
.EventDeBody h4,
.EventDeBody h5 {
font-family: "Oswald", serif;
font-weight: 600;
text-transform: uppercase;
line-height: normal;
}
.EventDeBody p {
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #2b2f35;
margin: 15px 0 25px 0;
}
.FootTopEventDe {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 30px;
border-top: 1px solid #e2e2e2;
margin-top: 30px;
}
.FootTopEventDe .ArticleBackLink {
display: flex;
align-items: center;
font-size: 18px;
font-weight: 600;
line-height: 34px;
color: #c80412;
text-decoration: none;
position: relative;
padding: 0 0 0 8px;
}
.FootTopEventDe .ArticleBackLink:after {
content: '';
width: 45px;
height: 45px;
background: #c80412;
border-radius: 50%;
top: 50%;
left: 0;
transform: translate(0, -50%);
position: absolute;
}
.FootTopEventDe .ArticleBackLink svg {
width: 28px;
height: auto;
margin-right: 25px;
color: #fff;
position: relative;
z-index: 1;
}
.FootTopEventDe .ArticleBackLink span {
border-bottom: 2px solid #fff;
transition: all .2s ease-in-out;
}
.FootTopEventDe .ArticleBackLink:hover span {
border-bottom: 2px solid #c80412;
}
.ArDeSideHead {
font-size: 20px;
font-weight: 600;
line-height: 48px;
color: #c80412;
margin: 0 0 12px 0;
}
.SearchRecNews a {
width: 100%;
display: inline-block;
margin: 0 0 0 0;
text-decoration: none;
padding: 0 0 0 0;
}
.SearchRecNews a p {
font-size: 18px;
font-weight: 600;
line-height: 32px;
color: #070908;
margin: 0 0 0 0;
padding: 8px 0px 8px 0;
transition: all .2s ease-in-out;
}
.SearchRecNews a:hover p {
color: #c80412;
}
.TabRow {
display: flex;
flex-wrap: wrap;
margin: 20px -15px 0 -15px;
}
.VissionMissionTitle {
font-family: "Oswald", serif;
font-size: 40px;
line-height: normal;
font-weight: 600;
color: #070908;
margin: 16px 0 20px 0;
width: 100%;
text-align: center;
text-transform: uppercase;
}
.DonateMainSec {
width: 100%;
padding: 60px 0;
}
.StickyrowDonate {
width: 100%;
padding: 0 0;
}
.DonateConArea {
width: 50%;
float: left;
padding-right: 50px;
}
.DonatePayArea {
width: 45%;
float: right;
padding: 40px 35px 20px 35px;
position: sticky;
top: 180px;
background: #f5f5f5;
display: flex;
flex-wrap: wrap;
border-radius: 8px;
}
.DonatePayArea iframe {
width: 100%;
min-height: 951px !important;
max-height: 1430px !important;
margin: auto auto 25px auto;
}
.DonatePayArea p {
font-size: 16px;
font-weight: 400;
line-height: 30px;
color: #2b2f35;
}
.DonatePayArea ol li {
font-size: 16px;
font-weight: 400;
line-height: 30px;
color: #2b2f35;
}
.DonateConTitle {
font-family: "Oswald", serif;
font-size: 38px;
line-height: 54px;
font-weight: 600;
color: #070908;
margin: 0px 0 15px 0;
width: 100%;
text-transform: uppercase;
}
.DonateConTitle span {
font-family: "Oswald", serif;
font-size: 38px;
line-height: 54px;
font-weight: 600;
color: #be000e;
}
.DonateConSubTitle {
font-size: 20px;
font-weight: 600;
line-height: 48px;
color: #070908;
margin: 0 0 30px 0;
}
.DonateTextTitle {
font-size: 22px;
font-weight: 600;
line-height: 48px;
color: #070908;
margin: 0;
padding: 10px 0;
}
.DonateConText {
font-size: 18px;
font-weight: 400;
line-height: 30px;
color: #2b2f35;
margin: 0;
padding: 10px 0 30px 0;
}
.DonateConArea img {
width: 100%;
height: 100%;
max-width: 225px;
max-height: 140px;
object-fit: contain;
object-position: center;
margin: 10px 0;
}
.ContactCard {
width: 33.33%;
padding: 15px;
}
.ContactCardUnder {
width: 100%;
height: 100%;
border-radius: 15px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
padding: 40px 30px;
background: #fff;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.ContactCardUnder img {
width: 100%;
height: 100%;
max-width: 80px;
max-height: 80px;
object-position: center;
object-fit: contain;
margin-bottom: 25px;
}
.ContactCardTitle {
font-size: 20px;
line-height: normal;
color: #000000;
font-weight: 400;
margin: 0;
padding: 5px 0;
width: 100%;
text-align: center;
}
.ContactCardLink {
font-size: 20px;
line-height: normal;
color: #be000e;
font-weight: 400;
margin: 15px 0 0 0;
padding: 0px 0;
text-decoration: none;
border-bottom: 1px solid #fff;
transition: all .2s ease-in-out;
}
.ContactCardLink:hover {
border-bottom: 1px solid #be000e;
}
.ContactCardUnder a.ContactSocialLink {
width: 45px;
height: 45px;
border: 1px solid #8797af;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 20px 5px 0 5px;
transition: all .2s ease-in-out;
}
.ContactCardUnder a.ContactSocialLink:hover {
background: #8797af;
}
.ContactCardUnder a.ContactSocialLink img {
width: 100%;
height: 100%;
max-width: 20px;
max-height: 20px;
object-position: center;
object-fit: contain;
transition: all .2s ease-in-out;
margin: 0;
}
.ContactCardUnder a.ContactSocialLink:hover img {
filter: invert(0) brightness(2);
}
.ContactFirstTabCardSec {
width: 100%;
padding: 60px 0;
background: #f5f5f6;
}
.ContactFirstTabFormSec {
width: 100%;
padding: 60px 0 0 0;
}
.ContactFirstTabFormCustomRow {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.Contact1TabHalf {
width: 45%;
padding-top: 30px;
}
.ContactTabForm {
width: 100%;
background: #ffffff;
padding: 40px 40px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border-radius: 15px;
}
.ContactFirstTabFormTitle {
font-family: "Oswald", serif;
font-size: 38px;
line-height: 45px;
font-weight: 600;
color: #000000;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
width: 100%;
text-align: center;
text-transform: uppercase;
}
.ContactTabForm .gform_wrapper .gform_validation_errors,
.ContactTabForm .gform_wrapper .gform_heading,
.ProgramContactForm .gform_wrapper .gform_validation_errors,
.ProgramContactForm .gform_wrapper .gform_heading {
display: none;
} .ContactTabForm .gform_wrapper.gravity-theme .gfield input,
.ProgramContactForm .gform_wrapper.gravity-theme .gfield input {
border: 1px solid #d6d6d6;
border-radius: 8px;
width: 100%;
padding: 14px 15px;
font-size: 16px;
line-height: 26px;
color: #1e2122;
height: 56px;
background: #fff;
}
.ContactTabForm .gform_wrapper.gravity-theme .gfield select,
.ProgramContactForm .gform_wrapper.gravity-theme .gfield select {
border: 1px solid #d6d6d6;
border-radius: 8px;
width: 100%;
padding: 14px 11px;
font-size: 16px;
line-height: 26px;
color: #1e2122;
height: 56px;
background: #fff;
}
.ContactTabForm .gform_wrapper.gravity-theme .gfield textarea,
.ProgramContactForm .gform_wrapper.gravity-theme .gfield textarea {
border: 1px solid #d6d6d6;
border-radius: 8px;
width: 100%;
padding: 12px 15px;
height: 180px !important;
resize: none;
font-size: 16px;
line-height: 26px;
color: #1e2122;
background: #fff;
}
.ContactTabForm .gform_wrapper.gravity-theme .gfield input:focus,
.ContactTabForm .gform_wrapper.gravity-theme .gfield textarea:focus,
.ProgramContactForm .gform_wrapper.gravity-theme .gfield input:focus,
.ProgramContactForm .gform_wrapper.gravity-theme .gfield textarea:focus {
outline: none;
}
.ContactTabForm .gform_wrapper.gravity-theme .gfield input::placeholder,
.ContactTabForm .gform_wrapper.gravity-theme .gfield textarea::placeholder,
.ProgramContactForm .gform_wrapper.gravity-theme .gfield input::placeholder,
.ProgramContactForm .gform_wrapper.gravity-theme .gfield textarea::placeholder {
color: #1e2122;
opacity: 1; }
.ContactTabForm .gform_wrapper.gravity-theme .gfield input::-ms-input-placeholder,
.ContactTabForm .gform_wrapper.gravity-theme .gfield textarea::-ms-input-placeholder,
.ProgramContactForm .gform_wrapper.gravity-theme .gfield input::-ms-input-placeholder,
.ProgramContactForm .gform_wrapper.gravity-theme .gfield textarea::-ms-input-placeholder { color: #1e2122;
}
.gform_wrapper.gravity-theme .gfield input:hover,
.gform_wrapper.gravity-theme .gfield input:focus,
.gform_wrapper.gravity-theme .gfield input:focus-visible,
.gform_wrapper.gravity-theme .gfield select:hover,
.gform_wrapper.gravity-theme .gfield select:focus,
.gform_wrapper.gravity-theme .gfield select:focus-visible,
.gform_wrapper.gravity-theme .gfield textarea:hover,
.gform_wrapper.gravity-theme .gfield textarea:focus,
.gform_wrapper.gravity-theme .gfield textarea:focus-visible {
outline: none;
}
.ContactTabForm .ginput_container_consent,
.ProgramContactForm .ginput_container_consent {
display: flex;
}
.ContactTabForm .ginput_container_consent input,
.ProgramContactForm .ginput_container_consent input {
width: 14px !important;
margin-right: 12px;
height: 14px !important;
margin-top: 5px;
}
.ContactTabForm .gform_wrapper.gravity-theme .gfield_description,
.ProgramContactForm .gform_wrapper.gravity-theme .gfield_description {
color: #e51616;
text-align: left;
font-size: 14px;
line-height: 20px;
padding: 0;
padding-top: 0px;
background: transparent;
border: none;
margin: 0;
}
.ContactTabForm .gform_wrapper.gravity-theme .gform_footer,
.ProgramContactForm .gform_wrapper.gravity-theme .gform_footer {
position: relative;
margin: 20px 0 0 0;
padding: 0px 0;
}
.ContactTabForm .gform_wrapper.gravity-theme .gform_footer::before,
.ProgramContactForm .gform_wrapper.gravity-theme .gform_footer::before {
content: '';
position: absolute;
width: 100%;
height: 67px;
background: #e51616;
border-radius: 40px;
top: 0;
left: 0;
transform: scale3d(1, 1, 1);
z-index: 0;
transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}
.ContactTabForm .gform_wrapper.gravity-theme .gform_footer:hover::before,
.ProgramContactForm .gform_wrapper.gravity-theme .gform_footer:hover::before {
transform: scale3d(1.1, 1.2, 1);
}
.ContactTabForm .gform_wrapper.gravity-theme .gform_footer .gform_button,
.ProgramContactForm .gform_wrapper.gravity-theme .gform_footer .gform_button {
width: 100%;
padding: 20px 13px;
border: none;
border-radius: 40px;
text-transform: uppercase;
background: #e51616;
color: #fff;
font-size: 18px;
font-weight: 600;
letter-spacing: 2px;
cursor: pointer;
position: relative;
transition: all .3s ease-in-out;
}
.gform_ajax_spinner { position: absolute;
background: #e51616;
width: 70px;
padding: 0px 25px;
top: 45px;
left: 28px;
}
.ContactTabForm .gform_ajax_spinner { position: absolute;
background: #e51616;
width: 90px;
padding: 0px 35px;
top: 25px;
left: 50%;
transform: translate(-50%, 0px);
}
.ProgramContactForm .gform_ajax_spinner { position: absolute;
background: #e51616;
width: 90px;
padding: 0px 35px;
top: 25px;
left: 50%;
transform: translate(-50%, 0px);
}
.ContactTabMapIMG {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border: 1px solid #8797af;
border-radius: 15px;
}
.ContactLocationSec {
width: 100%;
padding: 60px 0 0 0;
}
.LocationMapSec {
width: 100%;
display: flex;
flex-wrap: wrap;
height: 600px;
border: 1px solid #a9b1bd;
border-radius: 8px;
overflow: hidden;
margin: 25px 0 50px 0;
}
.ContactTabListSec {
width: 400px;
height: 100%;
border-right: 1px solid #a9b1bd;
}
.ContactTabListSec .form-select {
width: 100%;
font-size: 16px;
font-weight: 600;
line-height: 20px;
padding: 18px 30px 18px 18px;
border: none;
box-shadow: none;
border-bottom: 1px solid #a9b1bd;
border-radius: 0;
text-transform: uppercase;
text-overflow: ellipsis;
overflow: hidden !important;
white-space: nowrap;
}
.ContactTabListScroll {
width: 100%;
overflow: auto;
height: calc(100% - 57px);
}
.ContactTabList {
width: 100%;
padding: 7px 18px;
border-bottom: 1px solid #e5e7eb;
transition: all .2s ease-in-out;
}
.ContactTabList:hover {
background: #fff4f4;
}
.ContactTabList .Title {
font-size: 17px;
line-height: 24px;
font-weight: 700;
color: #e51616;
margin: 8px 0;
}
.ContactTabList .Text {
font-size: 15px;
line-height: 24px;
font-weight: 400;
color: #070908;
margin: 8px 0;
transition: all .2s ease-in-out;
}
.ContactTabList:hover .Text.Address {
text-decoration: underline;
}
.ContactTabMapSec {
width: 100%;
height: 100%;
max-width: calc(100% - 400px);
}
.ContactTabMapSec iframe {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.LocationProgramCardSec {
width: 100%;
}
.ContactProgramTitle {
font-size: 22px;
line-height: 30px;
color: #070908;
font-weight: 700;
margin: 0 0 15px 0;
}
.ContactProgramAdd {
font-size: 19px;
line-height: 30px;
color: #be000e;
font-weight: 400;
margin: 0 0 15px 0;
}
.ContactProgramPhone {
font-size: 19px;
line-height: 30px;
color: #070908;
font-weight: 400;
margin: 0 0 15px 0;
}
.ContactProgramProTitle {
font-size: 17px;
line-height: 30px;
color: #070908;
font-weight: 700;
margin: 30px 0 15px 0;
position: relative;
text-transform: uppercase;
}
.ContactProgramProTitle:after {
content: '';
position: absolute;
width: calc(100% - 140px);
height: 1px;
background: #cccccc;
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.ContactProgramList {
display: flex;
align-items: flex-start;
padding: 12px 0;
}
.ContactProgramIcon {
width: 48px;
height: 48px;
min-width: 48px;
min-height: 48px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 15px;
margin-top: 3px;
}
.ContactProgramIcon img {
width: 26px;
height: 26px;
object-position: center;
object-fit: contain;
}
.ContactProgramIcon.Yellow {
background: #f39200;
}
.ContactProgramCon {
width: 100%;
}
.ContactProgramCon .Title {
font-size: 17px !important;
line-height: 26px !important;
color: #070908;
font-weight: 700;
margin: 0 0 0 0 !important;
}
.ContactProgramCon .Text {
font-size: 15px !important;
line-height: 26px !important;
color: #070908;
font-weight: 400;
margin: 0 0 0 0 !important;
}
.SearchHead {
font-weight: 600;
font-size: 30px;
color: #1e2122;
border-bottom: 1px solid #e4e4e4;
margin-bottom: 10px !important;
padding-bottom: 10px;
margin-top: 3px;
text-align: left;
font-family: "Oswald", serif;
text-transform: uppercase;
}
.SearchHead span {
font-family: "Oswald", serif;
font-weight: 600;
font-size: 30px;
color: #be000e;
}
.SearchDiv {
padding: 20px 0 20px 0;
border-bottom: 1px solid #f2f2f2;
}
.SearchDiv a {
width: 100%;
text-decoration: none;
}
.SearchConHead {
font-weight: 600;
font-size: 22px;
color: #1e2122;
margin-bottom: 0rem !important;
transition: all .4s;
line-height: 30px;
text-align: left;
padding: 0;
}
.SearchDiv a:hover .SearchConHead {
color: #e51616;
}
.SearchConBody {
font-size: 17px;
font-weight: 400;
text-align: left;
color: #1e2122;
line-height: 30px;
width: 100%;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
padding-top: 10px;
}
.NoSearchFoundSec {
display: flex;
align-items: center;
padding: 50px 0;
}
.NoSearchFoundSec img {
width: 90px;
height: auto;
margin-right: 25px;
}
.NpSearchText {
font-size: 30px;
line-height: 48px;
font-weight: 600;
color: #070908;
margin: 0;
}
.ServiceSearchTopSec {
width: 100%;
padding: 80px 0 20px 0;
background: #f4f4f5;
}
.ServiceSearchTopRow {
width: 100%;
max-width: 900px;
}
.ServiceSearchTopRow .ServiceSearchSec {
margin-bottom: 30px;
}
.AvailableServiceTitle {
font-family: "Oswald", serif;
font-weight: 600;
font-size: 38px;
line-height: 60px;
color: #070908;
text-transform: uppercase;
margin: 0 0 20px 0;
}
.ServiceListSec {
width: 100%;
height: 100%;
max-height: 900px;
border-radius: 8px;
border: 1px solid #a9b1bd;
overflow: auto;
padding: 10px 40px;
}
.ServiceListBottomSec {
width: 100%;
height: 100%;
max-height: 900px;
overflow: auto;
padding: 0 25px 0 0;
}
.ServiceListSec::-webkit-scrollbar-track,
.ServiceListBottomSec::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #e5e7eb;
}
.ServiceListSec::-webkit-scrollbar,
.ServiceListBottomSec::-webkit-scrollbar {
width: 8px;
background-color: #e5e7eb;
}
.ServiceListSec::-webkit-scrollbar-thumb,
.ServiceListBottomSec::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #a9b1bd;
}
.ServiceList {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
padding: 30px 0;
border-bottom: 1px solid #d6d6d6;
}
.ServiceList:last-child {
border-bottom: none;
}
.SearchServiceRow {
width: 100%;
padding: 50px 0;
}
.SearchCategorySec {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.SearchCatagoryIcon {
width: 46px;
min-width: 46px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #ccc;
margin-right: 15px;
}
.SearchCatagoryIcon img {
width: 22px;
height: 25px;
object-position: center;
object-fit: contain;
}
.SearchCategoryTitle {
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: #070908;
margin: 0;
}
.ServiceListTitle {
font-size: 21px;
font-weight: 700;
line-height: 30px;
color: #070908;
margin: 0 0 12px 0;
}
.ServiceListAddress {
font-size: 17px;
font-weight: 400;
line-height: 26px;
color: #be000e;
margin: 5px 0;
}
.ServiceListText {
font-size: 17px;
font-weight: 400;
line-height: 26px;
color: #070908;
margin: 5px 0;
}
.ServiceListText a {
color: #be000e;
text-decoration: none;
}
.DetailsSec {
width: calc(100% - 230px);
}
.SearchServiceListBU {
border: 1px solid #a5a6a7;
background: #fff;
border-radius: 40px;
font-size: 15px;
font-weight: 600;
line-height: 24px;
color: #102f5f;
text-transform: uppercase;
padding: 17px 26px;
text-decoration: none;
letter-spacing: 1px;
margin: 15px 0 0 0;
transition: all .2s ease-in-out;
}
.SearchServiceListBU:hover {
border: 1px solid #102f5f;
background: #102f5f;
color: #fff;
}
.ServiceSearchBottomSec {
width: 100%;
padding: 80px 0 0 0;
}
.PolicyMainSec {
width: 100%;
padding: 80px 15px 0 15px;
}
.PolicyRow {
width: 100%;
max-width: 900px;
margin: auto;
}
.PolicyTitle {
font-family: "Oswald", serif;
font-size: 38px;
line-height: normal;
font-weight: 600;
color: #070908;
margin: 0 0 25px 0;
width: 100%;
text-align: center;
text-transform: uppercase;
}
.PlicyText {
font-size: 17px;
line-height: 30px;
font-weight: 400;
color: #2b2f35;
margin:0 0 25px 0;
width: 100%;
text-align: left;
display: flex;
align-items: flex-start;
}
.PlicyText svg {
min-width: 22px;
width: 22px;
height: auto;
stroke-width: 2px;
color: #be000e;
margin-right: 20px;
margin-top: 4px;
}
.PolicyList {
width: 100%;
margin: 0;
padding: 0;
}
.PolicyList li {
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.error-404 .page-content {
position: relative;
width: 60%;
padding: 250px 80px 0px;
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.TextSec404 {
width: 100%;
}
.Text1404 {
font-size: 26px;
font-weight: 400;
color: #6d6d6d;
line-height: normal;
margin: 0;
padding: 0;
text-align: center;
}
.TextBig404 {
font-size: 150px;
font-weight: 600;
color: #be000e;
line-height: 180px;
margin: 0 0 30px 0;
padding: 0;
font-family: "Oswald", serif;
text-align: center;
}
.Text2404 {
font-size: 26px;
font-weight: 400;
color: #6d6d6d;
line-height: normal;
margin: 0;
padding: 0;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
}
.Text2404 span {
font-weight: 600;
}
.Error404BU {
border: 1px solid #be000e;
background: #be000e;
border-radius: 40px;
font-size: 16px;
font-weight: 600;
line-height: 30px;
color: #fff;
text-transform: uppercase;
padding: 18px 40px;
text-decoration: none;
letter-spacing: 1px;
margin: 60px 0 0 0;
position: relative;
transition: all .2s ease-in-out;
}
.Error404BU span {
position: relative;
z-index: 1;
}
.Error404BU:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #be000e;
border-radius: 30px;
top: 0;
left: 0;
transform: scale3d(1, 1, 1);
z-index: -1;
transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}
.Error404BU:hover:after {
transform: scale3d(1.1, 1.2, 1);
}
.SearchSec {
width: 98% !important;
top: 133px !important;
left: 50% !important;
max-width: 1100px !important;
transform: translate(-50%, 0px) !important;
padding: 0px 10px !important;
height: 0px !important;
border-radius: 12px !important;
}
.HeadSearch.Show .SearchSec {
top: 133px !important;
height: auto !important;
padding: 10px !important;
}
.HeaderSec.Sticky .HeadSearch.Show .SearchSec {
top: 109px !important;
height: auto !important;
padding: 10px !important;
}
.SearchSec input {
width: 100% !important;
padding: 0 0 0 15px !important;
border: none !important;
font-size: 15px !important;
font-optical-sizing: auto !important;
font-weight: 400 !important;
font-style: normal !important;
font-family: "Plus Jakarta Sans", serif !important;
}
.SearchSec input:focus {
outline: none !important;
}
.NoDataSec {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: flex-end;
height: 400px;
}
.NoDataSec img {
width: 200px;
height: auto;
object-fit: contain;
object-position: center;
margin-bottom: 40px;
opacity: .8;
}
.NoDataSec p {
font-size: 40px;
font-weight: 700;
color: #8d8d8d;
margin: 0 15px;
padding: 0;
width: 100%;
text-align: center;
line-height: normal;
font-family: "Oswald", serif;
text-transform: uppercase;
}
.SubscribeForm .gform_confirmation_wrapper {
width: 100%;
display: flex;
justify-content: center;
padding: 80px 30px;
}
.ProgramContactForm .gform_confirmation_wrapper {
width: 100%;
display: flex;
justify-content: center;
padding: 40px 10px;
}
.ContactTabForm .gform_confirmation_wrapper {
width: 100%;
display: flex;
justify-content: center;
padding: 40px 10px;
}
.SubscribeForm .gform_confirmation_wrapper>div {
font-size: 36px;
text-align: center;
width: 80%;
color: #57b610;
font-family: "Oswald", serif;
}
.ProgramContactForm .gform_confirmation_wrapper>div {
font-size: 32px;
text-align: center;
width: 100%;
color: #57b610;
font-family: "Oswald", serif;
}
.ContactTabForm .gform_confirmation_wrapper>div {
font-size: 28px;
text-align: center;
width: 90%;
color: #57b610;
font-family: "Oswald", serif;
}
.SSVFMainSecOne {
width: 100%;
padding: 80px 0;
}
.SSVFLogoSec {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.SSVFLogoSec img {
width: 200px;
height: 200px;
object-fit: contain;
object-position: center;
padding: 15px;
}
.SSVFAboutText {
width: 82%;
font-size: 24px;
line-height: 36px;
color: #2b2f35;
margin: 50px auto 60px auto;
text-align: center;
}
.SSVFBackgroundSec {
width: 100%;
height: auto;
background-image: url(//eoc-suffolk.com/wp-content/themes/eoc/images/about-gra.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 80px 0;
margin: 0;
}
.SSVFBackgroundSecRow {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.SSVFBackgroundConSec {
width: 50%;
}
.SSVFBackgroundConSec .Content {
font-size: 24px;
line-height: 36px;
color: #fff;
margin: 0;
padding: 15px 0;
}
.SSVFBackgroundSecRow img {
max-width: 42%;
border-radius: 8px;
margin-top: -150px;
height: fit-content;
object-fit: contain;
}
.SSVFSliderSecMain {
width: 100%;
}
.SSVFSliderSec {
width: 100%;
height: 650px;
}
.SSVFSliderSec img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.SSVFSliderSecMain {
width: 95%;
margin: 50px auto 200px auto;
position: relative;
}
.SSVFSliderSecMain:before {
content: '';
position: absolute;
width: 100%;
height: 98%;
background: #102f5e;
top: -20px;
left: -20px;
border-radius: 20px;
}
.SSVFSliderSecMain:after {
content: '';
position: absolute;
width: 100%;
height: 98%;
background: #bb000e;
bottom: -20px;
right: -20px;
border-radius: 20px;
}
.SSVFSliderSecMain #SSVFSlider {
border: 14px solid #fff;
border-radius: 12px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.SSVFSliderSecMain .owl-theme .owl-nav {
position: absolute;
top: 50%;
left: -8%;
right: 0;
transform: translateY(-50%);
width: 116%;
height: 48px;
}
.SSVFSliderSecMain .owl-theme .owl-nav .owl-prev,
.SSVFSliderSecMain .owl-theme .owl-nav .owl-next {
position: absolute;
height: 48px;
width: 48px;
color: inherit;
border-radius: 50%;
border: none;
z-index: 100;
background: #9db1ce;
display: flex;
justify-content: center;
align-items: center;
transition: all .2s ease-in-out;
}
.SSVFSliderSecMain .owl-theme .owl-nav .owl-prev:hover,
.SSVFSliderSecMain .owl-theme .owl-nav .owl-next:hover {
background: #102e5e;
}
.SSVFSliderSecMain .owl-theme .owl-nav .owl-prev {
left: 0;	
}
.SSVFSliderSecMain .owl-theme .owl-nav .owl-next {
right: 0;
}
.SSVFSliderSecMain .owl-theme .owl-nav .owl-prev span,
.SSVFSliderSecMain .owl-theme .owl-nav .owl-next span {
font-size: 48px;
color: #fff;
line-height: normal;
font-weight: 200;
top: -6px;
position: relative;
transition: all .2s ease-in-out;
}
.SSVFSliderSecMain .owl-theme .owl-nav .owl-prev span {
left: -2px;
}
.SSVFSliderSecMain .owl-theme .owl-nav .owl-next span {
right: -2px;
}
.SSVFSliderSecMain .owl-dots {
position: absolute;
bottom: -80px;
left: 50%;
transform: translate(-50%, 0px);
}
.SSVFSliderSecMain .owl-dots button {
width: 16px;
height: 16px;
background: #e5e6e8;
border-radius: 50%;
margin: 0 8px;
}
.SSVFSliderSecMain .owl-dots button.active {
background: #102e5e;
}
.SSVFVideoSecMain {
width: 100%;
max-width: 1000px;
height: 550px;
margin: 15px auto 100px auto;
border-radius: 18px;
overflow: hidden;
border: 12px solid #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.SSVFTableDataSmall {
width: 100%;
display: none;
margin: 40px 0;
}
.SSVFTableDataSmall .SSVFTableSmallSec {
width: 33.33%;
}
.SSVFTableDataSmall .SSVFTableSmallSec .SSVFSmallTableHead {
font-size: 16px;
font-weight: 500;
line-height: 44px;
color: #fff;
background: #a9b1bd !important;
margin: 0;
padding: 8px 12px;
text-transform: uppercase;
letter-spacing: 1px;
border-top: 1px solid #fff;
text-align: center;
height: 61px;
}
.SSVFTableDataSmall .SSVFTableSmallSec .SSVFSmallTableHead.NoCon {
background: #fff !important;
}
.SSVFTableDataSmall .SSVFTableSmallSec .SSVFSmallTableSideText {
font-size: 18px;
line-height: 24px;
color: #2b2f35;
font-weight: 600;
margin: 0;
padding: 15px 20px;
border-left: 1px solid #fff;
text-align: center;
height: 61px;
border-top: 1px solid #a9b1bd;
border-bottom: 1px solid #a9b1bd;
}
.SSVFTableDataSmall .SSVFTableSmallSec .SSVFSmallTableMiddleText {
font-size: 18px;
line-height: 24px;
color: #2b2f35;
font-weight: 400;
margin: 0;
text-align: center;
padding: 15px 12px;
height: 61px;
border-left: 1px solid #fff;
}
.SSVFTableDataSmall .SSVFTableSmallSec p:nth-child(odd) {
background: #f8f8f8;
}
.gt_selector.notranslate {
background: transparent;
border: none;
color: #fff;
padding-left: 15px;
border-left: 1px solid #4a4a4a;
margin-left: 10px;
}
.gt_selector.notranslate option {
background: #e5e6e8;
color: #343434;
}
.gt_selector.notranslate:hover,
.gt_selector.notranslate:focus,
.gt_selector.notranslate:focus-visible {
outline: none;
}
.InstaMainDiv {
width: 100%;
height: auto;
overflow: hidden;
padding-top: 60px;
}
.InstaFlex {
display: flex;
flex-wrap: wrap;
margin: 0 -8px;
}
.InstaDiv40 {
width: 40%;
display: flex;
flex-wrap: wrap;
}
.InstaDiv20 {
width: 20%;
padding: 8px;
}
.InstaDivUnder50 {
width: 50%;
height: auto;
padding: 8px;
}
.InstaDivUnder100 {
width: 100%;
height: 100%;
background: #81c341;
position: relative;
overflow: hidden;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}
.InstaDivUnder100::before {
content: '';
background-image: url(//eoc-suffolk.com/wp-content/themes/eoc/images/insta-bg.jpg);
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
bottom: 0;
opacity: 1;
}
.InstaDivUnder50 img {
width: 100%;
height: 370px;
object-position: center;
object-fit: cover;
}
.InstaText {
width: auto;
height: 40px;
margin-bottom: 40px;
position: relative;
}
.InstaConDiv { position: relative;
width: 100%;
}
.InstaConDivTitle {
font-size: 38px;
color: #fff;
font-weight: 700;
text-align: center;
margin-bottom: 30px;
font-family: "Oswald", serif;
text-transform: uppercase;
}
.InstaConDivSubTitle {
font-size: 24px;
color: #fff;
font-weight: 600;
text-align: center;
margin-bottom: 20px;
letter-spacing: 2px;
}
.InstaConDiv a {
font-size: 22px;
text-align: center;
width: 100%;
display: block;
color: #b2c1d9;
text-decoration: none;
font-weight: 400;
}
.InstaMainDiv #sb_instagram .sbi_info {
display: none;
}
.InstaMainDiv .InstaDiv40 #sb_instagram {
padding: 0 !important;
}
.InstaMainDiv .InstaDiv40 #sb_instagram #sbi_images {
padding: 0 !important;
gap: 0 !important;
}
.InstaMainDiv .InstaDiv40 #sb_instagram #sbi_images .sbi_item {
width: 100%;
padding: 8px !important;
}
.VideoBuSec {
width: 100%;
display: flex;
justify-content: center;
}
.VideoLearMBU {
border: 1px solid #be000e;
background: #be000e;
border-radius: 40px;
font-size: 14px;
font-weight: 600;
line-height: 26px;
color: #ffffff;
text-transform: uppercase;
padding: 14px 30px;
text-decoration: none;
letter-spacing: 1px;
margin: 40px 0 0 0;
position: relative;
z-index: 1;
transition: all .2s ease-in-out;
}
.VideoLearMBU:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #be000e;
border-radius: 30px;
top: 0;
left: 0;
transform: scale3d(1, 1, 1);
z-index: -1;
transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);
}
.VideoLearMBU:hover:after {
transform: scale3d(1.1, 1.2, 1);
}
@media (min-width: 360px) {
.InstaDiv40 {
width: 100%;
}
.InstaDiv20 {
width: 100%;
}
.InstaMainDiv .InstaDiv40 #sb_instagram #sbi_images .sbi_item {
width: 100%;
}
.InstaDivUnder100 {
height: 400px;
}
.DetailsBannerArea {
padding-top: 100px;
}
.SearchCon {
width: 100%;
float: left;
padding-right: 0px;
padding-bottom: 0px;
}
.SearchRecNews {
width: 100%;
float: left;
padding-left: 0px;
padding-top: 50px;
position: relative;
top: 0px;
}
.InstaText {
height: 40px;
margin-bottom: 40px;
}
.InstaConDivTitle {
font-size: 34px;
margin-bottom: 30px;
width: 300px;
margin-left: auto;
margin-right: auto;
}
.InstaConDivSubTitle {
font-size: 22px;
margin-bottom: 15px;
letter-spacing: 1px;
}
.InstaConDiv a {
font-size: 20px;
}
}
@media (min-width: 480px) {
.Subscribe .modal-header h5,
.SignupFormHead h5 {
font-size: 30px;
}
.InstaMainDiv .InstaDiv40 #sb_instagram #sbi_images .sbi_item {
width: 100%;
}
}
@media (min-width: 576px) {
.InstaDivUnder100 {
height: 400px;
}
}
@media (min-width: 768px) {
.DetailsBannerArea {
padding-top: 128px;
}
.InstaDivUnder100 {
height: 400px;
}
.InstaConDivTitle {
font-size: 34px;
margin-bottom: 30px;
width: 100%;
margin-right: unset;
margin-left: unset;
}
}
@media (min-width: 992px) {
.AboutTextSec {
width: 50%;
}	
.SearchCon {
width: 60%;
float: left;
padding-right: 0px;
padding-bottom: 0px;
}
.SearchRecNews {
width: 40%;
float: left;
padding-left: 50px;
padding-top: 0px;
position: sticky;
top: 150px;
}
.DirPorCard {
width: 46%;
}
}
@media (min-width: 1200px) {
.InstaDivUnder100 {
height: 100%;
}
.InstaText {
height: 35px;
margin-bottom: 30px;
}
.InstaConDivTitle {
font-size: 26px;
margin-bottom: 20px;
}
.InstaConDivSubTitle {
font-size: 16px;
margin-bottom: 10px;
letter-spacing: 1px;
}
.InstaConDiv a {
font-size: 16px;
}
.InstaDiv40 {
width: 40%;
}
.InstaDiv20 {
width: 20%;
}
.AboutConSec {
padding: 60px 0;
}
.HomeVideoSubTitle {
width: 80%;
}
.SSVFSliderSecMain {
width: 90%;
}
.SSVFBackgroundSecRow img {
margin-top: -120px;
}
.DirPorCard {
width: 45%;
}
.PDFCard img.PDFImg {
height: 360px; background: #fff;
}
.AnnualReport .PDFCard img.PDFImg {
height: 380px;
padding: 0px 60px;
background: #fff;
}
.SearchCon {
width: 65%;
}
.SearchRecNews {
width: 35%;
}
.AboutTargetSec img {
max-width: 600px;
}
.AboutTextSec {
width: 50%;
}
.MainNav ul li .MainNavLink {
font-size: 15px;
padding: 15px 10px;
}
.HeaderSec.Sticky .MainNav ul li .MainNavLink {
font-size: 15px;
padding: 13px 10px;
}
.AbouConBlog {
padding: 30px 50px;
}
.NewsletterUnderSec {
padding: 40px 40px;
}
.NewsletterUnderSec img.Icon {
max-width: 200px;
max-height: 240px;
top: 50px;
right: 90px;
}
.BannerArea {
height: 900px;
}
.BannerArea img {
height: 800px;
}
.BannerContentSec {
height: 900px;
}
.BannerText1 {
font-size: 24px;
}
.BannerText2 {
font-size: 94px;
line-height: 100px;
margin: 15px 0 30px 0;
}
.BannerText3 {
font-size: 24px;
}
.BannerGraSec {
height: 760px;
margin-top: -450px;
}
.AbouConTitle {
font-size: 60px;
line-height: 68px;
padding-bottom: 15px;
}
.AbouConText {
font-size: 24px;
line-height: 38px;
margin: 0 0 15px 0;
}
.AbouConText2 {
font-size: 19px;
line-height: 34px;
}
}
@media (min-width: 1300px) {
.AbouConBlog {
padding: 30px 50px;
}
.NewsletterUnderSec {
padding: 60px 80px;
}
.NewsletterUnderSec img.Icon {
max-width: 220px;
max-height: 240px;
top: 50px;
right: 100px;
}
.MainNav ul li .MainNavLink {
font-size: 16px;
padding: 15px 12px;
}
.HeaderSec.Sticky .MainNav ul li .MainNavLink {
font-size: 16px;
padding: 13px 12px;
}
}
@media (min-width: 1400px) {
.SearchCon {
width: 70%;
}
.SearchRecNews {
width: 30%;
}
.BannerArea {
height: 900px;
}
.BannerArea img {
height: 900px;
}
.BannerGraSec {
height: 760px;
margin-top: -350px;
}
.AboutTargetSec img {
max-width: 700px;
}
}
@media (min-width: 1500px) {
.MainNav ul li .MainNavLink {
font-size: 16px;
padding: 15px 20px;
}
.HeaderSec.Sticky .MainNav ul li .MainNavLink {
font-size: 16px;
padding: 13px 20px;
}
.DetailsBannerArea {
padding-top: 136px;
}
}
@media (min-width: 1600px) {
.InstaText {
height: 40px;
margin-bottom: 40px;
}
.InstaConDivTitle {
font-size: 36px;
margin-bottom: 30px;
}
.InstaConDivSubTitle {
font-size: 22px;
margin-bottom: 20px;
letter-spacing: 2px;
}
.InstaConDiv a {
font-size: 20px;
}
.AboutConSec {
padding: 80px 0;
}
.HomeVideoSubTitle {
width: 60%;
}
.AbouConTitle {
font-size: 66px;
line-height: 80px;
padding-bottom: 15px;
}
.SSVFSliderSecMain {
width: 95%;
}
.SSVFBackgroundSecRow img {
margin-top: -150px;
}
.AbouConBlog {
padding: 60px 80px;
}
.AboutTargetSec img {
max-width: 800px;
}
.ImageBlog {
width: 50%;
height: 680px;
}
.AbouConText {
font-size: 26px;
line-height: 42px;
margin: 0 0 15px 0;
}
.Conatainer {
max-width: 1400px;
}
.AboutTextSec {
width: 48%;
}
}
@media (min-width: 1800px) {
.InstaConDivTitle {
font-size: 38px;
margin-bottom: 30px;
}
.InstaConDivSubTitle {
font-size: 24px;
margin-bottom: 20px;
letter-spacing: 2px;
}
.InstaConDiv a {
font-size: 22px;
}
.AboutConSec {
padding: 100px 0;
}
.Conatainer {
max-width: 1600px;
}
.AbouConBlog {
padding: 60px 120px;
}
.BannerArea {
height: 1100px;
}
.BannerArea img {
height: 1100px;
}
.BannerContentSec {
height: 1000px;
}
.BannerText1 {
font-size: 28px;
}
.BannerText2 {
font-size: 110px;
line-height: 120px;
margin: 30px 0 50px 0;
}
.BannerText3 {
font-size: 28px;
}
.BannerGraSec {
height: 900px;
margin-top: -400px;
}
.ImageBlog {
width: 50%;
height: 700px;
}
.BannerGraRow {
height: 420px;
}
}
@media (max-width: 1299px) {
.HomeVideoDiv:before,
.HomeVideoDivSmall:before {
top: -8px;
left: -8px;
}
.HomeVideoDiv:after,
.HomeVideoDivSmall:after {
bottom: -8px;
right: -8px;
}
.DonateConArea {
width: 55%;
}
.DonatePayArea {
width: 45%;
}
}
@media (max-width: 1199px) {
.AboutConSec {
padding: 60px 0;
}
.HomeVideoSubTitle {
width: 100%;
}
.SSVFTableData table thead td p {
font-size: 14px;
line-height: 36px;
padding: 8px 12px;
}
.SSVFSliderSecMain .owl-theme .owl-nav {
position: absolute;
top: unset;
left: 0;
right: 0;
transform: unset;
width: 100%;
height: 48px;
bottom: -120px;
}
.SSVFTableData table tbody tr td p.SideText {
font-size: 16px;
padding: 15px 16px;
}
.SSVFTableData table tbody tr td p.MiddleText {
font-size: 15px;
}
.SSVFSliderSecMain .owl-theme .owl-nav .owl-prev,
.SSVFSliderSecMain .owl-theme .owl-nav .owl-next {
background: #102e5e;
}
.SSVFSliderSecMain .owl-dots {
bottom: -110px;
}
.SSVFLogoSec img {
width: 160px;
height: 160px;
padding: 12px;
}
.SSVFAboutText {
font-size: 22px;
}
.SSVFBackgroundConSec .Content {
font-size: 22px;
line-height: 34px;
padding: 12px 0;
}
.SSVFBackgroundSecRow img {
margin-top: 0;
}
.SSVFSliderSec {
height: 560px;
}
.StaffListSmallSec .List:nth-child(odd) {
background-color: #f8f8f8;
}
.StaffListSmallSec .List:nth-child(even) {
background-color: #fff;
}
.StaffListTableHead {
display: none;
}
.StaffListSmallSec .List {
padding: 15px 0;
}
.StaffListSmallSec .List p.Title {
padding: 2px 20px;
width: 100%;
}
.StaffListSmallSec .List p.TextDes {
padding: 2px 20px;
width: 100%;
}
.StaffListSmallSec .List p.TextPhone {
padding: 2px 20px;
width: 100%;
}
.StaffListSmallSec .List p.TextEmail {
padding: 2px 20px;
width: 100%;
}
.DonateConTitle {
font-size: 36px;
line-height: 48px;
margin: 0px 0 12px 0;
}
.DonateConTitle span {
font-size: 36px;
line-height: 48px;
}
.DonateConSubTitle {
font-size: 22px;
font-weight: 600;
line-height: 38px;
color: #070908;
margin: 0 0 15px 0;
}
.DonateTextTitle {
font-size: 24px;
line-height: 38px;
}
.DonateConText {
font-size: 18px;
line-height: 28px;
padding: 10px 0 10px 0;
}
.DonateConArea img {
max-width: 195px;
max-height: 120px;
margin: 0;
}
.ScoopTabTitle,
.ScoopTabTitle span {
font-size: 36px;
}
.ContactCardUnder {
padding: 30px 20px;
}
.ContactCardUnder img {
max-width: 70px;
max-height: 70px;
margin-bottom: 20px;
}
.ContactCardTitle {
font-size: 18px;
}
.ContactCardLink {
font-size: 18px;
}
.Contact1TabHalf {
width: 48%;
}
.MediaPageSec #bwg_thumbnails_masonry_0 .bwg-item .bwg-item1 {
height: 260px;
}
.MediaPageSec .bwg-item {
width: 40% !important;
}
.MediaPageSec .bwg-item .bwg-album .bwg-item1:before {
bottom: -15px;
}
.ProgramAboutText {
font-size: 26px;
line-height: 46px;
padding: 0 25px;
}
.ProgramImgSec {
width: 320px;
height: 240px;
}
.ProgramConSec {
width: calc(100% - 360px);
}
.ComDesTextSec p {
font-size: 18px;
line-height: 32px;
margin: 0px 0px 20px 0;
}
.ResourceBigCard .Title {
font-size: 22px;
line-height: 30px;
margin: 0 0 12px 0;
}
.ResourceBigCard .SubTitle {
font-size: 17px;
line-height: 28px;
margin: 0 0 12px 0;
}
.ResourceBigCard .Text {
font-size: 17px;
line-height: 28px;
margin: 0 0 0 0;
}
.CoreValueRow.WithoutAnimation .CoreValueCard {
width: 25%;
}
.CoreValueRow.WithoutAnimation .CoreValueCard .CoreValueCardUnder {
padding: 20px 15px;
}
.CoreValueRow.WithoutAnimation .CoreValueCard img {
max-width: 60px;
max-height: 60px;
margin-bottom: 20px;
}
.CoreValueRow.WithoutAnimation .CoreValueCard .CoreValueCardTitleSmall {
font-size: 18px;
}
.DirPorCard .CardTitle {
font-size: 36px;
}
.DirPorList li a {
font-size: 18px;
line-height: 32px;
padding: 4px 0;
}
.PortalSec2Title {
font-size: 36px;
}
.MinuteCardTitle {
font-size: 22px;
line-height: 30px;
}
.DirPorList2 li a {
font-size: 18px;
line-height: 30px;
padding: 4px 0;
}
.StaffSearchArea {
width: 48%;
}
.StaffSelectArea {
width: 48%;
}
.StaffListTable table td.TableBody p.Title,
.StaffListTable table td.TableBody p.Text,
.StaffListTable table td.TableBody p.Text a {
font-size: 15px;
}
.StaffListTable table td.TableBody {
padding: 12px 12px;
}
.StaffListTable table th.TableHead p {
font-size: 15px;
padding: 5px 12px;
}
.BoardMemberContainer {
padding: 0 15px;
}
.CoreValueDetails p {
font-size: 14px;
line-height: 23px;
}
.AboutTextSecTitle {
font-size: 34px;
margin: 10px 0 10px 0;
}
.AboutTextSecText,
.AboutTextSecText p {
font-size: 17px;
line-height: 32px;
margin: 10px 0 10px 0;
}
.AboutImgSec {
height: 700px;
}
.CareerTextSecText p {
font-size: 18px;
line-height: 28px;
margin: 10px 0 10px 0;
}
.AboutConSec2Title {
font-size: 34px;
}
.AboutConSec2Text {
font-size: 18px;
line-height: 32px;
padding: 0 15px;
}
.CoreValueTitle {
font-size: 60px;
line-height: 96px;
margin: 0px auto 60px auto;
}
.CoreValueCard img {
max-width: 80px;
max-height: 80px;
margin-bottom: 25px;
}
.CoreValueCardTitle,
.CoreValueCardTitleSmall {
font-size: 20px;
}
.TargetConBlog .Title {
font-size: 60px;
}
.CounterTextSec .Counter {
font-size: 80px;
line-height: 80px;
margin: 0px 30px 0px 0;
}
.CounterTextSec .Text {
font-size: 20px;
line-height: 30px;
}
.AboutTargetSec img {
max-width: 600px;
max-height: 350px;
right: 4%;
top: 35%;
}
.CollapseBU {
display: block;
}
.MainNav {
position: fixed;
width: 300px;
height: 100vh;
background: #fff;
top: 120px;
right: -300px;
transition: all .2s ease-in-out;
}
.HeaderSec.Sticky .MainNav {
top: 109px;
}
.HeadMenuBArea.Open .MainNav {
right: 0;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.MainNav ul {
flex-wrap: wrap;
}
.MainNav ul li {
width: 100%;
}
.MainNav ul li.active .MainNavLink,
.MainNav ul li .MainNavLink:hover {
color: #be000e;
}
.MainNav ul li .MainNavLink {
justify-content: space-between;
font-size: 16px !important;
color: #070908;
padding: 13px 25px !important;
}
.DropDownMenuHead ul {
position: relative;
box-shadow: none;	
padding: 0 35px;    
top: 0px;
visibility: hidden;
opacity: 0;
z-index: -99;
height: 0px;
overflow: hidden;
}
.MainNav ul li .MainNavLink:hover~.DropDownMenuHead ul,
.DropDownMenuHead:hover ul {
opacity: 1;
visibility: visible;
top: 0px;
height: auto;
padding: 0px 35px;
z-index: 1;
}
.HeaderSec.Sticky .MainNav ul li .MainNavLink:hover~.DropDownMenuHead ul,
.HeaderSec.Sticky .DropDownMenuHead:hover ul {
opacity: 1;
visibility: visible;
top: 0px;
height: auto;
padding: 0px 35px;
}
.DropDownMenuHead .dropdown-item {
color: #070908;
font-weight: 500;
}
.BannerArea {
height: 800px;
}
.BannerArea img {
height: 800px;
}
.BannerContentSec {
height: 800px;
}
.BannerText1 {
font-size: 24px;
}
.BannerText2 {
font-size: 80px;
line-height: 90px;
margin: 10px 0 20px 0;
}
.BannerText3 {
font-size: 24px;
}
.BannerGraSec {
height: 800px;
margin-top: -400px;
}
.BannerGraRow {
align-content: flex-start;
height: 340px;
}
.BannerGraTitle {
font-size: 20px;
line-height: 34px;
margin: 0 0 15px 0;
}
.BannerGraCardRow {
width: 420px;
}
.BannerGraCardRow:before {
background: #6b7b9a;
width: 100px;
height: 1px;
top: 34%;
left: 185px;
}
.BannerGraCardRow:after {
background: #6b7b9a;
width: 100px;
height: 1px;
top: 67%;
right: unset;
left: 185px;
}
.BannerGraCard {
width: 100% !important;
justify-content: flex-start;
}
.BannerGraCard .ImpactNo {
font-size: 48px;
line-height: 88px;
font-weight: 600;
color: #fff;
margin: 0px 25px 0px 0;
text-align: right;
min-width: 160px;
}
.BannerGraCard .ImpactText {
font-size: 16px;
line-height: 22px;
font-weight: 400;
}
.FindServiceTitle {
font-size: 60px;
line-height: 96px;
margin: 0px 0px 60px 0;
}
.ServiceSearchSec input,
.ServiceSearchSec button {
font-size: 16px;
}
.ServiceCommoSeTitle {
font-size: 16px;
line-height: 36px;
}
.CommonServiceCard {
font-size: 14px;
line-height: 38px;
padding: 2px 10px;
}
.CommonServiceCard img {
max-width: 24px;
max-height: 22px;
}
.FindServiceSec {
padding: 50px 0 60px 0;
}	
.ImageBlog {
width: 50%;
height: 650px;
}
.AbouConBlog {
width: 50%;
padding: 20px 30px;
}
.AbouConTitle {
font-size: 56px;
line-height: 66px;
margin: 0px 0px 20px 0;
padding-bottom: 12px;
}
.AbouConText {
font-size: 24px;
line-height: 38px;
margin: 0 0 12px 0;
}
.AbouConText2 {
font-size: 18px;
line-height: 32px;
margin: 0px 0 15px 0;
}
.AboutLearMBU {
font-size: 16px;
line-height: 30px;
padding: 15px 34px;
margin: 10px 0 0 0;
}
.HomeVideoTitle {
font-size: 60px;
line-height: 96px;
margin: 0px 0px 30px 0;
}
.HomeVideoSubTitle {
font-size: 22px;
line-height: 38px;
}
.HomeVideoDiv,
.HomeVideoIframe {
height: 600px;
margin: 60px auto 0 auto;
}
.HomeVideoSec {
padding: 60px 0 40px 0;
}
.EDiv1 {
width: 130px;
min-width: 130px;
}
.EventLe1 {
font-size: 62px;
line-height: 84px;
}
.EventLe2 {
font-size: 16px;
line-height: 22px;
}
.EDiv2 {
padding: 20px 30px;
}
.EventLe4 {
font-size: 26px;
line-height: 42px;
margin: 0px 0px 15px 0;
}
.EventLe3 {
font-size: 16px;
line-height: 28px;
margin: 0px 0px 8px 0;
}
.EventLe3 img {
width: 20px;
height: 20px;
margin-right: 12px;
margin-top: 5px;
}
.EDiv3 {
max-width: 300px;
max-height: 220px;
}
.HomeEventSec {
padding: 50px 0;
}
.HomePartnersSec {
padding: 40px 0 0 0;
}
.NewsletterSec {
margin-top: 80px;
}
.NewsletterUnderSec {
width: 100%;
padding: 30px 40px;
}
.NewsletterTitle {
font-size: 62px;
line-height: 92px;
margin: 0px 0px 20px 0;
}
.NewsletterText {
font-size: 20px;
line-height: 42px;
margin: 0 0 20px 0;
}
.NewsletterSearchSec {
margin-bottom: 0;
}
.NewsletterUnderSec img.Icon {
max-width: 180px;
max-height: 200px;
top: 40px;
right: 30px;
}
.FooterSec {
padding-top: 350px;
margin-top: -300px;
}
.FootLogo {
max-width: 175px;
max-height: 100px;
margin-bottom: 20px;
}
.FootContentText {
font-size: 16px;
line-height: 30px;
}
.FootSmallTitle {
font-size: 16px;
line-height: 30px;
margin: 0 0 15px 0;
}
.FootQuickLinks li a {
font-size: 16px;
line-height: 36px;
}
.FootSmallText {
font-size: 16px;
line-height: 26px;
}
.FootPhoneTT {
font-size: 14px;
line-height: 26px;
}
.FootPhoneTT a {
font-size: 16px;
line-height: 28px;
}
.FootPhoneTT2 {
font-size: 14px;
line-height: 26px;
}
.FootCopyRightText {
font-size: 16px;
line-height: 30px;
}
.SmallFootSec {
padding: 15px 0;
}
}
@media (max-width: 1099px) {
.SearchMain {
margin-top: 120px;
}
.PDFCard {
width: 33.33%;
padding: 15px;
text-decoration: none;
}
.PDFConSec img {
top: -80px;
}
.PDFCard img.PDFImg {
height: 320px;
background: #fff;
}
.AnnualReport .PDFCard img.PDFImg {
height: 340px;
padding: 0px 50px;
background: #fff;
}
.PDFConSec .PDFTitle {
font-size: 17px;
line-height: 24px;
}
}
@media (max-width: 991px) {
.DetailsConatainerTwo {
max-width: 750px;
}
.PDFConSec {
padding: 20px 20px 20px 20px;
}
.TargetConBlog {
margin: auto;
}
.CoreValueCardUnder {
transition: unset;
transform-style: unset;
}
.CoreValueCard:hover .CoreValueCardUnder {
transform: unset;
}
.SSVFTableData {
display: none;
}
.SSVFTableDataSmall {
display: flex;
}
.SSVFLogoSec img {
width: 200px;
height: 200px;
padding: 17px;
}
.SSVFAboutText {
font-size: 20px;
line-height: 33px;
width: 90%;
}
.SSVFBackgroundConSec {
width: 100%;
order: 2;
margin-top: 15px;
}
.SSVFBackgroundSecRow img {
margin-top: -150px;
order: 1;
max-width: 70%;
margin-left: auto;
margin-right: auto;
max-height: 430px;
}
.SSVFBackgroundConSec .Content {
font-size: 22px;
line-height: 34px;
padding: 12px 0;
}
.SSVFSliderSec {
height: 500px;
}
.ServiceList {
padding: 30px 0;
}
.ServiceListTitle {
font-size: 22px;
line-height: 28px;
margin: 0 0 12px 0;
}
.ServiceListAddress {
font-size: 18px;
line-height: 27px;
}
.ServiceListText {
font-size: 18px;
line-height: 27px;
}
.SearchServiceListBU {
font-size: 17px;
padding: 16px 30px;
}
.DetailsSec {
width: calc(100% - 210px);
}
.ServiceSearchBottomSec {
padding: 0px 0 0 0;
}
.DonateConArea {
width: 100%;
float: unset;
padding: 0 0 30px 0;
}
.DonatePayArea {
width: 100%;
max-width: 700px;
padding: 40px 35px 20px 35px;
float: unset;
position: unset;
margin: 0 auto;
}
.ResourceBigCardUnder {
padding: 20px 20px;
}
.ContactTabListSec {
width: 300px;
}
.ContactTabMapSec {
max-width: calc(100% - 300px);
}
.ContactProgramTitle {
font-size: 22px;
line-height: 28px;
margin: 0 0 12px 0;
}
.ContactProgramAdd {
font-size: 18px;
line-height: 28px;
margin: 0 0 12px 0;
}
.ContactProgramPhone {
font-size: 18px;
line-height: 28px;
margin: 0 0 12px 0;
}
.ContactCard {
width: 50%;
padding: 15px;
}
.ContactTabForm {
padding: 30px 20px;
}
.ContactFirstTabFormTitle {
font-size: 36px;
}
.EventDeBody p {
font-size: 18px;
line-height: 30px;
}
.MediaPageSec #bwg_thumbnails_masonry_0 .bwg-item .bwg-item1 {
height: 200px;
}
.MediaPageSec .bwg-item {
width: 50% !important;
}
.MediaPageSec .bwg-item .bwg-album .bwg-title2 {
font-size: 20px !important;
line-height: 32px;
}
.MediaPageSec .bwg-item .bwg-album .bwg-title1 {
padding: 20px;
}
.ProgramContact p,
.ProgramContactFB p {
display: none;
}
.ProgramContact,
.ProgramContactFB {
width: auto;
background: #102f5f;
position: fixed;
top: 50%;
right: 15;
z-index: 99;
transform: translate(0, -50%);
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
cursor: pointer;
border-radius: 50%;
}
.ProgramContact div,
.ProgramContactFB div {
width: 55px;
height: 55px;
padding: 14px;
border-radius: 50%;
background: #102f5f;
display: flex;
justify-content: center;
align-items: center;
}
.ProgramContact div img {
width: 100%;
height: 100%;
object-position: center;
object-fit: contain;
filter: invert(1);
}
.ProgramContactFB div img {
width: 100%;
height: 100%;
object-position: center;
object-fit: contain;
filter: invert(0) brightness(2);
}
.ProgramAboutText {
font-size: 24px;
line-height: 40px;
}
.ProgramImgSec {
width: 100%;
height: 500px;
margin-bottom: 25px;
}
.ProgramConSec {
width: 100%;
}
.ResourceConBuBlue {
font-size: 16px;
}
.ResourceConBuRed {
font-size: 16px;
}
.PDFCard {
width: 50%;
}
.PDFCard img.PDFImg {
height: 380px;
}
.AnnualReport .PDFCard img.PDFImg {
height: 400px;
padding: 0px 60px;
background: #fff;
}
.PDFConSec img {
top: -100px;
}
.CareerSlideImg {
width: 200px;
height: 200px;
padding: 15px;
margin-bottom: 15px;
}
.CareerSlideImg img {
padding: 6px;
}
.CareerSlideTitle {
font-size: 22px;
margin: 0 0 10px 0;
}
.CareerSlideSubTitle {
font-size: 14px;
margin: 0 0 12px 0;
}
.CareerSlideText {
font-size: 16px;
line-height: 26px;
}
.CareerStaffSec {
padding: 40px;
}
.CareerFormSec {
width: 100%;
padding: 40px 0;
}
.CareerFormTitle {
font-size: 26px;
line-height: 38px;
}
.FormBU {
font-size: 16px;
line-height: 26px;
margin: 8px;
}
.AboutConSec2 {
padding: 60px 0;
}
.CoreValueSubTitle {
font-size: 22px;
line-height: 40px;
margin: 0 0 30px 0;
}
.PDFConSec .PDFTitle {
font-size: 18px;
line-height: 24px;
width: calc(100% - 80px);
}
.DirPorCard {
width: 100%;
}
.MinuteCardUnder {
padding: 15px 15px;
}
.StaffSearchArea {
width: 36%;
}
.StaffSelectArea {
width: 62%;
}
.StaffSelectArea p {
font-size: 16px;
}
.dropdown.Staff {
width: calc(100% - 140px);
padding-left: 15px;
}
.StaffSelectDropdown {
font-size: 16px;
}
.StaffSearchArea input {
font-size: 16px;
}
.StaffListTable {
display: none;
}
.StaffListSmallSec {
display: unset;
}
.BoardMemberTitle {
font-size: 36px;
margin: 0px 0px 25px 0;
}
.BoardMemberText {
font-size: 18px;
line-height: 28px;
margin: 0px auto 50px auto;
}
.BoardmemberCard {
width: 45%;
}
.BoardmemberCard .CardTitle {
font-size: 36px;
margin: 0px 0px 10px 0;
}
.MembersList {
padding: 20px 0;
}
.MembersList .Text1 {
font-size: 16px;
margin: 0px 0 10px 0;
}
.MembersList .Text2 {
font-size: 20px;
margin: 0px 0 10px 0;
}
.MembersList .Text3 {
font-size: 16px;
}
.AboutTargetSec {
padding: 60px 0;
}
.AboutTargetSec img {
max-height: 290px;
right: 0;
top: 0;
position: relative;
transform: unset;
max-width: 100%;
}
.TargetConBlog .Title {
font-size: 54px;
}
.CounterTextSec .Counter {
font-size: 70px;
line-height: 70px;
margin: 0px 30px 0px 0;
}
.CounterTextSec .Text {
font-size: 20px;
line-height: 26px;
}
.CounterTextSec {
margin: 15px 0 30px 0;
}
.CoreValueCard {
width: 33.33%;
padding: 10px;
}
.CoreValueCard img {
max-width: 50px;
max-height: 50px;
margin-bottom: 15px;
}
.CoreValueCardTitle,
.CoreValueCardTitleSmall {
font-size: 18px;
}
.CoreValueCardUnder {
padding: 40px 10px;
}
.CoreValueDetails {
display: none;
}
.CoreValueDetails p {
font-size: 14px;
line-height: 21px;
color: #2b2f35;
}
.CoreValueSec {
padding: 60px 0;
}
.CoreValueTitle {
font-size: 54px;
line-height: 84px;
margin: 0px auto 50px auto;
}
.AboutConSec,
.CareerConSec {
padding: 60px 0;
}
.AboutTextSec {
width: 100%;
}
.AboutImgSec,
.CareerImgSec {
width: 100%;
height: 400px;
margin-top: 50px;
}
.BannerArea {
height: 620px;
background: #08111f;
}
.BannerArea img {
height: 500px;
bottom: 0;
}
.BannerContentSec {
height: 660px;
max-width: 500px;
}
.BannerText1 {
font-size: 22px;
}
.BannerText2 {
font-size: 70px;
line-height: 75px;
margin: 10px 0 20px 0;
}
.BannerText3 {
font-size: 22px;
}
.BannerGraTitle {
font-size: 20px;
line-height: 36px;
margin: 0 0 15px 0;
}
.BannerGraCard .ImpactNo {
font-size: 42px;
line-height: 82px;
}
.BannerGraCard .ImpactText {
font-size: 16px;
line-height: 22px;
}
.FindServiceTitle {
font-size: 54px;
line-height: 84px;
margin: 0px 0px 50px 0;
}
.AbouConTitle {
font-size: 38px;
line-height: 46px;
margin: 0px 0px 20px 0;
}
.AbouConText {
font-size: 20px;
line-height: 30px;
margin: 0 0 12px 0;
}
.AbouConText2 {
font-size: 16px;
line-height: 28px;
margin: 0px 0 15px 0;
}
.AboutLearMBU {
font-size: 14px;
line-height: 30px;
padding: 10px 22px;
margin: 10px 0 0 0;
}
.ImageBlog {
width: 50%;
height: 600px;
}
.AbouConTitle img {
max-width: 200px;
max-height: 46px;
margin-bottom: 15px;
}
.HomeVideoTitle {
font-size: 54px;
line-height: 84px;
}
.HomeVideoSubTitle {
font-size: 20px;
line-height: 32px;
}
.HomeVideoDiv,
.HomeVideoIframe {
height: 500px;
margin: 50px auto 0 auto;
}
.EDiv1 {
width: 140px;
min-width: 140px;
}
.EventLe1 {
font-size: 54px;
line-height: 74px;
}
.EventLe2 {
font-size: 15px;
line-height: 20px;
}
.EventLe4 {
font-size: 22px;
line-height: 36px;
}
.EventLe3 {
font-size: 15px;
}
.EDiv3 {
max-width: 280px;
max-height: 220px;
}
.NewsletterUnderSec img.Icon {
opacity: .1;
}
.FooterBigSec {
width: 44%;
}
.FooterSmallSec {
width: 31%;
}
.FooterSmallSec.Small {
width: 19%;
}
.VideoPlayBU {
width: 200px;
height: 200px;
}
}
@media (max-width: 767px) {
.AnnualReport .PDFCard img.PDFImg {
height: 300px;
padding: 0px 30px;
background: #fff;
}
.BoardmemberCard {
width: 100%;
padding-bottom: 50px;
}
.BoardMembersRow:after {
display: none;
}
.HeadSearch.Show .SearchSec {
top: 113px !important;
}
.CenterCard {
width: 100%;
}
.SSVFLogoSec img {
width: 180px;
height: 180px;
padding: 12px;
}
.SSVFAboutText {
font-size: 18px;
line-height: 30px;
width: 100%;
margin: 30px auto 40px auto;
}
.SSVFBackgroundConSec .Content {
font-size: 20px;
line-height: 34px;
padding: 12px 0;
}
.SSVFSliderSec {
height: 400px;
}
.SSVFVideoSecMain {
height: 450px;
margin: 15px auto 80px auto;
}
.SearchMain {
margin-top: 90px;
}
.ServiceListSec {
padding: 10px 20px;
}
.ServiceList {
padding: 20px 0;
}
.DetailsSec {
width: 100%;
}
.SearchServiceListBU {
font-size: 16px;
padding: 14px 25px;
margin: 15px 0 0 0;
}
.ServiceSearchSec .ServiceSearchField {
width: 100%;
}
.ServiceSearchSec button {
width: 100%;
margin-top: 20px;
}
.ServiceSearchTopRow .ServiceSearchSec {
flex-wrap: wrap;
}
.LocationMapSec {
height: 900px;
}
.ContactTabListSec {
width: 100%;
height: 500px;
border-right: none;
border-bottom: 1px solid #a9b1bd;
}
.ContactTabMapSec {
max-width: 100%;
height: 400px;
}
.ResourceBigCard {
width: 100%;
}
.ContactCardUnder a.ContactSocialLink {
width: 42px;
height: 42px;
margin: 15px 5px 0 5px;
}
.ContactCardUnder a.ContactSocialLink img {
max-width: 18px;
max-height: 18px;
}
.Contact1TabHalf {
width: 100%;
padding-top: 30px;
}
.ContactTabForm {
padding: 40px 30px;
}
.ContactTabMapIMG {
max-height: 400px;
}
.EventDeBody p {
font-size: 17px;
line-height: 28px;
}
.ScoopTabTitle,
.ScoopTabTitle span {
font-size: 34px;
}
.MediaPageSec #bwg_thumbnails_masonry_0 .bwg-item .bwg-item1 {
height: 160px;
}
.MediaPageSec .bwg-item {
width: 65% !important;
}
.ProgramAboutText {
font-size: 22px;
line-height: 36px;
}
.ProgramDesText, 
.ProgramDesSecContainer p {
font-size: 18px;
line-height: 28px;
margin: 10px 0 20px 0;
}
.ProgramDesList li, 
.ProgramDesSecContainer ul li {
font-size: 18px;
line-height: 28px;
}
.ProgramText, 
.HideContent p {
font-size: 18px;
line-height: 30px;
color: #2b2f35;
}
.ProgramImgSec {
width: 100%;
height: 440px;
margin-bottom: 25px;
}
.ResourceConBuSec {
flex-wrap: wrap;
}
.ResourceConBuBlue {
margin: 12px 0;
}
.ResourceConBuRed {
margin: 12px 0;
}
.PDFCard img.PDFImg {
height: 300px;
}
.PDFConSec img {
top: -75px;
}
.CoreValueRow.WithoutAnimation .CoreValueCard img {
max-width: 50px;
max-height: 50px;
margin-bottom: 15px;
}
.CoreValueRow.WithoutAnimation .CoreValueCard .CoreValueCardTitleSmall {
font-size: 16px;
line-height: 25px;
}
.CareerFormTitle {
font-size: 23px;
line-height: 38px;
}
.CoreValueSubTitle {
font-size: 20px;
line-height: 37px;
margin: 0 0 20px 0;
}
.CoreValueRow.WithoutAnimation .CoreValueCard {
width: 50%;
}
.HomeVideoDivSmall,
.HomeVideoIframeSmall { margin: 50px auto 0 auto;
}
.PDFConSec {
padding: 35px 10px 15px 10px;
}
.PDFConSec .PDFTitle {
font-size: 18px;
line-height: 25px;
width: calc(100% - 50px);
}
.PDFConSec .PDFBU {
width: 40px;
height: 40px;
}
.DirPorCard {
width: 100%;
border: none !important;
}
.MinuteCard {
width: 50%;
}
.MinuteCardUnder {
padding: 20px 20px;
}
.PasswordProtectedSec img {
width: 100px;
}
.PasswordProtectedSec .ConArea .ConAreaUnder form p.passwordText {
font-size: 22px;
}
.StaffSearchArea {
width: 100%;
margin-bottom: 20px;
}
.StaffSelectArea {
width: 100%;
flex-wrap: wrap;
justify-content: center;
}
.dropdown.Staff {
width: 100%;
padding-left: 0;
padding-top: 15px;
}
.AboutTargetSec img {
max-height: 220px;
}
.TargetConBlog .Title {
font-size: 44px;
margin: 0px 0px 20px 0;
}
.CounterTextSec {
margin: 15px 0 25px 0;
width: 100%;
}
.CounterTextSec .Counter {
font-size: 60px;
line-height: 60px;
margin: 0px 30px 0px 0;
}
.CoreValueCardUnder {
padding: 25px 15px;
}
.CounterTextSec .Text {
font-size: 18px;
line-height: 24px;
}
.AboutTergetConBU {
font-size: 16px;
line-height: 30px;
padding: 15px 28px;
margin: 20px 0 0 0;
}
.CoreValueCardTitle,
.CoreValueCardTitleSmall {
font-size: 16px;
}
.CoreValueTitle {
font-size: 44px;
line-height: 74px;
margin: 0px auto 50px auto;
}
.HeaderSec {
padding: 12px 0 5px 0;
}
.HeadMenuTArea {
margin-bottom: 4px !important;
}
.SocialLink {
display: none;
}
.HeadCallLink {
height: 40px !important;
padding: 5px 14px 5px 5px;
font-size: 14px !important;
margin: 0 6px !important;
}
.HeadDonateLink {
height: 40px !important;
padding: 5px 15px 5px 5px;
font-size: 14px !important;
margin: 0px 6px !important;
}
.HeadCallLink div, 
.HeadDonateLink div {
width: 30px;
height: 30px;
padding: 7px;
margin-right: 8px;
}
.HeadLogoArea {
min-height: 80px;
height: 80px;
}
.MainNav {
top: 105px;
}
.BannerArea {
height: 700px;
}
.BannerArea img {
height: 400px;
object-position: right;
}
.BannerContentSec {
height: 560px;
max-width: 450px;
}
.BannerText1 {
font-size: 22px;
}
.BannerText2 {
font-size: 58px;
line-height: 62px;
margin: 10px 0 20px 0;
}
.BannerText3 {
font-size: 22px;
}
.FindServiceTitle {
font-size: 44px;
line-height: 74px;
margin: 0px 0px 50px 0;
}
.ImageBlog {
width: 100%;
height: 600px;
order: 1;
}
.AbouConBlog {
width: 100%;
padding: 20px 20px;
order: 2;
}
.AboutLearMBU {
margin: 10px 0 15px 0;
}
.HomeVideoTitle {
font-size: 44px;
line-height: 74px;
}
.HomeVideoDiv,
.HomeVideoIframe {
height: 380px;
margin: 50px auto 0 auto;
}
.EventsCard {
flex-wrap: wrap;
}
.EDiv1 {
width: 100%;
min-width: 140px;
height: auto;
padding: 10px 0 10px 0;
align-items: center;
}
.EventLe1 {
font-size: 36px;
line-height: 48px;
width: 100%;
padding-right: 10px;
letter-spacing: 4px;
}
.EventLe2 {
font-size: 18px;
line-height: 23px;
width: auto;
padding-right: 5px;
}
.EDiv2 {
padding: 20px 10px;
}
.EDiv3 {
max-width: 100%;
max-height: 250px;
}
.NewsletterTitle {
font-size: 42px;
line-height: 72px;
margin: 0px 0px 20px 0;
}
.NewsletterText {
font-size: 18px;
line-height: 28px;
margin: 0 0 20px 0;
}
.NewsletterUnderSec img.Icon {
opacity: 0;
}
.NewsletterSearchSec button {
width: 160px;
font-size: 16px;
line-height: 32px;
}
.FooterBigSec {
width: 100%;
}
.FooterSmallSec {
width: 50%;
}
.FooterSmallSec.Small {
width: 50%;
}
.FootCopyRightText {
width: 100%;
margin: 0 0 15px 0;
}
.VideoPlayBU {
width: 150px;
height: 150px;
}
}
@media (max-width: 575px) {
.DetailsConatainerTwo {
max-width: 400px;
}
.AboutConSec, 
.CareerConSec {
padding: 40px 0;
}
.HeadSearch.Show .SearchSec {
top: 108px !important;
}
.SSVFSliderSecMain:before {
top: -10px;
left: -10px;
}
.SSVFSliderSecMain:after {
bottom: -10px;
right: -10px;
}
.SSVFLogoSec img {
width: 150px;
height: 150px;
padding: 8px;
}
.SSVFBackgroundSecRow img {
margin-top: -150px;
order: 1;
max-width: 90%;
margin-left: auto;
margin-right: auto;
max-height: 470px;
}
.SSVFBackgroundConSec .Content {
font-size: 18px;
line-height: 30px;
padding: 8px 0;
}
.SSVFSliderSec {
height: 320px;
}
.HomeVideoSec.SSVFSec img.BGGra {
top: -170px;
object-position: bottom;
max-height: 700px;
}
.HomeVideoSec.SSVFSec {
padding: 50px 0px 0px 0px;
}
.BoardMemberSubTitle2 {
font-size: 18px;
text-align: center;
}
.SSVFTableDataSmall .SSVFTableSmallSec .SSVFSmallTableSideText {
font-size: 16px;
padding: 12px 20px;
height: 51px;
}
.SSVFTableDataSmall .SSVFTableSmallSec .SSVFSmallTableHead {
font-size: 14px;
line-height: 36px;
height: 51px;
}
.SSVFTableDataSmall .SSVFTableSmallSec .SSVFSmallTableMiddleText {
font-size: 14px;
padding: 12px 12px;
height: 51px;
}
.SearchMain {
margin-top: 80px;
}
.AvailableServiceTitle {
font-size: 36px;
line-height: 48px;
}
.ContactCard {
width: 100%;
padding: 15px;
}
.HeadTopEventDe .NewsDetailTitle {
font-size: 34px;
line-height: 48px;
}
.VissionMissionTitle {
font-size: 36px;
}
.Stickyrow {
width: 100%;
padding: 30px 0;
}
.ScoopTabSec .card-header ul.nav-tabs li.nav-item .nav-link {
font-size: 22px;
}
.MediaPageSec #bwg_thumbnails_masonry_0 .bwg-item {
width: 50% !important;
padding: 8px !important;
}
.MediaPageSec .bwg-item {
width: 80% !important;
}
.ProgramDesSec {
padding: 50px 0;
}
.ProgramAboutText {
font-size: 20px;
line-height: 30px;
}
.ProgramImgSec {
width: 100%;
height: 350px;
margin-bottom: 25px;
}
.ProgramTitle {
font-size: 34px;
}
.HideContent {
-webkit-line-clamp: 6;
height:  173px;
}
.ProgramText, 
.HideContent p {
font-size: 18px;
line-height: 28px;
color: #2b2f35;
}
.ComDesTextSec p {
font-size: 16px;
line-height: 30px;
margin: 0px 0px 20px 0;
}
.ResourceBigCard {
width: 100%;
padding: 15px;
}
.PDFCard img.PDFImg {
height: 380px;
}
.AboutTextSecTitle {
font-size: 28px;
margin: 10px 0 10px 0;
}
.CareerTextSecText p {
font-size: 16px;
line-height: 26px;
margin: 10px 0 10px 0;
}
.CareerTextSecText ul li {
font-size: 16px;
line-height: 26px;
padding: 6px 0;
}
.CareerFormTitle {
font-size: 20px;
line-height: 32px;
}
.FormBU {
font-size: 14px;
line-height: 22px;
margin: 8px;
text-align: center;
}
.CoreValueSubTitle {
font-size: 18px;
line-height: 32px;
margin: 0 0 20px 0;
}
.CareerStaffSec {
padding: 40px 20px;
}
.HomeVideoDivSmall,
.HomeVideoIframeSmall { margin: 50px auto 0 auto;
}
.PDFConSec img {
top: -110px;
}
.PDFCard {
width: 100%;
}
.PDFConSec {
padding: 20px 20px 30px 20px;
}
.PDFConSec .PDFTitle {
font-size: 18px;
line-height: 24px;
width: calc(100% - 80px);
}
.PDFConSec .PDFBU {
width: 50px;
height: 50px;
}
.DirPorCard .CardTitle {
font-size: 36px;
}
.DirPorList li a {
font-size: 16px;
line-height: 30px;
padding: 3px 0;
}
.PortalSec2Title {
font-size: 30px;
}
.MinuteCardTitle {
font-size: 20px;
line-height: 30px;
}
.DirPorList2 li a {
font-size: 16px;
line-height: 30px;
padding: 3px 0;
}
.DirectorPortalSec {
padding: 50px 0;
}
.MinuteCard {
width: 100%;
}
.PasswordProtectedSec img {
width: 80px;
margin-bottom: 20px;
}
.PasswordProtectedSec .ConArea .ConAreaUnder form p {
margin-top: 30px;
}
.PasswordProtectedSec .ConArea .ConAreaUnder form p.passwordText {
font-size: 24px;
margin-top: 0;
}
.BoardMemberTitle {
font-size: 30px;
margin: 0px 0px 20px 0;
}
.BoardMemberText {
font-size: 17px;
line-height: 26px;
margin: 0px auto 40px auto;
}
.BoardmemberCard .CardTitle {
font-size: 30px;
}
.MembersList {
padding: 15px 0;
}
.MembersList .Text1 {
font-size: 15px;
margin: 0px 0 10px 0;
}
.MembersList .Text2 {
font-size: 19px;
margin: 0px 0 10px 0;
}
.MembersList .Text3 {
font-size: 15px;
}
.BoardMemberSec {
margin: 60px 0 -70px 0;
}
.AboutConSec2Text {
font-size: 18px;
line-height: 29px;
}
.CoreValueTitle {
font-size: 36px;
line-height: 62px;
}
.CoreValueCard {
width: 50%;
padding: 10px;
}
.CoreValueCardUnder {
padding: 35px 15px;
}
.TargetConBlog .Title {
font-size: 38px;
}
.AboutTargetSec img {
max-height: 180px;
}
.HeadCallLink {
height: 36px !important;
padding: 5px 14px 5px 3px;
font-size: 12px !important;
margin: 0 3px !important;
}
.HeadDonateLink {
height: 36px !important;
padding: 5px 15px 5px 3px;
font-size: 12px !important;
margin: 0px 3px !important;
}
.BannerContentSec {
height: 500px;
max-width: 450px;
}
.BannerText1 {
font-size: 20px;
}
.BannerText2 {
font-size: 54px;
line-height: 54px;
margin: 10px 0 20px 0;
}
.BannerText3 {
font-size: 20px;
}
.HeaderSec.Sticky .MainNav {
top: 107px;
}
.ServiceSearchSec {
flex-wrap: wrap;
}
.ServiceSearchSec input {
width: 100%;
margin-bottom: 15px;
}
.ServiceSearchSec button {
width: 100%;
}
.ImageBlog {
height: 550px;
}
.FindServiceTitle {
font-size: 36px;
line-height: 62px;
margin: 0px 0px 50px 0;
text-align: center;
}
.HomeVideoTitle {
font-size: 36px;
line-height: 62px;
text-align: center;
}
.HomeVideoSubTitle {
font-size: 18px;
line-height: 26px;
}
.HomeVideoDiv,
.HomeVideoIframe {
height: 320px;
margin: 40px auto 0 auto;
}
.NewsletterUnderSec {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.NewsletterTitle {
font-size: 36px;
line-height: 52px;
margin: 0px 0px 20px 0;
text-align: center;
}
.NewsletterText {
text-align: center;
}
.NewsletterSearchSec {
justify-content: center;
}
}
@media (max-width: 479px) {
.DonatePayArea {
padding: 15px 15px 10px 15px;
}
.ContactTabForm {
padding: 30px 20px;
}
.SSVFSliderSecMain .owl-dots button {
width: 14px;
height: 14px;
margin: 0 5px;
}
.SSVFLogoSec img {
width: 110px;
height: 110px;
padding: 8px;
}
.SSVFMainSecOne {
padding: 50px 0 60px 0;
}
.SSVFBackgroundSecRow img {
margin-top: -130px;
order: 1;
max-width: 90%;
margin-left: auto;
margin-right: auto;
max-height: 350px;
}
.SSVFSliderSec {
height: 250px;
}
.DonateMainSec {
width: 100%;
padding: 50px 0 0 0;
}
.DonateConTitle {
font-size: 34px;
line-height: 44px;
margin: 0px 0 12px 0;
}
.DonateConTitle span {
font-size: 34px;
line-height: 44px;
}
.DonateConSubTitle {
font-size: 20px;
line-height: 32px;
margin: 20px 0 15px 0;
}
.DonateTextTitle {
font-size: 22px;
line-height: 32px;
}
.DonateConText {
font-size: 17px;
line-height: 26px;
padding: 5px 0 5px 0;
}
.ContactProgramTitle {
font-size: 20px;
line-height: 26px;
margin: 0 0 10px 0;
}
.ContactProgramAdd {
font-size: 17px;
line-height: 27px;
margin: 0 0 10px 0;
}
.ContactProgramPhone {
font-size: 17px;
line-height: 26px;
margin: 0 0 10px 0;
}
.ContactProgramProTitle {
margin: 25px 0 15px 0;
}
.ContactProgramCon .Title {
font-size: 17px !important;
}
.ContactProgramCon .Text {
font-size: 15px !important;
}
.ScoopTabTitle,
.ScoopTabTitle span {
font-size: 30px;
}
.ContactFirstTabFormTitle {
font-size: 30px;
}
.ContactFirstTabFormSec {
padding: 30px 0 0 0;
}
.DetailIconTop span {
display: none;
}
.ScoopTabSec .card-header ul.nav-tabs li.nav-item .nav-link {
font-size: 20px;
padding: 11px 0px;
}
.ScoopTabSec .card-header ul.nav-tabs li.nav-item .nav-link.One.active,
.ScoopTabSec .card-header ul.nav-tabs li.nav-item .nav-link.Two.active {
padding: 16px 0px;
}
.ScoopTabSec .card-header ul.nav-tabs li.nav-item .nav-link.One:after {
right: -7px;
}
.ScoopTabSec .card-header ul.nav-tabs li.nav-item .nav-link.Two:after {
left: -7px;
}
.MediaPageSec #bwg_thumbnails_masonry_0 .bwg-item .bwg-item1 {
height: 150px;
}
.MediaPageSec .bwg-item {
width: 100% !important;
}
.ProgramDesSec {
padding: 40px 0;
}
.ProgramImgSec {
width: 100%;
height: 270px;
margin-bottom: 25px;
}
.ProgramTitle {
font-size: 30px;
}
.PDFCard img.PDFImg {
height: 330px;
}
.CarrerAboutBU {
font-size: 16px;
line-height: 25px;
padding: 18px 30px;
}
.FormBU {
width: 100%;
}
.CoreValueRow.WithoutAnimation .CoreValueCard {
width: 100%;
}
#CareerSlider.owl-theme .owl-nav .owl-prev span, 
#CareerSlider.owl-theme .owl-nav .owl-next span {
font-size: 36px;
top: -4px;
}
#CareerSlider.owl-theme .owl-nav .owl-prev, 
#CareerSlider.owl-theme .owl-nav .owl-next {
height: 40px;
width: 40px;
}
.CareerStaffSec {
padding: 40px 10px;
}
.HomeVideoDivSmall,
.HomeVideoIframeSmall { margin: 40px auto 0 auto;
}
.PDFConSec img {
top: -95px;
}
.PDFConSec {
padding: 20px 20px 30px 20px;
}
.PasswordProtectedSec .ConArea .ConAreaUnder form p.passwordText {
font-size: 18px;
margin-bottom: 2px;
margin-top: 0;
}
.PasswordProtectedSec .ConArea .ConAreaUnder form p {
flex-wrap: wrap;
}
.PasswordProtectedSec .ConArea .ConAreaUnder form p input {
width: 100%;
}
.PasswordProtectedSec .ConArea .ConAreaUnder form p input[type=submit] {
width: 100%;
margin-top: 12px;
}
.CoreValueCard img {
max-width: 44px;
max-height: 44px;
margin-bottom: 15px;
}
.CoreValueCardTitle,
.CoreValueCardTitleSmall {
font-size: 14px;
}
.CoreValueCardUnder {
padding: 25px 10px;
}
.CounterTextSec {
margin: 10px 0 20px 0;
width: 100%;
}
.AboutTargetSec img {
max-height: 140px;
}
.CounterTextSec .Counter {
font-size: 46px;
line-height: 46px;
margin: 0px 20px 0px 0;
}
.CounterTextSec .Text {
font-size: 16px;
line-height: 20px;
}
.HeadCallLink {
display: none;
}
.BannerGraCardRow {
width: 340px;
}
.BannerText1 {
font-size: 18px;
}
.BannerText2 {
font-size: 48px;
line-height: 50px;
margin: 10px 0 10px 0;
}
.BannerText3 {
font-size: 18px;
}
.BannerGraTitle {
font-size: 18px;
line-height: 32px;
margin: 0 0 15px 0;
}
.BannerGraCard .ImpactNo {
font-size: 48px;
line-height: 98px;
min-width: 120px;
}
.BannerGraCard .ImpactText {
font-size: 14px;
line-height: 22px;
}
.BannerGraCardRow:before,
.BannerGraCardRow:after {
width: 50px;
left: 145px;
}
.FindServiceTitle {
line-height: 48px;
padding-bottom: 10px;
}
.HomeVideoTitle {
line-height: 48px;
padding-bottom: 10px;
}
.ImageBlog {
height: 400px;
}
.HomeVideoDiv,
.HomeVideoIframe {
height: 240px;
margin: 40px auto 0 auto;
}
.EDiv3 {
max-width: 100%;
max-height: 200px;
}
.NewsletterUnderSec {
padding: 20px 20px;
}
.FooterSec {
padding-top: 220px;
margin-top: -180px;
}
.VideoPlayBU {
width: 120px;
height: 120px;
}
}