/*
Theme Name: TriDigital
Description: Enfold Customizable Child Theme
Version: 1.0
Author: Team at TriDigital Justin Hays @notwittercuzhesaloser, Joseph Mendoza @jmendoza_tx, Bill Wettingfeld @thebwett, Marvin Chau @shuzchef
Author URI: https://tridigitalmarketing.com/
Template: enfold
*/


/*~TYPOGRAPHY ------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700');

body {
    font-family: "Montserrat";
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1em;
  margin-top: 0;
  text-rendering: optimizeLegibility; /*  voodoo to enable ligatures and kerning | https://developer.mozilla.org/en-US/docs/CSS/text-rendering */
}

h1 {
  font-size: 72px;
  line-height: 1.2em;
  font-weight: 400;
}

h2 {
  font-size: 60px;
  margin-bottom: 20px;
}

h3 {
  font-size: 32px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 21px;
}

h6 {
  font-size: 18px;
}

.entry-content p {
    line-height: 1.5em;
    margin: auto auto 1.5em; /* bottom margin for paragraphs */
}

.light-weight,
.light-weight-heading {
    font-weight: 300;
}

.medium-weight {
    font-weight: 400;
}

.heavy-weight {
    font-weight: 900;
}

#top .uppercase {
    text-transform: uppercase;
}

.template-page .entry-content-wrapper h1,
.template-page .entry-content-wrapper h2 {
    letter-spacing: 0px;
}

@media screen and (max-width: 767px) {
    h1 {                  /*Change to desired text. Many time h1 and h2 are too large for mobile screens */
      font-size: 32px;
    }

    h2 {                 /*Change to desired text. Many time h1 and h2 are too large for mobile screens */
      font-size: 28px;
    }
}

/*~END TYPOGRAPHY --------------------------------------------------------*/

/*~NAVIGATION ------------------------------------------------------------*/

@media screen and (max-width: 1160px) {
    
   #avia-menu li:not(.av-burger-menu-main) {         /*Adjusts when main nav goes to mobile mode*/
       display: none;
   }
  
   .av-burger-menu-main {   /*Adjusts when hamburger menu appears*/
       display: block;
   }
   
}

/*~END NAVIGATION --------------------------------------------------------*/

/*~FORM ------------------------------------------------------------------*/

#top .gform_wrapper .gform_body input[type="text"], 
#top .gform_wrapper .gform_body input[type="email"], 
#top .gform_wrapper .gform_body textarea, 
#top .gform_wrapper .gform_body select {
	color: #2584c0;
	background-color: #fff;
	outline: none;
	border: 2px solid #A7AFB9;
	transition: all 100ms linear;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	-webkit-appearance: none;
	margin-bottom: 0;
	width: 100%;
    padding: 5% 2%;
    border-width: 1px; 
}

.avia-msie #top .gform_wrapper .gform_body input[type="text"], 
.avia-msie #top .gform_wrapper .gform_body input[type="email"], 
.avia-msie #top .gform_wrapper .gform_body textarea, 
.avia-msie #top .gform_wrapper .gform_body select {  /* USE TO CHANGE PLACEHOLDER ON IE */
    
}


#top .gform_wrapper.gf_browser_chrome .gform_body {  /*This motherfxcker was set to calc(100% + 15px)*/
    width: 100%;
}

#top ::-webkit-input-placeholder { text-indent: 0px; padding-left: 7px;  transition: text-indent 0.3s ease; font-weight: 400; color:#888888; font-size: 20px;}
#top ::-moz-placeholder { text-indent: 0px;  padding-left: 7px; transition: text-indent 0.3s ease; font-weight: 400; color:#888888; font-size: 20px;} /* firefox 19+ */
#top :-ms-input-placeholder { text-indent: 0px; padding-left: 7px;  transition: text-indent 0.3s ease; font-weight: 400; color:#888888; font-size: 20px;} /* ie */
#top input:-moz-placeholder { text-indent: 0px; padding-left: 7px;  transition: text-indent 0.3s ease; font-weight: 400; color:#888888; font-size: 20px;}

#top :focus::-webkit-input-placeholder { text-indent: -500px;   transition: text-indent 0.7s ease;}
#top :focus::-moz-placeholder { text-indent: -500px;   transition: text-indent 0.7s ease;} /* firefox 19+ */
#top :focus:-ms-input-placeholder { text-indent: -500px;   transition: text-indent 0.7s ease;} /* ie */

#top #wrap_all .gform_confirmation_wrapper {
    border: 1px solid #95cd80;
    background: #bee3b0;
    padding: 30px;
    border-radius: 10px;
    color: #2f6a2f;
    font-size: 18px;
}
   
#top #wrap_all .gform_confirmation_wrapper .gform_confirmation_message {
    position: relative;
    padding-left: 60px;

}

#top #wrap_all .gform_confirmation_wrapper .gform_confirmation_message:before {
    position: absolute;
    font-family: 'new-icons-upload';
    content: '\e372';
    font-size: 30px;
    left: 0;
    top: 50%;
    margin-top: -7px;
}

#top #wrap_all .gform_confirmation_wrapper .gform_confirmation_message:after {
    content: '';
    position: absolute;
    display: inline-block;
    height: 40px;
    width: 40px;
    border: 6px solid #57834d;
    top: 50%;
    left: -9px;
    margin-top: -20px;
    border-radius: 50%;
}

#header {
    border: 0px;
}

#top .av_header_transparency #header_meta {
    border-bottom: 0px; 
}

#top .avia-menu-text {
    font-size: 16px;
    text-transform: uppercase;  
}

#top #header {
    display: flex;
    width: 100%;
    flex-direction: column-reverse;
}

#top .sub_menu {
    padding-right: 13px; 
}

#top .sub_menu .menu-item a {
    font-size: 18px;
    text-transform: lowercase;
    font-weight: 400;
}

.logo {
    height: 102px;
}

.sub_menu li {
    border: 0px;
}

#top #header_meta {
    background: #2c3374;
    border: none; 
}

#header_main {
    border: none;
} 
 
#top .gform_footer .gform_button {
    color: #fff;
    background: #1c2047;
    border: 1px solid #8b8abb;
    font-size: 22px;
    text-transform: uppercase;
    width: 100%; 
    padding: 7% 0;
} 

#top #main .white-outline-btn .avia-button {
    color: #fff;
    background: #2c3374;
    border: 2px solid #8c8bbb;
    font-size: 24px;
    text-transform: none;
    padding: 2% 10%;
    display: block; 
    font-weight: 400;
} 

@media screen and (max-width: 767px) {
    #top .gform_body ul li {
        padding-right: 0px;
    }
    
    #top ::-webkit-input-placeholder {font-size: 18px;}
    #top ::-moz-placeholder {font-size: 18px;} /* firefox 19+ */
    #top :-ms-input-placeholder {font-size: 18px;} /* ie */
    #top input:-moz-placeholder {font-size: 18px;}
}

/*~END FORM --------------------------------------------------------------*/

/*~FOOTER-----------------------------------------------------------------*/
#socket {
    border: 0px;
}
 
#socket .copyright {
    font-size: 16px; 
}

