/*#qodef-home-main-slider .qodef-video .qodef-video-wrap .qodef-video-element{ padding-top: 10% !important;}*/
.mega_count_content .timer{
  display:inherit;
}
.mega_count_content{
  text-align: center;
display: flex;
justify-content: center;
margin-bottom: 15px;
}
.mega_count_content p{
color:white !important;
font-size: 46px;
font-weight: 600;
}
.extra-class #mega_count_bar h3{
  font-size: 18px !important;
  max-width: 130px;
}
.retail-stats .vc_column-inner .wpb_wrapper{
  position:relative;
    height:0;
  width: 80%;
    padding-bottom: 80%;
        margin: 0px auto;
}
.retail-stats #mega_count_bar{
  background-color: #0080ff;
  width: 100%;
height: 100%;
padding-bottom: 80%;
border-radius: 100%;
padding-top: 20%;
}
.retail-title h4{
  font-size: 2vw;
    color: #0080ff;
}
.cta-button a{
  background-color: #0080ff;
  padding: 20px 35px;
  font-size: 26px !important;
  border-radius: 30px;
  margin-bottom: 20px !important;
  border: 2px solid #0080ff;
}
.cta-button a:hover{
  background-color: #fff;
  color:#0080ff;
}
.cta-button .qodef-side-menu-button-opener>i{
  font-size: 26px;
}
@media only screen and (max-width: 1024px){
  .mega_count_content p{
    font-size: 4vw !important;
  }
  #mega_count_bar .mega_count_content h3{
    font-size: 10px !important;
  }
  #mega_count_bar .mega_count_img{
    margin-bottom: 10px;
  }
  .cta-button a{
    color: #fff !important;
  }
  .cta-button a:hover{
    color: #0080ff !important;
  }
  .mega_count_content{
    margin-bottom: 0px;
  }
  .retail-title h4{
    font-size: 100% !important;
  }
}
@media only screen and (max-width: 480px){
  #mega_count_bar .mega_count_img{
    margin-bottom: 0px;
  }
}

/*#qodef-home-main-slider .qodef-video .qodef-video-wrap{ height: 880px !important;}*/
.att-logo{
  max-width: 280px;
    position: absolute;
    right: -70px;
    top: 0px;
}
.displaynone { display: none !important;}
.qodef-side-menu-button-opener {    font-size: 11px !important;
    font-weight: 700;}
.qodef-side-menu-button-opener>i { font-size: 14px;}

/*************2022 Design Styles************/
.qodef-drop-down .narrow .second .inner ul{
  padding: 0px;
}
.qodef-drop-down .narrow .second .inner ul .item_text{
  color: #fff;
}
/****2020 new design****/
.qodef-content{
  margin-top: 0px !important;
}

.home .qodef-content{
  margin-top: -60px !important;
}

@media only screen and (max-width: 1024px){
  .qodef-content{
    margin-top: 0px !important;
  }
}
.qodef-header-standard .qodef-page-header .qodef-menu-area{
      background-color: #0080ff !important;
}
.tp-revstop {
  margin-left: 16px;
}
.pum-theme-8495 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close{
  background-color: #0075cf;
}

