/*========= Lp Hero Section ================*/

.lp-hero-sec.section-bg {
    min-height: 500px;
}

/*========Form Section ========*/
.lp-form-section .left-col h2{
   text-transform:uppercase;
}
.lp-form-sec{
  background:#cfe2f3;
  max-width:560px;
  border-radius:5px;
  border:1px solid #E1E2E7;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
.lp-form-sec form{
    padding: 0px 68px 70px 68px;
}
.row-fluid .lp-form-sec form .hs-button.primary{
    color: #CB2020;
    border: 1px solid #CB2020;
    padding: 13px 45px;
    margin-top: 45px;
    
}
.row-fluid .lp-form-sec form .hs-button.primary:hover{
      background: #CB2020;
    border:1px solid #CB2020;
   color:#ffffff;
}
.row-fluid .lp-form-sec form input, .row-fluid .lp-form-sec form select, .row-fluid .lp-form-sec form textarea{
  border: 1px solid rgba(80, 84, 80, 0.6);
    box-sizing: border-box;
    border-radius: 5px;
}
.row-fluid .lp-form-sec form .field>label{
  opacity: 1.0;
    letter-spacing: 1.16667px;
  font-size: 14px;
    line-height: 1;
    font-weight: 400;
}

.lp-form-section .lp-form-sec {
    float: right;
    margin-top: -34%;
}

.lp-form-section{
  padding-top:112px;
  padding-bottom:54px;
}
.lp-form-section .left-col p{
      font-size: 18px;
      line-height: 33px;/* or 183% */
      letter-spacing: 0.5px;
 }

.lp-form-section .left-col {
    padding-right: 20px;
}
.lp-form-sec h3{
  text-align:center;
  font-weight: 500;
font-size: 28px;
line-height: 33px;
 padding-top:55px;
}

/*==========Table section============*/
.table-sec table th{
    background: #4472C4;
}

.table-sec table { 
	width: 100%; 
	border-collapse: collapse; 
	margin:50px auto 0;
	}

/* Zebra striping */
.table-sec tr { 
	background: #fff; 
	}

.table-sec th { 
	background: #4472C4; 
	color: white;  
	}

.table-sec td, .table-sec th { 
	padding: 10px; 
	border: 1px solid rgba(80, 84, 80, 0.47); 
	font-size: 15px;
  line-height:18px;
	}
.table-sec td{
font-size: 12px;
line-height: 14px;
  color:#505450;
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	.table-sec table { 
	  	width: 100%; 
	}

	/* Force table to not be like tables anymore */
	.table-sec table, .table-sec thead,.table-sec tbody, .table-sec th,.table-sec  td, .table-sec tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table-sec thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.table-sec tr { border: 1px solid rgba(80, 84, 80, 0.47) }
	
	.table-sec td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #C5C9D4; 
		position: relative;
		padding-left: 50%; 
	}

	.table-sec td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
    bottom:0px;
		width: 45%; 
		padding: 10px; 
		white-space: nowrap;
		/* Label the data */
		content: attr(data-column);
		background: #cccccc;
    color:#4472C4;
    font-weight:500;
    display: inline-block;
    box-sizing: border-box;
	}
    .table-sec td:last-child {
    border-bottom: none;
}
}
@media(min-width:768px){
  .table-sec table td, .table-sec table th{
    width:140px;
    text-align:center;
  }
}


@media(min-width:768px) and (max-width:1024px){
  .lp-hero-sec.section-bg {
    min-height: 500px;
  }
  .lp-form-sec form {
    padding: 0px 29px 80px 29px;
 }
  .row-fluid .lp-form-sec form .hs-button.primary{
    margin-top:30px;
  }
  .lp-form-section {
    padding-top: 50px;
    padding-bottom: 10px;
}
  .lp-form-section .left-col p {
    font-size: 16px;
    line-height: 29px;
  }
  .lp-form-section .left-col h2{
    font-size:28px;
  }
}

