/*
Theme Name: TriDigital
Description: Enfold Customizable Child Theme
Version: 1.0
Author: Team at TriDigital, Developer @jmendoza_tx 
Author URI: https://tridigitalmarketing.com/
Template: enfold
*/


/*table des matières
~NAV
~BODY
~FORMS
~LANDING PAGE
~FOOTER
______________________*/

/*~NAV
______________________*/

#header_main .avia-menu { 
    position: relative;
    margin-top: 5px;
}

#top .av_header_transparency #header_main { border: none; box-shadow: none;}  /*so no border shows up during transparency */

#header_main {
    border-bottom: solid 3px #f1f1f1;
-webkit-box-shadow: 0px 3px 1px 0px rgba(215,215,215,1);
-moz-box-shadow: 0px 3px 1px 0px rgba(215,215,215,1);
box-shadow: 0px 3px 1px 0px rgba(215,215,215,1);
}

#top .av_header_transparency #header_meta { border: none; }

.header_color .container_wrap_meta { background-color: transparent; }

.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
    padding-top: 88px;
}

@media screen and (min-width: 989px) {
    #header_meta {
        position: absolute;
        right: 0;
        margin-right: 30px;
        border: none;
        width: 50%;
    }

}
#top #avia2-menu a { 
    font-weight: 400; 
    font-size: 14px;
}

#avia2-menu li {
    position: relative;
    border: none;
    margin-left: 20px;
}

#avia2-menu li:last-child a { color: #d51019; }

/*NAV ICONS*/
#avia2-menu li:before {
    position: absolute;
    left: -10px;
    font-size: 14px;
    color: #353535;
    font-family: new-icons-upload;
}

#avia2-menu li:nth-child(1):before {
    content: '\e0e4';
}

#top .av_header_transparency #avia2-menu li:before { color: #fff; }

@media screen and (max-width: 767px) {   /*homepage mobile the header goes white */
    #top .av_header_transparency #avia2-menu li:before, .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a { color: #353535 }
}

#avia2-menu li:nth-child(2):before {
    content: '\e00c';
}

#avia2-menu li:nth-child(3):before {
    content: '\e199';
}

#avia2-menu li:nth-child(4):before {
    content: '\e115';
}

#header_main .avia-menu-text{
    font-size: 17px;
    text-transform: capitalize;
}

.header_color .avia-menu-fx {
    background-color: #d51019;
}

/*~BODY
____________________________________________________________________________________*/

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

.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;
}

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

.list-icon li {
    position: relative;
    left: -6px;
}

.list-icon li::before {
    position: absolute;
    left: -20px;
    font-size: 40px;
    color: #d51019;
}

.list-icon-bullet li::before {
    content: '•';
}

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

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


/*CAREERS*/

.responsive .compressed-color-sections .container { max-width: 960px; }

#top .larger-icon .iconbox_icon:before { font-size: 30px; }

#top #main  .job-btn .avia-button {
    width: 100%;
    color: #fff;
    border-radius: 0;
    font-size: 15px;
}

#top .avia-button-fullwidth, #top .full-width-btn a { border-radius: 0; }

#top .full-width-btn a {
    width: 100%;
    background-color: #d51019; 
    border: none;
    font-size: 26px;
}

#top #main .normalized-btn-font a { font-size: 15px; }

#top .full-width-btn a:hover { background-color: #ec4951; }

/*RESOURCE*/
.resources-page .no-opaque-hover a .image-overlay {
    display: none !important;
}

.resources-page .no-opaque-hover a:hover .image-overlay {
   display: none !important;
}

#top .brochure-section .cs-container .cs-image-container {
    max-width: 200px;
    max-height: 257px;
}

#top .brochure-section .cs-container .cs-image {
    max-height: 257px;
    max-width: 203px;
}

.testimonial-container .avia_codeblock_section { margin-bottom: 20px; }

.agreement-section .cs-image img {
    max-height: 186px;
    width: 100%;
}

@media screen and (min-width: 48em) {
    .testimonial-container .avia_codeblock_section {
        width: 37%;
    }
    
    .testimonial-container .av_textblock_section {
        width: 59%;
        margin-left: 3%;
    }
}
/*CONTACT*/

.map-text .av_textblock_section p { margin: 0 }

.map-text .av_textblock_section {
    position: absolute;
    z-index: 1;
    left: 10px;
    top: 10px;
    padding: 10px 20px;
    background-color: #000;
    background-color: rgba(0,0,0,.5);
}

.text-arrow:after {
    content: '\e3c3';
    font-family: new-icons-upload;
    position: absolute;
    font-size: 16px;
    right: -25px;
    color: #3995e5;
    opacity: 1;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    
  -webkit-animation: moving-arrow 1.5s infinite;
  -moz-animation:    moving-arrow 1.5s infinite;
  -o-animation:      moving-arrow 1.5s infinite;
  animation:         moving-arrow 1.5s infinite;
}

