/*
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
*/

/*INHALTSVERZEICHNIS*
~GENERAL
  ~FORM CONFIRMATION
  ~FORM
~MEDIA QUERIES
~HOME
~ABOUT US
~SOLUTIONS
~PROCESS
~RESOURCES
~CONTACT US
~SUPPORT
~INDUSTRIES
~REFERENCES
~CAREERS
~BLOG

--------------------------------------------------------------*/

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

/*END CONFIRMATION*/

/* ~GENERAL */

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

#main {
    background: #ffffff url(/wp-content/uploads/2016/08/background-1.jpg) repeat;
}

.av-layout-grid-container, .avia-section {
    background: rgba(255,255,255,0);
}

#top #header_meta {
    background: transparent;
    border-bottom: none;
}

.sub_menu {
    padding: 15px 0 0 0;
}

.sub_menu ul li {
    border-right: 1px solid #35a1db;
}

.clear-fix {
    clear: both;
}

#footer {
    padding: 0;
}

#footer .container {
    max-width: 1430px;
}

#footer .widget {
    margin: 0;
}

#socket {
    border: none;
}

#socket .copyright {
    display: block;
    float: none;
    font-size: 18px;
}

#socket .copyright .sitemap span {
    padding: 0 15px;
}

#socket .copyright .sitemap span:first-child {
    padding-left: 0;
}

#socket .copyright .history {
    float: right;
    text-align: right;
    font-weight: 600;
    text-transform: uppercase;
}

.top-footer-section {
    text-align: center;
    padding-bottom: 45px;
    padding-top: 45px;
    border-bottom: 1px solid #7cc3ec;
}

.top-footer-section h3 {
    font-size: 36px;
    line-height: 36px;
}

#top .top-footer-section h3 a {
    text-decoration: underline;    
}

.top-footer-section h5 {
    color: #243a76;
    font-size: 22px;
    margin-bottom: 18px;
    line-height: 22px;
}

.bottom-footer-section {
    padding: 35px 60px;
    border-bottom: 1px solid;
}

.bottom-footer-section h6 {
    text-transform: uppercase;
}

.bottom-footer-section li {
    font-size: 16px;
    line-height: 24px;
    padding-left: 28px;
    position: relative;
}

.bottom-footer-section li:before {
    font-family: 'new-icons-upload';
    color: #0e5f8a;
    position: absolute;
    top: 1px;
    left: 3px;
}

.bottom-footer-section .footer-contact {
    width: 100%;
    max-width: 380px;
    float: left;
}

.bottom-footer-section .footer-contact li {
    margin: 0 0 20px 0;
}

.bottom-footer-section .footer-contact li.address:before {
    content: '\e0f5';
}

.bottom-footer-section .footer-contact li.phone:before {
    content: '\e0db';
}

.bottom-footer-section .footer-contact li.email:before {
    content: '\e0eb';
}

.bottom-footer-section .footer-social {
    width: 100%;
    max-width: 380px;
    float: right;
}

.bottom-footer-section .footer-social li.facebook:before {
    content: '\e498';
}

.bottom-footer-section .footer-social li.twitter:before {
    content: '\e49d';
}

.bottom-footer-section .footer-social li.linkedin:before {
    content: '\e4cf';
}

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

.compressed-content .container {     /*Generally used for entire blocks of content including, text, pictures, videos etc...*/
  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;
  border-right: solid 80px transparent;
}

/*  ~FORM */

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

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

#top .gform_wrapper ul li.gfield {
	margin-bottom: 5px;
	margin-top: 10px;
}

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

#top input[type='submit'], #top .gform_button {
    border-radius: 0;
    border: 2px solid #fff;
    background: #b12029;
	padding: 8px 30px;
    font-size: 18px;
}

#top .gform_button:hover {
    background: #e73e48;
}

#top ::-webkit-input-placeholder { text-indent: 0px; padding-left: 7px;  transition: text-indent 0.3s ease; font-weight: 400; color:#888888; font-size: 20px;font-family: 'Raleway', sans-serif; }
#top ::-moz-placeholder { text-indent: 0px;  padding-left: 7px; transition: text-indent 0.3s ease; font-weight: 400; color:#888888; font-size: 20px;font-family: 'Raleway', sans-serif; } /* 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;font-family: 'Raleway', sans-serif; } /* 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;font-family: 'Raleway', sans-serif; }

#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 */

/**** TYPOGRAPHY ****/

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