@media(max-width:767px){
  .lp-form-section .lp-form-sec{
    margin-top:0px;
  }
  .lp-form-section .lp-form-sec {
    margin-top: 0px;
    float: none;
    margin: 0 auto;
}
  .lp-hero-sec.section-bg{
    min-height:300px;
  }
  .lp-form-section{
    padding-top:40px;
    padding-bottom:0px;
  }
  .lp-form-section .left-col{
    padding-bottom:30px;
    padding-right:0px;
  }
  .lp-form-section .left-col {
    text-align: left;
 }
  .lp-form-section .left-col h2{
    font-size:24px;
  }
  .lp-form-section .left-col p {
    font-size: 16px;
    line-height: 28px;
  }
  .lp-form-sec form {
    padding: 0px 40px 65px 40px;
  }
  .row-fluid .lp-form-sec form .hs-button.primary{
    margin-top:30px;
  }
}
@media(min-width:320px) and (max-width:480px){
  body .row-fluid .lp-form-sec form .hs-form-field .hs-input{
    width:100%!important;
  }
  .lp-form-sec form {
    padding: 0px 15px 50px 15px;
 }
}

/*===========================================*/
/*       Visualize Page 
/*==========================================*/

/*========banner Section=========*/
.visual-banner-sec{
  padding:43px 0px 60px;
}
.visual-banner-sec .left-col-text {
    max-width: 663px;
}
.visual-banner-sec .left-col-text h2{
  margin-bottom:30px;
}
.visual-banner-sec .left-col-text p{
    font-size: 18px;
    line-height: 28px;/* or 156% */
    letter-spacing: 0.5px;
}

.row-fluid .visual-banner-sec a.cta_button{
  background:#3a55a5;
  color:#ffffff;
  padding:13px 40px;
  width:100px;
  border:1px solid #3a55a5;
}
.row-fluid .visual-banner-sec a.cta_button:hover{
    color:#3a55a5;
    background:#ffffff;
    border:1px solid #3a55a5;
}

/*=====================translate section============*/
.visual-icon-on-hover.icon-on-hover-txt{
  padding-top:74px;
  padding-bottom:126px;
}

/*==================Two Col With Image============*/
.visual-col-with-img .usecase-twocol-cmv2{
   padding-top: 89px;
   padding-bottom:30px;
}
.usecase-twocol-cmv2{
  padding-bottom:45px;
}

/*=============Visual logo Section==============*/
body .container-fluid-wrapper .row-fluid .visual-logo-sec .usecase-cm-add-image ul{
  padding-top:15px;
  padding-bottom:87px; 
}
.row-fluid .usecase-cm-add-image.customized ul {
    padding-top: 0px;
}

/*==============Visual Two Col ================*/
.visual-two-col .two-col-cm-v3{
  padding-top:104px;
  padding-bottom:55px;
}


/*===============visual Single Col============*/
.visual-single-col .two-col-cm-v3{
  padding-bottom:0px;
}

/*==========visual globe image==========*/

.visual-globe-img .usecase-add-txt{
  padding-bottom:0px;
}

/*=========Visual last Logo Section =========*/
.visual-last-logo-sec .usecase-cm-add-image img {
    width: 96px; 
}
.row-fluid .visual-last-logo-sec .usecase-cm-add-image ul{
  padding-top:60px;
}


@media(min-width:768px) and (max-width:1024px){
  .visual-icon-on-hover.icon-on-hover-txt{
    padding-top: 74px;
    margin-top: 60px;
    padding-bottom: 60px;

  }
}

@media(max-width:767px){
  .row-fluid .visual-banner-sec a.cta_button{
    width:184px;
  }
  .row-fluid .visual-icon-on-hover.icon-on-hover-txt {
    padding-top: 34px;
    padding-bottom: 65px;
}
  .row-fluid .visual-col-with-img .usecase-twocol-cmv2 {
    padding-top: 55px;
    padding-bottom: 30px;
}
  .row-fluid .visual-two-col .two-col-cm-v3 {
    padding-top: 65px;
    padding-bottom: 10px;
  }
  body .row-fluid .visual-logo-sec .usecase-cm-add-image ul{
    padding-bottom:60px;
  }
  .visual-banner-sec .left-col-text p{
    font-size:16px;
  }
  .visual-last-logo-sec .usecase-cm-add-image img {
    width: 60px; 
 }
  .row-fluid .visual-last-logo-sec .usecase-cm-add-image ul {
    padding-top: 25px;
}
}