@-webkit-keyframes moving-arrow {
  0%   { opacity: 0; right: -25px; }
  100% { opacity: 1; right: -35px;}
}
@-moz-keyframes moving-arrow {
  0%   { opacity: 0; right: -25px; }
  100% { opacity: 1; right: -35px;}
}
@-o-keyframes moving-arrow {
  0%   { opacity: 0; right: -25px; }
  100% { opacity: 1; right: -35px;}
}
@keyframes moving-arrow {
  0%   { opacity: 0; right: -25px; }
  100% { opacity: 1; right: -35px;}
}

#top .red-contact-icons .iconbox_icon {
    font-size: 60px;
    color: #d51019;
    border: none;
    border-radius: 0;
}


@media screen and (max-width: 430px) {
    #top .red-contact-icons .iconbox_icon {
        float: none;
    }
}

@media screen and (max-width: 1000px) {
    .smaller-contact-info { font-size: 14px }
}

/*TESTIMONIAL PAGE*/

.cs-container .av_textblock_section:first-child { margin-bottom: 30px; }

.cs-container .cs-image-container,  .cs-container .cs-image { 
    max-height: 187px;
    max-width: 145px;
}

#top .cs-container .width-mod {  /*used on info library page. the 1px difference makes a big impact */
    max-width: 144px;
}

@media screen and (min-width: 1110px) {
    .cs-container .av_textblock_section:first-child {
        width: 29%
    }
    
    .cs-container .av_textblock_section:last-child {
        width: 64%;
        margin-left: 4%;
    }
}
.cs-cta {
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 16px;
    padding: 10px;
    width: 100%;
    color: #fff;
    background: rgba(0,0,0,.5);
}

.cs-image-container img { 
    border-top: solid 1px #cccccc; 
    border-right: solid 1px #cccccc;    
    border-left: solid 1px #cccccc;   
}

.dl-icon:before {
    content: '\e2b6';
    position: absolute;
    font-family: new-icons-upload;
    left: -5px;
    font-size: 16px;
    color: #fff;
}

.dl-icon {
    padding-left: 20px;
}

/*PROCESS PAGE*/

.middle-align { vertical-align: middle; }

.process-sections {
    position: relative;
    top: 60px;
}

.number-one-bg, .number-two-bg, .number-three-bg, .number-four-bg, .number-five-bg, .number-six-bg, .cs-image-container, .dl-icon, .text-arrow, .map-text, 
.aligned-btn {
   position: relative; 
}

.number-one-bg:before, .number-two-bg:before, .number-three-bg:before, .number-four-bg:before, .number-five-bg:before, .number-six-bg:before {
    position: absolute;
    margin-left: 0;
    left: 0;
    top: -40px;
    color: #e5e5e5;
    font-size: 170px;
    font-weight: 700;
    visibility: visible;
    overflow: visible;
    font-family: lato;
    z-index: -1;
}

.number-one-bg:before {
    content: '01';
}

.number-two-bg:before {
    content: '02';
}

.number-three-bg:before {
    content: '03';
}

.number-four-bg:before {
    content: '04';
}

.number-five-bg:before {
    content: '05';
}

.number-six-bg:before {
    content: '06';
}

@media screen and (max-width: 767px) {
    .responsive #top #wrap_all .mobile-bottom-margin-process {
        margin-bottom: 150px;
    }
    
    #top .no-display-mobile { display: none; }
    
    #top .process-clrsection-mobile-padding .content { padding-bottom: 0; }
    
    #top .process-clrsection-mobile-padding-top .content { padding-top: 0; }         /*apologies for the long name */
}

/*BIO-HOVER EFFECTS*/

#top .box {
    height: 248px;
    float: left;
    margin: 5px;
    position: relative;
    overflow: hidden;
    width: 248px;
}

#top .box p { margin: 0; }

#top .box img {
    position: absolute;
    left: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

#top .box .caption {
    background-color: #d51019;
    background-color: rgba(213,16,25,.75);
    position: absolute;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    left: 0;
}

#top .box .full-caption {
    width: 100%;
    height: 185px;
    bottom: 100%;
    font-size: 15px;
    text-align: left;
    padding: 15px;
    line-height: 1.2em;
}

#top .box .full-name {
    width: 100%;
    bottom: 0;
    text-align: center;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
}

#top .box:hover .full-caption {
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

/*END BIO-HOVER EFFECTS*/

.bio-name {font-size: 26px; }

.values-content-padding { padding: 0 0 10px 32px;}

.large-double-helix-bg {
    background: url('/wp-content/uploads/2016/06/updated-long-dna-strand.png') no-repeat;
    background-position: center 335px;
}

@media screen and (max-width: 767px) {
    .large-double-helix-bg {
        background: url('/wp-content/uploads/2016/05/opaque-double-helix-v3.png') no-repeat;
        background-position: center;
        background-size: cover;
    }
}

