.card--links .secure-icon {
	 font-size: 1rem;
}

 .secure-icon {
	 font-size: .75rem;
	 color: #b1b3b3;
}


 @media (max-width:575.98px){
    .agent {
        text-align: center;
        padding: 20px;
    }
     .agent img{
        padding-bottom: 10px;
        max-width:75%
     }
}

 @media (min-width: 768px) {
	 .list-columns {
		 -webkit-column-count: 2;
		 -moz-column-count: 2;
		 column-count: 2;
		 -webkit-column-gap: 40px;
		 -moz-column-gap: 40px;
		 column-gap: 40px;
	}
   
}
 @media (min-width: 575.99px) {
 .agent {
        display:flex;
        align-items:center;
        border-top: 1px solid #ccc;
        padding: 30px 0 10px;
        margin-top: 40px;
    }
    
    .wysiwyg .agent:first-of-type {
        padding: 0 0 10px;
    }

}

.wysiwyg .agent:first-of-type {
    border-top:none;
    margin-top:0px;
}

/*Flowchart Graphics*/

.graphicStyle1{
    position: relative;
}

.graphicStyle1 > .row, .graphicStyle1 .col-12 .row{
    display:block;
    clear:both;
}

.graphicStyle1 h2 {
    text-align: center;
    margin-bottom: 8%;
    position: relative;
    font-family: "Barlow Condensed", sans-serif;
    width:100%;
}

 /*   .graphicStyle1 h2::before{
        z-index: 10;
        content: '\27A0\27A0';
        position:absolute;
        transform:rotate(90deg);
        font-size: 260px;
        color:#007dba;
        opacity:.2;
        top: 0%;
		left: 40%;
		transform-origin: left;
        display: block;
        white-space: nowrap;
        width: 95%;
		margin-top: 0px;
    }

 @media (min-width: 375px) {   
     .graphicStyle1 h2::before{
		 font-size: 300px;
        margin-left: 50%;
        width: 100%;
        margin-top: 50px;
		height: 0px;
    }
}
    
 @media (min-width: 540px) {   
     .graphicStyle1 h2::before{
		 content: '\27A0';
		 font-size: 400px;
		 left: 50%;
		 }
}

 @media (min-width: 768px) {   
     .graphicStyle1 h2::before{
        font-size: 575px;
        margin-left: 350px;
    }
}


 @media (min-width: 992px) {
    .graphicStyle1 h2::before{
         font-size: 575px;
        margin-left: 350px;
		margin-top: 10px;
    }
}

 @media (min-width: 1200px) {
    .graphicStyle1 h2::before{
         font-size: 575px;
        margin-left: 350px;
		margin-top: -30px;
    }
}
 */
.graphicStyle1 > .row > div, .graphicStyle1 .col-12 .row > div{
    display:block;
    max-width: 75%;
}

 @media (min-width: 540px) {  
	.graphicStyle1:not(.wide) > .row > div, .graphicStyle1:not(.wide) .col-12 .row > div{
	    display: block;
	    max-width: 50%;
	}
 }
 
 @media (min-width: 992px){
     .graphicStyle1 .col-12 {
            max-width: 768px;
            margin: 0 auto;
        }
    
     .graphicStyle1.wide .col-12 {
            max-width: 92%;
        }
        
    .graphicStyle1 .col-12 .row > div{
           max-width: 380px;
    }
        
    .graphicStyle1.wide .col-12 .row > div{
           max-width: 480px;
        }
}


.graphicStyle1 > .row > div > div,  .graphicStyle1 .col-12 .row > div > div{
   border-radius: 10px;
   
}

.graphicStyle1 > .row > div::after, .graphicStyle1 .col-12 .row > div::after{
   font-size: 70px;
   position: absolute;
   top: 0px;
   color: #007dba;
}

.graphicStyle1 > .row > div:nth-child(odd), .graphicStyle1 .col-12 .row > div:nth-child(odd)  {
    float:left;
    margin-bottom: 5%;
	padding-left:3px;
}