#top #footer {
    padding-top: 4%;
    border: 0px;
}

#socket {
    border-top: 1px solid #888888;
} 

#footer .flex_column {
    width: 60%;
} 

#footer .container {
    display: flex;
}

#footer .container .flex_column:last-child {
    margin: 30px auto;
}

#footer h2 {
    font-size: 30px;
    line-height: 1.2em;
    margin-bottom: 0px; 
}

#footer .newsletter-form-container p {
    margin-top: 0px;
    margin-bottom: 0px;
}

#footer .flex_column.first {
    width: 34%;
    border-right: 1px solid #888888;
}

#top #footer .gform_wrapper .gform_footer {
	padding: 16px 0 10px;
    margin: 20px 0 0;
    clear: both;
    width: 39%;
    display: inline-block;
    vertical-align: top;
}

#top #footer .gform_wrapper .gform_body {
    width: 60%;
    display: inline-block;
}

#footer .footer-address {
    padding: 5%;
}

#footer .footer-address .address-detail {
    margin-left: 50px;
    font-family: "Montserrat";
    font-size: 18px;
    margin-top: 30px;
}   

#footer .gform_wrapper {
    margin: 0px;
}

#footer .gform_wrapper ul li.gfield:first-child {
    margin-top: 0px;
}

@media screen and (max-width: 767px) {
#footer .flex_column.first {
    border: none;
}

#footer .footer-address .address-detail {
    margin-left: 0px;
}
}
/*~END FOOTER-------------------------------------------------------------*/

/*~GENERAL ---------------------------------------------------------------*/
.mejs-container { /*new enfold updated screwed up the video player*/
    width: 100% !important;
}

.wide-content .container {
    max-width: 1360px;
}

.hero h1 {
    color: #fff;
}

.subtext {  /* USE THIS AS A BASE FOR SUB-HEADINGS AND SUB-TEXT */

}

.hero .subtext { /* USE FOR IF THE HERO SUB-HEADING OR SUB-TEXT IS DIFFERENT SIZES, COLOR, ECT. */
    
}

#top #main .hide-me {
    display: none;
}

.compressed-content .container {     /*Generally used for entire blocks of content including, text, pictures, videos etc...*/
    max-width: 960px;
    margin: 0 auto;
}

.compressed-text {   /*Used directly on avia-textblock (for text)*/
    max-width: 960px;
    margin: 0 auto;
}

.omit-list-style ul {
    list-style: none;
}

.td-icon-list li {          /*Used for unordered lists with custom icons / images */
    position: relative;
}

.td-icon-list li:before {          /*Used for unordered lists with custom icons / images */
    content: '';
    position: absolute;
    font-family: new-icons-upload;
    left: 0;
}

.td-icon-color li:before {          /*Used for unordered lists with custom icons / images */

}

.centered-text {
    text-align: center;
}

.td-triangle {         /*Can be used on the top of a color section */
    position: relative;
}

.td-triangle:before {         /*Can be used on the top of a color section */
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: 0px;
    visibility: visible;
    z-index: 1;
    border-top: solid 30px #f8f8f8;
    border-left: solid 80px transparent;
}

.no-opaque-hover a:hover .image-overlay {
    background-color: transparent;
}

.no-opaque-hover a .image-overlay {
    background-color: transparent;
}

.avia_image {
    border-radius: 0px;
}

#top .avia-section {
    border-top: none;
    position: relative;
}

#top .partners-widget li {
    display: inline-block;
    list-style: none; 
}

.white-text,
.white-text a,
.white-heading h2,
.white-heading h3,
.white-text blockquote {
    color: #fff;  
}

.purp-txt {
    color: #8b8abb;
}

.hero-subtext {
    font-size: 28px;
    line-height: 1.2em;
}

.purple-text {
    color: #fff;
} 

.dark-purple-text,
.dark-purple-text blockquote,
.dark-purple-heading h2,
.dark-purple-heading h3 { 
    color: #2c3374;
}

#top .light-weight-heading h2 {
    font-weight: 300;
}

#top .right-align {
    text-align: right;
}

#top #main .avia-button {
    color: #000;
    background: transparent;
    border: 2px solid #2c3374;
    font-size: 22px;
    text-transform: uppercase; 
    padding: 13px 20px 10px; 
    font-weight: 700; 
    transition: all .25s linear;
} 

#top #main .purple-btn .avia-button,
#top #main .td-purple-btn {
    color: #fff;
    background: #1c2047;
    border: 2px solid #8b8abb;
    padding: 13px 20px 10px; 
    font-weight: 700; 
    transition: all .25s linear;
} 

#top #main .avia-button:hover,
#top #main .td-purple-btn:hover {
    color: #fff;
    background: #2c3374;
    transition: all .25s linear;
}  

#top #main .avia-button:hover {
    color: #000;
    background: #8b8abb;
    transition: all .25s linear;
}  

#top .slide-entry {
    background-size: cover;
    background-position: center;
}

#top .slide-entry .slide-image,
#top .slide-entry{
    height: 405px;
}

#top .slide-entry .slide-image {
    z-index: 2;
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0);
    transition: all .1s linear;
}

#top .slide-entry .slide-image:hover {
    background: rgba(0,0,0,.2);
    transition: all .1s linear;
}

#top .slide-content .entry-title,
#top .slide-content .slide-entry-excerpt {
    color: #fff;
    background: #2c3374;
    padding: 5%;
}

#top .slide-content .slide-entry-excerpt {
    font-size: 18px;
    line-height: 1.2em;
    position: absolute;
    bottom: 0;
}

#top .slide-conent .entry-title a{
    font-size: 24px;
}  

#top .slide-content .entry-title h3:before {
    content: " \ "; 
}

#top .slide-content {
    position: relative;
    height: 100%; 
}

#top .slide-entry .entry-title {
    position: relative;
}

#top .slide-entry .entry-title:before {
    content: "| ";
}

.white-square.avia_textblock h2,
.white-square.avia_textblock p {
    display: initial;
    position: relative;
    background: #2c3374;
}  

.white-square .avia-image-container-inner {
    position: relative;
}

.white-square .avia-image-container-inner:before,
.white-square.box-heading.avia_textblock h2:before,
.white-square.box-text.avia_textblock .testimonial-intro:before,
.white-square.box-form .av_textblock_section:before {
    width: 125px;
    height: 80px;
    border: 1px solid #fff;
    position: absolute;
    content: "";
    background: transparent;
}

#top .grey-box .avia-image-container-inner:before {
    border-color: #c8c8cb; 
} 

#top .purple-box.box-form .av_textblock_section:before {
    border-color: #607caf; 
}

.white-square.box-form .av_textblock_section:before {
    width: 180px;
    height: 180px;
}

.white-square.top-right .avia-image-container-inner:before{
    top: -10%;
    right: -12%;
} 
 
.white-square.bottom-left .avia-image-container-inner:before {
    bottom: -10%;
    left: -12%; 
} 

.white-square.top-left .avia-image-container-inner:before {
    top: -10%;
    left: -12%; 
} 

#top .svg-container {
    position: absolute;
    top: 0;
    height: 100%;
    margin-top: 0px;
    padding: 2% 0;
    z-index:-1;
}