.content-box-padding { padding-left: 10px; }

.has-hexagon h3, .has-value-heading h3 { position: relative; }

.has-hexagon h3:before, .has-hexagon h3:after, .has-value-heading h3:before {
    position: absolute;
}

.has-value-heading h3:before { left: -30px; }

.right-hexagon h3:after {
    content: url('/wp-content/uploads/2016/05/grey-hexicon.png');
}

@media screen and (min-width: 48em) {
    .right-hexagon h3:after {
        right: -25px;
    }
    
    .alternating-sections-btm-margin { margin-bottom: 40px; }
    
    .aligned-btn { top: 35px; }
}

@media screen and (max-width: 767px) {
    #top .right-hexagon h3:after {
        left: -25px;
    }
}

.left-hexagon h3:before {
    content: url('/wp-content/uploads/2016/05/grey-hexicon.png');
    left: -25px;
}

.integrity-icon h3:before { content: url('/wp-content/uploads/2016/05/honesty-integrity-icon.png'); }

.ownership-icon h3:before { content: url('/wp-content/uploads/2016/05/ownership-icon.png'); }

.dna-icon h3:before { content: url('/wp-content/uploads/2016/05/dna-hellix-icon.png'); }

.passion-icon h3:before { content: url('/wp-content/uploads/2016/05/passion-icon.png'); }

.check-icon h3:before { content: url('/wp-content/uploads/2016/05/do-it-right-icon.png'); }

.iconbox_left .iconbox_icon {
    top: 1px;
    left: -12px;
}

.td-icon-list .iconbox_icon { color: #898989; }

#top .white-td-icon-list .iconbox_icon { color: #fff; }

.td-icon-list h3 { display: none; }

.td-icon-list .iconbox_content_container p { margin-left: 29px; }

@media screen and (min-width: 48em) {
    
    #top .image-sizing-mod { width: 59.666667%; }  /*nic picky way of ensuring that the images (2/3 images paird with the 1/3 images) shrink at the same rate*/

    #top .thirds-image , #top .two-thirds-image, .cs-container .av_textblock_section, .testimonial-container .av_textblock_section,
    .testimonial-container .avia_codeblock_section {  /*used in color sections with half columns where one column has multiple pictures (also has a custom bg color) */
        display: inline-block;
        *display: inline;
        zoom: 1;
    }
    
    #top .thirds-image  { width: 30.5%; }  /*used in color sections with half columns where one column has multiple pictures (also has a custom bg color) */
    
    #top .two-thirds-image { width: 62%; margin-left: 5%; }  /*used in color sections with half columns where one column has multiple pictures (also has a custom bg color) */

}

.full-dna-strand {
    background: url('/wp-content/uploads/2016/05/dna-strandv4.png') no-repeat;
    background-position: right top;
    background-size: cover;
}

.top-left-dna {
    background: url('/wp-content/uploads/2016/05/top-left-dnav2.png') no-repeat;
    background-position: left top;   
}

.btm-rt-dna {
    background: url('/wp-content/uploads/2016/05/bottom-right-dna-v2.png') no-repeat;
    background-position: right bottom;
}

.grey-background { background-color: #f0f0f0; }

.testimonial-quotation-marks-front, .testimonial-quotation-marks-rear {
    overflow: hidden;
    text-indent: 9999px;
    position: absolute;
}


.testimonial-quotation-marks-front {
   content: url('/wp-content/uploads/2016/05/front-quotations.png');
   left: -20px;
   top: 3px;
}

.testimonial-quotation-marks-rear {
    content: url('/wp-content/uploads/2016/05/rear-quotations.png');
    margin-top: 5px;
    margin-left: 5px;
}


.home-testimonial-pic img {
    border-radius: 50%;
    border: solid 10px #fff;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(212,45,54,1);
    -moz-box-shadow: 0px 0px 0px 3px rgba(212,45,54,1);
    box-shadow: 0px 0px 0px 3px rgba(212,45,54,1);
}

.down-triangle, .testimonial-quotation-marks, .testimonial-text p { position: relative; }

.down-triangle:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -15px;
    margin-left: -15px;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
    visibility: visible;
}

.grey-triangle:after {
    border-top: solid 15px #e9e9e9;
}

.home-testimonial-padding { padding: 60px 10px; }

#top .testimonial-text blockquote {
    border: none;
    font-size: 26px;
    color: #444444;
}

.testimonial-text cite, .sponsor-text {
    font-size: 20px;
    color: #d51019;
}

.nine-sixty {
    max-width: 960px;
    margin: 0 auto;
}

#top .blue-heading h1 { color: #1791e7; }  /*used on architel terms page */

.heavy-weight { font-weight: 600; }|