.disappear{
  display: none !important;
}
.page-id-8882 .qodef-animate-mobile-header{
  display: none !important;
}
/****2020 new design**************************************************/
@media only screen and (max-width: 768px){
  .bug-mobile{
    width: 100%;
    padding: 0px !important;
    margin: 0px !important;
  }
  .mobile-displaynone{
    display: none;
  }
  .qodef-content{
    margin-top: 0px !important;
  }

}
.qodef-footer-top-holder{
  padding-top: 20px;
}
.qodef-footer-bottom-holder{
  padding-bottom: 50px;
}
.tp-dottedoverlay{
  background-color: rgba(43,46,50,0.4) !important;
}
.homepage-banner-text{
  text-align:center !important;
}
.wpcf7-form p{
  margin: 0px !important;
}
#rev_slider_4_1_wrapper{
  left: 0px !important;
}
.nopadding .vc_column-inner { padding: 0px !important;}
.slick-slide .content-section {display:none !important;}
.header-appear .qodef-side-menu-button-opener {color: #282d33 !important;}
.qodef-menu-area .qodef-main-menu ul li.qodef-active-item a, .qodef-menu-area .qodef-main-menu>ul>li.qodef-active-item>a,body:not(.qodef-menu-item-first-level-bg-color) .qodef-menu-area .qodef-main-menu>ul>li:hover>a { color: lightgrey!important;}
.header-appear .qodef-main-menu>ul>li>a::after { color:rgba(229,229,229,1); }
.toprow .p2{padding: 20px 15% 0px;}
.toprow .p2 span{font-size: 26px;}
.svg-2 { padding-left: 10%;}

.flex-middle { display: flex;
    justify-content: center;
    align-items: center;
    height: 300px; }

.page-id-7533 .qodef-parallax-section-holder { min-height: 100px !important; background-repeat: repeat !important;}
.svg-static {display: none;}
.square4 {border: solid 2px #006da5;
    border-radius: 45px;
    padding-top: 30px;
    padding-bottom: 30px;
  margin: 10px 2%;
width: 21% !important;
height: 488px;}
.square4 .qodef-iwt-icon-holder { margin-bottom: 20px !important;}
.hompage-icon4 {height: 510px; width: 23% !important;margin: 10px 1%;}
.hompage-icon4 p{ margin-top: 5px !important;}
.hompage-icon4 .qodef-btn { position: absolute; bottom: -40px; height: 54px; width: 70%; left: 15%; font-size: 14px !important; line-height: 54px !important;}
.parent-icon4{padding-left: 5%; padding-right: 5%;}
.youtube-player p{font-family:"YouTube Noto",Roboto,Arial,Helvetica,sans-serif; margin: 0px !important;}
.togglerify-slider .label__contents .ssflabel { font-size: 22px !important;}
.togglerify-slider .ssflabel .label__contents { font-size: 17px !important;}
.filter__row--services .filter__toggler-contents.is-toggled { margin-top: 0px !important;}
.filter-popup--medium-down p { display: none !important;}
.togglerify-slider .icon--radio-btn {top:0px !important;}
.store-locator__geolocator-cell { vertical-align: middle !important;}
#ssf_adress_input_box .store-locator__actions-bar p { display: none !important;}

.brand-section .wpb_text_column h1 span {font-size: 30px; line-height: 40px;}
.brand-section .wpb_text_column .x_MsoNormal span{font-size: 30px; line-height: 50px;}
.brand-section .wpb_text_column .x2_MsoNormal span{font-size: 30px; line-height: 40px;}
.seo-section .wpb_text_column h1 {font-size: 30px;}
.seo-section .wpb_text_column p span {font-size: 30px;}
.oem-section .wpb_text_column h1 {font-size: 30px;}
.oem-section .wpb_text_column p span {font-size: 26px; line-height: 36px;}

/*navigation pages*/
#popmake-8562{
  padding: 40px;
}
#popmake-8562 .wpcf7-submit{
  padding: 0px 50px;
    height: auto;
    margin-top: 20px;
}
input[type=checkbox]{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.3); /* IE */
  -moz-transform: scale(1.3); /* FF */
  -webkit-transform: scale(1.3); /* Safari and Chrome */
  -o-transform: scale(1.3); /* Opera */
  transform: scale(1.3);
  padding: 10px;
  vertical-align: middle;
  margin-right: 5px;
}
#popmake-8562 form p{
  line-height: 2;
  font-family: sans-serif !important;
}
#popmake-8562 textarea{
  margin-bottom: 0px;
}
.acceptance-665 .wpcf7-list-item-label{
  font-size: 14px;
}
.sub-policy{
  line-height: 1.2 !important;
}
.banner-1, .banner-offer{
  max-width: 800px;
margin: 14% auto !important;
text-align: center;
font-size: 20px;
color: #fff;
line-height: 32px;
}
.banner-offer{
  max-width: 800px;
margin: 2.5% auto 2.5% !important;
text-align: center;
font-size: 20px;
color: #000;
line-height: 32px;

}
.special-gst{
  display: flex;
      /* text-align: center; */
      justify-content: center;
      align-items: baseline;
}
.banner-offer .incl-gst{
  margin-left: 3px;
font-size: 12px;
}
.banner-comp{
  max-width: 800px;
margin: 60px auto 2.5% !important;
text-align: center;
font-size: 20px;
color: #000;
line-height: 32px;
}
.banner-offer-2{
  max-width: 800px;
margin: 2.5% auto 4% !important;
text-align: center;
font-size: 20px;
color: #000;
line-height: 32px;
}
.banner-offer .special-price{
  color: #0068ff;
  font-size: 58px;
  margin-top: 10px;
}
.special-discount{
  color: #0068ff;
  font-size: 64px;
  margin-top: 40px;
  font-weight: 700;
}
.banner-3{
  max-width: 700px;
margin: 60px auto !important;
text-align: center;
font-size: 20px;
color: white;
line-height: 32px;
}
.blue-text{
  color: #88b9ff;
}
.banner-4{
  max-width: 600px;
margin: 2% auto !important;
text-align: center;
font-size: 16px;
color: white;
line-height: 28px;
}
.banner-2{
  max-width: 800px;
margin: 4% auto !important;
text-align: center;
font-size: 20px;
color: white;
line-height: 32px;
}
.mega_count_img{
  margin-bottom: 20px;
}
.mega_count_content h3{
  margin-bottom: 10px !important;
}
#mega_count_bar p{
font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
}
.order-button{
  border-radius: 5px;
border: 1px solid #0068ff;
padding: 16px 32px;
font-size: 20px;
background-color: #0068ff;
width: fit-content;
margin: 0px auto 30px;
}
.order-button a{
  color: #fff !important;
}
.order-button a:hover{
  color: #ccc !important;
}
.rectangle-border{
  font-size: 26px;
font-weight: 600;
color:red;
border: 2px red solid;
padding: 18px 28px;
width: fit-content;
width: -webkit-fit-content;
  width: -moz-fit-content;
margin: 0px auto 20px !important;
text-align: center !important;
animation: color-change 1s steps(1) infinite;
-moz-animation: color-change 1s steps(1) infinite; /* Firefox */
-webkit-animation: color-change 1s steps(1) infinite; /* Safari and Chrome */
}
@keyframes color-change /* Firefox */
{
  0% {
    color: red;
    border-color: red;
  }
  50% {
    color: white;
    border-color: white;
  }

}
@-moz-keyframes color-change /* Firefox */
{
  0% {
    color: red;
    border-color: red;
  }
  50% {
    color: white;
    border-color: white;
  }
}