.graphicStyle1 > .row > div:nth-child(even), .graphicStyle1 .col-12 .row > div:nth-child(even) {
    float:right;
    margin-bottom: 5%;
    clear: both;
    padding-left: 3px;
    padding-right: 3px;
}

 @media (min-width: 540px) {  
	 .graphicStyle1:not(.wide) > .row > div:nth-child(odd), .graphicStyle1:not(.wide) .col-12 .row > div:nth-child(odd) {
	    margin-bottom: 20%;
	}

	.graphicStyle1:not(.wide) > .row > div:nth-child(even), .graphicStyle1:not(.wide) .col-12 .row > div:nth-child(even) {
	    margin-top: -20%;
	}
 }
 

 @media (min-width: 768px) {  
 	 .graphicStyle1 > .row > div:nth-child(odd), .graphicStyle1 .col-12 .row > div:nth-child(odd) {
	    margin-bottom: 21%;
	}
	.graphicStyle1 > .row > div:nth-child(even), .graphicStyle1 .col-12 .row > div:nth-child(even) {
	    margin-top: -22%;
	}
	 	.graphicStyle1 > .row > div:last-child, .graphicStyle1 .col-12 .row > div:last-child {
	    margin-top: -20%;
	}
 }
 

 @media (min-width: 992px) {
	.graphicStyle1 > .row > div:nth-child(odd), .graphicStyle1 .col-12 .row > div:nth-child(odd) {
	    margin-bottom: 20%;
	}
	.graphicStyle1 > .row > div:nth-child(even), .graphicStyle1 .col-12 .row > div:nth-child(even) {
	    margin-top: -19%;
	}
	
	.graphicStyle1.wide > .row > div:nth-child(odd), .graphicStyle1.wide .col-12 .row > div:nth-child(odd) {
	    margin-bottom: 22%;
	}
	.graphicStyle1.wide > .row > div:nth-child(even), .graphicStyle1.wide .col-12 .row > div:nth-child(even) {
	    margin-top: -18%;
	}

 }


 @media (min-width: 1200px) {
	.graphicStyle1 > .row > div:nth-child(odd), .graphicStyle1 .col-12 .row > div:nth-child(odd) {
	    margin-bottom: 18%;
	}
	.graphicStyle1 > .row > div:nth-child(even), .graphicStyle1 .col-12 .row > div:nth-child(even) {
	    margin-top: -16%;
	}

 }


    .graphicStyle1 > .row > div:nth-child(odd)::after, .graphicStyle1 .col-12 .row > div:nth-child(odd)::after{
       content:"\2935";
       top: 20px;
       left: 100%;
    }


	.graphicStyle1 > .row > div:nth-child(even)::after, .graphicStyle1 .col-12 .row > div:nth-child(even)::after{
	   content:"\2934";
	   right: 100%;
	   top: 20%;
	   transform:rotate(180deg);
	}


 @media (min-width: 540px) {  
	 .graphicStyle1 > .row > div:nth-child(odd)::after, .graphicStyle1 .col-12 .row > div:nth-child(odd)::after{
	   content:"\2935";
	   top:20%;
	   left: 100%;
	}

	.graphicStyle1 > .row > div:nth-child(even)::after, .graphicStyle1 .col-12 .row > div:nth-child(even)::after{
	   content:"\2934";
	   right: 100%;
	   top: 0%;
	   transform:rotate(180deg);
	}
 }
 
 @media (min-width: 768px) and (max-width: 992px){
    .graphicStyle1.wide .container {
        max-width: 92%;
    }

    .graphicStyle1.wide .col-12 .row > div.longStep::after {
        top: 50%;
    }
      .graphicStyle1.wide .col-12 .row > div.midStep::after {
        top: 25%;
    }
    
    .graphicStyle1.wide > .row > div.midStep:nth-child(odd), .graphicStyle1.wide .col-12 .row > div.midStep:nth-child(odd), .graphicStyle1.wide > .row > div.longStep:nth-child(odd), .graphicStyle1.wide .col-12 .row > div.longStep:nth-child(odd) {
        margin-bottom: 25%;
    }
    
    .graphicStyle1.wide > .row > div.midStep:nth-child(even), .graphicStyle1.wide .col-12 .row > div.midStep:nth-child(even), .graphicStyle1.wide > .row > div.longStep:nth-child(even), .graphicStyle1.wide .col-12 .row > div.longStep:nth-child(even) {
        margin-top: -18%;
    }
}

 @media (min-width: 1200px){
     
    .graphicStyle1.wide .col-12 .row > div.longStep::after {
        top: 40%;
    }
      .graphicStyle1.wide .col-12 .row > div.midStep::after {
        top: 22%;
    }
    
    .graphicStyle1.wide > .row > div.midStep:nth-child(odd), .graphicStyle1.wide .col-12 .row > div.midStep:nth-child(odd), .graphicStyle1.wide > .row > div.longStep:nth-child(odd), .graphicStyle1.wide .col-12 .row > div.longStep:nth-child(odd) {
        margin-bottom: 16%;
    }
    
    .graphicStyle1.wide > .row > div.midStep:nth-child(even), .graphicStyle1.wide .col-12 .row > div.midStep:nth-child(even), .graphicStyle1.wide > .row > div.longStep:nth-child(even), .graphicStyle1.wide .col-12 .row > div.longStep:nth-child(even) {
        margin-top: -16%;
    }
}


.graphicStyle1 > .row > div:last-child::after, .graphicStyle1 .col-12 .row > div:last-child::after{
    content:'';
}

.graphicStyle2 h2 {
    text-align: center;
    margin-bottom: 8%;
    position: relative;
    font-family: "Barlow Condensed", sans-serif;
    width:100%;
}

 @media (min-width: 768px) { 
    .graphicStyle2 h2::before {
        content: '\27A0';
        position: absolute;
        font-size: 575px;
        margin-top: 0%;
        color:#007dba;
        opacity:.1;
    }
}

.graphicStyle2 .row > div{
    margin-top: 1em;
    
}

.graphicStyle2 .row > div .card {
    padding:2px;
    background-color: rgba(255,255,255, .6);
    border-color: transparent;
    border-radius: 10px;
}

.graphicStyle2 .row > div .card-body {
    padding:2px;
    width: 100%;
    position: relative;
}

.graphicStyle2 .row > div .card-body h3{
      font-size: 1.3em;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
}

.graphicStyle2 .row > div .card-body .card-text {
   font-size: .9em;
   color: #000 !important;
   text-align: center;
}


    .graphicStyle2 .card-body::after {
        content: '\27A0';
        color: #b58500;
        font-size: 4em;
        margin: -20px  0px;
        display: block;
        text-align: center;
    }


@media (min-width: 1200px) {
    #nav-aux {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
}

 @media (max-width: 1440px) {
	 #nav-aux{
		 justify-content:flex-end;
	}
}