.tao-fullwidth.omoda-page .page .homePageSectionAbout {
  width: 100%;
  position: relative;
  padding-top: 150px;
  padding-bottom: 75px;
}
@media screen and (max-width: 1680px) {
  .tao-fullwidth.omoda-page .page .homePageSectionAbout {
    padding-top: 80px;
    padding-bottom: 40px !important;
  }
}
@media screen and (max-width: 1280px) {
  .tao-fullwidth.omoda-page .page .homePageSectionAbout {
    padding-bottom: 0;
  }
}
.tao-fullwidth.omoda-page .page .homePageSectionAbout.cleared {
  -webkit-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
}



.tao-fullwidth.omoda-page .page .homePageSectionAbout__cont {
  width: 100%;
  position: relative;
  z-index: 1;
  
-moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  
-moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
}
/*
@media screen and (max-width: 1320px) {
  .container {
    padding: 0 60px;
  }
}
*/



.tao-fullwidth.omoda-page .page .homePageSectionAbout__info {
	
	
-ms-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  
-moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  
-moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  
-ms-flex-wrap: wrap;
  flex-wrap: wrap;
  
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
  
}





.tao-fullwidth.omoda-page .page .homePageSectionAbout__info {
  width: calc(100% - 1130px);
  padding-left: 80px;
  position: relative;
}
@media screen and (max-width: 1880px) {
  .tao-fullwidth.omoda-page .page .homePageSectionAbout__info {
    width: calc(100% - 881px);
  }
}
@media screen and (max-width: 1680px) {
  .tao-fullwidth.omoda-page .page .homePageSectionAbout__info {
    width: calc(100% - 674px);
    padding-left: 60px;
  }
}
@media screen and (max-width: 1280px) {
  .tao-fullwidth.omoda-page .page .homePageSectionAbout__info {
    width: calc(100% - 490px);
    padding-left: 40px;
  }
}
@media screen and (max-width: 992px) {
  .tao-fullwidth.omoda-page .page .homePageSectionAbout__info {
    width: 100%;
    padding-left: 0;
    margin-top: 40px;
  }
}
.tao-fullwidth.omoda-page .page .homePageSectionAbout__image {
  width: 100%;
  max-width: 1130px;
}
.tao-fullwidth.omoda-page .page .homePageSectionAbout__image img {
  width: 100%;
  height: auto;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
}
.tao-fullwidth.omoda-page .page .homePageSectionAbout__image--animation {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
}
.tao-fullwidth.omoda-page .page .homePageSectionAbout__image--animation img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
@media screen and (max-width: 1880px) {
  .tao-fullwidth.omoda-page .page .homePageSectionAbout__image {
    max-width: 881px;
  }
}
@media screen and (max-width: 1680px) {
  .tao-fullwidth.omoda-page .page .homePageSectionAbout__image {
    max-width: 674px;
  }
}
@media screen and (max-width: 1280px) {
  .tao-fullwidth.omoda-page .page .homePageSectionAbout__image {
    max-width: 490px;
  }
}
@media screen and (max-width: 992px) {
  .tao-fullwidth.omoda-page .page .homePageSectionAbout__image {
    max-width: 100%;
  }
}
.tao-fullwidth.omoda-page .page .homePageSectionAbout__title {
  width: 100%;
  font-family: "Raleway", sans-serif;
  font-size: 48px;
  color: #222424;
  font-weight: 400;
  line-height: normal;
  margin-top: 0;
}
@media screen and (max-width: 1880px) {
  .tao-fullwidth.omoda-page .page .homePageSectionAbout__title {
    font-size: 42px;
    line-height: 48px;
  }
}
@media screen and (max-width: 1400px) {
  .tao-fullwidth.omoda-page .page .homePageSectionAbout__title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media screen and (max-width: 560px) {
  .tao-fullwidth.omoda-page .page .homePageSectionAbout__title {
    font-size: 28px;
    line-height: 36px;
  }
}
.tao-fullwidth.omoda-page .page .homePageSectionAbout__desc {
  width: 100%;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  color: #555B5F;
  font-weight: 400;
  line-height: 140%;
  margin-top: 30px;
}
@media screen and (max-width: 1400px) {
  .tao-fullwidth.omoda-page .page .homePageSectionAbout__desc {
    margin-top: 0px;
  }
}
.tao-fullwidth.omoda-page .page .homePageSectionAbout__btns {
  width: 100%;
  margin-top: 40px;

  
}
.tao-fullwidth.omoda-page .page .homePageSectionAbout__btns .btn {
  width: 100%;
  max-width: 165px;
  text-align: center;
}
@media screen and (max-width: 1400px) {
  .tao-fullwidth.omoda-page .page .homePageSectionAbout__btns {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .tao-fullwidth.omoda-page .page .homePageSectionAbout {
    min-height: unset;
  }
}




 .tao-fullwidth.omoda-page .page .homePageSectionAbout__btns {
 	
	-moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;


} 



.tao-fullwidth.omoda-page .page .btn__arrow {
	
  -ms-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  
-moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  
}




.tao-fullwidth.omoda-page .page .btn {
  width: auto;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  border-radius: 5px;
  padding: 13px 24px;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
  border: 1px solid transparent;
  position: relative;
  z-index: 1;
}


  .tao-fullwidth.omoda-page .page .btn__filled::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  background: linear-gradient(94deg, #0082D1 0%, #0071B5 100%);
  border-radius: 5px;
}



.tao-fullwidth.omoda-page .page .btn__filled.btn__dark {
  background: #222424;
  color: #fff;
}

.tao-fullwidth.omoda-page .page .btn__filled:hover.btn__white, .tao-fullwidth.omoda-page .page .btn__filled:hover.btn__dark {
  border-color: transparent;
  background: #0082D1;
}

.tao-fullwidth.omoda-page .page .btn span {
  font: inherit;
  display: block;
}


@media screen and (max-width: 1440px) {
  .tao-fullwidth.omoda-page .page  .btn {
    letter-spacing: 0.32px;
  }
}


.tao-fullwidth.omoda-page .page .btn__filled:hover {
  -webkit-box-shadow: 3px 3px 50px 0px rgba(255, 255, 255, 0.3), -1px -1px 30px 0px rgba(0, 125, 201, 0.4);
  box-shadow: 3px 3px 50px 0px rgba(255, 255, 255, 0.3), -1px -1px 30px 0px rgba(0, 125, 201, 0.4);
}

.tao-fullwidth.omoda-page .page .btn__filled:hover::before {
  opacity: 1;
  visibility: visible;
}

.tao-fullwidth.omoda-page .page .btn__filled::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  background: linear-gradient(94deg, #0082D1 0%, #0071B5 100%);
  border-radius: 5px;
}






















.tao-fullwidth.omoda-page .page .content-wrapper .main-content .centered-wrapper.ce_rsce_tao_centered_wrapper_start.-background-color-2 .centered-wrapper.ce_rsce_tao_centered_wrapper_start.-background-color-2 .centered-wrapper-inner .ce_text.last.block p.sgp_centerblock {
	padding-bottom: 20px;
}

.page .content-wrapper .main-content .centered-wrapper.ce_rsce_tao_centered_wrapper_start.-background-color-2.overidecol .centered-wrapper.ce_rsce_tao_centered_wrapper_start.-background-color-2 .centered-wrapper-inner .ce_text.last.block p.sgp_centerblock {
	background-color: #FFFFFF;
	color:#000000;
}

/*
.page .content-wrapper .main-content .centered-wrapper.ce_rsce_tao_centered_wrapper_start.-background-color-2.overidecol {
	background-color: #2d3235 !important;
}
*/

.page .content-wrapper .main-content .centered-wrapper.ce_rsce_tao_centered_wrapper_start.-background-color-2 .centered-wrapper.ce_rsce_tao_centered_wrapper_start.-background-color-2 .centered-wrapper-inner .ce_text.last.block p.sgp_centerblock {
  margin-bottom: 0;
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 15px;
}


.page .mod_sgpetchmanufacturerheader p.sgp_centerblock {
  padding: 0;
  margin: 0;
}

.navbar-header-omoda .navbar-brand.header__logo .logo {}

#honehead {
  background-color: #FFFFFF;
  color: #000000;
  padding-top: 20px;
  margin: 0;
  padding-bottom: 20px;
}

.navbar-menu {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  /*border-bottom: 1px solid #2d3235;*/
  /*background-color: #2d3235;*/
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}


.navbar-brand {
		/*border-right: 1px solid #FFFFFF;*/
    height: 72px;
    padding: 15px 32px;
    z-index:1;
    cursor:pointer;
}


.navbar-menu a.navbar-brand img {
	width:141px;
	cursor:pointer;
	top: 27px;
	max-width: initial;
}

.navbar-quicksearch {
	display: block;
	float: left;
	/*max-width: 200px;
	min-width: 200px;*/
	padding-right: 10px;
	z-index:1;
}

/* #90: the brand-specific quick-search rules that used to sit here (#quicksearch,
   .navbar-quicksearch select#quicksearch.value-quicksearch and its option rule) have
   been removed. They were unscoped, so on any page that loaded this stylesheet they
   restyled EVERY manufacturer's quick search, not just this brand's - and being keyed
   on the #quicksearch ID they outranked the manufacturer header's own all-class rule,
   which is the intended control. All brands now share that standard Montserrat control.
   The .navbar-quicksearch container layout, the mobile display:none and the
   .navbar-header-{brand} responsive width tweaks are deliberately kept. */
/*  150 x 480  */
@media only screen and (min-width: 150px) and (max-width: 480px) and (orientation: portrait) {
	
	.navbar-brand {
    padding-left: 16px;
    padding-bottom: inherit;
    margin-right: 0;
    height: 33px;
    padding: 6px 12px;

	}
	
	.navbar-menu a.navbar-brand img {	width:101px;}
	
	/* #quicksearch kept visible on mobile (was display:none) */
	
	}

/* iphone 5/SE */
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) {
	.navbar-header-seat {display:none;}
	 h1.headline-hr.ce_rsce_tao_separator.-centered {font-size:1em;}
	}

