.dot {
  height: 5px;
  width: 5px;
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
}
div.ic-text {
  padding: 70px;
}
.no-pddng-lft {
	padding-left: 0!important;
}
.no-pddng-rght {
	padding-right: 0!important;
}
.no-padding {
	padding: 0px 0px 0px 0px;
	
}
.wht-bg-rds {
  background-color: rgba(255, 255, 255, 0.5);
  /*border-radius: 15px;*/
  padding: 15px 10px 10px 10px;
  /*border: solid;*/
}
.bg-01 h3, .bg-02 h3, .bg-03 h3, .bg-04 h3 {
  margin-top: 0 !important;
}
.bg-01 {
  background-image: url('/eng/laws-lois/img/legislative-process-open-text-bg.jpg');
	min-height: 400px;
	min-width: 1171px;
	padding-top: 10px;

}
.bg-02 {
  background-image: url('/eng/laws-lois/img/regulatory-process-open-text-bg.jpg');
  min-height: 310px;
	min-width: 1171px;
	padding-top: 10px;
}
.bg-03 {
  background-image: url('/eng/laws-lois/img/background-img-grey.png');
  background-color: #ccccff;
  min-height: 723px;
}
.bg-04 {
  background-image: url('/eng/laws-lois/img/4-Image-Flexibility-1_02.png');
  background-color: #FF7E1A;
}



.bg-05 {
	background-image: url('/eng/laws-lois/img/trail-background-img-purple-w1171-h3285-n.jpg');
	background-repeat: no-repeat;
	display: inline-block;
	min-width: 1171px;
	

}

.bg-06 {
	background-image: url('/eng/laws-lois/img/trail-background-img-blue-w1171-h3285-n.jpg');
	background-repeat: no-repeat;
	display: inline-block;
	min-width: 1171px;

}

.pddng-rght {
	padding-right: 100px!important;
}

.pddng-lft {
	padding-left: 140px!important;
}

.pddng-lft70 {
	padding-left: 70px!important;
}

.pddng-bottom { 
	padding-bottom: 50px;

}

.pddng-top {
	padding-top: 40px;

}


.pddng-top90 {
	padding-top: 90px;

}

.pddng-top120 {
	padding-top: 120px;

}

.pddng-top150 {
	padding-top: 150px;

}


.pddng-top160 {
	padding-top: 160px;

}

.pddng-top250 {
	padding-top: 250px;

}

.ylw-circle {
	height: 70px;
  	width: 70px;
	display: inline-block;
	border:8px solid yellow; 
    background-color: rgba(138, 108, 196);
	padding: 5px 10px 5px 10px;
	border-radius: 50%;

}



.ble-circle {
	height: 70px;
  	width: 70px;
	display: inline-block;
  	align-items: center;
    background-color: rgba(138, 108, 196);
	padding: 10px 5px 0px 5px;
	border-radius: 50%;

}

.h7 {

	color: #8a6cc4;
	font-weight: bold;
}




