@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
 @import url('//fonts.googleapis.com/css?family=Roboto:300|Roboto:500|Roboto:700|Roboto:regular&subset=latin');
 body {
     background-color: #fff;
	 background-image: url("https://evolvchips.com/cdn/shop/files/Pattern_3d0eed41-03b3-42f6-a907-239435654160.png?v=1702428574");
     font-family: "Open Sans", Arial, Helvetica, sans-serif;
     font-size: 12px;
     line-height: 1.4;
     font-style: normal;
     font-weight: normal;
     color: #000;
     text-transform: none;
     letter-spacing: 0px;
}
 .page-head a, a:focus, a:hover {
     color: #000;
}
 .logo-wrapper{
     text-align:center;
     margin-top:20px;
}
 .top-logo{
     width: 200px;
     margin-top: 20px;
}
 .red-asterisk:after {
	content:" *";
	color:#ff2323;
}
 .hr {
     background-color: rgba(0, 0, 0, 0.2);
     border: 0px;
     border-style: solid;
     border-color: #eeeeee;
     border-radius: 0px;
     height:1px;
     background-image: none;
     background-position: center center;
     background-repeat: repeat;
     background-size: auto;
     background-attachment: inherit;
}
 .owl-controls .owl-nav > div {
     color: rgb(152, 139, 146);
     background-color: rgb(255, 255, 255);
     border: 0px;
     border-style: solid;
     border-color: #eeeeee;
     border-radius: 0px;
     margin-top: auto;
     margin-right: 1px;
     margin-bottom: auto;
     margin-left: auto;
}
 .owl-controls .owl-nav > div:hover {
     color: rgb(255, 255, 255);
     background-color: rgb(77, 69, 80);
     border: 0px;
     border-style: solid;
     border-color: #eeeeee;
     border-radius: 0px;
}
 .dots-typ1 .dots:after, .oc-slideshow .dots-typ1 .owl-dots:after {
     border-color: #434444;
}
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
     font-family: "Open Sans";
     font-size: 13px;
     line-height: 1.2;
     font-style: normal;
     font-weight: 500;
     color: rgb(102, 102, 102);
     text-transform: uppercase;
     letter-spacing: 0px;
}
 .h1, h1 {
     color: #000;
     font-size: 30px;
}
 .h2, h2 {
     color: #000;
     font-size: 22px;
}
 .h3, h3 {
     color: #000;
     font-size: 18px;
}
 .h4, h4 {
     color: #000;
     font-size: 16px;
}
 .h5, h5 {
     color: #000;
     font-size: 14px;
}
 .h6, h6 {
     color: #000;
     font-size: 13px;
}
 .col-mod-hd {
     font-family: "Open Sans";
     font-size: 14px;
     line-height: 1.2;
     font-style: normal;
     font-weight: 500;
     color: #000;
     text-transform: uppercase;
     letter-spacing: 0px;
     color: rgb(255, 255, 255);
     font-size: 15px;
     text-align: left;
     border-width: 0px 0px 1px 0px;
     border-style: solid;
     border-color: rgba(255, 255, 255, 0.2);
     border-radius: 0px;
}
 .ft-hd {
     font-family: "Open Sans";
     font-size: 13px;
     line-height: 1.2;
     font-style: normal;
     font-weight: 500;
     color: #000;
     text-transform: uppercase;
     letter-spacing: 0px;
     color: rgb(255, 255, 255);
     font-size: 14px;
     text-align: left;
}
 .page-head {
     text-align: center;
     border-width: 0px 0px 3px 0px;
     border-style: dotted;
     border-color: #7bc24f;
     border-radius: 50px;
     padding-top: 15px;
     padding-right: 0px;
     padding-bottom: 15px;
     padding-left: 0px;
     margin: auto;
     background-image: none;
     background-position: center center;
     background-repeat: repeat;
     background-size: auto;
     background-attachment: inherit;
     margin-top:30px;
}
 .page-head h1 {
     font-family: "Open Sans";
     font-size: 13px;
     line-height: 1.2;
     font-style: normal;
     font-weight: normal;
     font-weight: 300;
     color: #000;
     text-transform: uppercase;
     letter-spacing: 0px;
     font-size: 13px;
     text-align: center;
}
 .page-head h1 strong {
     color: #000;
     font-weight:300;
     font-size: 35px;
     text-align: center;
}
/* Title: Creating an HTML5 enhanced responsive-ready contact form, with custom javascript feature detection Tutorial on: http://www.onextrapixel.com Author: http://www.toddmotto.com */
 .main-wrapper {
     max-width:1330px;
     min-width:1200px;
     margin:auto;
}
 @media only screen and (max-width:1199px) {
     .main-wrapper {
         max-width:inherit;
         min-width:inherit;
    }
}
 .invform1 input, .invform1 textarea{
     animation : none;
     animation-delay : 0;
     animation-direction : normal;
     animation-duration : 0;
     animation-fill-mode : none;
     animation-iteration-count : 1;
     animation-name : none;
     animation-play-state : running;
     animation-timing-function : ease;
     backface-visibility : visible;
     background : 0;
     background-attachment : scroll;
     background-clip : border-box;
     background-color : transparent;
     background-image : none;
     background-origin : padding-box;
     background-position : 0 0;
     background-position-x : 0;
     background-position-y : 0;
     background-repeat : repeat;
     background-size : auto auto;
     border : 0;
     border-style : none;
     border-width : medium;
     border-color : inherit;
     border-bottom : 0;
     border-bottom-color : inherit;
     border-bottom-left-radius : 0;
     border-bottom-right-radius : 0;
     border-bottom-style : none;
     border-bottom-width : medium;
     border-collapse : separate;
     border-image : none;
     border-left : 0;
     border-left-color : inherit;
     border-left-style : none;
     border-left-width : medium;
     border-radius : 0;
     border-right : 0;
     border-right-color : inherit;
     border-right-style : none;
     border-right-width : medium;
     border-spacing : 0;
     border-top : 0;
     border-top-color : inherit;
     border-top-left-radius : 0;
     border-top-right-radius : 0;
     border-top-style : none;
     border-top-width : medium;
     bottom : auto;
     box-shadow : none;
     box-sizing : content-box;
     caption-side : top;
     clear : none;
     clip : auto;
     color : inherit;
     columns : auto;
     column-count : auto;
     column-fill : balance;
     column-gap : normal;
     column-rule : medium none currentColor;
     column-rule-color : currentColor;
     column-rule-style : none;
     column-rule-width : none;
     column-span : 1;
     column-width : auto;
     content : normal;
     counter-increment : none;
     counter-reset : none;
     cursor : auto;
     direction : ltr;
     display : inline;
     empty-cells : show;
     float : none;
     font : normal;
     font-family : inherit;
     font-size : medium;
     font-style : normal;
     font-variant : normal;
     font-weight : normal;
     height : auto;
     hyphens : none;
     left : auto;
     letter-spacing : normal;
     line-height : normal;
     list-style : none;
     list-style-image : none;
     list-style-position : outside;
     list-style-type : disc;
     margin : 0;
     margin-bottom : 0;
     margin-left : 0;
     margin-right : 0;
     margin-top : 0;
     max-height : none;
     max-width : none;
     min-height : 0;
     min-width : 0;
     opacity : 1;
     orphans : 0;
     outline : 0;
     outline-color : invert;
     outline-style : none;
     outline-width : medium;
     overflow : visible;
     overflow-x : visible;
     overflow-y : visible;
     padding : 0;
     padding-bottom : 0;
     padding-left : 0;
     padding-right : 0;
     padding-top : 0;
     page-break-after : auto;
     page-break-before : auto;
     page-break-inside : auto;
     perspective : none;
     perspective-origin : 50% 50%;
     position : static;
    /* May need to alter quotes for different locales (e.g fr) */
     quotes : '\201C' '\201D' '\2018' '\2019';
     right : auto;
     tab-size : 8;
     table-layout : auto;
     text-align : inherit;
     text-align-last : auto;
     text-decoration : none;
     text-decoration-color : inherit;
     text-decoration-line : none;
     text-decoration-style : solid;
     text-indent : 0;
     text-shadow : none;
     text-transform : none;
     top : auto;
     transform : none;
     transform-style : flat;
     transition : none;
     transition-delay : 0s;
     transition-duration : 0s;
     transition-property : none;
     transition-timing-function : ease;
     unicode-bidi : normal;
     vertical-align : baseline;
     visibility : visible;
     white-space : normal;
     widows : 0;
     width : auto;
     word-spacing : normal;
     z-index : auto;
}
 #wrapper {
     max-width:800px ;
     width:95% ;
     padding-left:10px;
     padding-right:10px;
     margin:0 auto ;
     position:relative ;
}
 .invform1 select, .invform1 input[type="text"], .invform1 input[type="email"], .invform1 input[type="tel"], .invform1 input[type="url"], .invform1 [type="textarea"] {
     font:400 12px/12px "Open Sans", Helvetica, Arial, sans-serif;
     color:#393939 ;
}
 .invform1 .submit {
     font:600 14px/14px "Open Sans", Helvetica, Arial, sans-serif;
     color:#000 ;
}
 .invform1 {
    /*text-shadow:0 1px 0 #FFF;
     */
}
 .invform1 h3 {
     color:#7bc24f;
     display:block;
     font-size:28px;
     font:"Open Sans", Helvetica, Arial, sans-serif;
}
 .invform1 h4 {
    /*margin:5px 0 15px;
     */
     display:block;
     font-size:13px;
     font:"Open Sans", Helvetica, Arial, sans-serif;
}
 .invform1 label {
     width: 100% ;
}
 .invform1 label span {
     cursor:pointer;
     color:#000;
     display:block;
    /* margin:3px 0;
     */
     font-weight:700;
     font:"Open Sans", Helvetica, Arial, sans-serif;
     font-size: 14px ;
}
 .invform1 input[type="text"], .invform1 input[type="email"], .invform1 input[type="tel"], .invform1 input[type="url"] {
     width:97%;
     height:15px;
     box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
     -webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
     -moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
     border:1px solid #CCC;
     background:#FFF;
    /*margin:0 0 5px;
     */
     margin:0px 0px 10px 0px;
     padding:10px;
     border-radius:5px;
}
 .invform1 select {
     width:100%;
    /*height:15px;
     */
     box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
     -webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
     -moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
     border:1px solid #CCC;
     background:#FFF;
    /*margin:0 0 5px;
     */
     padding:6px;
     border-radius:5px;
     margin:0px 0px 10px 0px;
}
 .invform1 input[type="textarea"] {
     width:97%;
     box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
     -webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
     -moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
     border:1px solid #CCC;
     background:#FFF;
     margin:0px 0px 20px 0px;
     padding:10px;
     border-radius:5px;
}
 .invform1 input[type="text"]:hover, .invform1 input[type="email"]:hover, .invform1 input[type="tel"]:hover, .invform1 input[type="url"]:hover, .invform1 textarea:hover {
     -webkit-transition:border-color 0.3s ease-in-out;
     -moz-transition:border-color 0.3s ease-in-out;
     transition:border-color 0.3s ease-in-out;
     border:1px solid #AAA;
}

 .invform1 .submit {
     cursor:pointer;
     text-align:center;
     border:none;
     background:#7bc24f;
     color:#fff;
     margin:10px 0 0 0px;
     padding:20px;
     border-radius:12px;
}
 .invform1 .submit:hover {
     background:#90d665;
}
 .invform1.submit:active {
     box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
 .invform1 input:focus, .invform1 textarea:focus {
     outline:0;
     border:1px solid #999;
}
 .selectvehicle-header {
     font-size:22px;
     font-weight:bold;
     color:#000;
     margin:0 0 10px 0;
}
 .selectvehicle-header-text {
     font-size:15px;
     margin:0 0 30px 0;
}
 ::-webkit-input-placeholder {
     color:#888;
}
 :-moz-placeholder {
     color:#888;
}
 ::-moz-placeholder {
     color:#888;
}
 :-ms-input-placeholder {
     color:#888;
}
 .isa_info, .isa_success, .isa_warning, .isa_error {
    /*margin: 10px 0px;
     */
     padding:18px;
     text-align:center;
	 border-radius:12px;
}
 .isa_info {
     color: #00529B;
     background-color: #BDE5F8;
}
 .isa_success {
     color: #4F8A10;
     background-color: #DFF2BF;
}
 .isa_warning {
     color: #9F6000;
     background-color: #FEEFB3;
}
 .isa_error {
     color: #D8000C;
     background-color: #FFD2D2;
}
 .isa_info i, .isa_success i, .isa_warning i, .isa_error i {
     margin:0px 10px 0px 0px;
     font-size:2em;
     vertical-align:middle;
}
 .savedvehiclelist {
     padding:0;
     margin:0;
     list-style-type:0;
}
 .savedvehiclelist li a:link {
     color:#000;
     text-decoration:none;
}
 .savedvehiclelist li:hover a {
}
 .savedvehiclelist li:hover {
     background-color:#caed54;
}
 .savedvehiclelist li a {
     display:inline-block;
     margin:0 auto ;
     padding-top:30px;
     padding-bottom:30px;
     width:100%;
     height:100%;
     -o-transition:0s;
     -ms-transition:0s;
     -moz-transition:0s;
     -webkit-transition:0s;
     transition:0s 
}
 .savedvehiclelist li {
     display:inline-block;
     margin:8px 0px 16px 0px;
     text-align:center;
     font-family:'Open Sans';
     font-size:18px;
     min-width:100%;
     background-color:#7bc24f;
     -webkit-border-radius:40px;
     -moz-border-radius:40px;
     border-radius:40px;
}
 .savedvehiclelist-justified {
     text-align:center;
}
 .savedvehiclelist-justified:after {
     content:"";
     display:inline-block;
     font-size:0;
     line-height:0;
     width:100% 
}
 .stepbox.row{
    background: #7bc24f;
    border-radius: 50px;
    padding: 12px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
    cursor:default;
	margin-top:40px;
	margin-bottom:20px;
    margin-right: -15px;
    margin-left: -15px;
    display: flex;
    align-items: center;
}
 .stepbox.column {
     display:inline-block;
}
 .stepbox.column-left {
     display:inline-block;
     float: left;
}
 .stepbox.column-right {
    display: flex;
    align-items: center; /* Vertically centers the content */
    justify-content: center; /* Horizontally centers the content */
    width: 100%;
}
/* Clear floats after the columns */
 .stepbox.row:after {
     content: "";
     display: table;
     clear: both;
}
 .guide-attn {
     font-weight:600;
}
 .guide-bold {
     font-weight:700;
}
/* Troubleshooting box */
 .stepbox.rowts{
     background: #7bc24f;
     text-align:center;
     border-radius: 5px;
     padding: 12px;
     box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14), 0 3px 10px 0 rgba(0, 0, 0, 0.11);
     cursor:default;
}
 .stepbox.columnts {
     width: 100%;
}
 .stepbox.circle {
	font-size: 22px;
	font-family:"Open Sans";
	font-weight:700;
	color: #7bc24f;
	cursor:default;
	border-radius: 50%;
	width: 33px;
	height: 33px;
	padding: 5px;
	background: #fff;
	text-align: center;
     display: inline-block;
}
 .stepbox.title {
     font-size: 22px;
     font-family:"Open Sans";
	 font-weight:700;
     color: #fff;
     text-align: center;
     cursor:default;
}
 .stepbody {
     margin-top:16px;
     font-size: 14px;
     font-family:"Open Sans";
     color: #000;
     text-align:justify;
}
 .stepbody p.strong {
     font-weight:700;
}
 .stepbody p.halfspace {
     margin-top:6px;
}
 .stepbody p.middletitle {
     font-size:24px;
     font-family:"Open Sans";
     font-weight:700;
     color:#000;
     margin:0 0 10px 0;
     text-align:center;
}
 .stepbody .attnbox{
     background: #7bc24f;
     border-radius: 8px;
     padding: 7px;
     width:100%;
     height:100%;
     text-align:center;
     cursor:default;
}
 .stepbody .attnbox span{
     font-size: 16px;
     font-family:"Open Sans";
     font-weight:700;
     color: #fff;
}
 .stepbody .steppic2 {
     text-align:center;
}
 .stepbody .steppic2 img {
     width:100%;
}
 .stepbody .steppic4 {
     text-align:center;
}
 .stepbody .steppic4 img {
     width:100%;
     border-radius: 8px;
}
 .errorlink {
     color: #7c0000;
}
 .errorlink:hover {
     color: #ff0000;
}
 .helpblock{
     text-align:center;
     display:none;
     background-color: #d8edcb;
     border-radius: 12px;
     padding: 25px;
}
 .helpblock-header{
     font-size:24px;
     font-family:"Open Sans";
     font-weight:bold;
     color:#000;
     margin:0 0 10px 0;
}
 .helpblock-header-text {
     font-size:16px;
     margin-bottom:5px;
}
 .helpblockerror{
     color: #7bc24f;
}
 .helpblockerror:hover{
     color: #90d665;
}
 @media only screen and (min-width: 601px) {
     .stepbody .spcfcphotos {
         text-align: center;
         display: flex;
         flex-flow: wrap;
         justify-content: space-around;
         margin-top:15px;
         margin-bottom:12px;
    }
     .stepbody .spcfcphotos .thumb {
         max-width: 98%;
         display: inline-block;
        /* for non-flex browsers */
    }
     .stepbody .spcfcphotos img {
         border-radius: 7px;
         max-width: 100%;
        /* max-height: 115px;
         */
         vertical-align: bottom;
         box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.4);
         cursor:zoom-in;
    }
     .stepbody .spcfcphotos.col2 img {
         max-height: 190px;
         cursor:zoom-in;
    }
     .stepbody .spcfcphotos.col3 img {
         max-height: 110px;
         cursor:zoom-in;
    }
     .stepbody .steppic1 {
         text-align:center;
         margin-bottom:16px;
    }
     .stepbody .steppic1 img {
         width:70%;
    }
     .stepbody .steppic3 {
         text-align:center;
    }
     .stepbody .steppic3 img {
         width:70%;
    }
}
 @media only screen and (max-width: 600px) {
     .stepbody .spcfcphotos {
         display: table;
         border-collapse: collapse;
         margin-left: auto;
         margin-right: auto;
    }
     .stepbody .spcfcphotos .thumb {
    }
     .stepbody .spcfcphotos .thumb img {
         display: block;
         width: 100%;
         height: auto;
         margin-top:12px;
         margin-bottom:12px;
         border-radius: 10px;
         box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.4);
         cursor:zoom-in;
    }
     .stepbody .steppic1 {
         text-align:center;
         margin-bottom:16px;
    }
     .stepbody .steppic1 img {
         width:90%;
    }
     .stepbody .steppic3 {
         text-align:center;
    }
     .stepbody .steppic3 img {
         width:70%;
    }
}
 @media only screen and (max-width: 479px) {
     .stepbody .steppic1 img {
         width:100%;
    }
     .stepbody .steppic3 {
         text-align:center;
    }
     .stepbody .steppic3 img {
         width:100%;
    }
}
/* Style the buttons that are used to open and close the accordion panel */
 .accordion {
     background-color: #fff;
     font-family:"Open Sans";
     color: #444;
     cursor: pointer;
     padding: 18px;
     width: 100%;
     text-align: left;
     border: none;
     outline: none;
     transition: 0.4s;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
 .active, .accordion:hover {
     background-color: #fff;
}
/* Add a symbol to each button to indicate whether the collapsible content is open or closed */
 .accordion:after {
     content: '\02795';
    /* Unicode character for "plus" sign (+) */
     font-size: 13px;
     color: #777;
     float: right;
     margin-left: 5px;
}
 .accordion.active:after {
     content: "\2796";
    /* Unicode character for "minus" sign (-) */
}
/* Style the accordion panel. Note: hidden by default */
 .panel {
     padding: 0 18px;
     background-color: #fff;
     border-radius:0;
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
}