.svg-container svg {
    position: absolute;
    top: 0; 
}

.svg-container.svg-bracket-left {
    left: -5%; 
}

.wp-svg {
    left: -4%;
    margin-top: -400px!important;
}

.svg-container.svg-bracket-right svg {
    right: 0;
    left: auto;
    position: absolute;
    top: 0;
    left: auto;  
} 

.svg-container.svg-bracket-right {
    right: -5%; 
}
  
.svg-container.svg-bracket-right svg {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
} 

.svg-container svg,
.svg-container .avia_codeblock ,
.svg-container .avia_codeblock_section {
    height: 100%;
}

.svg-container.horizontal-svg{
    width: 40%;
}

.svg-container.horizontal-svg svg {
    width: 100%;
    top: -50%;
}

.svg-container.horizontal-svg.bottom {
    right: 0;
    top: 0%;
}  

.svg-container.horizontal-svg.bottom svg {
    top: auto;
    bottom: -25%;
}  


.svg-container.horizontal-svg.bottom svg {
    -moz-transform: scaleY(-1) scaleX(-1);
    -o-transform: scaleY(-1) scaleX(-1);
    -webkit-transform: scaleY(-1) scaleX(-1);
    transform: scaleY(-1) scaleX(-1);
    filter: FlipHV;
    -ms-filter: "FlipHV"; 
} 

.partners-section .container {
    max-width: 1560px;
} 

#top .partners-section ul {
    text-align: center;
} 

.partners-section .widget_text {
    padding: 0px;
}

.heading-column {
    margin-bottom: 50px;
}

.slide-entry .slide-entry-excerpt {
    position: relative;
    overflow: visible;
}

.slide-entry .slide-entry-excerpt:before {
    position: absolute;
    content: "";
    top: 0;
    left: 15px;
}

.slide-entry.blog .slide-entry-excerpt:before {
    background: url(/wp-content/uploads/2018/02/blog-icon.png);
    width: 48px;
    height: 42px;
    top: -57px; 
}

.slide-entry.whitepaper .slide-entry-excerpt:before {
    background: url(/wp-content/uploads/2018/02/whitepaper-icon.png);
    width: 41px;
    height: 34px;
    top: -56px; 
}

.slide-entry.video .slide-entry-excerpt:before {
    background: url(/wp-content/uploads/2018/02/video-icon..png);
    width: 44px;
    height: 45px;
    top: -60px; 
}

.slide-entry.ebook .slide-entry-excerpt:before {
    background: url(/wp-content/uploads/2018/02/ebook-icon.png);
    width: 51px;
    height: 47px;
    top: -62px; 
} 

#top.post-template-default .fix-quote {
    color: #1c214a !important;
    font-style: normal;
    font-size: 34px;
    line-height: 1.4;
    text-decoration: none;
}

#top.post-template-default .fix-attribution {
    font-size: 14px;
    font-family: 'Georgia';
}

#top #main blockquote {
    border: none;
    margin: 0;
    padding: 0;
    font-size: 18px;
}

#top #main blockquote cite {
    font-weight: 600;
    font-size: 18px;
    text-align: right;
}

#top .uppercase {
    text-transform: uppercase;
}

#top .bullet-column ul li {
    list-style: none;
    position: relative;
    margin-left: 0;
    padding-left: 50px;
    margin-bottom: 15px;
}   

#top .bullet-column ul li:before {
    width: 30px;
    height: 20px;
    border: 2px solid #fff;
    content: "";
    position: absolute;
    top: 5px;
    left: 0;  
} 


.contact-form-column .av_textblock_section{
  background-color: #1c214a;
  padding: 5%;
}

#top .contact-form-column .gform_wrapper .gform_body input[type="text"], 
#top .contact-form-column .gform_wrapper .gform_body input[type="email"], 
#top .contact-form-column .gform_wrapper .gform_body textarea, 
#top .contact-form-column .gform_wrapper .gform_body select {
    padding: 15px 2%;
}


#top .contact-form-column .gform_footer .gform_button {
    padding: 3% 0; 
    max-width: 300px;
    text-transform: none; 
}

#top .contact-form-column .gform_footer {
    padding-right: 16px;
    text-align: right;
}

#top #field_8_17 label {
    color: white;
    font-weight: 300;
}

#top #field_8_17 input {
    min-width: 60px;
    text-align: center;
}

#top #field_8_17 i {
    display: none;
}

#top #field_8_17 ::-webkit-input-placeholder {
    text-align: left;
}

#top .mobile-view {
    display: none;
}

#top .empty {
    display: none;
}


#top .remove-margin-top {
    margin-top: 0px;
}

#top .reduced-margin-top {
    margin-top: 10px;
}

#top .half-purple-section {
    position: relative;
}

#top .half-purple-section:before {
    position: absolute;
    width: 100%;
    height: 70%;
    top: 0;
    left: 0;
    background: #2c3374;
    content: "";
}

#top .small-heading h2 {
    font-size: 24px ;
}

#top .large-text p {
    font-size: 28px;
}
 
@media screen and (max-width: 767px) {
    .flexed .entry-content-wrapper,
    #top .flexed .flex_column_table {      /*Used to switch the order two pieces of content when going to mobile*/
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    
    #top .flexed-order .flex_column_table {      /*Used to order more than 2 elements when going mobile - Will need to add few lines of code to select the sections you want to order*/
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .avia-section-huge .content,
    .avia-section-large .content {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    #top .svg-container.horizontal-svg.bottom svg {
        bottom: -50%;
    }
    
    .responsive #top #wrap_all .slide-entry {
        width: 100%;
        margin: 30px 0; 
    }
    
    #top #footer .gform_wrapper .gform_footer {
        width: 100%;
        margin-top: 0px;
    }
    
    #top #footer .gform_wrapper .gform_body {
        width: 100%;
        margin-top: 30px;
    }
    
    #footer .container {
        display: block;
    } 
    
    #header_meta {
        display: none;
    } 
    
    #top .mobile-view {
        display: block;
    }
}

/*~END GENERAL -----------------------------------------------------------*/

/*~HOME-------------------------------------------------------------------*/
.home-page#top #main .hero .avia-button {
    color: #fff;
}
.home-page .service-section .service-column .av_textblock_section,
.home-page .service-section .service-icon {
    display: inline-block;
}

.home-page .service-section .service-column .av_textblock_section  {
    width: 65%;
    z-index: 12;
    position: relative;
}

.home-page .service-section .service-icon {
    width: 33%;
    vertical-align: top;
    z-index: 10;
} 


.home-page .white-box {
    max-width: 195px;
    margin: 0 auto;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    text-transform: uppercase;
    text-align: center; 
}

.home-page .service-column {
    padding: 0 2%;
    margin-bottom: 30px;
    display: inline-block;
    float: none;
    vertical-align: top;
    margin-left: 0px;
} 

.home-page .service-section .flex_column_table {
    margin-bottom: 5%;
}

.home-page .service-section .middle-service {
    position: relative;   
}