.black-bold strong { color: #000; }

.dark-heading h3, .dark-link a, .dark-bold strong { color: #333333; }

.blood-red-heading h3 { color: #4f0000; }

#top .white-heading h1, #top .white-heading h2, #top .white-heading h3, .white-text { color: #fff; }

.red-heading h2, .red-heading  h3, .red-accent { color: #d51019; }

.blue-accent { color: #003554; }

.red-divider-height-adjustment { height: 10px; }

#top .red-divider-height-adjustment .avia-image-container-inner, .cs-container .av_textblock_section,
.testimonial-container .av_textblock_section, .testimonial-container .avia_codeblock_section, #top .image-top .avia-image-container-inner { vertical-align: top; }

.dna-strand #main {
    background-image: url('/wp-content/uploads/2016/05/dna-strandv4.png'),
    url('/wp-content/uploads/2016/05/dna-strandv4.png');
    background-repeat: no-repeat;
    background-position: center 790px, center 2240px;   /*px, em, percentage, or rem? */
}

.large-single-dna #main  {
    background-image: url('/wp-content/uploads/2016/05/process-dna-large.png');
    background-repeat: no-repeat;
    background-position: center 800px;
}

.testimonial-dna #main {
    background-image: url('/wp-content/uploads/2016/05/process-dna-large.png'),
    url('/wp-content/uploads/2016/05/process-dna-large.png');
    background-repeat: no-repeat;
    background-position: center 800px, right 90%;
}

.trans-bg { background-color: transparent; }

#top .horizontal-pic-spacing .av-flex-placeholder { width: 2%; }  /*used to create right amount of space between the 3 panel pictures */

#top .horizontal-pic-spacing-mod .flex_column:nth-child(n+2) { margin-left: 3.5%; } /*does the same thing as 'horizontal-pic-spacing' but for some damn reason instead of enfold putting the av-flex-placeholder it did the normal margin */

.grid-top-padding { padding-top: 90px; }  /*used for the grid sections that hve the 3 panel pictures */

.grid-bottom-padding { padding-bottom: 90px; }  /*used for the grid sections that hve the 3 panel pictures */

.red-bg-image-container .avia-image-container-inner, .special-red-bg img {
/*    max-width: 176px;*/
    background-color: #d51019;
    border-radius: 0;
}

.avia_image { border-radius: 0; }

.fourteen-font { font-size: 14px; }

#top .hero-scroll {
    position: absolute;
    bottom: 0;
}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2, .iconbox .iconbox_content .iconbox_content_title {
    text-transform: none;
    letter-spacing: 0;
}

#top .hero-tagline {
    font-size: 26px;
    text-transform: uppercase;
}

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

@media screen and (min-width: 48em) {
    .right-text { text-align: right; }
}


.avia-button, input[type='submit'] {
    width: 100%;
	font-size: 15px;
	text-transform: uppercase;
	color: #fff;
	background-color: #d51019;
	
}

.avia-button:hover, input[type='submit']:hover {
    background-color: #ec4951;
    -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
}

.larger {
    font-size: larger;
}

.video-bdr .wistia_responsive_wrapper {
    border: solid 7px rgba(255,255,255,.25);
}

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

h1 {
  font-size: 42px;
  font-size: 2.625rem; /* 42 / 16  */
  line-height: 52px;
  margin-bottom: 8.91px;
  margin-bottom: 0.495rem;
}

h2 {
  font-size: 42px;
  font-size: 2.625rem; /* 42 / 16  */
  line-height: 52px;
  margin-bottom: 11.1375px;
  margin-bottom: 0.61875rem;
}

h3 {
  font-size: 26px;
  font-size: 1.625rem; /* 26 / 16 */
  line-height: 1.2em;
  margin-bottom: 14.85px;
  margin-bottom: 0.825rem;
}

h4 {
  font-size: 24px;
  font-size: 1.5rem; /* 24 / 16 */
  margin-bottom: 22.275px;
  margin-bottom: 1.2375rem;
}

h5 {
  font-size: 21px;
  font-size: 1.3125rem; /* 21 / 16 */
  margin-bottom: 25.45714px;
  margin-bottom: 1.41429rem;
}

h6 {
  font-size: 18px;
  font-size: 1.125rem; /* 18 / 16 */
  margin-bottom: 29.7px;
  margin-bottom: 1.65rem;
}

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

