/* CSS Document */
.hero8 {background-image: url(/asda/dpc/cp/policy/imgs/pentagon-lecturnv2.jpg); background-size: cover; object-fit: cover; background-repeat: no-repeat; background-position: center center; position: relative; z-index: 0;}

.bg-lt-grey {background-color: #efefef;}
.sp-text {font-size: 1.15rem;}
.ce-heading {font-size: 1.85rem; text-shadow: 2px 2px 0px rgba(0,0,0,0.2); color: #212060; background-color: #fff; border-bottom: 2px solid #212060; border-top: none; border-left: none; border-right: none; font-weight: 600; outline: none !important;}

.w-15 {width: 15% !important;}
.w-70 {width: 70% !important;}
.table .thead-blue th {background-color: #212060 !important; padding: 1.25rem 0rem !important;}

.about-ops {margin-bottom: 3rem !important;}
.cc-hero-heading {font-size: 2.4rem; font-weight: 600; text-shadow: 2px 2px 0px rgba(0,0,0,0.2); color: #212060;}
.aboutcc {background: url(/asda/dpc/cp/cc/imgs/sunset-soldier.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; margin: 0px 0px;}
.aboutcc-overlay {background-color: rgba(0,0,0,0.80); height: 100%;}

/* Bottom Contact Us Highlight */
.btm-contact {background-image: linear-gradient(-3deg, rgb(44,54,56) 0%, rgb(44,54,56) 49.95%, rgb(49,59,61) 50%, rgb(49,57,60) 100%); background-repeat: no-repeat; padding-top: 30px; padding-bottom: 25px;}
.btm-contact h5 {font-size: 2.115rem;}
.btm-icon, .btm-icon2 {font-size: 125px; opacity: .25; position: relative; top: -20px;}
.btm-icon {transform: rotate(35deg);}
.btm-icon2 {transform: rotate(325deg);}
.btm-contact a {font-size: 1.4rem; text-decoration: none;}
.btm-contact a:hover {color: #007bff !important;}
.connect-rt:after {padding-bottom: 5px; border-bottom: solid 2px #fff; width: 35%;}

/*SVG Stylings*/
.st0{fill: #ECECEC; stroke: #000000; stroke-width: 0.2; stroke-linecap: round; stroke-linejoin: round;}
.st1{fill: none;}
.st2{font-family: inherit;}
.st3{font-size: 36px;}
svg path{stroke: #eee; stroke-width: .25;}
svg path:hover{transition: 0.6s; cursor: pointer}
#centcom:hover{fill: #f7cd4a !important}
#eucom:hover{fill: #c386df !important}
#africom:hover{fill: #75e466 !important}
#northcom:hover{fill: #0fb93e !important}
#pacom:hover{fill: #4baef3 !important}
#southcom:hover{fill: #25e6f3 !important}
.com {transition: all 450ms ease;}
.com:hover {transition: all 450ms ease; font-weight: 700;}




/* Extra small devices (iPhone 5/SE) */
@media (max-width: 321.98px) {
	.btm-contact h5 {font-size: 2rem;}
	.btm-icon2 {top: -188px; font-size: 200px; left: 28px; opacity: 0.05;}
	.icon-mail-cont {height: 45px;}
	.cc-hero-heading {font-size: 2rem;}
	.cc2-head {padding-left: 20px !important; padding-right: 20px !important;}
	.cc5-head {padding-left: 2px !important; padding-right: 2px !important;}
	.ops-home-right .ops-home-right-content .cc2-head {padding-top: 25px !important;}
	.ops-home-left-content p, .ops-home-middle-content p, .ops-home-right-content p {height: 70px !important;}
	.hero2-row h1 {line-height: 2rem;}
}

/* Extra small devices (iPhone 6/7/8 and Plus Models) */
@media (min-width: 322px) and (max-width: 415.98px) {
	.btm-contact h5 {font-size: 2rem;}
	.btm-icon2 {top: -188px; font-size: 200px; left: 78px; opacity: 0.05;}
	.icon-mail-cont {height: 45px;}
	.cc-hero-heading {font-size: 2rem;}
	.cc2-head {padding-left: 20px !important; padding-right: 20px !important;}
	.cc5-head {padding-left: 2px !important; padding-right: 2px !important;}
	.ops-home-right .ops-home-right-content .cc2-head {padding-top: 16px !important;}
	.ops-home-left-content p, .ops-home-middle-content p, .ops-home-right-content p {height: 70px !important;}
	.hero2-row h1 {line-height: 2rem;}
}

/* iPhone 6/7/8 Plus */
@media (min-width: 414px) and (max-width: 415.98px) {
	.cc-hero-heading {font-size: 2rem;}
	.cc2-head {padding-left: 20px !important; padding-right: 20px !important;}
	.cc5-head {padding-left: 15px !important; padding-right: 15px !important;}
	.ops-home-right .ops-home-right-content .cc2-head {padding-top: 16px !important;}
	.ops-home-left-content p, .ops-home-middle-content p, .ops-home-right-content p {height: 70px !important;}
	.hero2-row h1 {line-height: 2rem;}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 416px) and (max-width: 575.98px) {
	.btm-contact h5 {font-size: 2rem;}
	.btm-icon2 {top: -188px; font-size: 200px; left: 78px; opacity: 0.05;}
	.icon-mail-cont {height: 45px;}
}

/* Small devices COL-SM (landscape phones, 576px - 767px) */
@media (min-width: 576px) and (max-width: 767.98px) {
	
}

/* Medium devices COL-MD (small tablets, 768px - 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.btm-icon, .btm-icon2 {font-size: 100px; top: 5px;}
	.btm-icon {left: 35px;}
	.btm-icon2 {right: 35px;}
	.btm-contact h5 {padding: 0rem 1.5rem; font-size: 2rem;}
	.ops-home-right .ops-home-right-content .cc2-head {padding-top: 18px !important;}
	.ops-home-left-content p, .ops-home-middle-content p, .ops-home-right-content p {height: 70px !important;}
	.cc5-head {padding-left: 5px !important; padding-right: 5px !important;}
	.hero2-row h1 {line-height: 2rem;}
}

/* Large devices COL-LG (large tablets/laptops, 992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.btm-icon, .btm-icon2 {top: -14px;}
	.btm-icon {left: 50px;}
	.btm-icon2 {right: 50px;}
	.ops-home-right .ops-home-right-content .cc2-head {padding-top: 20px !important;}
	.cc5-head {padding-left: 2px !important; padding-right: 2px !important;}
	.ops-home-left-content p, .ops-home-middle-content p, .ops-home-right-content p {height: 100px !important;}
}

/* Extra large devices COL-XL (desktops, 1200px and larger) */
@media (min-width: 1200px) {
	.aboutcc-overlay {padding: 0px 75px;}
	.btm-contact {padding: 3.25rem 200px 2.25rem;}
	.hero8 {padding: 300px 200px 50px;}
}