.home-page .service-section .middle-service:before {
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    content: "";
    height: 90px;
    border-right: 2px solid #8b8abb;
    border-left: 2px solid #8b8abb; 
    visibility: visible;
}

.home-page .service-section .entry-content-wrapper {
    text-align: center;
}

.home-page .service-section .service-description p,
.home-page .service-section .service-description h3 {
    text-align: left;
}
 
.home-page .appsolute-quality-section .svg-container {
    padding: 0;
    margin: 0;
}

.home-page .success-section {
    margin-bottom: 50px;
}

.home-page .appsolute-quality-section {
    padding: 5% 0;
}

.home-page .td-topright-bottomleft img {
    transition-delay: .7s;
}

.home-page .td-bottomleft-topright img {
    transition-delay: .7s;
}

.home-page .white-square.bottom-left .avia-image-container-inner:before {
    transition-delay: 1.2s;
} 

.home-page .white-square.top-right .avia-image-container-inner:before,
.home-page .white-square.top-right.avia_textblock h2:before {
    transition-delay: 1.2s; 
}  

.home-page .right-border:after {
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    content: "";
    height: 90px;
    border-right: 2px solid #8b8abb;
    visibility: visible;
}

.home-page .right-border {
    position: relative;
}


@media screen and (max-width: 767px) {
    .home-page#top #main .success-section {
        margin: 50px 0;
    } 
    
    .home-page .service-section .middle-service:before {
        display: none;
    }
    
    .home-page .appsolute-quality-section .flex_column_table {
        padding: 0 8%;
    }
    
    .home-page#top .flex_column_table:nth-child(4){
        display: flex;
        flex-direction: column-reverse;
    } 
}

/*~END HOME---------------------------------------------------------------*/

/*~ABOUT US---------------------------------------------------------------*/

.about-us-page .flex_column_table:nth-child(2){
    max-width: 635px;
    margin: 0 auto; 
} 

.about-us-page .flex_column_table:nth-child(4),
.about-us-page .flex_column_table:nth-child(5),
.about-us-page .flex_column_table:nth-child(6) {
    max-width: 950px;
    margin: 0 auto 30px;
} 

.about-us-page#top .flex_column_table:nth-child(4) .av-flex-placeholder,
.about-us-page#top .flex_column_table:nth-child(5) .av-flex-placeholder,
.about-us-page#top .flex_column_table:nth-child(6) .av-flex-placeholder {
    width: .5%;
}   

.about-us-page .bio {
    height: 100%;
    background: rgba(27,31,68,.8);
    color: #fff; 
    padding: 5%;
    position: absolute;
    bottom: -100%;
    margin-bottom: 60px; 
    transition: all .3s ease-in;
}

.about-us-page .bio h3 {
    text-align: center;   
} 

.about-us-page .bio hr {
    max-width: 100px;
    margin: 10px auto 36px;
}

.about-us-page .av_one_fourth .bio h3 {
    padding: 15px 0 10px;
}

.about-us-page .flex_column:hover .bio {
    bottom: -100%;
    margin-bottom: 60px; 
} 

.about-us-page .bio.core {
    transition: none;  
}  

.about-us-page .flex_column:hover .bio.core {
    transition: none;  
    margin-bottom: 70px;
}  
 

.about-us-page .bio-section .flex_column_table .flex_column {
    position: relative;
    max-height: 430px;
    height: 480px;
    overflow: hidden;  
}  

.about-us-page .bio.core {
    margin-bottom: 70px; 
    padding: 3%;
    width: 100%;
}
 
.about-us-page#top .flex_column_table:nth-child(4) .flex_column,
.about-us-page#top .flex_column_table:nth-child(5) .flex_column,
.about-us-page#top .flex_column_table:nth-child(6) .flex_column{
    max-height: 400px;
    height: 400px;
}   

.about-us-page#top .flex_column_table:nth-child(4) h3,
.about-us-page#top .flex_column_table:nth-child(5) h3,
.about-us-page#top .flex_column_table:nth-child(6) h3{
    font-size: 18px;
    margin-bottom: 0px;
    line-height: 1.2em;
}  

.about-us-page#top .flex_column_table:nth-child(4) p,
.about-us-page#top .flex_column_table:nth-child(5) p,
.about-us-page#top .flex_column_table:nth-child(6) p {
    margin-top: 0px; 
    line-height: 1.2em;
    min-height: 2.4em; 
    font-size: 15px;
}  

.about-us-page#top .bio-section .no_margin.av_one-fifth {
    width: 19%;
    margin-right: .5%;
} 
  
.about-us-page#top .svg-container {
    top: 20%;
    height: 65%;
    right: -10%;
}

.about-us-page#top .svg-bracket-left {
    left: -15%;
}

.about-us-page#top .our-story-section .flex_column_table,
.about-us-page#top .our-story-section .av_one_full {
    padding-left: 10%;   
} 

.about-us-page#top .bio-section .svg-bracket-left {
    left: -10%;
}

@media screen and (max-width: 1065px) and  (min-width: 767px) {
   .about-us-page .bio.core {
        margin-bottom: 70px; 
    }
    
   .about-us-page#top .bio.core p {
        min-height: 3.6em; 
    } 
} 


@media screen and (max-width: 827px) and  (min-width: 767px) {
   .about-us-page .bio.core {
        margin-bottom: 110px; 
    }
    
   .about-us-page#top .bio.core p {
        min-height: 4.8em; 
    } 
} 

@media screen and (max-width: 767px) {
    .about-us-page#top .svg-container {
        display: none; 
    }
    
    .about-us-page#top .our-story-section .flex_column_table {
        display: flex;
        flex-direction: column-reverse; 
    }
} 
/*~END ABOUT US-----------------------------------------------------------*/

/*~SOLUTIONS--------------------------------------------------------------*/

.services-page .service-column .avia-image-container {
    max-width: 25%;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.services-page .service-column .av_textblock_section  {
    max-width: 73%;
    width: 100%;
    display: inline-block;
} 

.services-page .service-column .av_textblock_section:nth-child(3){
    max-width: 100%;
} 

.services-page .service-intro-section {
    position: relative;
}

.services-page#top .service-intro-section .content {
    padding-bottom: 10%;
} 
 
.services-page#top .service-intro-section .svg-container {
    position: absolute;
    height: 100%;
    margin-top: 0px;
    padding: 2% 0;
    z-index: -1;
    bottom: -45%;
    width: 100%;
    right: 40%;
}   

.services-page#top .service-intro-section .svg-container svg {
    width: 50%;
    top: auto;
    position: absolute;
    bottom: -15%;
    height: auto;
}

.services-page#top .white-square.top-right .avia-image-container-inner:before {
    transition-delay: .5s;
} 

.services-page .td-bottomleft-topright img {
    transition: all .5s ease-in;
} 

.services-page .erp-list li:before {
    width: 30px;
    height: 25px;
    position: absolute;
    top: -10px;
    left: -20px;
    z-index: -1;
    content: "";
    border: 1px solid #424881;
}  

.services-page .erp-description {
    position: relative;
    padding: 1% 2% 1%;
    max-width: 900px;
    margin: 0 auto;
    float: none;
} 