input, abbr, acronym, blockquote, code, kbd, q, samp, var {
  /* Accepted values: [ none | manual | auto ] */ /* http://meyerweb.com/eric/thoughts/2012/12/17/where-to-avoid-css-hyphenation */
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

pre code {
  word-wrap: normal;
  white-space: -moz-pre-wrap;
  white-space: pre-wrap;
}

pre {
  white-space: pre;
}

code {
  white-space: pre;
  font-family: monospace;
}

abbr {
  -webkit-font-variant: small-caps;
  -moz-font-variant: small-caps;
  -ms-font-variant: small-caps;
  font-variant: small-caps;
  font-weight: 600;
  text-transform: lowercase;
  color: gray;
}


@media screen and (max-width: 767px) {
    
    .flexed-order .entry-content-wrapper {                     /*used on homepage hero after we added the video - jh*/
        display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
    }
    
    .flexed-order .flex_column:nth-child(1) {
        -webkit-box-ordinal-group: NaN;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;    
    }
    
    .flexed-order .flex_column:nth-child(2) {
        -webkit-box-ordinal-group: NaN;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;    
    }
    
    .flexed-order .flex_column:nth-child(3) {
        -webkit-box-ordinal-group: NaN;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;    
    }
    
    .flexed .entry-content-wrapper, .grid-flexed {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	
    #top h1, #top h2 { font-size: 28px; line-height: 1.2em;}
   
}


@media screen and (min-width: 48em) {

	#top #wrap_all #main .clr-section-mimic {
        max-width: 1310px;
        margin: 0 auto;
    }

}

/*~FORMS
______________________*/

#top #main input[type="text"], #top #main  input[type="email"], #top #main textarea, #top #main  select {
	color: #003554;
	background: #fff;
	padding: 7px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	outline: none;
	border: 2px solid #acacac;
	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%;
	text-transform: uppercase;
	font-size: 15px;
}

#top #main textarea {
    height: 110px;
}

#top #footer ::-webkit-input-placeholder { text-indent: 0px;   transition: text-indent 0.3s ease; font-weight: 400; color:#777777; font-size: 15px; text-transform: uppercase; }
#top #footer ::-moz-placeholder { text-indent: 0px;   transition: text-indent 0.3s ease; font-weight: 400; color:#777777; font-size: 15px; text-transform: uppercase; } /* firefox 19+ */
#top #footer :-ms-input-placeholder { text-indent: 0px;   transition: text-indent 0.3s ease; font-weight: 400; color:#777777; font-size: 15px; text-transform: uppercase; } /* ie */
#top #footer input:-moz-placeholder { text-indent: 0px;   transition: text-indent 0.3s ease; font-weight: 400; color:#777777; font-size: 15px; text-transform: uppercase; }

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

/*****/

#top  ::-webkit-input-placeholder { text-indent: 0px;   transition: text-indent 0.3s ease; font-weight: 400; color:#003554; font-size: 15px; text-transform: uppercase; }
#top  ::-moz-placeholder { text-indent: 0px;   transition: text-indent 0.3s ease; font-weight: 400; color:#003554; font-size: 15px; text-transform: uppercase; } /* firefox 19+ */
#top  :-ms-input-placeholder { text-indent: 0px;   transition: text-indent 0.3s ease; font-weight: 400; color:#003554; font-size: 15px; text-transform: uppercase; } /* ie */
#top input:-moz-placeholder { text-indent: 0px;   transition: text-indent 0.3s ease; font-weight: 400; color:#003554; font-size: 15px; text-transform: uppercase; }

#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 :focusinput:-moz-placeholder { text-indent: -500px;   transition: text-indent 0.7s ease;}

#top #main .gform_wrapper ul li.gfield {
	margin-bottom: 0;
}

#footer .gform_wrapper ul li.gfield { margin-top: 6px; }

.gform_wrapper .gform_footer {
	text-align: center;
}

#top .gform_wrapper .gform_footer {
    padding-top: 0;
}

#footer .gform_wrapper .top_label div.ginput_container { margin-top: 0; }   /*gform is overriding the F*$& out of out stuff */

.gform_wrapper .gform_footer { font-size: 15px; }

.gform_footer input[type=submit], #top .gform_wrapper.gf_browser_ie .gform_footer input.button {   /* need for IE */
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #d51019;
}

.gform_footer input[type=submit]:hover {
    background-color: #ec4951;
}

#field_13_12 .gfield_label { display: none; }

/*~LANDING PAGE
______________________*/

.heading-margin-mod h3 { margin-bottom: 0; margin-top: 22px;}

.paragraph-margin-mod p { margin-top: 0; }

.large-grey-dna-gridsection {
    background: url('/wp-content/uploads/2016/05/process-dna-large.png') no-repeat;
    background-position: top right;
    background-size: cover;
}

.letter-shadows {
    text-shadow: 2px 1px 1px rgba(0, 0, 0, 1);
}

.form-arrow { position: relative; }

.form-arrow:before {
    content: '\e3bc';
    font-family: new-icons-upload;
    position: absolute;
    left: 0;
    top: 0;
    color: #d51019;
    width: 35px;
    height: 35px;
    background-color: #fff;
    z-index: 1;
    visibility: visible;
}

.it-support-page .icon-change-one:before {  /* ji */
    content: url('/wp-content/uploads/2017/03/centre-gear-icon.png');
    position:absolute;
    left: -68px;
    top: 25px;
    font-size: 40px;
}