h1 {
  font-weight: 700;
  /*font-size: 54px;*/
  font-size: 2.7rem; /* 54 / 20  */
  /*margin-bottom: 34px;*/
  margin-bottom: 1.7rem;
  /*line-height: 60px;*/
  line-height: 3rem;
}

h2 {
  /*font-size: 52px;*/
  font-size: 2.6rem; /* 52 / 20 */
  /*margin-bottom: 32px;*/
  margin-bottom: 1.6rem;
  /*line-height: 60px;*/
  line-height: 3rem;
}

h3 {
  /*font-size: 26px;*/
  font-size: 1.3rem; /* 26 / 20 */
  /*margin-bottom: 16px;*/
  margin-bottom: 0.8rem;
  /*line-height: 26px;*/
  line-height: 1.3rem;
}

h4 {
  /*font-size: 24px;*/
  font-size: 1.2rem; /* 24 / 20 */
  /*margin-bottom: 15px;*/
  margin-bottom: 0.75rem;
  /*line-height: 24px;*/
  line-height: 1.2rem;
}

h5 {
  /*font-size: 22px;*/
  font-size: 1.1rem; /* 22 / 20 */
  /*margin-bottom: 14px;*/
  margin-bottom: 0.7rem;
  /*line-height: 22px;*/
  line-height: 1.1rem;
}

h6 {
  /*font-size: 21px;*/
  font-size: 1.05rem; /* 21 / 20 */
  /*margin-bottom: 13px;*/
  margin-bottom: 0.65rem;
  /*line-height: 21px;*/
  line-height: 1.05rem;
}

p {
  font-family: 'Oxygen', sans-serif;
  line-height: 29px;
}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: none;
}

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

.black-accent-text {
    color: #4c4c4c;
}

.dark-blue-accent-text {
    color: #06347a;
}

.blue-accent-text {
    color: #43a9e4;
}

.red-accent-text {
    color: #bc2f26;
}

.menu-item-top-level .avia-menu-text {
    font-family: 'Open Sans', sans-serif;
    color: #333333;
    font-weight: 700;
    font-size: 15px;
}

.menu-item-top-level .avia-menu-fx {
    height: 10px;
}

#top #wrap_all .av_header_transparency .sub_menu > ul > li {
    border-color: #43a9e4;
}

#top #wrap_all .av_header_transparency .sub_menu > ul > li > a {
    color: #43a9e4;
}

#top .header_color.av_header_transparency .avia-menu-fx {
    background: #43a9e4;
    bottom: 0;
    width: 100%;
    left: 0;
}

.hero h1, .hero h3 {
    color: #ffffff;
}

.hero h3 {
    font-weight: 400;
}

.hero .subtitle {
    color: #ffffff;
}

.hero .blue-accent-text {
    font-weight: 600;
}

.grid-content-box {
   padding: 40px; 
   position: relative;
   color: #fff;
}

.grid-content-box strong {
    color: #fff;
}

.grid-content-box p:first-child {
    margin-top: 0;
}

.grid-content-box p:last-child {
    margin-bottom: 0;
}

.slim-grid-content-box {
    padding-top: 25px;
    padding-bottom: 25px;
}

.marked-grid-content-box {
    padding-bottom: 100px;
}

.marked-grid-content-box:after {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 25px;
    right: 25px;
    visibility: visible;
}

#top .bordered-grid-box {
    border: 1px solid #e1e1e1;
}

.text-section p {
    font-size: 22px;
    line-height: 35px;
}

.grid-box-image .avia-image-container-inner {
    width: 100%;
}

.grid-box-image .avia-image-container-inner img {
    width: 100%;
    border-radius: 0;
}

#top .icon-button {
    background: #243a76;
    border: 2px solid #8ca1d9;
    padding: 8px 20px 8px 57px;
    position: relative;
    color: #fff;
    line-height: 24px;
}

#top .icon-button:hover {
    text-decoration: none;
    background: #405899;
}

#top .icon-button:before {
    content: '\e25c';
    font-family: 'new-icons-upload';
    width: 40px;
    height: 40px;
    border-right: 2px solid #8ca1d9;
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    text-align: center;
    line-height: 40px;
    background: #314886;
}

#top .pagination a {
    color: #fff;
}