.services-page .erp-column .avia-image-container,
.services-page .erp-column .av_textblock_section {
    max-width: none;
    width: initial;
    vertical-align: middle;
    text-align: left;
} 

.services-page .erp-column {
    padding: 0;

}

.services-page#top .service-description h3 {
    text-transform: uppercase;
}

    .services-page .erp-list li {
        display: block;
        position: relative;
        list-style: none;
        background: #d9d9db;
        margin: 0 3% 5%;
        text-align: left;
        padding: 0 0px 0 10px;
        font-size: 20px;
        font-weight: 600;
        max-width: 100%;
        vertical-align: top;
    }  
 

.services-page#top .square-bullet li {
    position: relative;
    margin-top: 15px;
    margin-left: 40px;
}

.services-page#top .square-bullet li:first-child {
    margin-top: 25px;
}

.services-page#top .square-bullet li:before {
    content: url(/wp-content/uploads/2020/02/Rectangle-12.png);
    left: -45px;
    position: absolute;
    top: 5px;
}

.services-page#top .white-square.box-form.top-left.fix-top .av_textblock_section:before {
    top: 0;
}

.services-page.ppc#top h3 {
    font-size: 28px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ppc .margin-top-20 {
    margin-top: 20px;
}

.ppc .dual-btns {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ppc .dual-btns a,
#top.ppc .purp-btn {
    background: #262C6A;
    border: solid 1px #8B8ABB;
    font-size: 20px;
    color: #FFFFFF;
    padding: 15px;                
    min-width: 300px;
    text-align: center;
    margin-top: 35px;
    transition-duration: .5s;
    text-decoration: none;
    text-transform: uppercase;
}

.ppc .purple-text {
    color: #262C6A;
}

.ppc .dual-btns a:hover,
#top.ppc .purp-btn:hover {
    background: #8B8ABB;
    color: #fff;
    cursor: pointer;
}

.ppc .dual-btns a:last-child {
    margin-left: 50px;
}

.ppc .hr-inner-style {
    display: none;
}

.ppc.managed-services #av_section_1 .container {
    padding-top: 220px;
    padding-bottom: 150px;
}

.ppc.managed-services #av_section_2 .container {
    padding-top: 00px;
    padding-bottom: 00px;
}

.ppc.managed-services #av_section_4 .container {
    padding-top: 100px;
    padding-bottom: 100px;
}

.ppc.managed-services #av_section_5 .container {
    padding-top: 70px;
    padding-bottom: 90px;
}

.ppc .dark-text p,
.ppc .dark-text cite {
    color: #252424;
}

.ppc .margin-top-60 {
    margin-top: 60px;
}

.ppc .pum {
    background: rgba(0,0,0,.5) !important;
}

.ppc .pum #popmake-4252 {
    background-color: #1c214a !important;
    padding: 25px !important;
    max-width: 100%;
    width: 500px;
}

.ppc .contact-form-column.popout-form {
    border-radius: 0px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 19999999999;
    background: rgba(0,0,0,.5);
    bottom: 0;
}

.ppc .contact-form-column.popout-form .av_textblock_section {
    background-color: #1c214a;
    padding: 50px;
    max-width: 700px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    padding-top: 25px;
    padding-bottom: 25px;
    top: 7%;
}

.close-btn {
    display: none;
}

.popout-form .close-btn {
    text-align: right;
    display: initial;
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: -10px;  
    color: white;
}

#top.ppc .contact-form-column .gform_button:hover {
    background: #8B8ABB;
    color: #fff;
    cursor: pointer;
}

@media screen and (min-width: 767px) {
    .services-page .service-column {
        padding-left: 5%;
    }
    
    .services-page .service-column.first {
        position: relative;
        padding-right: 5%;
        padding-left: 0%;
    }
    
    .services-page#top .service-column.border-right-animation:before {
        border-right: 2px solid #8b8abb;
        content: "";
        width: 100%;
        height: 0%;
        position: absolute;
        visibility: visible; 
        transition: height .75s ease-in;
        transition-delay: .5s;
        z-index: -1;
    }   
    
    .services-page#top .service-column.border-right-animation.start:before {
        height: 85px;
    } 
    
    .services-page .service-section .erp-column {
        margin-bottom: 0%;
    }
    
    .services-page .erp-list ul {
        text-align: left;
    } 
    
    .services-page .erp-list li {
        display: inline-block;
        position: relative;
        list-style: none;
        background: #d9d9db;
        margin: 0 3% 5%;
        text-align: left;
        padding: 0 0px 0 10px;
        font-size: 20px;
        font-weight: 600;
        max-width: 100%;
        vertical-align: top;
    } 
}

@media screen and (max-width: 767px) {
    .services-page .svg-container {
        display: none;
    }
    
    .ppc .dual-btns {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    #top.ppc.managed-services #av_section_1 .container {
        padding-top: 100px;
        padding-bottom: 90px;
    }
    
    .ppc .dual-btns a:last-child {
        margin-left: 0px; 
    }

    .ppc.managed-services #av_section_4 .container {
        padding-top: 0;
        padding-bottom: 0;
    }
}

/*~END SOLUTIONS----------------------------------------------------------*/

/*~PROCESS----------------------------------------------------------------*/

.process-page #main {
    background-color: #2c3374;
}

.process-page .hero {
    z-index: 50;
}

.process-page .avia-section {
    background-color: transparent;
}

.process-page#top .process-number-section {
  background: transparent; 
  z-index: 10;
  position: fixed; 
  width: 50%;
  right: 0;
}  

.process-page#top .process-number-section.absolute {
    position: absolute;
    bottom: 0;
}

.process-page .process-count {
    font-size: 42px;
    font-family: "Lato"; 
    opacity: .5;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: -50px;
}

.process-page .current-process {
    display: inline-block;
    font-size: 355px;
    line-height: 1.2em;
    overflow: hidden;
    height: 355px;
    margin-left: -30px;
}

.process-page .current-process li {
    font-size: 355px;
    line-height: 1.2em;
    list-style: none;
    margin-left: 0;
    font-family: "Lato";
    font-weight: 300; 
    letter-spacing: -20px;
} 

.process-page .current-process {
    position: relative; 
}

.process-page .current-process:before {
    content: "0";
    font-size: 355px;
    line-height: 1.2em;
    margin-left: 0;
    font-family: "Lato";
    font-weight: 300;
    letter-spacing: -120px;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.process-page .current-process ul {
    display: inline-block;
    position: relative;
}  

.process-page .process1 .current-process ul {
    margin-top: 0;
    transition: margin-top .4s cubic-bezier(0.4, 0, 0.2, 1);
}  

.process-page .process2 .current-process ul {
    margin-top: -1.25em;
    transition: margin-top .4s cubic-bezier(0.4, 0, 0.2, 1);
}

.process-page .process3 .current-process ul {
    margin-top: -2.50em;
    transition: margin-top .4s cubic-bezier(0.4, 0, 0.2, 1);
}

.process-page#top .counter-column {
    border-radius: 0px;
    width: 100%;
    max-width: 388px;
    display: block;
    margin: 0 auto;
} 

.process-page .counter-column .av_textblock_section {
    text-align: left;
}  