/*====================================*/
/* Ford Supplier Page
/*====================================*/

.ford-hero-section{
  padding-top:143px;
  padding-bottom:143px;
}

.ford-hero-section .hero-text-sec{
  max-width:926px;
}

.ford-hero-section .hero-text-sec .hero-header-txt{ 
font-weight: 500;
font-size: 48px;
line-height: 61px;
/* or 127% */
color: #505450;
  margin-bottom:21px;
}
.ford-hero-section .hero-text-sec  .desc-txt-sec{
  max-width:782px;
}
.ford-hero-section .hero-text-sec p{
font-size: 18px;
line-height: 24px;
letter-spacing: 0.5px;
color: #505450;
}

/*============Single Column Text Section ================*/

.single-col-txt-sec{
  padding-top:80px;
  padding-bottom:80px;
}
.single-col-txt-sec p{
  font-size: 18px;
line-height: 24px;
letter-spacing: 0.5px;
color: #505450;
}

/*===========two Col Section ====================*/
.ford-two-col-sec{
  padding-top:100px;
  padding-bottom:100px;
}
.ford-two-col-sec p{
  font-size: 18px;
line-height: 28px;
letter-spacing: 0.5px;
color: #505450;
}

/*=============Table Section===========*/
.table-sec.ford-table-sec{
  padding-top:50px; 
  padding-bottom:70px; 
}
.row-fluid .table-sec a.cta_button{
  padding: 13px 40px;
  width: 100px;
  margin-top:15px;
  text-transform:uppercase;
}

/*==========Future Soft Sec==========*/
.future-soft-sec .two-col-cm-v-one{
  padding-bottom:100px;
}

@media(min-width:768px) and (max-width:1024px){
  .ford-hero-section .hero-text-sec .hero-header-txt{
    font-size:37px;
    line-height:50px;
  }
  .ford-hero-section .hero-text-sec p {
    font-size: 16px;
  }
  .ford-hero-section {
    padding-top: 110px;
    padding-bottom: 110px;
}
  .single-col-txt-sec p {
    font-size: 16px;
  }
}

@media(max-width:767px){
  .ford-hero-section {
    padding-top: 90px;
    padding-bottom: 90px;
 }
  .ford-hero-section .hero-text-sec .hero-header-txt{
    font-size:26px;
    line-height: 30px;
  }
  .ford-hero-section .hero-text-sec p {
    font-size: 14px;
  }
  .single-col-txt-sec p {
    font-size: 14px;
    margin-bottom:10px;
    text-align:center;
  }
  .row-fluid .table-sec a.cta_button{
    width:184px;
  }
}



/*===Additional Style===*/



.lp-form-section .use-case-pages.left-col td{
 font-size:18px;
 padding-top:10px; 
}

.lp-form-section .use-case-pages.left-col p {
 font-size: 18px;
 line-height: 29px;
 margin-bottom: 0px;
 padding-bottom:5px;
}

.lp-form-section .use-case-pages.left-col td {
  padding-left:10px;
  padding-right:10px;
  color: #505540;
}


.lp-form-section .use-case-pages.left-col table {
 padding-top: 6px;
 padding-bottom: 20px;
}

@media(max-width:1024px) and (min-width:768px){
 .lp-form-section .use-case-pages.left-col td {
    font-size: 16px; 
  } 
}

@media(max-width:767px){
.lp-form-section .use-case-pages.left-col{
 text-align:left;  
}
  
.lp-form-section .use-case-pages.left-col p {
  font-size: 15px;  
}
  
.lp-form-section .left-col ol li {
 font-size: 15px; 
}
  
.lp-form-section .use-case-pages.left-col td {
 font-size: 14px;
 padding-left:5px;
 padding-right:5px;
 padding-top:2px; 
}
}  

.hs-richtext{
 padding-top:10px;
 padding-bottom:10px; 
}

.row-fluid .lp-form-sec .hs-form .field .input input[type="checkbox"], .row-fluid .lp-form-sec .hs-form .field .input input[type="radio"]{
 top:-5px; 
 width:20px!important; 
}

