@charset "UTF-8";

/*!
RelateUcation CSS 2022 by L Haasbroek
*/

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  font-family:'Open Sans',sans-serif;
  padding-top: 0rem;
  padding-bottom: 0rem;
  color: #060606;
}

.insights-back {
	background-color: #2e2e2e;
}


.smaller-text{
	font-size: 0.8rem;
}

.smaller-text2{
	font-size: 1.7rem;
}

.bigger-text{
	font-size: 2.2rem;
}

.bigger-bigger-text{
	font-size: 3rem;
	font-weight: bolder;
}

.biggest_copy {
    font-size: 5rem;
}

.section_head_copy {
    font-size: 3rem;
	font-weight: bolder;
}

.ul_bullet_list {
    font-size: 27px;
	line-height: 1.6;
}

.text_sub_heading {
    font-size: 30px;
	line-height: 1.4;
}

.text_larger_p {
    font-size: 30px;
	line-height: 1.4;
}

.text_column_sub {
    font-size: 27px;
	line-height: 1.6;
}


.big_letter_copy {
    font-size: 1.4rem;
	font-weight: 700;
	text-decoration: underline; 
}

.reimagine_copy {
	color: #d25634;
}

.wsp_copy {
	color: #0060a9;
}

.foricon.reimagine > li {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	font-size: 1.35em;
	font-weight: 350;
	color:#d25634; 
}

ul.noforicon_landing {
	
	list-style-image: url(../images/check.png);
    padding-left: 0px;
	margin-left: 0px;
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 1px;
    margin-inline-end: 1px;
    padding-inline-start: 30px !important;
	font-size: 1.5em;
	font-weight: 500;
}

ul.noforicon_wps {
	
	list-style-image: url("../images/check2.png");
    padding-left: 0px;
	margin-left: 0px;
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 1px;
    margin-inline-end: 1px;
    padding-inline-start: 30px !important;
	font-size: 1.3em;
	font-weight: normal;
}

/* NEW STYLES
-------------------------------------------------- */
/* For Reimagine */




.reimagine_head {
	background-color: #d25634 !important;
	height: 25rem;
	color: #FFFFFF;
	font-family: 'Raleway',sans-serif;
}

.bstate_head {
	background-color: #29ab91 !important;
	height: 25rem;
	color: #FFFFFF;
	font-family: 'Raleway',sans-serif;
}


/* Top right text */
.top-right {
  position: absolute;
  top: 0px;
  right: 0px;
	background-color: #8c2b8f;
	padding: 8px;
	color: #FFFFFF;
}

.rcorners1 {
  border-radius: 20px;
}

.ruc-card-border {
	border: 1px solid #8C2B8F;
	box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}

.ruc-box-shadow {
	box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}

ul.foricon {
	list-style-type: none;
	list-style: none;
    padding-left: 0px;
	margin-left: 0px;
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 1px;
    margin-inline-end: 1px;
    padding-inline-start: 0px !important;
	font-size: 1.1em;
	font-weight: 400;
}

ul.noforicon {
	
	list-style-image: url(../images/check.png);
    padding-left: 0px;
	margin-left: 0px;
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 1px;
    margin-inline-end: 1px;
    padding-inline-start: 30px !important;
	font-size: 1.1em;
	font-weight: 400;
}