@-webkit-keyframes color-change /* Firefox */
{
  0% {
    color: red;
    border-color: red;
  }
  50% {
    color: white;
    border-color: white;
  }
}

.wpcf7-form .Make, .wpcf7-form .Model, .wpcf7-form .Year{
      width: 33%;
}
.wpcf7-form{
  color: #333;
}
.wpcf7-form input{
  margin-top: 5px;
}
.wpcf7-submit{
  border-radius: 5px !important;

padding: 0px 35px !important;
background-color: #0056d3 !important;
width: fit-content;

}
.wpcf7-submit:hover{
  background-color: #0068ff !important;
}
.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea{
  transition: 0.6s;
}
.wpcf7-form-control.wpcf7-textarea{
  margin-bottom: 0px;
}
.wpcf7-not-valid-tip{
  font-size: 0.7em !important;
  color: #f00 !important;
  margin-top: -20px !important;
}
.wpcf7-form-control.wpcf7-text:hover{
  border-color: #0068ff;
}
.wpcf7-form-control.wpcf7-textarea:hover{
  border-color: #0068ff;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
  border: 2px solid #0068ff;
}
.rectangle-border-blue{
  font-size: 20px;
font-weight: 600;
border: 3px #0068ff solid;
padding: 12px 24px;
width: fit-content;
width: -webkit-fit-content;
  width: -moz-fit-content;
margin: 0px auto 20px;
color: #0068ff;
}
.page-id-8536 .qodef-main-menu>ul>li>a{
  text-transform: none;
}

.qodef-tabs .qodef-tabs-nav{
  text-align: center;
}
.qodef-tabs .qodef-tabs-nav li a{
  text-transform: none;
  width: 160px;
    border-radius: 10px;
    padding: 8px 20px;
    background-color: lightgray;
    font-weight: 300;
    color: #000;
}
.qodef-tabs .qodef-tabs-nav li.ui-state-active a, .qodef-tabs .qodef-tabs-nav li.ui-state-hover a{
  color: #fff !important;
    background-color: #0056d3;
    font-weight: 300;
}

.page-id-8536 .qodef-tab-container{
  max-width: 900px;
  margin: 0px auto;
  font-size: 18px;
font-weight: 400;
color: #000;
    line-height: 2;
    padding: 36px 0px !important;
    border: 0px !important;
}
.page-id-8536 .qodef-tab-container tr{
  border:0px;
  text-align: center;
}
.page-id-8536 .qodef-tab-container tr td{
  width: 280px;
}
.banner-1-desc, .banner-offer-desc{
  max-width: 500px;
    margin: 20px auto;
    text-align: center !important;
}
.banner-compatibility-desc {
    max-width: 500px;
    margin: 40px auto !important;
    font-size: 16px;
    line-height: 26px;
}