.hr-yor {
  border-top: 0px;
  height: 3px;
  background: linear-gradient(to right, #fff33b 0%, #e95d25 50%, #ee2524 100%);
}

@media only screen and (min-width: 992px) {
  .ic-section h3 {
    font-size: 30px;
  }
  .ic-section p, .ic-section li {
    font-size: 22px;
  }
  .digit-frombottom, .digit-fromtop, .digit-fromleft, .digit-fromright {
    opacity: 0;
    -webkit-transition: all 0.75s ease-out;
    -moz-transition: all 0.75s ease-out;
    -ms-transition: all 0.75s ease-out;
    -o-transition: all 0.75s ease-out;
    transition: all 0.75s ease-out;
  }
  .digit-frombottom {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
  }
  .digit-fromtop {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  .digit-fromleft {
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  .digit-fromright {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
}
@media only screen and (max-width: 991px) {
  .digit {
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 0.75s ease-out;
    -moz-transition: all 0.75s ease-out;
    -ms-transition: all 0.75s ease-out;
    -o-transition: all 0.75s ease-out;
    transition: all 0.75s ease-out;
  }
}
.digit.visible {
  overflow: hidden;
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.preload:before {

  -webkit-transition: opacity 0.2s, width 0s 0s;
          transition: opacity 0.2s, width 0s 0s;

  opacity: 1;
	visibility: hidden;
}

/* indyFadeBox css */

.indy-fade-box-container .indy-fade-box {
	opacity: 0;
}
.indy-fade-box-container .indy-fade-box.indy-hide {
	opacity: 0;
}
.indy-fade-box-container .indy-fade-box.indy-show {
	opacity: 1;
}
.indy-fade-box-container.fade-in .indy-fade-box.animate {
	-webkit-transform: translateY(150px);
	-ms-transform: translateY(150px);
	transform: translateY(150px);
	-webkit-animation: indy-fadeIn 0.7s ease forwards;
	animation: indy-fadeIn 1.5s ease forwards; /* 0.7s */
	opacity: 0;
}
@-webkit-keyframes indy-fadeIn {
 0% {
 opacity: 0;
}
 30% {
 opacity: 0;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
}
}
@keyframes indy-fadeIn {
 0% {
 opacity: 0;
}
 30% {
 opacity: 0;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
}
}
@media only screen and (min-width: 992px) {
  .icn {
    min-width: 200px !important;
    max-width: 250px !important;
    min-height: 250px !important;
  }
  .icn-small {
    min-width: 100px !important;
    max-width: 225px !important;
    min-height: 100px !important;
  }
}
.no-bdr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


.circle {
position: relative;
width: 100px;
height: 100px;
background: rgb(138, 108, 196);
padding: 30px 40px 30px 40px;
border-radius: 50%
}

.txtPurple {
	color: rgb(138, 108, 196);
}

 #circle {
      width: 100px;
      height: 100px;
      background: rgb(138, 108, 196);
      border-radius: 50%
    }

.eqht {
	display: inline-block;
	margin-bottom: 15px;
	padding: 15px;
	width: 100%;
}

.flag {
  position: relative;
  padding: 3px 40px 3px 20px;
}

.flag:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent black transparent transparent;
  position: absolute;
  right: 0;
  top: 0;
}
.wht-brdr.flag:after {
  border-color: transparent white transparent transparent;
}


.lght-yellow-brdr.flag:after {
  border-color: transparent rgb(244, 214, 129) transparent transparent;
}
.lght-blue-brdr.flag:after {
  border-color: transparent rgb(179, 194, 213) transparent transparent;
}

.bg-brightyellow {
  background-color: rgb(250, 237, 39);
}

.bg-darkyellow {
  background-color: rgb(238, 191, 49);
}
.bg-lightyellow {
  background-color: rgb(244, 214, 129);
}
.bg-lightyellow-half {
  height: 100%;
  background-image: linear-gradient(white 50%, rgba(244, 214, 129, 1) 50%);
}

.bg-lightpurple {
  background-color: rgb(241, 231, 254);

}

.bg-lightpurple-half {
  height: 100%;
  background-image: linear-gradient(white 50%, rgba(241, 231, 254, 1) 50%);
}
.bg-darkblue {
  background-color: rgb(138, 164, 191);
}
.bg-lightblue {
  background-color:  rgb(182, 206, 252);
}
.bg-lightblue-tp-half {
  background-image: linear-gradient(rgb(179, 194, 213) 50%, white 50%);
}
.bg-lightblue-half {
  background-image: linear-gradient(white 50%, rgb(179, 194, 213) 50%);
}
.bg-darkgreen {
  background-color: rgb(149, 184, 148);
}
.bg-lightgreen {
  background-color: rgb(202, 219, 201);
}
.bg-lightgreen-3-4 {
  background-image: linear-gradient(white 75%, rgb(202, 219, 201) 75%);
}
.bg-lightgreen-85 {
  background-image: linear-gradient(white 85%, rgb(202, 219, 201) 85%);
}
.bg-white {
  background-color: #FFFFFF;
}
.bg-lightblue-fullwidth {
  background-color: #eaf3fb;
}
.bg-lightblue-fullwidth .row {
  background-color: #eaf3fb;
  margin-left: -15px;
  margin-right: -15px;
}
h1 span.flag:after {
  border-width: 23px 23px 21px 0;
}
h2 span.flag:after {
  border-width: 24px 24px 22px 0;
}
h3 span.flag:after {
  border-width: 17px 17px 16px 0;
}
h4 span.flag:after {
  border-width: 14px 14px 13px 0;
}
h5 span.flag:after {
  border-width: 13px 13px 12px 0;
}
h6 span.flag:after {
  border-width: 11.5px 11.5px 11.5px 0;
}


.top-banner {
  min-height: 30px !important;
}
.base-banner {
  min-height: 100px !important;
  margin-top: -75px;
}
.mrgn-top-30 {
  margin-top: 30px;
}
.mrgn-lft-100 {
  margin-left: -100px;
}
.mrgn-lft-125 {
  margin-left: -125px;
}
.mrgn-rght-125 {
  margin-right: -125px;
}
.mrgn-tp--75 {
  margin-top: -75px;
}
.mrgn-tp--125 {
  margin-top: -125px;
}


.text-red {
	color: #EE2625;
}

.text-yellow {
	color: #FEFF01;
}

.text-20 {
	font-size: 20px;
}
.mrgn-left-l6 {
	margin-left: -6%;
}
.mrgn-left-l10 {
	margin-left: -10%;
}
.mrgn-left-l20 {
	margin-left: -20%;
}
.mrgn-left-l25 {
	margin-left: -25%;
}
.mrgn-left-l2p {
	margin-left: -2%;
}
.wht-brdr {
	display: inline-block;
	border: 1px transparent #ccc !important;
    background-color: rgba(255, 255, 255, 0.85);
	padding: 5px 20px 5px 20px;
	border-radius: 10px;
}



.pple-square {

	display: inline-block;
	
    background-color: rgba(58, 54, 98, 0.70);
	padding: 5px 20px 5px 20px;


}

@media only screen and (min-width: 1200px) {
.risk-mrgn {
	margin-top: 80px;
  }
.whttodo-mrgn {
	margin-top: -15%;
  }
}
@media only screen and (max-width: 1199px) {
.risk-mrgn {
	margin-top: 65px;
  }
.whttodo-mrgn {
	margin-top: -15%;
  }
}
@media only screen and (max-width: 991px) {
.risk-mrgn {
	margin-top: 37px;
	font-size: 16px;
  }
.whttodo-mrgn {
	margin-top: -15%;
  }
}
@media only screen and (max-width: 767px) {
.risk-mrgn {
	margin-top: 37px; /*28px*/
	font-size: 16px;
  }
.whttodo-mrgn {
	margin-top: 0;
  }
}
@media only screen and (max-width: 640px) {
.risk-mrgn {
	margin-top: 30px; /*28px*/
	font-size: 14px;
  }
}
.scam p {
	line-height: 1.25;
}
.scam-hdr-dr a, .scam-hdr-dr a:visited, .scam-hdr-ur a, .scam-hdr-ur a:visited, .scam-hdr-rect a, .scam-hdr-rect a:visited {
	color: white;
}
.scam-hdr-rect {
	    background-color: #345eac;
}
.scam-hdr-sm {
	padding: 20px 0px 20px 0px;
}
.scam-hdr-lg {
	padding: 40px 0px 40px 0px;
}
.scam-hdr-dr, .scam-hdr-ur, .scam-hdr-rect {
	color: white;
	/*padding: 30px 0px 10px 0px;*/
	margin-bottom: 30px;
}
.scam-hdr-dr h1, .scam-hdr-ur h1, .scam-hdr-rect h1, .scam-hdr-dr h2, .scam-hdr-ur h2, .scam-hdr-rect h2 {
	margin-top: auto;
	margin-bottom: auto;
}
.scam-hdr-dr {
	background-color: #345eac;
	-webkit-clip-path: polygon(0 0%, 100% 50%, 100% 100%, 0% 100%);
	clip-path: polygon(0 0%, 100% 50%, 100% 100%, 0% 100%);
    /*background-image: linear-gradient(2deg, #345eac 70%, transparent calc(50% + 2px));*/
}
.scam-hdr-ur {
	background-color: #345eac;
	-webkit-clip-path: polygon(0 40%, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0 40%, 100% 0%, 100% 100%, 0% 100%);
    /*background-image: linear-gradient(358deg, #345eac 70%, transparent calc(50% + 2px));*/
}