.it-support-page .block-div div { /* ji 4/17/17 */
    display: inline-block;
}

.it-support-page .icon-change-two:before {  /* ji */
    content: url('/wp-content/uploads/2017/03/centre-headset-icon.png');
    position:absolute;
    left: -68px;
    top: 25px;
    font-size: 40px;
}

.it-support-page .icon-change-three:before {  /* ji */
    content: url('/wp-content/uploads/2017/03/centre-holding-money-icon.png');
    position:absolute;
    left: -68px;
    top: 25px;
    font-size: 40px;
}

.it-support-page .first-icon-change:before {  /* ji */
    content: url('/wp-content/uploads/2017/05/handshake.png');
    position:absolute;
    left: -68px;
    top: 25px;
    font-size: 40px;
}

.it-support-page .second-icon-change:before {  /* ji */
    content: url('/wp-content/uploads/2017/05/cart-icon.png');
    position:absolute;
    left: -68px;
    top: 25px;
    font-size: 40px;
}

.it-support-page .third-icon-change:before {  /* ji */
    content: url('/wp-content/uploads/2017/05/thought-bubble.png');
    position:absolute;
    left: -68px;
    top: 25px;
    font-size: 40px;
}


.it-support-page .security-image-1:before {  /* ji */
    content: url('/wp-content/uploads/2017/04/lock-icon.png');
    position:absolute;
    left: -68px;
    top: 25px;
    font-size: 40px;
}

.it-support-page .security-image-2:before {  /* ji */
    content: url('/wp-content/uploads/2017/04/circle-x-icon.png');
    position:absolute;
    left: -68px;
    top: 25px;
    font-size: 40px;
}

.it-support-page .security-image-3:before {  /* ji */
    content: url('/wp-content/uploads/2017/04/recycle-image.png');
    position:absolute;
    left: -68px;
    top: 25px;
    font-size: 40px;
}

.it-support-page .server-icon:before {
    content: url('/wp-content/uploads/2017/01/server.png');
    position:absolute;
    left: -10px;
    top: 25px;
    font-size: 40px;
}

.it-support-page .x-icon:before {
    content: url('/wp-content/uploads/2017/01/circle-x.png');
    position:absolute;
    left: 0;
    top: 25px;
    font-size: 40px;
}

.it-support-page .target-icon:before {
    content: url('/wp-content/uploads/2017/01/target.png');
    position:absolute;
    left: 0;
    top: 25px;
    font-size: 40px;
}

@media screen and (max-width: 767px) {
    #top.it-support-page #main .lp-form input {
        width: 100%;
    }
}
#top.it-support-page #main .lp-form input {
    width: 100%;
}

/*~FOOTER
______________________*/

#footer {
    background-image: url('/wp-content/uploads/2016/05/background-bg-logov2.png');
    background-position: top left;
    background-repeat: no-repeat;
}

.boxed-width, #footer, #socket {    /*these properties are used all across the site and not just on the footer/socket are*/
    width: 96%;
    margin: 0 auto;
    float: none;
}

#footer, #socket {
    border: none;
}

#footer .widgettitle, #footer .textwidget, .copyright { font-size: 15px; }

#footer .textwidget a, #footer .widgettitle, .copyright a { color: #fff; }

#top .social_bookmarks {
    height: 100%;
}

#top .social_bookmarks li {
    width: 135px;
    border: none;
    margin-bottom: 5px;
}

#top #wrap_all .social_bookmarks li > a {
    color: #fff;
    background-color: #9d9d9d;
    margin-right: 10px;
}

#field_2_3 {
    line-height: 1.1em;
}

#footer input[type='submit'], #top #footer .gform_wrapper.gf_browser_ie .gform_footer input.button {
    background-color: transparent;
    border: solid 2px #fff;
    padding-top: 6px;
    padding-bottom: 7px;
    color: #fff;
}

#top #footer .gform_footer { padding-top: 6px; }

#footer input[type='submit']:hover {
    background-color: #fff;
    color: #000;
    -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
}

@media screen and (min-width: 1200px) {
    #footer form {
        display: -webkit-box;
        display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
    }
    
    #footer .gform_footer {
        margin-top: 0;
        margin-left: 5px;
        padding-top: 5px;
    }
    
    #footer .gform_body { max-width: 148px; }
    
    #field_2_3 {
        width: 160%;
        max-width: 160%;
    }
}

/*  Form Confirmation  */
#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%;
}

.entry-content-wrapper .post-title {
    font-size: 1.75em;
}

.template-single-blog h2 {
    font-size: 1.5em;
}

/*** WEBINAR PAGE ***/

.webinar-page .boxed-width {
    
}

/*** LP - Grab Your Hulk Hands! It’s an Open House!***/

.open-house-page .expectation-section {
    max-width: 1600px;
    margin: 30px auto;
}