.qodef-tabs.qodef-horizontal-tab .qodef-tabs-nav li{
  float: none;
  display: inline-flex;
  margin: 0px 10px;

}
#rev_slider_5_1_forcefullwidth{
  margin-top:-100px !important;
}
.tp-bullet-title{
  display: none;
}
#nav-product-top .custom.tparrows:before{
  font-size: 28px;
  padding-right: 3px;
  line-height: 50px;
}
#rev_slider_6_2 .custom.tparrows:before{
  font-size: 24px;
  padding-right: 3px;
  line-height: 50px;
}
.tparrows.tp-rightarrow:before{
  padding-left: 3px;
}
#nav-product-top .custom.tparrows{
  border-radius: 30px;
  width: 50px;
    height: 50px;
    background: rgba(0,0,0,0.3);
}
#rev_slider_6_2 .custom.tparrows{
  border-radius: 20px 0px 0px 20px;
  width: 60px;
    height: 50px;
    background: rgba(0,0,0,0.7);
}
#rev_slider_6_2 .custom.tp-leftarrow{
  border-radius: 0px 20px 20px 0px;

}
#rev_slider_6_2 .tparrows:hover {
    background: #888;
}
#rev_slider_7_3 .custom.tparrows:before{
  font-size: 24px;
  padding-right: 3px;
  line-height: 50px;
}
#rev_slider_7_3 .custom.tparrows{
  border-radius: 20px 0px 0px 20px;
  width: 60px;
    height: 50px;
    background: rgba(0,0,0,0.7);
}
#rev_slider_7_3 .custom.tp-leftarrow{
  border-radius: 0px 20px 20px 0px;

}
#rev_slider_8_1 .tparrows:hover {
    background: #888;
}
#rev_slider_8_1 .custom.tparrows:before{
  font-size: 24px;
  padding-right: 3px;
  line-height: 50px;
}
#rev_slider_8_1 .custom.tparrows{
  border-radius: 20px 0px 0px 20px;
  width: 60px;
    height: 50px;
    background: rgba(0,0,0,0.7);
}
#rev_slider_8_1 .custom.tp-leftarrow{
  border-radius: 0px 20px 20px 0px;

}
#rev_slider_8_1 .tparrows:hover {
    background: #888;
}
#nav-product-top .tparrows:hover {
    background: #888;
}
.page-id-8536 .qodef-grid{
  width: 100%;
}
.page-id-8536 .qodef-vertical-align-containers{
  padding: 0px 3% 10px !important;
}
.page-id-8536 .qodef-menu-area{
  height: 75px !important;
  background-color: rgba(33, 33, 33, 0.85) !important;
}
.page-id-8536 .qodef-main-menu.qodef-sticky-nav > ul > li > a{
  font-size: 16px;
  padding-top: 4px;
}
.page-id-8536 .qodef-side-menu-button-opener{
  display: none;
}
.page-id-8536 .qodef-main-menu ul li a{
  font-size: 16px;
  font-weight: 300;
}
.qodef-main-menu>ul>li>a:after{
  background-color:rgba(255,255,255,0);
}
.manual-button{
  background-color:#0056d3 ;
  border: none;
  color: white;
  padding: 10px 35px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  width: 200px;
margin-bottom: 20px !important;
}
.manual-button:hover{
  background-color: #0068ff;
}
@media only screen and (max-width: 768px){
.mobile-s{
  padding: 0px 15px;
}
.banner-offer .special-discount{
  line-height: 70px;
}
#rev_slider_6_2 .tp-bullets{
  display: none;
}
#compatibility .qodef-section-inner{
  width: 340px !important;
}
#compatibility .qodef-tabs .qodef-tabs-nav li{
  margin-bottom: 12px;
}
#compatibility .qodef-tabs .qodef-tabs-nav li a{
  width: 140px;
  font-size: 12px;
}
#compatibility .qodef-tabs #ui-id-1{
  width: 180px;
}
.wpcf7-form .Make, .wpcf7-form .Model, .wpcf7-form .Year{
  width: 45%;
}
.att-logo{
  right: 0px;
}
}
/*End navigation pages*/


/*29/10/2018 modified*/
.vc_custom_1522038875763{
  width: 1100px !important;
  margin: 150px auto;
}
.vc_column_1100{
  width: 1100px !important;
  margin: 100px auto;
  float: none !important;
}
.marketing-top .qodef-full-section-inner { background-color: rgba(0,0,0,0.7); padding-bottom: 30px;}
.marketing-bot .qodef-full-section-inner { background-color: rgba(0,0,0,0.7);}
.targeted .qodef-full-section-inner { background-color: rgba(255,255,255,0.7); padding: 30px 0px;}
.targeted .p1 { font-size: 36px; line-height: 44px;}
.targeted .p2 { font-size: 24px; line-height: 30px;}
.qodef-st-loader {left:47% !important;}
.bgclass {
  padding: 5% 5%;
  background-color: rgba(0,0,0,0.7);

  }
