@import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');

body{background:#fff;margin: 0;padding: 0;font-family: 'PT Sans', sans-serif;;overflow-x:hidden;color:#42414a;font-size:14px; line-height:24px; letter-spacing: 0.5px;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
h1, h2, h3, h4, h5{font-family: 'PT Sans', sans-serif;; margin:0; padding:0; font-weight:500; color:#394a58;text-transform: uppercase; line-height:50px; }
h1 {width: 100%; float: left; line-height: 42px; text-align: center; font-size: 42px;}
h2 {width: 100%; float: left; line-height: 55px; text-align: center; font-size: 38px; margin-bottom: 26px;color: #242424;}
h3 {width: 100%; float: left; line-height: 26px; font-size: 22px; }
a {text-decoration:none; color:#005993; transition:all 0.3s ease-in-out;}
a:focus {outline:none;}
a:hover {transition:0.3s;cursor:pointer; color: #6797d6;}
*:focus, input[type="text"]:focus, input[type="submit"]:focus {outline: none;}

p{line-height:30px;margin-bottom:30px;font-size:20px;font-weight: 400; color: #242424;}

.mobieView{display:none;}
.container-fluid{float:left;width:100%;}
.container {width:100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.container:after {clear: both;}
.row {display: flex;}
.fullWidth{float:left;width:100%;}
ul{list-style:none}

.f-social .fa {
  font-size:50px;
  padding: 0 10px 0 10px;
}

.thumb:hover {
  cursor: pointer;
  opacity: .60;
}

.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;float: left;}
.col-md-12 {width: 100%;}
.col-md-11 {width: 91.66666667%;}
.col-md-10 {width: 83.33333333%;}
.col-md-9 {width: 75%;}
.col-md-8 {width: 66.66666667%;}
.col-md-7 {width: 58.33333333%;}
.col-md-6 {width: 50%;}
.col-md-5 {width: 41.66666667%;}
.col-md-4 {width: 33.33333333%;}
.col-md-3 {width: 25%;}
.col-md-2 {width: 16.66666667%;}
.col-md-1 {width: 8.33333333%;}

.img-responsive {display: block;max-width: 100%;height: auto;}

.checkoutBtn {
  width:100%; 
  margin: 0 auto;
  float:left;
  border-radius:25px; 
  padding:10px 25px; 
  color:#fff;
  font-size: 30px;
}

.fa-shopping-cart {
font-size: 35px;
}

.checkoutBtn:hover {
  cursor:pointer;
  opacity: 0.6;
}

.searchBtn:hover {
  opacity: 0.6;
  cursor: pointer;
}

.nationwide .pageInfo ol li {
  padding: 10px 0;
}

.nationwide .pageInfo p, .nationwide .pageInfo ol li {
  text-align: left;
  font-size: 14px;
}
.nationwide .pageInfo p{
  font-size: 20px;
  font-weight: 400;

}
.faq-box {
  width: 100%;
  margin: 15px 0;
  padding: 10px;
  font-size: 17px;
  float:left;
}

.faq-q {
  font-size: 24px;
  font-weight: bold;
  padding: 10px;
  color: #52c8e1;
}

.faq-a {
  font-size: 17px;
  padding: 10px 10px 0 10px;
}


.topHeader {padding-top: 5px;}
.tContainer{width: 100%; max-width: 1320px; margin: 0 auto;padding-left: 15px; padding-right: 15px;}
.topLogo{float:left;}
.t-h-Menus{float:right; width: calc(100% - 250px);}
.tContact {margin-top: 16px;}
.tContact, .tContact a {color: #000;font-size: 22px;}
.tContact a{
    float:right;
}
. account_div{float: right;}
. account_div a{margin-right: 10px}

.tMenus {float: right;width: 100%;}
.tContact .t-cart{float:left; margin-right: 25px; background: url(../images/t-cart.png) no-repeat; width: 26px; height: 21px; }
.tContact .t-cart:hover{background: url(../images/t-cart.png) no-repeat 0 -22px;}
#cssmenu ul li .t-cart { background: url(../images/t-cart.png) no-repeat; width: 26px; height: 21px;}
#cssmenu ul li .t-cart:hover{background: url(../images/t-cart.png) no-repeat 0 -22px;}
.fa-shopping-cart:hover { opacity:0.6 }
.fa-shopping-cart { color:#a843eb; }

.searchbar{float:left; width: 100%; background: #323d49; padding: 5px 0;margin-top:20px;}
.sbarform{width:100%; max-width:623px; position: relative; margin:0 auto;}
.sbarform input[type="text"]{padding: 11px 14px;width: 100%;font-size: 17px;letter-spacing: 1px;text-transform: uppercase;font-family: 'PT Sans', sans-serif;border-radius: 8px;border:0;}
.sbarform input[type="submit"],button[type="submit"] {padding: 9px 14px;position: absolute; right:0; top: 0; border-radius: 8px;letter-spacing: 1px;text-transform: uppercase;font-family: 'PT Sans', sans-serif;color: #fff; background:#a843eb;width:100%;max-width:113px;font-size:21px;border:0;}

.mainBanner{float:left; width:100%; position: relative; margin-top: 10px}
.mBannerImg{float:left; width:100%;}
.bannerText {float:left;margin-top:20px;display: flex;align-items: center;justify-content: center;font-size: 42px;text-transform: uppercase;width: inherit}
.btCenter {width: 100%;float: left;text-align: center;}
.btCenter a {-webkit-box-shadow: 10px 10px 19px -8px rgba(69,68,69,0.58); -moz-box-shadow: 10px 10px 19px -8px rgba(69,68,69,0.58); box-shadow: 10px 10px 19px -8px rgba(69,68,69,0.58);font-size: 22px; color: #fff; border-radius: 10px; padding: 15px 45px; transition: 0.3s;margin-top: 20px; display: inline-block; background-color:#a843eb;}
.btCenter a:hover {opacity: 0.6;}

.nationwide{padding: 50px 0 70px;}
.nationwide p{margin: 0; text-align: left;}

.services{font-family:'PT Sans', sans-serif; font-size: 35px; text-transform: uppercase; color: #005993; margin: 10px 0 60px;}
.service {float: left;width:50%;padding-left: 15px; padding-right: 15px;}
.service a{float: left;color: #005993;}
.squareBg{background: url(../images/beforeBg.png) no-repeat; background-position: top left; padding: 12.13px 0 12.13px 22px; float: left; width: 100%;}
.service a:hover {color: #00aed3;}
.service p{font-size: 14px; color: #323d49; font-family: 'PT Sans', sans-serif; text-transform: initial; padding-left: 25px; }
.iContent .squareBg {margin-bottom: 25px;}
.iContent .service:nth-child(odd) {clear: both;margin-bottom: 30px;}

.messages {width: 100%;max-width: 1400px;margin: 0 auto;}
.msg{min-height: 200px; display: flex; align-items: center;border-left: 1px solid #fff; border-right: 1px solid #fff;}
.connectVenders{background: #00aed3;}
.saveTime{background: #0982c6;}
.saveMoney{background: #005993;}
.message{ padding-left: 40px; padding-right: 30px;  color: #fff; display: flex;}
.message p{font-size: 19px; line-height: 22px; margin: 0;}
.dtls {padding-left: 15px;}

.footer {background: #323d49; padding-bottom: 30px; padding-top: 30px;}
.f-container{width: 100%; max-width: 1360px; margin: 0 auto;}
.f-dtls {text-align: center;width: 100%; max-width: 33%; padding-left: 15px; padding-right: 15px;}
.f-qLinks {width: 100%;max-width: 22%; padding-left: 15px; padding-right: 15px;}
.f-res{width: 100%;max-width: 23%; padding-left: 15px; padding-right: 15px;}
.f-cForm{width: 100%;max-width: 22%; padding-left: 15px; padding-right: 15px;}

.f-logo {float: left;width: 100%;margin-bottom: 35px;}
.f-logo img {width: 100%; max-width: 320px;}
.f-callto {float: left;width: 100%;margin-bottom: 25px;}
.f-callto, .f-callto a {color: #00aed3 !important;font-size: 22px !important;}

.footer div[class*="col-"]:not(.col-1) {margin-top: 65px;}

.f-title{font-size: 27px; color: #fff; text-transform: uppercase;}
div[class*="col-"] ul {padding-left: 25px; float: left; width: 100%; padding-top: 5px;}
div[class*="col-"] a{font-size: 18px; line-height: 18px;}
div[class*="col-"] a:hover{color: #01d9f0;}
.footer a {
  color: #fff;
}

.f-social{float:left;width:100%;text-align:center;}
.f-s-in{width: 42px; height: 42px; background: url(../images/in.png) no-repeat; display: inline-block;}
.f-s-in:hover{background: url(../images/in.png) no-repeat 0px -43px;}
.f-s-fb{width: 42px; height: 42px; background: url(../images/fb.png) no-repeat; display: inline-block;}
.f-s-fb:hover{background: url(../images/fb.png) no-repeat 0px -43px;}

.f-cForm {text-align: center;}
.f-cForm p{margin: 0; color: #fff; font-size: 18px; margin-bottom: 15px; }
.f-cForm form {margin-bottom: 40px;}
.f-cForm .form-control{text-transform: uppercase; color: #323d49; font-size: 18px; margin-bottom: 15px; width:100%; max-width: 265px; min-height: 40px; border: 0;border-radius: 6px; margin: 2px 0; font-family: 'PT Sans', sans-serif; text-align: center;}
.f-cForm .form-control[type="submit"]{ color: #fff; background: #a843eb; font-size: 21px; transition:all 0.3s ease-in-out; cursor: pointer;}
.f-cForm .form-control[type="submit"]:hover{ color: #fff; background: #00aed3; }
div[class*="col-"] {margin-bottom: 40px;}
div[class*="col-"] .cart-login ul{padding-left: 0;}
.cart-login li{display: inline-block}
.cart-login li:first-child a{float: left;margin-right: 20px;}
.cart-login a{float: left;}
.cart-login .f-btn-login{background: #fff; font-family: 'PT Sans', sans-serif; font-size: 22px; color: #323d49; width: 104px; display: inline-block; min-height: 40px;border-radius: 6px; padding: 10px 0; text-transform: uppercase;}
.cart-login .f-btn-login:hover{background: #00aed3; color: #323d49; font-family: 'PT Sans', sans-serif;}

.f-bottom{width:100%; max-width: 1180px; margin: 0 auto; font-size: 18px; font-style:italic;padding-left: 15px; padding-right: 15px;}
.f-bottom p{margin: 0; margin-bottom: 15px; color: #fff; float:left; margin: 0;}
.f-bottom a{color: #00aed3; float: right;}
.f-bottom a:hover{color: #fff;}


.iContent .mainBanner{background: #52c8e1;padding: 29px 15px;margin-top: 2px;}
.iContent p {margin-bottom: 20px;}
.checkback {font-size: 14px;font-family: 'PT Sans', sans-serif;font-style: italic;width: 100%;float: left;text-transform: initial;padding-left: 40px;color: #323d49;}

.blueLink { color: #52c8e1; }
.whiteLink { color: #fff; }

/* Responsive css */
@media (min-width: 1200px){
  .container { width: 1180px; }
}

@media (max-width: 1200px){
  #cssmenu>ul>li>a {
    font-size: 16px;
  }
}


@media (max-width: 1130px){
  #cssmenu>ul>li>a {
    font-size: 14px;
  }
}


@media (min-width: 1300px){
  .container { width: 1280px; }
}

@media(min-width:981px){
#cssmenu ul {display: block !important;}
}
@media(max-width: 1280px){
.message {padding-left: 25px;padding-right: 10px;}
}
@media(max-width: 1080px){
.container{width: 980px;}
.f-bottom {text-align:center;}
.f-bottom p {width: 100%; margin-bottom: 15px;}
.f-bottom a {float: none;}
#cssmenu>ul>li {padding: 10px 15px 0 0;}
}
@media(max-width: 980px){
.mobieView{display:inline-block;}
.deskView{display:none;}
.container{width: 100%;}
.f-container .row {display: block;}
div[class*="col-"]{max-width: 100%; float:left; text-align: center;}
.f-title{background: transparent;}
.footer div[class*="col-"]:not(.col-1) {margin-top: 20px;margin-bottom: 20px;}
.f-bottom {margin-top: 20px;float: left;}
.t-h-Menus {width: calc(100% - 0px);}
.topLogo {position: absolute;z-index: 999;}
.tMenus {margin-top: 70px;}
#cssmenu>ul>li {padding: 0;}
#cssmenu>ul>li>a:hover {border-bottom: 0;}
#cssmenu>ul>li:hover>a {color: #fff;}
}
@media(max-width: 940px){
.service {width: 100%; margin: 10px 0;}
.iContent .service:nth-child(odd){margin-bottom: 10px;}
.messages > .row {display: block;}
.msg{display: block;width: 100%; min-height: 170px; padding-top: 20px; padding-bottom: 20px;}
.message .icon {float:left; width: 80px; text-align:center;}
    .left_container{
    margin-top:20px;
  float: left;
  width: 60% !important;
}
.right_container{
    margin-left:10px;
    margin-top:20px;
  float: left;
  width: 35% !important;
}
}
@media(max-width: 767px){
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {padding-right: 0;padding-left: 0;width: 100%;}
h1 {line-height: 32px;font-size: 32px;}
h2 {line-height: 24px;font-size: 24px;}
.btCenter a {font-size: 20px;padding: 5px 20px;}
.services {font-size: 26px;}
.tContact, .tContact a {font-size: 20px;}
.left_container{
    margin-top:20px;
  float: left;
  width: 100% !important;
}
.right_container{
    margin-top:20px;
  float: left;
   width: 100% !important;
}
.message p {margin-top:10px;display:inline-block;}
 /*.mainBanner{display: none;}*/
}
@media(max-width: 720px){
.sbarform{padding-left: 15px;padding-right: 15px;}
.sbarform input[type="submit"]{right: 15px;}
.services {font-size: 20px;}
.iContent .service:nth-child(odd){padding-left: 0; padding-right: 0;}
.iContent .nationwide {padding: 40px 0 20px;}
.nationwide .pageInfo p, .nationwide .pageInfo ol li{font-weight: 500 !important;
font-size: 16px !important; }
.right_container{margin-left:0px !important;}
.ic1{margin-top:40px !important;}
.subtitle{margin-top:20px !important;}
/*.form{width:380px !important;}*/
}
@media(max-width: 580px){
.topLogo img{width: 150px;}
.tContact {margin-top: 10px;}
.tMenus {margin-top: 50px;}
h1 {line-height: 24px;font-size: 20px; font-family: 'PT Sans', sans-serif; padding: 0 10px;}
.btCenter a {margin-top: 5px;}
.input-container{height:55px;}
.ic2{margin-top:50px !important;}
}
@media(max-width: 420px){
/*.tContact {display: none;}*/
.tMenus {margin-top: 70px;}
.form {
    width:100% !importent;
}
.sbarform button[type="submit"] {

    right:15px !important;
}
}
@media(max-width: 635px){

.sbarform button[type="submit"] {

    right:15px !important;
}
}


/* Fixed Sticky Nav */
@media(min-width: 981px){
.fixedNav header {position: fixed;top: 0;float: left;width: 100%;z-index: 9;background: #fff;}
.fixedNav header + section {padding-top: 134.76px;}
.fixedNav .tContact {margin-top: 5px;}
.fixedNav #cssmenu>ul>li {padding-top: 0;}
.fixedNav .topLogo img {max-height: 70px;}
.fixedNav #cssmenu > ul > li > ul {top: 42px;}
}

.left_container{
  float: left;
  width: 66%;
}

.right_container{
  float: left;
  width: 33%;
  text-align: center;
margin-left: 10px;
}


.form {

  margin:0 auto;
  background-color: #15172b;
  box-sizing: border-box;
  padding: 20px;
  /*width: 320px;*/

}

.title {
  color: #FFFFFF;
  font-family: sans-serif;
  font-size: 25px;
  font-weight: 600;
  margin-top: 10px;
}

.subtitle {

  color: #FFFFFF;
  font-family: sans-serif;
  display: block;
  margin-top: 10px;
}

.input-container {
  height: 50px;
  position: relative;
  width: 100%;
}

.ic1 {
  margin-top: 20px;
}

.ic2 {
  margin-top: 30px;
}

.input {
  background-color: #FFFFFF;
  border: 0;
  box-sizing: border-box;
  font-size: 18px;
  height: 100%;
  outline: 0;
  padding: 4px 20px 0;
  width: 100%;
}

.cut {
  background-color: #15172b;
  height: 20px;
  left: 20px;
  position: absolute;
  top: -20px;
  transform: translateY(0);
  transition: transform 200ms;
  width: 100px;
}

.cut-short {
  width: 50px;
}

.input:focus ~ .cut,
.input:not(:placeholder-shown) ~ .cut {
  transform: translateY(8px);
}

.placeholder {
  color: #323d49;
  font-family: sans-serif;
  left: 20px;
  line-height: 14px;
  pointer-events: none;
  position: absolute;
  transform-origin: 0 50%;
  transition: transform 200ms, color 200ms;
  top: 20px;
}

.input:focus ~ .placeholder,
.input:not(:placeholder-shown) ~ .placeholder {
  transform: translateY(-30px) translateX(10px) scale(0.75);
}

.input:not(:placeholder-shown) ~ .placeholder {
  color: #808097;
}

.input:focus ~ .placeholder {
  color: #dc2f55;
}

.submit {
  background-color: #08d;

  border: 0;
  box-sizing: border-box;
  color: #eee;
  cursor: pointer;
  font-size: 18px;
  height: 50px;
  margin-top: 38px;
// outline: 0;
  text-align: center;
  width: 100%;
}

.submit:active {
  background-color: #06b;
}
.btn-paypal {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  height: 46px;
  line-height: 46px;
  padding: 10px 50px;
  text-transform: capitalize;
  background-color: #f6c657;
  border: none;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.btn-paypal img {
  max-height: 22px;
}
.btn-paypal:hover {
  background-color: #ffc02e;
}
.font-20 {
  font-size: 20px;
}

div.topLogo {padding-top: 10px;}
.topLogo img {
    max-width: 220px;
    width: 100%;
    height: auto;
}