@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {}

@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {}

/*  360 x 640  */
@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: portrait) {}

@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {}

@media only screen and (min-width: 360px) and (max-width: 740px) and (orientation: landscape) {}

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait) {
.headline-hr::before, .headline-hr::after { width: 91% !important; }
}

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {}

@media only screen and (min-width:414px) and (max-width: 736px) and (orientation: portrait) {}

@media only screen and (min-width: 360px) and (max-width: 740px) and (orientation: landscape) {}

@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: portrait) {}

/*  768 x 1024  */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {}

/*  1024px x 1366px   ipad pro */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {}

@media only screen and (min-width: 834px) and (max-width: 1112px) and (orientation: portrait) {}

@media only screen and (min-width: 834px) and (max-width: 1112px) and (orientation: landscape) {}	

/*  980 x 1280  */
@media only screen and (min-width: 980px) and (max-width: 1280px) and (orientation: portrait) {}
	
@media only screen and (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) {}
	
/*  1440 x 900  */
@media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: portrait) {}
	
@media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: landscape) {}
	
@media only screen and (min-width: 1366px) and (max-width: 1366px) {}

@media only screen and (min-width: 1200px) and (max-width: 1920px) and (orientation: portrait) {}

@media only screen and (min-width: 1200px) and (max-width: 1920px) and (orientation: landscape) {}