body .lp-form-sec form .hs-form-checkbox:last-child, body .lp-form-sec form .hs-form-radio:last-child, body .lp-form-sec form .hs-form-booleancheckbox {
 margin-bottom: 0px; 
 padding-top: 8px;
 padding-bottom: 5px;
}

.lp-hero-sec.section-bg {
 min-height: 600px;
 background-position: center center !important;
}

@media(max-width:767px){
 .lp-hero-sec.section-bg {
    min-height: 400px; 
}
  
.legal-consent-container .hs-form-booleancheckbox-display>span{
  margin-left: 26px;
}
  
.hs-form-booleancheckbox-display span {
 line-height: 1.5;
}  
}





/*==========Simple LP Body=============*/
.lp-body h2{
  text-transform:uppercase;
}

.lp-body p{
  font-size: 18px;
    line-height: 29px;
    margin-bottom: 0px;
    padding-bottom: 5px;
}

.lp-body ul li,
.lp-body ol li {
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: 0.5px;
}

.lp-body ul,
.lp-body ol {
    padding-bottom: 20px;
  margin-bottom:15px;
}

@media(max-width:767px){

.lp-body p{
  font-size: 15px;
    line-height:1.4;
   
}

.lp-body ul li,
.lp-body ol li {
    font-size: 15px;
    line-height: 1.4;
   
}

}

@media(min-width:1024px){
body .lp-hero-sec.section-bg.simple-page-hero{
 min-height:800px; 
}  
}



/*=================*/
@media(min-width:768px){

.lp-form-section.lp-body.lp-form .left-col{
  padding-right:40px;
}
  
}


.lp-form-section.lp-body.lp-form .table-cm table {
 white-space: normal;
}

@media(min-width:768px){
.lp-form-section.lp-body.lp-form .table-cm {
 overflow-x: scroll;
 //white-space: nowrap;
 width: 100%;
}
}

.lp-form-section .reseller-form-sec{
 padding-top:0px;
}

@media(min-width:768px){
.lp-form-section .reseller-form-sec{
 margin-top: -363px; 
}
}

.lp-form-section.lp-body.lp-form .reseller-form .legal-consent-container .hs-form-booleancheckbox-display span {
 display: block;
 margin-left: 22px;
 padding-top: 0px;
}


  /* width */
.lp-form .table-cm::-webkit-scrollbar {
  width: 5px;
  height:5px;
  border-radius:10px;
}

/* Track */
.lp-form .table-cm::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

/* Handle */
.lp-form .table-cm::-webkit-scrollbar-thumb {
  background: #1871c9; 
}

/* Handle on hover */
.lp-form .table-cm::-webkit-scrollbar-thumb:hover {
  background: #1871c9; 
}
  
  

@media (max-width:1024px){
body .container-fluid .row-fluid .lp-form-section.lp-body.lp-form .reseller-form form {
 padding: 34px;
 padding-top: 16px;
}
  
.lp-form-section.lp-body.lp-form .reseller-form .form-title {
 font-size: 27px;  
}
}

@media(min-width:768px){
.lp-form-section.lp-body.lp-form .hs_license_manager_hose_name label{
 min-height:24px; 
}
}

@media(max-width:842px) and (min-width:768px){
.lp-form-section.lp-body.lp-form .hs_license_manager_hose_name label {
 min-height: 36px;
}  
}


@media(max-width:566px){
.lp-form-section.lp-body.lp-form .hs_license_manager_hose_name label {  
 min-height: 24px;
}  
}


body .lp-form-section.contact-lp-sec {
  padding-top: 90px;
  padding-bottom: 100px;
}

.contact-info-lp{
 
  padding-top: 100px;
}

@media(max-width:767px){
body .lp-form-section.contact-lp-sec {
  padding-top: 64px;
  padding-bottom: 50px;
}  
 
 .contact-info-lp{ 
  padding-top: 50px; 
}
}


@media (min-width: 768px){
.header-logo img {
    max-width: 160px;
}
}

@media(max-width:480px){
body .row-fluid .theorem-header .header-logo {
 max-width: 130px;
}
}