.process-page .dot-container {
    position: absolute;
}

.process-page .dot-container li {
    list-style: none;
    display: inline-block;
    font-size: 60px;
    margin: 0 5px;
    position: relative;
}

.process-page .dot-container li a:before {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -12px;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255,255,255,.6);
    content: "";
    border-radius: 25px;
    opacity: 0;
    transition: opacity .2s linear;
}

.process-page .dot-container li.active a:before {
    opacity: 1;
    transition: opacity .2s linear;
}



.process-page#top .dot-container a {
    padding: 10px;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff; 
    text-decoration: none;
} 

.process-page#top .dot-container {
    z-index: 10; 
}

#top .form-phone-num {
    text-decoration: underline;
}

@media screen and (min-width: 767px) {
    
    .process-page#top #main .process-section .content {
        width: 50%;
    }  
}


@media screen and (max-width: 1000px) {
    .process-page .current-process:before,
    .process-page .current-process li {
        font-size: 250px; 
        line-height: 1.2em;
        margin-left: 20px;
    }  
    
    .process-page .current-process {
        height: 250px;
        font-size: 250px;
    }
}

@media screen and (max-width: 767px) {
.process-page#top .counter-column {
    display: none;
} 

}
/*~END PROCESS------------------------------------------------------------*/

/*~RESOURCES--------------------------------------------------------------*/


.resources-page#top .start .white-square.bottom-left .avia-image-container-inner:before {
    bottom: 20%;
    left: -5%; 
    opacity: 1; 
}

.resources-page#top .white-square.bottom-left .avia-image-container-inner:before {
    bottom: 20vh;
    left: 20vh;
    opacity: 0;
    transition: all .3s linear;
    transition-delay: .25s;
} 

.resources-page#top .resources-nav li {
    display: inline-block;
    color: #1c2047;
    text-transform: uppercase;
    padding: 1% 2%;
    border-left: 2px solid #1c2047;
    border-top: 2px solid #1c2047;
    border-bottom: 2px solid #1c2047;
    background: rgba(28,32,71,0);
    transition: all .3s linear;
    margin-left: -5px; 
    cursor: pointer;
}

.resources-page#top .resources-nav li:hover,
.resources-page#top .resources-nav li.active {
    color: #fff;
    background: rgba(28,32,71,1);
    transition: all .3s linear;    
}

.resources-page#top .resources-nav li:last-child {
    border-right: 2px solid #1c2047;   
}

.resources-page#top .resource-nav-container .widget_search {
    max-width: 580px; 
    float: right;
}

.resources-page#top .resource-nav-container .widget_search input {
    border: 2px solid #1c2047;
}  

.resources-page#top .resource-nav-section .avia-builder-widget-area {
    display: inline-block;
    max-width: 16%;
    height: 53px; 
    vertical-align: top;
    border: 2px solid #1c2047;
    margin-left: -13px;
} 

.resources-page#top .resource-nav-section .avia-builder-widget-area .widget,
.resources-page#top .resource-nav-section .avia-builder-widget-area form,
.resources-page#top .resource-nav-section .avia-builder-widget-area form div,
.resources-page#top .resource-nav-section .avia-builder-widget-area form input{
    height: 100%;
}

.resources-page#top .resource-nav-section .avia-builder-widget-area .widget {
    padding: 0;
} 

.resources-page#top .resources-nav {
    display: inline-block;
    width: 100%;
    max-width: 83%;    
}

.resources-page .resources-section {
    display: none;
}

.resources-page .resources-section.active {
    display: block;
    background-color: #f0f0f0;
}

.resources-page .resources-section .content { 
    padding-top: 0px;
}

.resources-page#top #main select.resources-drop-down {
    color: #1c2047;
    text-transform: uppercase;
    padding: 1% 2%;
    border: 2px solid #1c2047;
    background-color: rgba(28,32,71,0);
    display: none; 
}  

.resources-page .slide-meta,
.resources-page .fallback-post-type-icon {
    display:none;
}

.resources-page .acumatica h3 {
    font-size: 20px;
}

.resources-page .toggler  {
    color: #fff;
    background: rgba(28,32,71,1);
    transition: background .5s linear;
}

.resources-page .toggler:hover  {
    background: rgba(28,32,71,.7);
    transition: background .5s linear;
}

@media screen and (min-width: 767px) {
    .resources-section .slide-entry {
        margin-left: 2%;
        width: 23.5%;
    }
    
    .resources-page .slide-entry.first {
        margin-left: 0;
    }  
}


@media screen and (max-width: 1320px) {
    .resources-page#top #main select.resources-drop-down {
        display: block;
    }  
    
    .resources-page#top .resources-nav {
        display: none;
    }
    
    .resources-page#top .resource-nav-section .avia-builder-widget-area {
        max-width: 100%;
        width: 100%;
        margin-left: 0px;
        border: none;
    }
}

@media screen and (max-width: 767px) {
    .resources-page#top #main select.resources-drop-down {
        font-size: 15px;   
        padding: 5%;
    }
}

/*~END RESOURCES----------------------------------------------------------*/

/*~CONTACT US-------------------------------------------------------------*/

.contact-us-page .contact-heading {
    font-size: 60px;
    color: #2b3170;
    margin-top: 50px; 
    font-weight: 600;
    display: block;
    text-transform: uppercase;
    line-height: 1em;
}

.contact-us-page .avia_textblock p:first-child .contact-heading {
    margin-top: 0px;
} 

.contact-us-page .contact-form-column h2 {
    font-size: 30px;
    margin: 10px 0 30px;
} 

.contact-us-page#top .purple-box .av_textblock_section:before {
    border-color: #607caf;
    border-width: 2px
}

.contact-us-page .form-section .content{
    padding-top: 10%;
    color: #1c214a;
}

#top.contact-us-page .contact-form-column .gform_footer {
    padding-right: 16px; 
    text-align: right;
}

#top.contact-us-page .contact-form-column .gform_footer .gform_button {
    padding: 3% 0; 
    max-width: 300px;
    text-transform: none; 
}
@media screen and (max-width: 767px) {
    .contact-us-page .contact-heading {
        font-size: 50px;   
    }
}

/*~END CONTACT US---------------------------------------------------------*/

/*~SUPPORT----------------------------------------------------------------*/

.support-page .support-form-column .av_textblock_section{
  background-color: #1c214a;
  padding: 5%;
} 

.support-page .support-form-column h2 {
  font-size: 30px;
  font-weight: 700;
}

.support-page#top .support-form-column li {
    margin-top: 10px;
}
 
.support-page#top .gform_wrapper .gform_body input[type="text"], 
.support-page#top .gform_wrapper .gform_body input[type="email"], 
.support-page#top .gform_wrapper .gform_body textarea, 
.support-page#top .gform_wrapper .gform_body select {
    padding: 3% 2%;
}

.support-page#top .gform_footer {
    padding-right: 17px; 
}

.support-page#top .gform_footer .gform_button {
    max-width: 200px;
    float: right;
    padding: 3% 0;
    text-transform: capitalize;
}