.open-house-page .expectation-section .flex_cell {
    color: #fff;
    padding: 60px 100px !important;
    margin: 0;
}

.open-house-page .expectation-section h2 {
    color: #fff;
}

.open-house-page .expectation-section strong {
    color: #fff;    
}

@media screen and (max-width: 767px) {
    .open-house-page .form-column {
        padding: 20px !important;    
    }
}

@media screen and (max-width: 1100px) {
    .open-house-page .expectation-section .flex_cell {
        padding: 30px 50px !important;    
    }
}

/*** LP - Dallas Lunch & Learn at Del Frisco’s with Centre Technologies***/

.lunch-learn-page .expectation-section {
    max-width: 1600px;
    margin: 30px auto;
}

.lunch-learn-page .expectation-section .flex_cell {
    color: #fff;
    padding: 60px 100px !important;
    margin: 0;
}

.lunch-learn-page .expectation-section h2 {
    color: #fff;
}

.lunch-learn-page .expectation-section strong {
    color: #fff;    
}

.lunch-learn-page .partner-grid h3 {
    text-align: center;
    color: #d51019;
    font-size: 20px;
}

.lunch-learn-page .partner-grid img {
    max-height: 60px;
}

.lunch-learn-page#top .partner-grid .slide-entry:nth-child(3) img {
    margin-top: 7px;
}

@media screen and (max-width: 767px) {
    .lunch-learn-page .form-column {
        padding: 20px !important;    
    }
}

@media screen and (max-width: 1100px) {
    .lunch-learn-page .expectation-section .flex_cell {
        padding: 30px 50px !important;    
    }
}
    
/*COMEDY LANDING PAGE*/

.caption-name {
    font-weight: 600;
}

.caption-title {
    font-size: 15px;
}

.caption-line-break br {    /*line break was TOO DAMN HIGH!*/
    display: block;
    margin: -16px;
    content: "";
}

.caption-positioning .av-image-caption-overlay {
    height: 80px;
    bottom: 0;    
}

.caption-hover:hover .av-caption-image-overlay-bg {
    opacity: .5 !important;   /*neccessary*/ 
}

#top #main .partner-grid .slide-entry:nth-child(3) img {
    margin-top: 0;   /*needed to override the body class*/
}

/*COMEDY LANDING PAGE*/

/*DATA BACKUP*/
.data-backup-page .form-section .form-column {
    padding: 35px 60px;
    background: #e9e9e9;
}

.data-backup-page .form-section ul {
    list-style: none;
}

.data-backup-page .form-section li {
    padding-left: 20px;
}

.data-backup-page .form-section li strong {
    color: #000;
}

.data-backup-page .form-section li:before {
    content: url(/wp-content/uploads/2016/12/centre-bullet-blue.png);
    position: absolute;
    left: 0;
}

.data-backup-page .white-text h2 {
    color: #fff;
}

.data-backup-page .clock-icon:before {
    font-family: 'new-icons-upload';
    content: '\e0ff';
    position:absolute;
    left: 0;
    font-size: 40px;
}

.data-backup-page .location-icon:before {
    font-family: 'new-icons-upload';
    content: '\e0f3';    
    position:absolute;
    left: 0;
    font-size: 40px;
}

.data-backup-page .download-icon:before {
    font-family: 'new-icons-upload';
    content: '\e132';  
    position:absolute;
    left: 0;
    top: 20px;
    font-size: 40px;
}

.data-backup-page .benefit p {
    padding-left: 60px;
}

.data-backup-page .benefits-section .compressed-text {
    max-width: 675px;
}

.data-backup-page .quote:before {
    content: '"';
    color: #d51019;
    font-size: 60px;
    font-family: "Lato";
    position: absolute;
    left: 0;
}

.data-backup-page .avatar {
    margin-bottom: 45px;
}

.data-backup-page .testimonial-column .av_textblock_section {
    position: relative;
}

.data-backup-page .large-quote:after {
    content: '"';
    color: #d51019;
    font-size: 60px;
    font-family: "Lato";   
    position: relative;
    top: 15px;
    line-height: 0px;
}

.data-backup-page .quote {
    padding-left: 30px;   
}

.data-backup-page .quote p{
    font-size: 30px;
    line-height: 35px;
}

.data-backup-page .testimonial-name {
    font-size: 20px;
}

.data-backup-page .wp-section .avia-button-wrap {
    text-align: left;
}

.data-backup-page .wp-section .avia-button-wrap {
    max-width: 300px;
}

.data-backup-page#top .gform_footer {
    padding-left: 22px;
}

.data-backup-page#top .gform_footer input{
    width: 100%;
}

.data-backup-page .accent-color {
    color: #002a46;
}

.data-backup-page#top #main .wp-column {
    margin-bottom: 80px;
    border-right: 1px solid #b7b7b7;
    padding-right: 50px;
}