/*~MEDIA QUERIES*/
@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;
      line-height: 34px;
    }

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

    .flexed .entry-content-wrapper {      /*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;
  }

    .flexed-order .entry-content-wrapper {      /*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;
  }  
  
  .flexed-grid {      /*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;
  }
  
  .desktop-only {
      display: none !important;
  }

  .bottom-footer-section {
      padding: 30px 15px;
  }
  
  #socket .copyright .history {
    float: left;
    text-align: left;
  }
}

@media screen and (max-width: 1100px) {
    #top .bottom-footer-section .footer-social {
        float: left;
    }
}

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

}

/*~END MEDIA QUERIES------------------------------------------------------*/

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

@media screen and (max-width: 767px) {
    #header_meta {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .responsive.html_mobile_menu_phone .main_menu .avia-menu {         /*Adjusts when main nav goes to mobile mode*/
        display: none;
    }
    
    .responsive.html_mobile_menu_phone .container #advanced_menu_toggle {   /*Adjusts when hamburger menu appears*/
        display: block;
    }
}

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

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

.home-page .hero {
    color: #ffffff;
}

.home-page .hero .blue-accent-text, .home-page .hero .red-accent-text {
    font-weight: 600;   
}

.home-page .check-grid-row .marked-grid-content-box:after {
    content: url(/wp-content/uploads/2016/08/checkmark.png)
}

.home-page .lesson-grid-row .marked-grid-content-box:after {
    text-align: center;
    font-size: 55px;
    font-weight: 300;
    line-height: 55px;
}

.home-page .lesson-grid-row .lesson-1:after {
    content: '1';
}

.home-page .lesson-grid-row .lesson-2:after {
    content: '2';
}

.home-page .lesson-grid-row .lesson-3:after {
    content: '3';
}

.home-page .lesson-grid-row .lesson-4:after {
    content: '4';
}

.home-page .lesson-grid-row .lesson-5:after {
    content: '5';
}

.home-page .service-grid-row .support-box {
    padding-bottom: 105px;    
}

.home-page .service-grid-row .support-box:after {
    content: url(/wp-content/uploads/2016/08/clock.png);
    width: 62px;
    height: 55px;
}

.home-page .service-grid-row .cio-box {
    padding-bottom: 105px;
}

.home-page .service-grid-row .cio-box:after {
    content: url(/wp-content/uploads/2016/08/woman.png);
    width: 38px;
    height: 55px;
}

.home-page .service-grid-row .engineer-box {
    padding-bottom: 105px;
}

.home-page .service-grid-row .engineer-box:after {
    content: url(/wp-content/uploads/2016/08/tools.png);
    width: 54px;
    height: 54px;
}

.home-page .service-grid-row .technology-box {
    padding-bottom: 105px;
}

.home-page .service-grid-row .technology-box:after {
    content: url(/wp-content/uploads/2016/08/mouse.png);
    width: 62px;
    height: 55px;
}

.home-page .service-grid-row .partner-box {
    padding-bottom: 105px;
}

.home-page .service-grid-row .partner-box:after {
    content: url(/wp-content/uploads/2016/08/handshake.png);
    width: 69px;
    height: 46px;
}

.home-page .benefits-grid-row strong {
    color: #243a76;
}

.home-page .form-grid-row .gform_body {
    float: left;
    width: 80%;
    clear: none;
    margin: 0;
    padding: 0;
}

.home-page#top .form-grid-row .gfield {
    margin-top: 3px;
}

.home-page#top .form-grid-row .ginput_container {
    margin: 0;
}

.home-page#top .form-grid-row .gform_wrapper input {
    padding: 7px 15px;
}

.home-page .form-grid-row .gform_footer {
    float: left;
    width: 20%;
    clear: none;
    margin: 0;
    padding: 0;
}

.home-page#top .form-grid-row .gform_button {
    position: relative;
    top: 3px;
    padding: 8px 20px 8px 57px;
    line-height: 21px;
}

.home-page .form-grid-row .gform_button:before {
    content: '\e0ee';
    font-family: 'new-icons-upload';
    width: 37px;
    height: 37px;
    border-right: 2px solid #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    text-align: center;
    line-height: 37px;
    background: #d42631;
}

.home-page .call-out-box {
    font-size: 28px;
    padding-left: 20%;
    padding-right: 20%;
}

.home-page .lesson-label {
    position: absolute;
    bottom: 20px;
    right: 75px;
}

@media screen and (max-width: 767px) {
    .home-page#top #wrap_all .av-flex-cells .av_one_fifth {
        display: none;
    }
    
    .home-page#top .form-grid-row .gform_button {
        width: 100%;
    }
}

@media screen and (max-width: 1310px) {
    .home-page .form-grid-row .gform_body {
        float: none;
        width: 100%;
    }
    
    .home-page .form-grid-row .gform_footer {
        float: none;
        width: 100%;
    }
}

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

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

