/*#qodef-home-main-slider .qodef-video .qodef-video-wrap .qodef-video-element{ padding-top: 10% !important;}*/

/*#qodef-home-main-slider .qodef-video .qodef-video-wrap{ height: 880px !important;}*/
#cc-contents-11{
  display: none !important;
}
.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;}

.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;
}
/****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-content{
  margin-top: -60px !important;
}
.page-id-6571 .qodef-content{
  margin-top: 0px !important;
}
.qodef-header-standard .qodef-page-header .qodef-menu-area{
      background-color: #18131e !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;
}
/****2020 new design****/

.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: #ebebeb !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;}

/*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;}

.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: 20px;
}
.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;
}

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: 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;
}
.qodef-content {
  margin-bottom: 550px !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{
  padding-left: 10% !important;
  padding-right: 10% !important;
}
.vc_custom_1541025630208 .wpb_wrapper p{
  font-size: 20px !important;
  line-height: 32px !important;
}
}
@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;}
}