@charset "UTF-8";/*!

/*

File: scss
*/

.terms-stuff h3 {
    padding:15px 0;
}

.terms-stuff h4 {
    padding-bottom:10px;
}

.num-list li {
    list-style-type: decimal;
    padding-left:15px;
    list-style-position: inside;
    padding-bottom: 5px;
}

.norm-list li {
    list-style-type: disc;
    padding-left:15px;
    list-style-position: inside;
    padding-bottom: 5px;
}


.list-style-four li {
    position: relative;
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    font-weight: 600;
    padding-left: 30px;
    margin-bottom: 6px;
}
.list-style-four li:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
    line-height: 28px;
    color: #f78105;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.flex-container {
  display: flex;
  justify-content: center;
 align-items: center;
}

.fun-fact-section .text {
    font-size: 18px;
    line-height: 26px;
    color: #222222;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
}


.about-section .image-column .inner-column-left {
    position: relative;
    padding-left: 90px;
    padding-top: 65px;
    margin-left: -235px;
}


.list-style-three{
	position:relative;
}

.list-style-three li{
	position:relative;
	font-size:18px;
	line-height:28px;
	color: #fff;
	font-weight:400;
	padding-left:30px;
	margin-bottom: 6px;
}

.list-style-three li a{
	color:#fff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.list-style-three li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	line-height: 28px;
	color: #398bf5;
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.list-style-three li a:hover{
	color: #44bce2;
}

.train-header-img {
    margin-top:60px;
    margin-bottom: -110px;
}

.cssp-header-img {
    background-image:url(../images/Scene-3.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}

@media only screen and (max-width: 992px){
	.cssp-header-img {
		background-image:none;

	}
}

.call-to-action-five{
	position: relative;
	padding: 60px 0;
	background: rgb(39,105,191);
	background: -moz-linear-gradient(left, rgba(39,105,191,1) 0%, rgba(57,139,245,1) 100%);
	background: -webkit-linear-gradient(left, rgba(39,105,191,1) 0%,rgba(57,139,245,1) 100%);
	background: linear-gradient(to right, rgba(39,105,191,1) 0%,rgba(57,139,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2769bf', endColorstr='#398bf5',GradientType=1 );
}

.call-to-action-five .icon-layer{
	position: absolute;
	top: -55px;
	left: 50%;
	margin-left: -100px;
	height: 360px;
	width: 293px;
	background-image: url(../images/icons/icon-3.png);
	background-size: cover;
	content: "";
	opacity: .05;
}

.call-to-action-five .title-column{
	position: relative;
	float: left;
	max-width: 700px;
}

.call-to-action-five .title-column .inner{
	position: relative;
	padding-left: 60px;
}

.call-to-action-five .title-column .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 48px;
	color: #f8e751;
	font-weight: 400;
}

.call-to-action-five .title-column h3{
	position: relative;
	display: block;
	font-size: 28px;
	line-height: 36px;
	color: #ffffff;
	font-weight: 600;
}

.call-to-action-five .btn-column{
	position: relative;
	float: right;
}

.call-to-action-five .btn-column .btn-box{
	position: relative;
	padding: 10px 0;
}

.call-to-action-five .btn-column .theme-btn{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	padding: 11px 40px;
	border: 1px solid #ffffff;
}

.call-to-action-five .btn-column .theme-btn i{
	line-height: 30px;
	float: left;
	margin-right: 10px;
}

.call-to-action-five .btn-column .theme-btn:hover{
	color: #3781e0;
	background-color:#ffffff;
}

.usage {
    color: #fff;
    font-size: 120px;
}

/*  ribbons */

.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Custom styles */

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Colors */

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}