.about-us-page .step-section h2 {
    padding-left: 65px;
    position: relative;
    font-size: 52px;
    line-height: 52px;
}

.about-us-page .step-section h2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 52px;
    line-height: 52px;
    font-weight: 600;
}

.about-us-page .step-section h3 {
    padding-left: 65px;
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 35px;
}

.about-us-page .step-1-section h2 {
    color: #fff;
}

.about-us-page .step-1-section h2:before {
    content: '1.';
    color: #92d4f6;
}

.about-us-page .step-1-section h3 {
    color: #0d387d;
}

.about-us-page .step-2-section h2 {
    color: #333333;
}

.about-us-page .step-2-section h2:before {
    content: '2.';
    color: #afafaf;
}

.about-us-page .step-3-section h2 {
    color: #fff;
}

.about-us-page .step-3-section h2:before {
    content: '3.';
    color: #e99487;
}

.about-us-page .step-4-section h2 {
    color: #333333;
}

.about-us-page .step-4-section h2:before {
    content: '4.';
    color: #afafaf;
}

@media screen and (max-width: 767px) {
    .about-us-page#top #wrap_all .av-flex-cells .av_one_fifth {
        display: none;
    }
    
    .about-us-page .step-section h2 {
        font-size: 28px;
        line-height: 28px;
        padding-left: 35px;
        margin-bottom: 10px;
    }
    
    .about-us-page .step-section h2:before {
        font-size: 28px;
        line-height: 28px;
    }
    
    .about-us-page .step-section h3 {
        font-size: 26px;
        line-height: 26px;
        padding-left: 35px;
    }
}

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

}

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

/*~ABOUT YOU-------------------------------------------------------*/

.about-you-page .text-section strong {
    color: #333333;
}

.about-you-page .text-section {
    padding: 50px 0;
}

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

}

@media only screen and (max-width: 1150px) {
    .responsive .about-you-page#top #wrap_all .av-flex-cells .flex_cell {
        display: block;
        margin: 0;
        height: auto !important;
        overflow: hidden;
        padding-left: 8% !important;
        padding-right: 8% !important;
        width: 100%;
    }
    
    .about-you-page .text-section {
        padding: 20px;
    }
}

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

}

/*~END ABOUT YOU------------------------------------------------------*/

/*~CLIENT REVIEWS-------------------------------------------------------*/

.reviews-page .legend-section strong {
    color: #333333;
}

.reviews-page .average-rating-section .total-reviews {
    color: #333333;
}

.reviews-page .review-box .company p {
    margin: 0;
    font-size: 18px;
}

.reviews-page .review-box .issue {
    margin-top: 20px;
}

.reviews-page .review-box .issue strong {
    color: #333333;
    display: block;
}

.reviews-page .review-box .issue p {
    margin: 17px 0;
}

.reviews-page .review-box.grid-content-box .issue strong {
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .responsive .reviews-page#top #wrap_all .review-box .rating, .responsive .reviews-page#top #wrap_all .review-box .company {
        padding: 0 !important;
        text-align: center;
    }
    
    .responsive .reviews-page#top #wrap_all .review-box .rating .avia-image-container {
        margin: 0;
        float: none;
    }
    
    .responsive .reviews-page#top #wrap_all .review-box .rating .avia_image {
        margin: 0 auto;
    }
}

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

}

/*~END CLIENT REVIEWS------------------------------------------------------*/

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

.process-page .step-box p {
    color: #ffffff;
    font-size: 53px;
    line-height: 53px;
    text-transform: uppercase;
}

.process-page .step-box strong {
    font-size: 100px;
    color: #fff;
    line-height: 100px;
}

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

}

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

}

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

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

.resources-page .library-navigation p {
    margin: 0;   
}

.resources-page .library-navigation a {
    color: #ffffff;
    display: block;
    padding: 10px;
}

.resources-page .whitepaper .cover {
    float: left;
    width: 40%;
    margin: 0 10% 20px 0;
}

.resources-page .whitepaper .av_textblock_section {
    float: left;
    width: 49%;
}

.resources-page#top .icon-button {
    display: inline-block;
    margin-top: 20px;
}

.resources-page#top .icon-button:before {
    content: '\e2b8';
}

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

}

@media screen and (max-width: 850px) {
    .resources-page .whitepaper .cover {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }
    
    .resources-page .whitepaper .description {
        text-align: center;
    }
    
    .resources-page .whitepaper .av_textblock_section {
        float: none;
        width: 100%;
    }
}

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

}

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

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