.foricon > li {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

.noforicon > li {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.foricon.coursespage > li {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	font-size: 1.35em;
	font-weight: 350;
	color:#29ab91;
}

.foricon.bstate > li {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	font-size: 1.35em;
	font-weight: 350;
	color:#29ab91; 
}

.rucheadline {
    font-size: 5vw;
	font-weight: 700;
    line-height: 1.2;
}

.rucstandfirst {
	font-size: 1.8vw;
	font-weight: 700;
    line-height: 1.4;
}

.card-header-course {
	min-height: 115px;
	background-color: #FFFFFF;
}

.card-footer-course {
	min-height: 330px;
}

.card-header.courses {
    min-height: 100px;
}

a {
    color: #F7B324;
    text-decoration: none;
}

a:hover {
  color: #1C93B5;
}

.fixed-top {
    position: relative;
}

.display-6 {
    font-size: 2.0rem;
}

.display-2 {
    font-weight: 500 !important;
}

.insight-image {
	max-height: 320px;
}

.rucu {
	font-size: 120%;
}

.saturate {
    filter: saturate(7);
}

.contrast {
    filter: contrast(180%);
}

/* BUTTONS
-------------------------------------------------- */
/* Buttons */

.btn-primary {
    color: #fff;
    background-color: #8C2B8F;
    border-color: #8C2B8F;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #A532A8;
    border-color: #A532A8; /*set the color you want here*/
}

.btn-danger {
    color: #fff;
    background-color: #DD0421;
    border-color: #DD0421;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #FA102F;
    border-color: #FA102F; /*set the color you want here*/
}

.btn-info {
    color: #fff;
    background-color: #1C93B5;
    border-color: #1C93B5;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #20ACD4;
    border-color: #20ACD4; /*set the color you want here*/
}

.btn-warning {
    color: #fff;
    background-color: #F7B324;
    border-color: #F7B324;
}

.btn-warning-black {
    color: #060606;
    background-color: #F7B324;
    border-color: #F7B324;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    color: #fff;
    background-color: #F8BE44;
    border-color: #F7B324; /*set the color you want here*/
}

.btn-success {
    color: #fff;
    background-color: #05AFE3;
    border-color: #05AFE3;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #18C5F9;
    border-color: #18C5F9; /*set the color you want here*/
}

.btn-ruclogoteal {
	color: #fff;
    background-color: #33d7c5;
    border-color: #33d7c5; /*set the color you want here*/
}

.btn-ruclogoteal-black {
	color: #060606;
    background-color: #33d7c5;
    border-color: #33d7c5; /*set the color you want here*/
}


.btn-ruclogoteal:hover, .btn-ruclogoteal:focus, .btn-ruclogoteal:active, .btn-ruclogoteal.active, .open>.dropdown-toggle.btn-ruclogoteal {
    color: #fff;
    background-color: #1C93B5;
    border-color: #1C93B5; /*set the color you want here*/
}

.btn-bstate {
	color: #de942e;
    background-color: #060000;
    border-color: #060000; /*set the color you want here*/
	font-weight: 500;
}

/* BACKGROUND COLOURS
-------------------------------------------------- */
/* Background Colours */

/* Background WSP BLUE */
.bg-wps-blue {
	color: #fff;
    background-color: #0060a9 !important;
}


/* Background BLUE */
.bg-success {
    background-color: #05AFE3 !important;
}

/* Background YELLOW */
.bg-warning {
	color: #fff;
    background-color: #F7B324 !important;
}

/* Background TEAL */
.bg-info {
	color: #fff;
    background-color: #1C93B5 !important;
}

/* Background RED */
.bg-danger {
	color: #fff;
    background-color: #DD0421 !important;
}

/* Background PURPLE */
.bg-primary {
	color: #fff;
    background-color: #8C2B8F !important;
}

.back-grey {
	background-color: rgb(234, 234, 234);
}

.back-grey {
	background-color: rgb(234, 234, 234);
}

/* Background TEAL TO GREY */
.back-grad-t-g {
	background: rgb(28,147,181);
    background: -webkit-linear-gradient(rgba(28,147,181,1) 0%, rgba(234,234,234,1) 75%);
    background: -o-linear-gradient(rgba(28,147,181,1) 0%, rgba(234,234,234,1) 75%);
    background: linear-gradient(rgba(28,147,181,1) 0%, rgba(234,234,234,1) 75%);
}

/* Background PURPLE */
.back-ructeal {
    background-color: #1C93B5;
}

.bg-dark-solid {
	 background-color: #3C3C42 !important;	
}

.bg-darkest {
	background-color: #1d1c2f !important;
}

.bg-yellow-solid {
	background-color: #F7B324 !important;
}

/* Background DARK TO GREY - NAVIGATION BAR */
.bg-dark {
    background: rgb(2,0,36);
    background: -webkit-linear-gradient(left, rgba(2,0,36,1) 0%, rgba(59,59,59,1) 52%, rgba(117,117,117,1) 100%);
    background: -o-linear-gradient(left, rgba(2,0,36,1) 0%, rgba(59,59,59,1) 52%, rgba(117,117,117,1) 100%);
    background: linear-gradient(to right, rgba(2,0,36,1) 0%, rgba(59,59,59,1) 52%, rgba(117,117,117,1) 100%);
}

.bottom-shadow {
	box-shadow: 0px 15px 10px -15px #111; 
}

.back-darkgrey {
	background-color: #898989;
}

.back-midgrey {
	background-color: #e1e1e1;
}

.back-ruclogoteal {
	background-color: #33d7c5;
}

.back-ruclogopruple {
	background-color: #8c2b8f;
}

.back-modelyellow {
	background-color: #fcb03c;
}

.back-modelblack {
	background-color: #fcb03c;
}

.back-modelgrey {
	background-color: #eaebec ;
}

.back-bstate-red {
	background-color: #af232b ;
}

.back-bstate-teal {
	background-color: #29ab91 ;
}

.back-bstate-yellow {
	background-color: #de942e ;
}

.back-bstate-reimagine {
	background-color: #d25634 ;
}

.back-cc-red {
	background-color: #ea2030 ;
}

.back-white {
	background-color: #FFFFFF !important;
}

.back-blank-head {
	background-color: #f5f5f5 !important;
	height: 25rem;
}

.back-blank-head-wsp {
	background-color: #FFFFFF !important;
	height: 25rem;
}

.back-blank-head-larger {
	background-color: #f5f5f5 !important;
	height: 35rem;
}

.back-blank-head-smaller {
	background-color: #f5f5f5 !important;
	height: 20rem;
}

.back-light-grey {
	background-color: #f5f5f5 !important;
}

.back-logo-white {
	background-color: #f8f8f8 !important;
}

.back-categories {
	background-color:#FFFFFF;
}


/* BACKGROUNDS - GRADIENTS
-------------------------------------------------- */
/* Gradient Backgrounds */


/* Purple Top-Down */
.back-grad-purple-td {
	background: rgb(89,43,115);
	background: -moz-linear-gradient(180deg, rgba(89,43,115,1) 0%, rgba(147,42,143,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(89,43,115,1) 0%, rgba(147,42,143,1) 100%);
	background: linear-gradient(180deg, rgba(89,43,115,1) 0%, rgba(147,42,143,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#592b73",endColorstr="#932a8f",GradientType=1);
}

/* Purple Left-Right */
.back-grad-purple-lr {
	background: rgb(89,43,115);
	background: -moz-linear-gradient(90deg, rgba(89,43,115,1) 0%, rgba(147,42,143,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(89,43,115,1) 0%, rgba(147,42,143,1) 100%);
	background: linear-gradient(90deg, rgba(89,43,115,1) 0%, rgba(147,42,143,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#592b73",endColorstr="#932a8f",GradientType=1);
}

/* Purple Radial */
.back-grad-purple-radial {
	background: rgb(89,43,115);
	background: -moz-radial-gradient(circle, rgba(89,43,115,1) 0%, rgba(147,42,143,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(89,43,115,1) 0%, rgba(147,42,143,1) 100%);
	background: radial-gradient(circle, rgba(89,43,115,1) 0%, rgba(147,42,143,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#592b73",endColorstr="#932a8f",GradientType=1);
}

/* Purple Radial2 */
.back-grad-purple-radial2 {
	background: rgb(147,42,143);
	background: -moz-radial-gradient(circle, rgba(147,42,143,1) 0%, rgba(89,43,115,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(147,42,143,1) 0%, rgba(89,43,115,1) 100%);
	background: radial-gradient(circle, rgba(147,42,143,1) 0%, rgba(89,43,115,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#932a8f",endColorstr="#592b73",GradientType=1);
}

/* Teal Top-Down */
.back-grad-teal-td {
	background: rgb(16,159,194);
	background: -moz-linear-gradient(180deg, rgba(16,159,194,1) 0%, rgba(10,125,154,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(16,159,194,1) 0%, rgba(10,125,154,1) 100%);
	background: linear-gradient(180deg, rgba(16,159,194,1) 0%, rgba(10,125,154,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#109fc2",endColorstr="#0a7d9a",GradientType=1);
}

/* Teal Left-Right */
.back-grad-teal-lr {
	background: rgb(10,125,154);
	background: -moz-linear-gradient(90deg, rgba(10,125,154,1) 0%, rgba(16,159,194,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(10,125,154,1) 0%, rgba(16,159,194,1) 100%);
	background: linear-gradient(90deg, rgba(10,125,154,1) 0%, rgba(16,159,194,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a7d9a",endColorstr="#109fc2",GradientType=1);
}

/* Teal Radial */
.back-grad-teal-radial {
	background: rgb(10,125,154);
	background: -moz-radial-gradient(circle, rgba(10,125,154,1) 0%, rgba(16,159,194,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(10,125,154,1) 0%, rgba(16,159,194,1) 100%);
	background: radial-gradient(circle, rgba(10,125,154,1) 0%, rgba(16,159,194,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a7d9a",endColorstr="#109fc2",GradientType=1);
}

/* Teal Radial Reverse */
.back-grad-teal-radial2 {
	background: rgb(16,159,194);
	background: -moz-radial-gradient(circle, rgba(16,159,194,1) 0%, rgba(10,125,154,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(16,159,194,1) 0%, rgba(10,125,154,1) 100%);
	background: radial-gradient(circle, rgba(16,159,194,1) 0%, rgba(10,125,154,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#109fc2",endColorstr="#0a7d9a",GradientType=1);
}



/* Yellow/Orange Left-Right */
.back-grad-yellow-lr {
	background: rgb(242,99,41);
	background: -moz-linear-gradient(90deg, rgba(242,99,41,1) 0%, rgba(252,175,60,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(242,99,41,1) 0%, rgba(252,175,60,1) 100%);
	background: linear-gradient(90deg, rgba(242,99,41,1) 0%, rgba(252,175,60,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f26329",endColorstr="#fcaf3c",GradientType=1);
}

/* Yellow/Orange Top-Down */
.back-grad-yellow-td {
	background: rgb(242,99,41);
	background: -moz-linear-gradient(180deg, rgba(242,99,41,1) 0%, rgba(252,175,60,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(242,99,41,1) 0%, rgba(252,175,60,1) 100%);
	background: linear-gradient(180deg, rgba(242,99,41,1) 0%, rgba(252,175,60,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f26329",endColorstr="#fcaf3c",GradientType=1);
}

/* Yellow/Orange Radial */
.back-grad-yellow-radial {
	background: rgb(242,99,41);
	background: -moz-radial-gradient(circle, rgba(242,99,41,1) 0%, rgba(252,175,60,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(242,99,41,1) 0%, rgba(252,175,60,1) 100%);
	background: radial-gradient(circle, rgba(242,99,41,1) 0%, rgba(252,175,60,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f26329",endColorstr="#fcaf3c",GradientType=1);
}

/* Yellow/Orange Radial Reverse */
.back-grad-yellow-radial2 {
	background: rgb(252,175,60);
	background: -moz-radial-gradient(circle, rgba(252,175,60,1) 0%, rgba(242,99,41,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(252,175,60,1) 0%, rgba(242,99,41,1) 100%);
	background: radial-gradient(circle, rgba(252,175,60,1) 0%, rgba(242,99,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcaf3c",endColorstr="#f26329",GradientType=1);
}

/* FONT COLOURS
-------------------------------------------------- */
/* Font Colours */

.wspblue {
	color: #0060a9 !important;
}

.rucpurple {
	color: #8C2B8F !important;
}

.text-white {
	color: #FFFFFF !important;
}

.rucred {
	color: #DD0421 !important;
}

.rucyellow {
	color: #F7B324 !important;
}

.ructeal {
	color: #1C93B5 !important;
}

.rucblue {
	color: #05AFE3 !important;
}

.ruc-black-copy {
	color: #060606 !important;
}

.ruc-text-shadow {
	text-shadow: 2px 2px 4px rgb(0 0 0 / 50%);
}

.ruclogoteal {
	color: #33d7c5;
}

.vsred {
	color: #ef1c30;
}

.bstateyellow {
	color: #de942e;
}

.bstatered {
	color: #af232b;
}

.bstateteal {
	color: #29ab91;
}

/* CONTACT US
-------------------------------------------------- */
/* Contact Us Styles */

.contact-back{
	background-image: url(../images/header/car1.jpg);
	background-repeat: no-repeat;
	width: 100%;
}
/* FOOTER
-------------------------------------------------- */
/* Footer Styles */

.text-grey{
	color: #c5c1c1; 
}

/* MISC
-------------------------------------------------- */
/* Other */

.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
  		font-size: 3.5rem;
		}
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 0rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 7rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.carousel-item .img-fluid {
  width:auto;
  height:auto;
}

.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.container:hover .overlay {
  bottom: 0;
  height: 100%;
}

.text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

/* New Carousel items for desktop and mobile */

/* DESKTOP */

.car-item1 {
    background:url(../images/header/car1.jpg); 
    background-repeat: no-repeat;  
	background-color: #040225;
	width: 100%;
	height: 100%;
}

.car-item2 {
    background:url(../images/header/car2.jpg); 
    background-repeat: no-repeat;  
	background-color: #040225;
	width: 100%;
	height: 100%;
}

.car-item3 {
    background:url(../images/header/car3.jpg); 
    background-repeat: no-repeat;  
	background-color: #040225;
	width: 100%;
	height: 100%;
}

.car-pay {
    background:url(../images/header/carpay.jpg); 
    background-repeat: no-repeat;  
	background-color: #040225;
	width: 100%;
	height: 100%;
}


.car-courses {
    background:url(../images/header/carcourses.jpg); 
    background-repeat: no-repeat;  
	background-color: #040225;
	width: 100%;
	height: 100%;
}

.car-courses-account {
    background:url("../images/header/caraccount2.jpg"); 
    background-repeat: no-repeat;  
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
}

.car-bstate2 {
    background:url(../images/header/cabstate2.jpg); 
    background-repeat: no-repeat;  
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
}

.car-blog {
    background:url(../images/header/carblog.jpg); 
    background-repeat: no-repeat;  
	background-color: #040225;
	width: 100%;
	height: 100%;
}

/* PAD */

.car-item1m {
    background:url(../images/header/car1m.jpg); 
    background-repeat: no-repeat;  
	background-color: #040225;
	width: 100%;
	height: 100%;
}

.car-item2m {
    background:url(../images/header/car2m.jpg); 
    background-repeat: no-repeat;  
	background-color: #040225;
	width: 100%;
	height: 100%;
}

.car-item3m {
    background:url(../images/header/car3m.jpg); 
    background-repeat: no-repeat;  
	background-color: #040225;
	width: 100%;
	height: 100%;
}

.car-coursesm {
    background:url(../images/header/carcoursesm.jpg); 
    background-repeat: no-repeat;  
	background-color: #040225;
	width: 100%;
	height: 100%;
}

.car-blogm {
    background:url(../images/header/carblogm.jpg); 
    background-repeat: no-repeat;  
	background-color: #040225;
	width: 100%;
	height: 100%;
}

/* MOBILE PHONE */

.car-item1ms {
    background:url(../images/header/car1ms.jpg); 
    background-repeat: no-repeat;  
	background-color: #040225;
	width: 100%;
	height: 100%;
}

.car-item2ms {
    background:url(../images/header/car2ms.jpg); 
    background-repeat: no-repeat;  
	background-color: #040225;
	width: 100%;
	height: 100%;
}

.car-item3ms {
    background:url(../images/header/car3ms.jpg); 
    background-repeat: no-repeat;  
	background-color: #040225;
	width: 100%;
	height: 100%;
}

.car-coursesms {
    background:url(../images/header/carcoursesms.jpg); 
    background-repeat: no-repeat;  
	background-color: #040225;
	width: 100%;
	height: 100%;
}

.car-blogms {
    background:url(../images/header/carblogms.jpg); 
    background-repeat: no-repeat;  
	background-color: #040225;
	width: 100%;
	height: 100%;
}

.bg-dark-car {
	 background-color: #030125 !important;	
	width: 100%;
	height: 100%;
}


/* MARKETING CONTENT - FIRST BLOCK ON HOME PAGE
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

/* CLIENT SCROLLER
-------------------------------------------------- */
/* Scrolling of client logos */

#container {
  overflow: hidden;
  width: 100%;
  height: 200px;
  margin: 0 auto;
  cursor: pointer;
  margin-top:30px;
}

#imgs {
  display: block;
  padding: 0;
  width: 2000%;
}

#imgs li {
  padding-right: 10px;
  display: inline-block;
 *display:inline;
}

#imgs img {
  width: 160px;
  height: 120px;
}

.cc-revoke, .cc-window {
    
    font-family:'Open Sans',sans-serif;
    font-size: 14px  !important;
}

/* TESTIMONIALS
-------------------------------------------------- */

.testim{
    width: 100%;
    position: relative;
    top: 50%;
    /* transform: translateY(-50%); */
}
.testim .wrap{
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 40px 20px;
    margin: auto;
}
.testim .arrow{
    display: block;
    position: absolute;
    color: #eee;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}
.testim .arrow:before{
    cursor: pointer;
}
.testim .arrow.left{
    left: 10px;
}
.testim .arrow.right{
    right: 10px;
}
.testim .arrow:hover{
    color: #8c2b8f;
}
.testim .dots{
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
    height: 12px;
}
.testim .dots .dot{
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #eee;
    margin: 0 10px;
    cursor: pointer;
    transition: all .5s ease-in-out;
    position: relative;
}
.testim .dots .dot.active,
.testim .dots .dot:hover{
background: #8c2b8f;
border-color: #8c2b8f;
}

.testim .dots .dot.active{
    animation: testim-scale .5s ease-in-out forwards;
}
.testim .cont{
    position: relative;
    overflow: hidden;
}
.testim .cont > div{
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}
.testim .cont > div.inactive{
    opacity: 1;
}
.testim .cont > div.active{
    
    position: relative;
    opacity: 1;
    
}
.testim .cont div .img img{
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
}
.testim .cont div h2{
    color: #8c2b8f;
    font-size: 1em;
    margin: 15px 0;
}
.testim .cont div p{
    font-size: 1.3em;
    color: #060606;
    width: 80%;
    margin: auto;
}

.testim .cont div.active .img img{
    animation: testim-show .5s ease-in-out forwards;
}
.testim .cont div.active h2{
    animation: testim-content-in .4s ease-in-out forwards;
}
.testim .cont div.active p {
    animation: testim-content-in .5s ease-in-out forwards;
}
.testim .cont div.inactive .img img{
    animation: testim-hide .5s ease-in-out forwards;
}
.testim .cont div.inactive h2{
    animation: testim-content-out .4s ease-in-out forwards;
}
.testim .cont div.inactive p {
    animation: testim-content-out .5s ease-in-out forwards;
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }
    35% {
        box-shadow: 0px 0px 10px 5px #eee;
    }
    70% {
        box-shadow: 0px 0px 10px 5px #8c2b8f;
    }
    100% {
        box-shadow: 0px 0px 0px 0px #8c2b8f;
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-100%);
    }
}
@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0);
    }
}

/* Responsive */

@media all and (max-width: 300px) {
    body {
        font-size: 14px;
    }
}
@media all and (max-width: 500px) {
    .testim .arrow{
        font-size: 1.5rem;
    }
    .testim .cont div p{
        line-height: 25px;
    }
}

/* DMD STYLES
-------------------------------------------------- */
/* Styles for the DMD Pages */


.dmd_green_light {
	background-color: #25ab3b ;
}
.dmd_green_dark {
	background-color: #438e29 ;
} 
.dmd_move_blue {
	background-color:  #0F3BF6 ;
} 
.dmd_move_yellow {
	background-color:  #FFE300 ;
}  
.dmd_move_purple {
	background-color:  #A500FF ;
}   
.dmd_move_red {
	background-color:  #FF0000 ;
}    

.dmd_back_blue {
background: rgb(12,5,48);
background: linear-gradient(90deg, rgba(12,5,48,1) 0%, rgba(5,85,179,1) 100%);
}  

.dmd_back_red {
background: rgb(71,5,0);
background: linear-gradient(90deg, rgba(71,5,0,1) 0%, rgba(192,9,6,1) 100%);
}  

.dmd_back_green {
background: rgb(3,37,14);
background: linear-gradient(90deg, rgba(3,37,14,1) 0%, rgba(3,153,7,1) 100%);
}  

.dmd_back_yellow {
background: rgb(88,77,8);
background: linear-gradient(90deg, rgba(88,77,8,1) 0%, rgba(180,197,0,1) 100%);
}  

.dmd_move_blue_copy {
	color:  #0F3BF6 ;
	font-weight: bolder;
} 

.dmd_move_yellow_copy {
	color:  #FFE300 ;
	font-weight: bolder;
}

.dmd_move_red_copy {
	color:  #FF0000 ;
	font-weight: bolder;
}    

.dmd_move_purple_copy {
	color:  #A500FF ;
	font-weight: bolder;
}   

.dmd_green_copy {
	color:  #438e29 ;
}  

.dmd_back_graphic {
	background:url("../images/partners/DMD/1.jpg"); 
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000f02;
	color: #FFFFFF;
}

.dmd_back_pic {
	background:url("../images/partners/DMD/2.jpg"); 
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000f02;
	color: #FFFFFF;
}

.dmd_back_black {
	background-color: #000f02;
	color: #FFFFFF;
}

.dmd_back_white {
	background-color: #FFFFFF;
	color: #000f02;
}

.dmd_copy_subhead {
	font-size: calc(2.8 * 1rem);
	font-weight: 700;
	line-height: calc(1.4 * (1 + (1 - 2.8)/25));
}

.dmd_copy_big {
font-size: calc(4 * 1rem);
line-height: calc(1.4 * (1 + (1 - 4)/25));
}

.dmd_copy_poppins {
font-size: calc(1.9 * 1rem);
line-height: 1.8;
font-family: 'Poppins', sans-serif;
	transition-timing-function: ease;
    transition-duration: 0.9s;
    transition-delay: 0.246s;
}

.dmd_copy_poppins_small {
font-size: calc(1.5 * 1rem);
line-height: 1.3;
font-family: 'Poppins', sans-serif;
	transition-timing-function: ease;
    transition-duration: 0.9s;
    transition-delay: 0.246s;
}

.dmd_back_graphic_org {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("../images/partners/DMD/org.jpg"); 
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000f02;
	color: #FFFFFF;
}

.dmd_back_graphic_org2 {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("../images/partners/DMD/org2.jpg"); 
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000f02;
	color: #FFFFFF;
}

.wpsbold {
    font-weight: 600 !important;
}

.largest_copy {
	font-family: Oswald;
    font-size: 60px;
	line-height: 1.4;
}

.larger_copy {
	font-family: Roboto;
    font-size: 60px;
	line-height: 1.4;
}

.large_copy {
	font-family: Roboto;
    font-size: 50px;
	line-height: 1.4;
}


.medium_copy {
	font-family: Roboto;
    font-size: 32px;
	line-height: 1.4;
}

.small_copy {
	font-family: Roboto;
    font-size: 48px;
	line-height: 1.4;
}

.back-blank-new {
	background-color: #FFFFFF !important;
	height: 35rem;
}

.back-pic-new {
    background:url(../images/header/car2.jpg); 
    background-repeat: no-repeat;  
	background-color: #040225;
	width: 100%;
	height: 100%;
}