.career-banner { background-repeat: no-repeat; background-size: cover; background-position: center center;}
.who-we-are { background-repeat: no-repeat; background-size: cover; background-position: center center;}
.brand-section{background-repeat: no-repeat; background-size: cover; background-position: center center;}
.oem-section{background-repeat: no-repeat; background-size: cover; background-position: center center;}
.aumap .title {    font-size: 40px;
    color: #fff;
    padding-left: 5%;
    font-weight: 400;
  padding-bottom: 20px;
line-height: 50px;}
  .aumap .content{ padding: 2% 4%;}
.aumap .content p{    font-size: 20px;
    color: #fff;
    padding-bottom: 20px;
}
.aumap .vc_column-inner {padding-left: 43%; margin-left: 10%;}
.environmental .vc_column_container>.vc_column-inner { padding-left: 0px;}
.supply .vc_column_container>.vc_column-inner { padding-right: 0px;}
.iso9001 .vc_column_container>.vc_column-inner { padding-left: 0px;}
.charity .vc_column_container>.vc_column-inner { padding-right: 0px;}
.toprow {background-size: cover;}
.model-popup-btn {line-height: 46px; font-weight: 800; font-family: Catamaran,sans-serif !important; text-transform: uppercase; border: 2px solid #006da5 ;    transition: color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out;}
.model-popup-btn:hover {border-color: #53575c!important;   background-color: #53575c!important;}
.wpcf7-submit { border-radius: 100px; font-weight: 800; text-transform: uppercase;}
.wpcf7-submit:hover { color: #fff !important;}
div.wpcf7-mail-sent-ok { border:#006da5 !important; }
.hp-lines li{
  margin: 10px 0;
}

.first-svg {
    position: relative;
    float: left;

}

.first-svg h2 {
    text-align:center;
    position: absolute;
    top:140px;
    width: 118px;
    left:140px;
}
.first-svg .colorblock {
  width: 230px;
  z-index:10;
  visibility: hidden; opacity:0;
  position: absolute;
}
.first-svg .yellow{
  top:-80px;
  -webkit-animation: ym 2s ease-out forwards; /* Safari 4.0 - 8.0 */
    animation: ym 2s ease-out forwards;
  animation-delay: 4.5s;
}
.first-svg .blue{
  top:60px;
  -webkit-animation: bm 2s ease-out forwards; /* Safari 4.0 - 8.0 */
    animation: bm 2s ease-out forwards;
  animation-delay: 4.5s;
}
.first-svg .green{
  top:200px;
  -webkit-animation: gm 2s ease-out forwards; /* Safari 4.0 - 8.0 */
    animation: gm 2s ease-out forwards;
  animation-delay: 4.5s;
}
.first-svg .red{
  top:340px;
  -webkit-animation: rm 2s ease-out forwards; /* Safari 4.0 - 8.0 */
    animation: rm 2s ease-out forwards;
  animation-delay: 4.5s;
}
@-webkit-keyframes ym {
    from {left: 440px; }
    to {left: 396px; visibility: visible; opacity:1; }
}

@keyframes ym {
    from {left: 440px; }
    to {left: 394px; visibility: visible; opacity:1;}
}
@-webkit-keyframes bm {
    from {left: 450px; }
    to {left: 392px; visibility: visible; opacity:1; }
}
@keyframes bm {
    from {left: 450px; }
    to {left: 392px; visibility: visible; opacity:1;}
}
@-webkit-keyframes gm {
    from {left: 450px; }
    to {left: 394px; visibility: visible; opacity:1; }
}
@keyframes gm {
    from {left: 440px; }
    to {left: 394px; visibility: visible; opacity:1;}
}
@-webkit-keyframes rm {
    from {left: 350px; }
    to {left: 290px; visibility: visible; opacity:1; }
}
@keyframes rm {
    from {left: 350px; }
    to {left: 284px; visibility: visible; opacity:1;}
}

.first-svg line{

        stroke-width: 3;

        }

.first-svg .circle1 {
  -webkit-transform: rotate(90deg);
    transform: rotate(90deg);

}


.first-svg .circle_animation {
  stroke-dasharray: 1005;
  stroke-dashoffset: 1005;

}
.first-svg .line_animation {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;

}

.first-svg .circle_animation {
  -moz-transform:css 3s ease-out forwards;
    -webkit-animation: css 3s ease-out forwards;
    animation: css 3s ease-out forwards;
    animation-delay: 1s;
}
.first-svg .line_animation {
  -moz-transform:css 3s ease-out forwards;
    -webkit-animation: css 3s ease-out forwards;
    animation: css 3s ease-out forwards;
    animation-delay: 3s;
}
@-moz-keyframes css {
  to {
    stroke-dashoffset: 400;
  }
}

@-webkit-keyframes css {
  to {
    stroke-dashoffset: 400;
  }
}

@keyframes css {
  to {
    stroke-dashoffset: 400;
  }
}
.second-svg {
    position: relative;
    text-align: right;
    width:  500px;
    text-align:  center;
    height:  500px;
}
.second-svg .center{
  position: absolute;
  top:200px;
  left:200px;

}
.second-svg .circle{
    position: absolute;
    -webkit-animation:spin 10s linear infinite;
    -moz-animation:spin 10s linear infinite;
    animation:spin 10s linear infinite;
    width: 360px;
    top:80px;
    left:100px;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.second-svg .element{
  position: absolute;
  width: 140px;
  left:200px;
 top:200px;

}
.second-svg .te{

  -webkit-animation: orbit1 10s linear infinite; /* Chrome, Safari 5 */
       -moz-animation: orbit1 10s linear infinite; /* Firefox 5-15 */
         -o-animation: orbit1 10s linear infinite; /* Opera 12+ */
            animation: orbit1 10s linear infinite; /* Chrome, Firefox 16+,
                                                     IE 10+, Safari 5 */
}
.second-svg .in{

  -webkit-animation: orbit2 10s linear infinite; /* Chrome, Safari 5 */
       -moz-animation: orbit2 10s linear infinite; /* Firefox 5-15 */
         -o-animation: orbit2 10s linear infinite; /* Opera 12+ */
            animation: orbit2 10s linear infinite; /* Chrome, Firefox 16+,
                                                     IE 10+, Safari 5 */
}
.second-svg .pe{

  -webkit-animation: orbit3 10s linear infinite; /* Chrome, Safari 5 */
       -moz-animation: orbit3 10s linear infinite; /* Firefox 5-15 */
         -o-animation: orbit3 10s linear infinite; /* Opera 12+ */
            animation: orbit3 10s linear infinite; /* Chrome, Firefox 16+,
                                                     IE 10+, Safari 5 */
}
.second-svg .qu{

  -webkit-animation: orbit4 10s linear infinite; /* Chrome, Safari 5 */
       -moz-animation: orbit4 10s linear infinite; /* Firefox 5-15 */
         -o-animation: orbit4 10s linear infinite; /* Opera 12+ */
            animation: orbit4 10s linear infinite; /* Chrome, Firefox 16+,
                                                     IE 10+, Safari 5 */
}
.second-svg .re{

  -webkit-animation: orbit5 10s linear infinite; /* Chrome, Safari 5 */
       -moz-animation: orbit5 10s linear infinite; /* Firefox 5-15 */
         -o-animation: orbit5 10s linear infinite; /* Opera 12+ */
            animation: orbit5 10s linear infinite; /* Chrome, Firefox 16+,
                                                     IE 10+, Safari 5 */
}
.second-svg .tr{

  -webkit-animation: orbit6 10s linear infinite; /* Chrome, Safari 5 */
       -moz-animation: orbit6 10s linear infinite; /* Firefox 5-15 */
         -o-animation: orbit6 10s linear infinite; /* Opera 12+ */
            animation: orbit6 10s linear infinite; /* Chrome, Firefox 16+,
                                                     IE 10+, Safari 5 */
}

@-webkit-keyframes orbit1 {
  from { 	transform: rotate(0deg) translateX(0px) translateY(-280px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(0px) translateY(-280px) rotate(-360deg); }
}

@-moz-keyframes orbit1 {
  from { 	transform: rotate(0deg) translateX(0px) translateY(-280px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(0px) translateY(-280px) rotate(-360deg); }
}

@-o-keyframes orbit1 {
  from { 	transform: rotate(0deg) translateX(0px) translateY(-280px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(0px) translateY(-280px) rotate(-360deg); }
}

@keyframes orbit1 {
	from { 	transform: rotate(0deg) translateX(0px) translateY(-280px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(0px) translateY(-280px) rotate(-360deg); }
}

@-webkit-keyframes orbit2 {
  from { 	transform: rotate(0deg) translateX(200px) translateY(-200px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(200px) translateY(-200px) rotate(-360deg); }
}

@-moz-keyframes orbit2 {
  from { 	transform: rotate(0deg) translateX(200px) translateY(-200px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(200px) translateY(-200px) rotate(-360deg); }
}

@-o-keyframes orbit2 {
  from { 	transform: rotate(0deg) translateX(200px) translateY(-200px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(200px) translateY(-200px) rotate(-360deg); }
}

@keyframes orbit2 {
	from { 	transform: rotate(0deg) translateX(236px) translateY(-157px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(236px) translateY(-157px) rotate(-360deg); }
}

@-webkit-keyframes orbit3 {
  from { 	transform: rotate(0deg) translateX(230px) translateY(150px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(230px) translateY(150px) rotate(-360deg); }
}

@-moz-keyframes orbit3 {
  from { 	transform: rotate(0deg) translateX(230px) translateY(150px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(230px) translateY(150px) rotate(-360deg); }
}

@-o-keyframes orbit3 {
  from { 	transform: rotate(0deg) translateX(230px) translateY(150px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(230px) translateY(150px) rotate(-360deg); }
}

@keyframes orbit3 {
	from { 	transform: rotate(0deg) translateX(230px) translateY(150px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(230px) translateY(150px) rotate(-360deg); }
}
@-webkit-keyframes orbit4 {
  from { 	transform: rotate(0deg) translateX(0px) translateY(280px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(0px) translateY(280px) rotate(-360deg); }
}

@-moz-keyframes orbit4 {
  from { 	transform: rotate(0deg) translateX(0px) translateY(280px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(0px) translateY(280px) rotate(-360deg); }
}

@-o-keyframes orbit4 {
  from { 	transform: rotate(0deg) translateX(0px) translateY(280px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(0px) translateY(280px) rotate(-360deg); }
}

@keyframes orbit4 {
	from { 	transform: rotate(0deg) translateX(0px) translateY(280px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(0px) translateY(280px) rotate(-360deg); }
}
@-webkit-keyframes orbit5 {
  from { 	transform: rotate(0deg) translateX(-230px) translateY(150px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(-230px) translateY(150px) rotate(-360deg); }
}

@-moz-keyframes orbit5 {
  from { 	transform: rotate(0deg) translateX(-230px) translateY(150px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(-230px) translateY(150px) rotate(-360deg); }
}

@-o-keyframes orbit5 {
  from { 	transform: rotate(0deg) translateX(-230px) translateY(150px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(-230px) translateY(150px) rotate(-360deg); }
}

@keyframes orbit5 {
  from { 	transform: rotate(0deg) translateX(-230px) translateY(150px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(-230px) translateY(150px) rotate(-360deg); }
}
@-webkit-keyframes orbit6 {
  from { 	transform: rotate(0deg) translateX(-230px) translateY(-150px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(-230px) translateY(-150px) rotate(-360deg); }
}

@-moz-keyframes orbit6 {
  from { 	transform: rotate(0deg) translateX(-230px) translateY(-150px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(-230px) translateY(-150px) rotate(-360deg); }
}

@-o-keyframes orbit6 {
  from { 	transform: rotate(0deg) translateX(-230px) translateY(-150px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(-230px) translateY(-150px) rotate(-360deg); }
}

@keyframes orbit6 {
	from { 	transform: rotate(0deg) translateX(-230px) translateY(-150px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(-230px) translateY(-150px) rotate(-360deg); }
}

@media only screen and (max-width: 1700px){
  .parent-icon4{padding-left: 0px; padding-right: 0px;}
}

@media only screen and (max-width: 1400px){
  .svg-static { display: block;}
  .svg-animation { display:  none;}
.square4 {width: 46% !important;}
.hompage-icon4 {width: 46% !important;}
.textblackbg{
  background-color: rgba(0,0,0,0.6) !important;
  padding: 5% !important;
}
}
@media only screen and (max-width: 1170px){
  .att-logo {position: relative;}
}
@media only screen and (max-width: 768px){
.qodef-btn { padding:0 20px !important;}
h2 { font-size: 20px !important;}
.textblackbg{ background-color: rgba(0,0,0,0.5) !important; padding: 5% !important;}
.qodef-footer-text .textwidget p { font-size: 12px !important;}
.smallh3 h3{ font-size: 18px !important;}
.square4 {width: 96% !important;}
.hompage-icon4 {width: 96% !important;}
.hompage-icon4 .third-icon { bottom: 50px}
.hompage-icon4 .qodef-btn { bottom: 0px;}
.hompage-icon4 .third-icon { bottom: 100px;}
.hompage-icon4 .fourth-icon { bottom: 150px;}
.first-button .qodef-call-to-action-row-75-25 { padding: 5%; }
.first-button .qodef-call-to-action-row-75-25 h3 {font-size:14px !important;}
.brand-section .wpb_text_column h1 span {font-size: 20px; line-height: 40px;}
.seo-section .wpb_text_column h1 {font-size: 20px;}
.seo-section .wpb_text_column p span {font-size: 16px;}
.oem-section .wpb_text_column h1 {font-size: 20px;}
.oem-section .wpb_text_column p span {font-size: 14px;}
.division-section .wpb_text_column p span {font-size: 14px !important;}
.svg-2 { padding-left: 0px; }
.brand-section .wpb_text_column .x_MsoNormal span{font-size: 20px; line-height: 30px;}
.brand-section .wpb_text_column .x2_MsoNormal span{font-size: 16px; line-height: 26px;}
.footer-section .wpb_text_column h4 {font-size: 20px !important; line-height: 30px !important;}
.qodef-st-loader {left:35% !important;}
.mobile-space{padding: 5%;}
.qodef-section.qodef-parallax-section-holder { min-height: 0px !important; }
.toprow {background-size: cover;}
.career-people img { width: 180px !important;}
.who-we-are { background-position: initial;}
.aumap .vc_column-inner {padding-left: 0%; padding-right: 0%; width: 366px; margin: 0px auto;}
.toprow .p2{padding: 10px 0px;}
.toprow .p2 span{font-size: 20px;}
.page-id-7439 .vc_row .wpb_column .wpb_text_column p span { font-size: 20px !important;}
.page-id-7439 .vc_row .wpb_column .wpb_text_column h1 span { font-size: 28px !important;}
/*29/10/2018 modified*/
.vc_custom_1522038875763 { width: 100% !important;}
.vc_column_1100 { width: 100% !important; padding: 0px 20px;}
.hompage-icon3 {
  margin-bottom: 20px;
}
.vc_custom_1540781465649{
  padding: 30px 20px !important;
}
.vc_custom_1539750710639{
  padding: 0px 20px !important;
}
.vc_custom_1539750710639 p{
  font-size: 16px !important;
  line-height: 26px !important;
}
.vc_custom_1539650412538 .vc_col-sm-2{
  margin-bottom: 20px;
}
.vc_custom_1539650412538 .vc_col-sm-12 p{
  font-size: 16px !important;
  line-height: 26px !important;
}
.vc_custom_1488764943820 {
  display: none !important;
}

.vc_custom_1523418188425 {
  padding: 10% 7% !important;
}
.vc_custom_1523418188425 .vc_column-inner {
  padding: 0px 0px;
}
.vc_custom_1523410409124 .vc_col-sm-4{
  margin-top: 20px;
}
.vc_custom_1541393165223, .vc_custom_1541025630208, .vc_custom_1541393207666, .vc_custom_1649052195891{
  padding-left: 10% !important;
  padding-right: 10% !important;
}
.vc_custom_1541025630208 .wpb_wrapper p{
  font-size: 20px !important;
  line-height: 32px !important;
}
	.arcimoto-form .wpcf7-form input.wpcf7-form-control.wpcf7-submit {
		max-width:none;
	}
}
@media only screen and (max-width: 64em){
  .filter-popup--medium-down .filter__toggler-contents.filter__toggler-contents { padding-top: 100px !important;}
  .qodef-side-menu-button-opener{
    color: #000 !important;
  }
  .qodef-mobile-nav{
    padding-bottom: 30px;
  }
  .vc_column_1100{
    width: 100% !important;
    padding: 0px 20px;
  }
  .vc_custom_1541393165223, .vc_custom_1541025630208, .vc_custom_1541393207666{
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.svg-static { display: block;}
.svg-animation { display:  none;}
.qodef-parallax-section-holder { background-attachment: scroll !important; background-position: 0px !important;}
.textblackbg{ background-color: rgba(0,0,0,0.5) !important; padding: 5% !important;}
}

@supports (-ms-ime-align: auto) {
  .svg-static { display: block;}
  .svg-animation { display:  none;}
  .qodef-parallax-section-holder { background-attachment: scroll !important; background-position: 0px !important;}
  .textblackbg{ background-color: rgba(0,0,0,0.5) !important; padding: 5% !important;}
}