.contact-us-page .form {
    padding: 60px 100px;
}

.contact-us-page .form h2 {
    color: #ffffff;
}

.contact-us-page .form .gform_button:before {
    content: '\e25c';
    font-family: 'new-icons-upload';
    width: 37px;
    height: 37px;
    border-right: 2px solid #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    text-align: center;
    line-height: 37px;
    background: #d42631;
}

.contact-us-page#top .form .gform_button {
    position: relative;
    top: 3px;
    padding: 8px 20px 8px 57px;
    line-height: 21px;
}

.contact-us-page#top #main input[type="text"], .contact-us-page#top #main  input[type="email"], .contact-us-page#top #main  textarea {
    border-color: #476693;
}

.contact-us-page .contact-section .grid-content-box strong {
    display: inline-block;
    margin-bottom: 3px;
}

.contact-us-page .contact-section .grid-content-box p {
    padding-left: 60px;
    position: relative;
}

.contact-us-page .contact-section .grid-content-box a {
    color: #fff;
}

.contact-us-page .contact-section .grid-content-box p:before {
    position: absolute;
    top: 6px;
    left: 0px;
    visibility: visible;
    text-align: center;
    color: #fff;
}

.contact-us-page .contact-section .address-box p:before {
    content: url(/wp-content/uploads/2016/08/marker-icon.png);
    width: 45px;
    height: 65px;
}

.contact-us-page .contact-section .phone-box p:before {
    content: url(/wp-content/uploads/2016/08/phone-icon.png);
    width: 28px;
    height: 50px;
}

.contact-us-page .contact-section .email-box p:before {
    content: url(/wp-content/uploads/2016/08/mail-icon.png);
    width: 50px;
    height: 30px;
}

@media screen and (max-width: 900px) {
    .contact-us-page .form {
        padding: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .contact-us-page .contact-section .grid-content-box {
        padding: 30px 20px !important;
    }
}

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

}

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

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

.support-page .grid-content-box p {
    padding-left: 60px;
    position: relative;
}

.support-page .grid-content-box a {
    color: #fff;
}

.support-page .grid-content-box p:before {
    position: absolute;
    top: 6px;
    left: 0px;
    visibility: visible;
    text-align: center;
    color: #fff;
}

.support-page .login-box p:before {
    content: url(/wp-content/uploads/2016/08/person-icon.png);
    width: 45px;
    height: 65px;
}

.support-page .phone-box p:before {
    content: url(/wp-content/uploads/2016/08/phone-icon.png);
    width: 28px;
    height: 50px;
}

.support-page .email-box p:before {
    content: url(/wp-content/uploads/2016/08/mail-icon.png);
    width: 50px;
    height: 30px;
}

@media screen and (max-width: 1030px) {
    .support-page .grid-content-box p:before {
        content: '';
    }
    
    .support-page .grid-content-box p {
        padding: 0;
        text-align: center;
    }
}

@media screen and (max-width: 1200px) {
    .support-page .grid-content-box {
        padding: 30px !important;
    }
}

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

}

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

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

.careers-page .positions-section a {
    color: #004783;
    font-size: 22px;
}

.careers-page .grid-content-box h2 {
    color: #fff;
}

.careers-page .ginput_container_fileupload span {
    color: #fff;
}

.careers-page .form .gform_button:before {
    content: '\e25c';
    font-family: 'new-icons-upload';
    width: 37px;
    height: 37px;
    border-right: 2px solid #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    text-align: center;
    line-height: 37px;
    background: #d42631;
}

.careers-page#top .form .gform_button {
    position: relative;
    top: 3px;
    padding: 8px 20px 8px 57px;
    line-height: 21px;
}

.careers-page p strong {
    color: #333;
}

.careers-page#top .icon-button:before {
    content: '\e2b8';
}

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

}

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

}

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

/*** LP - KME Systems’ Open House ***/

.open-house-page .form-box h2 {
    color: #fff;
}

.open-house-page .form-box form {
    max-width: 500px;
    margin: 0 auto;
}

.open-house-page .form-box .gform_body {
    margin: 50px 0;
}

.open-house-page#top .form-box .gform_button {
    position: relative;
    padding: 8px 20px 8px 57px;
    line-height: 21px;
}

.open-house-page#top .form-box .gform_button:before {
    content: '\e011';
    font-family: 'new-icons-upload';
    width: 37px;
    height: 37px;
    border-right: 2px solid #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    text-align: center;
    line-height: 37px;
    background: #d42631;
}