@media screen and (max-width: 769px) {
    .data-backup-page .form-section .form-column {
        padding: 35px 20px;
    }
    
    .data-backup-page#top #main .wp-column {
        border: none;
        padding-right: 0px;
    }    
    
    .data-backup-page#top .quote p{
        font-size: 25px;
        line-height: 35px;
    }
}
/*END DATA BACKUP*/
    
/*IT SUPPORT LANDING PAGE*/
#top.it-support-page .break-early .flex_column_table {
    display: block;
    width: 95%;
    margin: 0 auto;
}

.icon-content-spacing {
    padding-left: 40px;
}

#top.it-support-page .icon-content-spacing::before {
    left: -20px;
}

#top.it-support-page .spaced-icon-content::before {
    left: -15px;
}

.it-support-page .form-section .form-column {
    padding: 35px 60px;
    background: #e9e9e9;
}

.it-support-page .form-section ul {
    list-style: none;
}

.it-support-page .form-section li {
    padding-left: 20px;
}

.it-support-page .form-section li strong {
    color: #000;
}

.it-support-page .form-section li:before {
    content: url(/wp-content/uploads/2016/12/centre-bullet-blue.png);
    position: absolute;
    left: 0;
}

.it-support-page .white-text h2 {
    color: #fff;
}

.it-support-page .benefit p {
    padding-left: 60px;
}

.it-support-page .benefits-section .compressed-text {
    max-width: 740px;
}

.it-support-page .quote:before {
    content: '"';
    color: #d51019;
    font-size: 60px;
    font-family: "Lato";
    position: absolute;
    left: 0;
}

.it-support-page .avatar {
    margin-bottom: 45px;
}

.it-support-page .testimonial-column .av_textblock_section {
    position: relative;
}

.it-support-page .large-quote:after {
    content: '"';
    color: #d51019;
    font-size: 60px;
    font-family: "Lato";   
    position: relative;
    top: 15px;
    line-height: 0px;
}

.it-support-page .quote {
    padding-left: 30px;   
}

.it-support-page .quote p{
    font-size: 30px;
    line-height: 35px;
}

.it-support-page .testimonial-name {
    font-size: 20px;
}

.it-support-page .wp-section .avia-button-wrap {
    text-align: left;
}

.it-support-page .wp-section .avia-button-wrap {
    max-width: 300px;
}

.it-support-page#top .gform_footer {
    padding-left: 22px;
}

.it-support-page#top .gform_footer input{
    width: 100%;
}

.it-support-page .accent-color {
    color: #002a46;
}

.it-support-page#top #main .wp-column {
    margin-bottom: 80px;
    border-right: 1px solid #b7b7b7;
    padding-right: 50px;
}

.it-support-page .building-icon:before {
    content: url('/wp-content/uploads/2017/01/building-icon.png');
    position:absolute;
    left: 0;
    top: 25px;
    font-size: 40px;
}

.it-support-page .life-saver-icon:before {
    content: url('/wp-content/uploads/2017/01/life-saver-icon.png');
    position:absolute;
    left: 0;
    top: 25px;
    font-size: 40px;
}

.it-support-page .transfer-icon:before {
    content: url('/wp-content/uploads/2017/01/transfer-icon.png');
    position:absolute;
    left: 0;
    top: 25px;
    font-size: 40px;
}
.it-support-page .one-company-section h2 {
    font-size: 40px;
}

@media screen and (max-width: 870px) { /* ji 5/30/17 */
    .it-support-page .form-section .project-services-form.form-column {
        padding: 35px 8px;
    }
}

@media screen and (max-width: 769px) {
    .it-support-page .form-section .form-column {
        padding: 35px 20px;
    }
    
    .it-support-page#top #main .wp-column {
        border: none;
        padding-right: 0px;
    }    
    
    .it-support-page#top .quote p{
        font-size: 25px;
        line-height: 35px;
    }
}

@media screen and (max-width: 1136px) {
    #top.it-support-page .form-btn input[type="submit"] {
        font-size: 9px;
    }
    #top.it-support-page .form-btn.project-services-form input[type="submit"] {
        font-size: 11px;
    }
    .it-support-page .form-section .form-column {
        padding: 35px 9px;
    }
    .it-support-page .form-section .project-services-form li {
         padding-left: 0px;
         padding-right: 0px;
    }
    .it-support-page#top .gform_footer {
        padding-left: 0px;
    }
}

@media only screen and (min-width: 641px) {
    .project-services-form .gform_wrapper ul.gform_fields li.gfield {
        padding-right: 0px;
    }
}

/*END IT SUPPORT */

.avia-msie-9 #top #main .footer_color input[type='text'] {
     width: 225px;
 } 

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */

    #top #footer .gform_footer {
        width: 40%;   
    }
}

/*** DIR Logo ***/
.dir-logo {
    max-width: 140px;
}