@media only screen and (min-width: 1920px)  {}

@media only screen and (min-width: 1366px)  {}

/* iPhone 5 & 5S in landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

/* iPhone 5 & 5S in portrait  */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}

/* iPhone 6 in landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

/* iPhone 6 in portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
 h1.headline-hr.ce_rsce_tao_separator.-centered {font-size:1em;}
	}

/* iPhone 6 Plus in landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}  
  
/* iPhone 6 Plus in portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {}

@media screen and (min-width:768px) and (max-width: 2560px) {}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 769px) and (max-width: 1024px) {}

@media screen and (min-width: 481px) and (max-width: 768px) {}

@media screen and (min-width: 321px) and (max-width: 480px) {}

@media screen  and (max-width: 320px) {}

@media only screen and (min-width: 150px) and (max-width: 480px) and (orientation: portrait) {}

@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {}

/* iPhone 5 & 5S in landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {}		

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {}

/* iPhone 6 in landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (min-width: 360px) and (max-width: 740px) and (orientation: landscape) {}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

@media only screen and (min-width: 900px) and (max-width: 1920px) and (orientation: landscape) {}

@media only screen and (min-width: 1280px) and (max-width: 2560px) and (orientation: portrait) {}

@media only screen and (min-width: 1280px) and (max-width: 2560px) and (orientation: landscape) {}

@media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: landscape) {}

@media only screen and (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) {
.navbar-menu a.navbar-brand img {top: 15px;}
}

@media only screen and (min-width: 414px) and (max-width: 896px) and (orientation: landscape) {
	#reviews-widget {display:none;}
	}

@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
	#reviews-widget {display:none;}
	}

@media only screen and (min-width:414px) and (max-width: 736px) and (orientation: landscape) {}

@media screen and (max-width: 1000px) {}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1920px) {}

@media only screen and (min-width: 1080px) and (max-width: 1920px) and (orientation: landscape) {}

@media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: landscape) {}

@media only screen and (min-width: 720px) and (max-width: 1280px) and (orientation: landscape) {}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {}

@media screen and (max-width: 1080px) and (orientation: portrait) {}

@media screen and (max-width: 767px)  {}




/* Mobile manufacturer-header layout (2026-06-18): match the standard (Kia) header - logo left + vertically centred, contained right-aligned Quick Search that shrinks gracefully on narrow phones. */
@media only screen and (max-width: 550px) {
	.navbar-header-omoda .navbar-menu { padding-top: 10px !important; padding-bottom: 10px !important; align-items: center !important; }
	.navbar-header-omoda .navbar-brand { display: flex !important; align-items: center !important; padding: 0 !important; height: auto !important; max-width: none !important; flex: 0 0 auto !important; }
	.navbar-header-omoda .navbar-brand img { position: static !important; top: auto !important; padding: 0 !important; display: block !important; width: auto !important; height: auto !important; max-height: 28px !important; max-width: 120px !important; }
	.navbar-header-omoda .navbar-quicksearch { flex: 0 1 210px !important; min-width: 0 !important; width: auto !important; padding-right: 0 !important; text-align: right !important; }
	.navbar-header-omoda #quicksearch { min-width: 125px !important; width: 100% !important; }
}