.container {background: transparent;}
.business-row {justify-content: center;display: flex;align-items: inherit;position: relative;width: 90%;margin: 0px auto;margin-top: 30px;}
.margin-top-2 {margin-top: 20px;}
.btn-learnmore {
    color: #fff;
    font-size: 16px;
    border-radius: 25px;
    background: #07315f;
    width: 230px !important;
    text-align: center;
    height: 50px;
    background: -moz-linear-gradient(top, #07315f 0%, #07315f 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #07315f), color-stop(100%, #07315f));
    background: -webkit-linear-gradient(top, #07315f 0%, #07315f 100%);
    background: -o-linear-gradient(top, #07315f 0%, #07315f 100%);
    background: linear-gradient(to bottom, #07315f 0%, #07315f 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.btn-learnmore:hover {color: #fff; background: #244a73; background: -moz-linear-gradient(top, #244a73 0%, #30649d 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #244a73), color-stop(100%, #30649d)); background:-webkit-linear-gradient(top, #244a73 0%, #30649d 100%); background: -o-linear-gradient(top, #244a73 0%, #30649d 100%); background: linear-gradient(to bottom, #244a73 0%, #30649d 100%);}
.product-title {position: relative;top: 6px;}
/*.sdk img.product-logo {width: 90px !important;}
.xemplar-family img.product-logo {width: 135px;}*/

       
 #main{width:100%;height: 100%;position: absolute;top:0;left: 0;display: none;background:#0008;z-index:999;}
#pop-up{width: 700px;height: 400px;box-sizing: border-box;padding: 20px;position: absolute;top: 50%; left: 50%;transform:translate(-50%, -50%); z-index:999;}
button#close-btn {position: absolute;right: 0; top: 35px;}

.post-thumb {justify-content: left;display: flex;align-items: baseline;}
.ourProducts {margin-top: 25px;}
.ourProducts h3 {color: #1D1B6A;font-weight: bold;font-size: 20px;margin-bottom: 0px;margin-top: 30px;display: inline-flex}
.ourProducts p {font-family: 'AvenirLTlight';font-size: 1.4em;line-height: 30px;font-weight: 500;margin-top: 20px;display: inline-block;}
.product-slide .product-content-section p {text-align: left;margin-top: 10px;display: inline-block;min-height: 140px;}
.productImage-section img.prdoct-banner { margin: 0px auto; /*width: 300px;*/display: block;}
img.responsive_image {width: 100%;}
.window_popup .modal-content {background-color: transparent;box-shadow: none;border: none;}
.window_popup .modal-header {padding: 0;border: 0px;}
.window_popup .close {opacity: initial;position: relative;right: 25px !important;z-index: 999;top: 53px;}
.window_popup .close:hover, .window_popup .close:focus {color: #000 !important;}
.window_popup button.close {background: white;border-radius: 10%;height: 30px;width: 30px;}
/*.logoSection{justify-content:center;display:flex;align-items:center;}*/
.logoSection img {width: 180px;margin-right: 10px;}
.logoSection .sdk-section img {width: 105px !important;margin-right: 10px;}
.sdk-section .sdk-title {font-size: 19px !important;margin-top: 35px}
/*.post-container{margin:0px 20px 0 0;}  
  .post-thumb img {float: left;clear:left;}
*/
.post-content {float: right;}
/*.post-title{float: left;margin-top: 33px;} */
figure.testimonial p {font-style: italic;}
.stack-section img.product-logo {width: 130px;}
.stack-section h3 {margin-top: 7px !important;}
.xemplar-engage-section h3 {margin-top: 0px !important}
.fleet-commercial h3 {margin-top: 13px;}
.fleet-commercial img.product-logo {width: 180px;}
blockquote {font-size: 1.4em;margin: 10px auto; font-style:italic; color:#555555; padding:20px /*20px 20px 40px*/; border-left:8px solid #0066b3; line-height:1.5; position:relative; background:#EDEDED; min-height:420px !important;margin-right:15px;}
.blockquote-text {display: block;width: 100%;}
blockquote p._quote {line-height:1.5}
img.client-logo {width:100px; margin-bottom:0px; display:inline-block}

blockquote span {display:block; color:#045CA9; font-size:20px; font-weight:700; font-style: normal; /*margin-top:1em;*/}
.client-name {position:absolute; bottom:20px;}
/*.client-name {text-align:center; margin-top:20px}*/
.small-text {font-size:12px; margin:0px; padding:0px; color:#a5a5a5;}


@media screen and (min-width :1640px) {
.container {width:90%; margin: 0px auto;}
/* .logoSection img {width: auto;}
.post-container {margin-left: 94px;}*/
.product-slide p {font-size: 20px !important;}
.ourProducts h3 {font-size: 25px;}
.logoSection .sdk-section img {width: 125px !important;}
.sdk-section .sdk-title {font-size: 25px !important;}
.fleet-commercial img.product-logo {width: 166px;}
.business-image {width: 280px !important;height: 280px !important; margin-right:20px}
blockquote p {font-size:20px;}
}

@media screen and (min-width :1440px) {
.post-title {margin-top: 15px; display: inline-block;}
.ourProducts h3 {font-size:18px; font-weight:bolder; display:inline-block;}
.sdk-title {padding-top:40px}
.ourProducts p {font-size:24px; line-height:34px;}
.sdk-section .sdk-title {margin-top:-6px;}
blockquote {padding-top:40px; min-height:500px !important;}
blockquote p {font-size:20px; padding-left:12px;}
blockquote p::before {left:10px; top:-8px;}
blockquote p::after {margin-top: -24px}
.client-name {padding-left: 10px}
}

@media screen and (min-width :1366px) {
.business-row {justify-content: center; display: flex; align-items: inherit; position: relative; width: 90%; margin: 0px auto; margin-top: 30px;}
h2#headerText {text-align: center; width: 100%; margin: 0px auto;}
.business-header2 {margin-left: initial; text-align: center}
.business-column:last-child { margin-right: 0px !important;}
}
@media (min-width: 1280px) and (max-width:1920px) {
.productImage-section img.prdoct-banner { width: 260px;}
}
@media only screen and (max-width :1175px) {
.productImage-section {padding: 0px !important;}
.product-content-section {width: 90%;}
.product-container {width: 50%;}
.bx-wrapper img {width: auto; margin: 0px auto; text-align: center;}
.post-container {margin: 0px; text-align: center;}
.ourProducts h3 {font-size: 20px; margin-top: 10px;}
.stack-section h3 {text-align: center;}
.stack-section img.product-logo {width: 200px;}
.post-thumb img {float: initial;}
.logoSection .sdk-section img {width: 180px;margin-right: 0;}
.sdk-section .sdk-title {font-size: 20px !important; text-align: center;}
}

@media only screen and (max-width :375px) {
.top-banner h3 {font-size: 20px; line-height: 28px; margin-top: 8px;}
.top-banner h1 {font-size: 20px; line-height: 28px;}
blockquote p{font-size:14px; line-height:1.5}
}

/*** START BS OVERRIDES ***/
.features { padding: 50px 0;}
.features.light-brown {background-color: #faf8f5;}
.features h2.section-title {color: #333333; font-size: 22px; margin: 0;text-align: center;}
.features .x-tabs .v-tab-head a,
.features .x-tabs a.v-tab-head {color: #292929; cursor: pointer; display: block; padding:8px 30px 8px 15px; border-right:2px solid #33cc66; margin:0; text-align:right; font-size:20px;}
.features .x-tabs .v-tab-head a.active, .features .x-tabs .v-tab-head a:hover,
.features .x-tabs a.v-tab-head.active,
.features .x-tabs a.v-tab-head:hover {font-weight: bold; text-decoration: none;}
.features .x-tabs .v-tab-head a {position: relative; display: block;}
.features .x-tabs .v-tab-head a.active::after, .features .x-tabs .v-tab-head a.active::before {content: ""; border-style: solid; border-width: 15px; position: absolute;right: -1px; top: 9px; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg);}
.features .x-tabs .v-tab-head a.active::before {border-color: #3fcf6e transparent transparent;}
.features .x-tabs .v-tab-head a.active::after {margin-right: -3px; border-color: #faf8f5 transparent transparent;}
.features .x-tabs a.v-tab-head {border: none;padding: 15px 0;text-align: left; position: relative; padding-left: 30px;}
.features .x-tabs a.v-tab-head:after {color: #e2dcd6;content: "";font-family: FontAwesome;position: absolute;right:25px; top:50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}
.features .x-tabs a.v-tab-head.active::after {color:#0066b3;content: "";margin-right: 0px;}
.features .x-tabs .v-tab-pane {padding: 0 15px;}
.features .x-tabs .v-tab-pane ul {list-style: outside none none;margin: 0;padding: 0;}
.features .x-tabs .v-tab-pane ul li {border-bottom: 1px solid #e2dcd6;color: #292929;font-size: 16px;padding: 15px 0;}
.features .x-tabs .v-tab-pane ul li i {color: #4c81b6;cursor: pointer;font-size: 14px;}
.features .x-tabs .v-tab-pane .in {border-top: none;padding-top: 0;}
.features .x-tabs .v-tab-pane .popover {border: 1px solid #014d7e !important;border-radius: 0;width: auto;margin: 10px 0 0 0;max-width: 276px;left: auto;box-shadow: none;}
.features .x-tabs .v-tab-pane .popover.bottom .arrow {border-bottom-color: #014d7e;}
.features .x-tabs .v-tab-pane .popover .popover-content {font-size:14px; padding:15px; text-align:center;}
 /*.v-tab-pane img.prdoct-banner {width: 100%;}*/
.v-tab-pane h3 {color:#1D1B6A;font-weight:bold;font-size:20px;margin:0;}

.blockquote-text{display:block; width:100%;}
.client-logo{margin: 0px auto; width:100px; margin-bottom:15px}
.client-logo-sct{width:150px !important;}
blockquote p::before{font-family:arial; content:"\201C"; color:#0066b3; font-size:4em; position:absolute; left:0px; top:-8px;}
blockquote p::after{font-family:arial; content:"\201D"; color:#0066b3; font-size:4em; position:absolute;  margin-top:-18px;}


@media screen and (max-width: 1365px) {
.business-image {width: 200px !important;height: 200px !important}
}
@media screen and (min-width :1200px) {
.business-image {margin-right:20px}
#imgOthersInActive {margin-right: 0px !important}

}
@media screen and (max-width: 820px) {
.features.light-brown {border-top: 0 none;height: auto;}
.features h2.section-title {font-size: 32px;}
 /*.features .x-tabs .v-tab-pane .in {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
  }*/
 .features .popover { margin: 10px 5% 0;max-width: none;width: 90%;}
 .sdk-section .sdk-title {margin-top: 15px;}
 .productImage-section img.prdoct-banner {width: auto;}
 .product-content-section {width: 90%;margin: 0px auto;}
 .blockquote {margin-right: 0px}
 .post-thumb {justify-content: center;display: inherit;align-items: baseline;}
 img.product-logo {margin-right: 0;margin-bottom: 15px;}
 .product-slide .product-content-section p {text-align: center;}
 /*.features .x-tabs a.v-tab-head {padding: 15px 10px;}*/
 .productImage-section {width: 96%;display: block;margin: 0px auto;}
 .productImage-section img.prdoct-banner {width: 300px;}
 .product-learnMore {text-align: center;}
 }
@media only screen and (max-width:640px) {
blockquote {margin-right: 0px;}
.top-banner{padding: 20px 0px 20px 30px;}
.product-container {width: 90%;}
.product-slide .product-content-section p {text-align: center;}
.business-header h2 {font-size: 24px;}
.logoSection {justify-content: inherit; display: block; text-align: center;}
.container1 {padding: 0px 15px 0px 0;}
figure.testimonial {height: 420px;}
.land-mark {font-size: 22px;}
div#contact .container {padding: 0px}
footer p { margin-left: 14px;}
}
@media screen and (min-width :1920px) {
.features {height: 450px;}
.v-tab-pane h3 {font-size: 20px;margin-top: 20px;}
.features .x-tabs .v-tab-head a.active::after {margin-right: -3px;}
.product-title {top: -5px;}
/*.v-tab-pane h3.drive-business{margin-top:35px !important;}
.v-tab-pane h3.drive-family{margin-top:35px !important;}*/
}
 @media only screen and (max-width :1366px) {
.v-tab-pane h3 {font-size: 15px;}
.product-slide .product-content-section p {min-height: 110px;}
.features {height: 430px;}
}
@media screen and (max-width:1280px) {
.section nav.navbar .container1 {max-width:100%;}
.top-banner{padding:40px 0px 40px 40px !important}
}
@media screen and (max-width: 1199px) {
.top-banner{margin-top:20px}
.features {height: auto;}
.business-row {justify-content: center;display: inherit;width: 68%;margin: 0px auto;}
.business-column {display: inline-block;}
.business-image {width: 338px !important;height: 98px !important; margin: 0px auto;margin-bottom: 15px;}
}
@media screen and (max-width: 991px) {
.business-row {display: grid;width: auto;margin: 0px auto;}
.business-column.bussiness-image-contact {width: 90%;margin: 0px auto;}
}
@media only screen and (max-width :768px) {
.products-section {padding: 30px 0;}
.business-header {margin-top: 0px;}
.question-label {width: 100%;}
.business-row {width: 100%;margin: 0px auto}
.business-column {margin: 0px auto;width: 100%;margin-top: -15px}
.business-image {width: 80%;margin: 0px auto 20px auto;}
}