.support-page#top .contact-detail-column p {
    max-width: 320px;
    color: #1c214a;
    line-height: 1.2em;
    margin-top: 0;
}

.support-page#top .email-container {
    margin-top: 40px;
}

.support-page .form-section {
    padding-top: 5%; 
}
 
.support-page .form-section .support-form-column {
    position: relative;
}

.support-page#top .svg-container {
    top: 50%;
    left: -7%;
} 

.support-page#top .form-text {
    padding-left: 8%;
}
 
@media screen and (max-width: 767px) {
    .support-page#top .svg-container {
        display: none;
    }  
    
    .support-page .form-text {
        margin-bottom: 50px;
    }
    
    .support-page .support-form-column .av_textblock_section {
        padding-bottom: 50px;
    }
}

/*~END SUPPORT------------------------------------------------------------*/

/*~INDUSTRIES-------------------------------------------------------------*/

.industries-page {

}

@media screen and (max-width: 767px) {

}

/*~END INDUSTRIES---------------------------------------------------------*/

/*~EVENTS-------------------------------------------------------------*/

.events-page .event-heading {
    font-size: 28px;
    margin-bottom: 0px; 
}

.events-page .event-details {
    font-size: 24px;
    font-weight: 400; 
}

.events-page .avia-button-wrap {
    width: 100%;
}

.events-page#top .svg-container.horizontal-svg svg {
    width: 100%;
    bottom: 15%;
    height: 50%;
    top: auto;
    left: 40%;
}

.events-page .event-text {
    padding-right: 10%;
}
@media screen and (max-width: 767px) {
    .events-page#top .svg-container {
        display: none;   
    }
}

/*~END EVENTS---------------------------------------------------------*/

/*~REFERENCES-------------------------------------------------------------*/

.testimonials-page#top .white-box .testimonial-intro:before {
    top: 2vh;
    right: 2vh;
    opacity: 0;
    transition-delay: 1.2s;
}  

.testimonials-page#top .white-box .start.testimonial-intro:before {
    top: -10%;
    right: -5%;
    opacity: 1;
    z-index: -1;
} 

.testimonials-page .white-square.avia_textblock p {
    display: block;
    position: relative;
    background: #2c3374;
    padding-right: 20px;
    padding-top: 20px; 
}

.testimonials-page#top .testimonial-section .flex_column_table {
    margin-bottom: 12%;
}

.testimonials-page#top .testimonial-section .flex_column_table:nth-child(4) {
    margin-bottom: 0;
    padding-bottom: 25px;
} 

.testimonials-page#top .testimonial-section {
    margin-bottom: 5%;
}

.testimonials-page#top .intro-section .content {
    padding-bottom: 5%;
} 

@media screen and (max-width: 767px) {
    .testimonials-page .svg-container {
        display: none;
    }
    .testimonials-page#top .testimonial-section .flex_column_table {
        margin-bottom: 50px;
    }
    
    .testimonials-page#top .testimonial-section .flex_column_table:nth-child(odd) {
        display: flex;
        flex-direction: column-reverse;
    }

}

/*~END REFERENCES---------------------------------------------------------*/

/*~CAREERS----------------------------------------------------------------*/

.careers-page .start .white-square.top-right.avia_textblock h2:before{
    top: -60%;
    right: -12%;
    opacity: 1;
    z-index: -1;
}

.careers-page#top .careers-intro-section .content {
    padding-top: 8%;
} 

.careers-page#top .perk {
    font-size: 28px;
    max-width: 250px;
    margin: 0 auto;
    line-height: 1.2em;
}

.careers-page .perks-section .flex_column_table  {
    margin-bottom: 50px;
}

.careers-page .form-section h2 {
    font-size: 30px;
}

.careers-page .form-section .av_textblock_section  {
    padding:  10%;
} 

.careers-page#top .form-section .gform_footer .gform_button {
    padding: 3% 5%;
    float: right;
    margin-right: 13px;
    width: initial;
}

#top.careers-page .form-section .gform_wrapper .gform_body input[type="text"], 
#top.careers-page .form-section .gform_wrapper .gform_body input[type="email"], 
#top.careers-page .form-section .gform_wrapper .gform_body textarea, 
#top.careers-page .form-section .gform_wrapper .gform_body select {
    padding: 3% 2%;
}

.careers-page#top .purple-box.contact-form-column:before {
    border-color: #607caf;
    border-width: 2px;
    z-index: -1;
    top: 5vh;
    left: 5vw;
    opacity: 0;
    transition: all .25s ease-in;
    transition-delay: 1s;
    width: 200px;
    height: 200px;
    border: 2px solid #607caf;
    position: absolute;
    content: "";
    background: transparent; 
} 

.careers-page#top .start .purple-box.contact-form-column:before{
    top: -10%;
    left: -10%;
    z-index: -1;
    visibility: visible;
    opacity: 1;
}

.careers-page#top .purple-box .av_textblock_section {
    background : #1c214a;
}
 
.careers-page .white-square.box-form .av_textblock_section:before {
    display: none;
}

@media screen and (max-width: 1015px) {
    .careers-page .start .white-square.top-right.avia_textblock h2:before {   
        top: -30%;
        right: -55%;
        opacity: 1;
        z-index: -1;
    }
}

@media screen and (max-width: 767px) {
    
.careers-page .start .white-square.top-right.avia_textblock h2:before {   
    top: -100%;
    right: -25%;
    opacity: 1;
    z-index: -1;
    
}
}

/*~END CAREERS------------------------------------------------------------*/

/*~REFERRAL PAGE--------------------------------------------------------------------*/

.referral-page p {
    font-family: "Lato";
    font-size: 20px;
}

.referral-page h1 {
    font-family: "Lato";
    font-weight: 500;
    font-size: 60px;
}

.referral-page .purple-text {
    color: #8C8BBB!important;
}

.referral-page .hero-subtext {
    font-size: 27.62px;
    font-weight: 300;
}

.referral-page .disclaimer {
    font-size: 14px;
}

.referral-page h2 {
    font-family: "Lato";
    font-size: 30px;
    font-weight: 400;
    text-align: left;
}

.referral-page  li.main-list {
    padding-left: 20px;
}

.referral-page li.lower-alpha {
    list-style: lower-alpha;
    text-indent: 20px;
}

.referral-page li.disclaimer {
    list-style: none;
    line-height: initial;
}


/*~END REFERRAL PAGE----------------------------------------------------------------*/

/*~BLOG-------------------------------------------------------------------*/

.blog-page {

}

/*~BLOG ARCHIVE ----------------------------------------------------------*/
/* Post Title */
.blog .entry-title {
    
}

/* Aside */
.blog .sidebar .widgettitle {
    
}

/*~BLOG POST -------------------------------------------------------------*/
.single-post .wp-block-media-text figure {
    align-self: normal;  
}

.single-post .wp-caption {
    border: none;
}

/* Aside */
.single-post .sidebar .widgettitle {
    
}

.single-post#top .entry-content a {
    color: #8b8abb;
}

/* Content H1-H3 */
.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3 {
    line-height: 1em;
}

/* Title */
.single-post .post-title {
    font-size: 36px;
    margin-bottom: 5px;
}

