/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 14 2020 | 09:52:38 */
/************ 
Typography 
************/

p {
  margin: 0 0 20px;
}
.noMarginBottom p {
  margin-bottom: 0;
}
h2,
.fl-module-heading.hasUnderline .fl-heading {
  position: relative;
  padding-bottom: 20px !important;
}
h2:after {
	content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 45px;
    height: 3px;
    background: linear-gradient(45deg, #3066DF -40%,#3CD5BF 120%);
}
h3 {
    font-weight: 700;
    color: #3066DF;
    font-size: 18px;
    margin: 15px 0;
}
ul {
  padding-left: 30px;
	margin-top: 15px;
}
li {
  margin-bottom: 5px;
}
.f-18 { 
  font-size: 18px;
}
.f-20 {
  font-size: 20px;
}
.light {
  font-weight: 300;
}
.white {
  color: #fff;
}
.grey { 
	color: #5E6E75;
}
.cta__headline {
    font-size: 30px;
    text-align: center;
    max-width: 560px;
    margin: auto;
}
.headline__large {
  font-size: 30px;
    margin-top: 5px;
    margin-bottom: 25px;
}

.blogHeader span {
  display: block;
  position: relative;
  padding-bottom: 20px;
  font-size: 40px;
  color: #22303A;
  font-weight: 100;
}
.blogHeader span:after {
	content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 45px;
    height: 3px;
    background: linear-gradient(45deg, #3066DF -40%,#3CD5BF 120%);
}


/************ 
Buttons 
************/

.cpg-button {
	box-shadow: -2px 2px 5px 0px rgba(34, 48, 58, 0.4);
	background:linear-gradient(45deg, #3067df 5%, #369ccf 100%);
	background-color:#3067df;
	display:inline-block;
	color:#ffffff;
	font-size:16px;
	padding: 15px 30px;
	text-decoration:none;
}
.cpg-button:hover {
  color: #fff;
}
.cpg-button:active {
	position:relative;
	top:2px;
}
a.cpg-button:focus {
   color: #fff;
}
.cpg-button__icon {
  padding-right: 10px;
}


/************ 
Bullet Points 
************/

ul.list {
    padding: 0;
}

.list li {
	list-style: none;
	position: relative;  		
}

.list--small li {
    font-size: 16px;
  	padding: 0 0 3px 20px;
}

.list--large li {
	font-size: 18px;
	padding: 0 0 20px 30px;
}

.list--checkmark li:before {
	content: "";
    position: absolute;
    left: 0px;
    top: 7px;
    width: 6px;
    height: 14px;
    border: solid #3066DF;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	}

.list--round li:before {
			content: "";
			position: absolute;
			left: 0;
			top: 10px;
			width: 6px;
			height: 6px;
			background-color: #3066DF;
			border-radius: 50%;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
		}


/************ 
Others 
************/

/** Image Shadows **/
.box-shadow img {
      box-shadow: 5px 5px 30px 0px rgba(53,53,63,0.1);
}
.row-image > .fl-row-content-wrap {
    box-shadow: 5px 5px 30px 0px rgba(53,53,63,0.1);
}

/** Flexbox alignment **/
.flex .fl-col-content{
  display: flex;
}
.flex--apart .fl-col-content{
  justify-content: space-between;
}
.flex--column .fl-col-content{
  flex-direction: column;
}

/** Responsive Settings **/
@media (max-width: 768px)
  {
.fl-col-small {
    max-width: none;
}
.row-image > .fl-row-content-wrap {
    min-height: 400px;
    }  
}