.single-post .entry-content h2 {
    font-size: 28px;
    margin-bottom: 10px;
}

.single-post .entry-content h3 {
    font-size: 20px;
    margin-bottom: 5px;
}

.single-post .blog-categories,
.single-post .text-sep-cat{
    display: none;
}
/*~BLOG ARCHIVE ----------------------------------------------------------*/

@media screen and (max-width: 767px) {

}

/*~END BLOG---------------------------------------------------------------*/


/*~ANIMATIONS------------------------------------------------------------*/
.td-topright-bottomleft img {
    position: relative;
    top: -5vh;
    right: -5vw;
    opacity: 0;
    transition: all .25s ease-in;
} 

.start .td-topright-bottomleft img {
    top: 0vh;
    right: 0vw;
    opacity: 1;
}

.td-bottomleft-topright img {
    position: relative;
    bottom: -5vh;
    left: -5vw;
    opacity: 0;
    transition: all .25s ease-in;
}

.start .td-bottomleft-topright img {
    bottom: 0vh;
    left: 0vw;
    opacity: 1;
}

.td-bottomright-topleft img{
    position: relative;
    bottom: -5vh;
    right: -5vw;
    opacity: 0;
    transition: all .25s ease-in;
}

.white-square.box-form.top-left .av_textblock_section:before {
    top: 5vh;
    left: 5vw;
    opacity: 0;
    transition: all .25s ease-in;
    transition-delay: 1s;
}


.start .td-bottomright-topleft img {
    bottom: 0vh;
    right: 0vw;
    opacity: 1; 
} 

.white-square.bottom-left .avia-image-container-inner:before {
    bottom: 2vh;
    left: 2vh;
    opacity: 0;
    transition: all .3s ease-in;
    transition-delay: .25s;
} 

.start .white-square.bottom-left .avia-image-container-inner:before {
    bottom: -10%;
    left: -12%;
    opacity: 1;
} 

.white-square.top-right .avia-image-container-inner:before,
.white-square.top-right.avia_textblock h2:before,
.start .white-square.top-right.avia_textblock .testimonial-intro:before{
    top: 2vh;
    right: 2vh;
    opacity: 0;
    transition: all .3s ease-in;
    transition-delay: 1.2s;
} 

.start .white-square.top-right .avia-image-container-inner:before {
    top: -10%;
    right: -12%;
    opacity: 1; 
}

.start .white-square.top-right.avia_textblock h2:before,
.start .white-square.top-right.avia_textblock .testimonial-intro:before{
    top: -60%;
    right: -30%;
    opacity: 1; 
    z-index: -1;
}

.start .white-square.box-form.top-left .av_textblock_section:before  {
    top: -10%;
    left: -10%;
    z-index: -1;
    visibility: visible;
    opacity: 1;
} 

.white-square.top-left .avia-image-container-inner:before {
    top: 2vh;
    left: 2vh;
    opacity: 0;
    transition: all .3s ease-in;
    transition-delay: 1.2s;
} 

.start .white-square.top-left .avia-image-container-inner:before {
    top: -10%;
    left: -12%;
    opacity: 1;  
}   

/*END OF ANIMATIONS------------------------------------------------------*/

/*~LANDING PAGE------------------------------------------------------------*/
#top .lp-heading h2 {
    font-size: 28px;
    line-height: 1.2em;
}

#top .perk-title h3 {
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
}

#top .lp-quote-2 {
    max-width: 1000px;
    margin-left: 80px;
}

#top .lp-quote blockquote p {
    font-size: 28px;
    font-weight: 600; 
    line-height: 1.2em;
}

#top .lp-quote blockquote cite {
    font-weight: 600;
    color: #000;
    float: right; 
}

#top .wp-column section,
#top .wp-column div {
    max-width: 425px;
}  

#top .wp-column .avia-button {
    width: 100%;
} 

#top .bullet-section {
    -webkit-box-shadow: 0px 6px 55px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 6px 55px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 6px 55px -10px rgba(0,0,0,0.75);
    overflow: visible;
    position: relative;
    z-index: 2;
} 

#top .bullet-section .av-flex-placeholder {
    position: relative;
}

#top .bullet-section .av-flex-placeholder:before {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 2px solid #8b8abb;
    content: "";
    height: 100%;
    width: 50%;
} 

#top .lp-quote-section .container {
    padding: 5% 50px 2%;
}

#top .lp-image-animation .container {
    padding-bottom: 5%;
}

#top .lp-image-animation .avia-image-container-inner:before,
#top .lp-image-animation .av_textblock_section:before {
    border-width: 2px;
    transition-delay: .5s;
} 

#top .lp-image-animation .avia_codeblock_section {
    position: absolute;
    bottom: 0;
    height: 100%;
    margin-top: 0px;
    padding: 2% 0;
    z-index: -1;
    width: 100%;
}

#top .lp-image-animation .svg-container {
    width: 100%;
}
 
#top .lp-image-animation .avia_codeblock_section svg {
    width: 100%;
    bottom: -70%;
    left: -10%;
    top: auto;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"; 
    height: 10vh;   
}

#top .lp-whitepaper-section .lp-image-animation .avia_codeblock_section svg {
    width: 100%; 
    width: 100%;
    top: 0;
    left: 20%;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    height: 10vh;
} 
 

#top .lp-whitepaper-section .svg-container {
    width: 100%;
}
 
#top .lp-form-section .container {
    padding: 8% 50px;
} 

#top #main .lp-form-section .avia-button {
    margin-top: 30px;
    background: #2c3374;
    color: #fff;
}

#top .bottom-bracket .content {
    position: relative;
    padding-bottom: 10%;
}

#top .bottom-bracket .content:before {
    height: 50px;
    width: 70%;
    position: absolute;
    bottom: 10%;
    right: 50%;
    margin-right: -32%;
    border-left: 0;
    content: "";
    border-bottom: 3px solid #8b8abb;
    border-left: 3px solid #8b8abb;
    border-right: 3px solid #8b8abb;
}

#top .product-tour-link a {
    color: white;
    margin-bottom: 50px;
    text-decoration: underline;
}

#top .product-tour-link a:hover {
    text-decoration: underline;
    color: white;
}

.brochure-page#top .lp-image-animation .avia_codeblock_section svg {
    width: 100%;
    bottom: -20%;
    left: 47%;
    top: auto; 
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    height: 10vh;
}  

.brochure-page#top .brochure-section .content {
        padding: 10% 0 12%;
}  

.brochure-page#top .form-section .content {
        padding: 10% 0 5%;
} 

#top .hero .managed-svg svg {
    max-width: 50px!important;
    margin-right: 20px;
}

#top .hero .managed-svg a {
    display: flex;
    align-items: center;
    color: #FFF;
    margin-left: 500px;
    margin-top: -41px;

}
 
@media screen and (max-width: 767px) {
    #top #wrap_all .lp-form-section .contact-form-column   {
        margin-top: 50px;
    } 
    
    #top .lp-svg svg {
        display: none;
    }
    
    #top .product-tour-link {
    margin-bottom: 25px;
}
}
/*~END LANDING PAGE------------------------------------------------------------*/