/*------------------------------------------------------------

                      || Text & Fonts ||

------------------------------------------------------------*/

/*------------------------------------------------------------

                      || Colors ||

------------------------------------------------------------*/

/*------------------------------------------------------------

                      || Borders ||

------------------------------------------------------------*/

/*------------------------------------------------------------

                      || Snippets ||

------------------------------------------------------------*/

.with-dash:after, #kob-sidebar .home-banners li div h3:after, #kob-news h2:after, #kob-partners h2:after, #kob-about .team-list h2:after, #kob-srvs .srvs-list h2:after {

  display: block;

  content: "";

  height: 2px;

  width: 32px;

  background: #fff;

  margin: 10px auto;

}



.inner-with-dash, #kob-about .team-list h2, #kob-srvs .srvs-list h2 {

  font: 700 28px "Open Sans", sans-serif;

  text-align: center;

  text-transform: uppercase;

  color: #424459;

}

.inner-with-dash:after, #kob-about .team-list h2:after, #kob-srvs .srvs-list h2:after {

  background: #ddd;

}



.with-side-dash, #kob-pro-list aside h2, .relatetd-pro > h3 {

  margin-bottom: 30px;

}



.with-side-dash span, #kob-pro-list aside h2 span, .relatetd-pro > h3 span {

  background: #fff;

  padding-right: 10px;

  height: 18px;

  line-height: 18px;

  font-size: 14px;

  display: inline-block;

  color: #424459;

  font-weight: 700;

  text-transform: uppercase;

}



.with-side-dash:after, #kob-pro-list aside h2:after, .relatetd-pro > h3:after {

  display: block;

  content: "";

  width: 100%;

  height: 1px;

  margin-top: -9px;

  background: #ebebeb;

}



.green {

  color: #7bc143;

  font-weight: normal;

}



.green-text {

  color: #179708;

}



.orange-text {

  color: #fb8c00;

}



.inner-page {

  padding: 45px 0px;

}

.inner-page h1 {

  color: #424459;

  padding-bottom: 15px;

  margin: 0 0 15px;

  border-bottom: 1px solid #cfcfcf;

  font: 600 28px "Open Sans", sans-serif;

}

.inner-page .inner-banner {

  position: relative;

  margin-bottom: 45px;

  border: 7px solid #e3e3e3;

  border-radius: 7px;

}

.inner-page .inner-banner img {

  width: 100%;

  border-radius: 5px;

}

.inner-page .inner-banner .text-wrapper {

  max-width: 400px;

  right: 120px;

  top: 60px;

  text-align: center;

  position: absolute;

}

.inner-page .inner-banner .text-wrapper h2 {

  color: #f26744;

  font-weight: 700;

  font-size: 28px;

  margin-bottom: 30px;

}

.inner-page .inner-banner .text-wrapper p {

  font-size: 22px;

  color: #424459;

}



.with-banner > .row {

  float: left;

}

.with-banner .row {

  width: calc(100% - 160px);

}

.with-banner .banner {

  display: block;

}

.with-banner .banner.w160 {

  float: right;

}

.with-banner .banner img {

  border: 1px solid #eee;

}



.with-sub-items, #kob-pro-list aside ul > li > i, #kob-pro-list aside ul > li ol li > i {

  float: right;

  font-style: normal;

  position: absolute;

  top: -2px;

  right: 0px;

  font-weight: normal;

}



.product-pagination {

  text-align: center;

}

.product-pagination .pagination {

  padding: 0 2px;

  border-right: 1px solid #e1e1e1;

}

.product-pagination .pagination span {

  display: inline-block;

  margin: 0 -2px;

  border: 1px solid #e1e1e1;

  border-right: 0px;

  font: 700 14px "Open Sans", sans-serif;

  color: #424459;

}

.product-pagination .pagination span a {

  padding: 5px 10px;

  color: #d43a2f;

  display: block;

}

.product-pagination .pagination .current {

  padding: 5px 10px;

  background: #f5f5f5;

}



/*------------------------------------------------------------

                      || Header & Nav Section ||

------------------------------------------------------------*/

body {

  font: 14px "Open Sans", sans-serif;

  color: #333;

}



.top-bar {

  background: #179708;

  color: #fff;

  height: 32px;

  padding: 5px 0px;

  font: 12px "Open Sans", sans-serif;

  line-height: 22px;

}

.top-bar .lang a,

.top-bar .my-account .zmdi {

  display: inline-block;

  vertical-align: top;

  border-radius: 15px;

  padding: 0 10px;

  font-family: Tahoma, sans-serif;

  background: #53b02b;

  text-align: center;

  text-transform: capitalize;

  margin-left: 5px;

  line-height: 22px;

}

.top-bar .login a {

  margin-left: 10px;

  text-transform: uppercase;

}

.top-bar .login a a i {

  margin-right: 4px;

}

.top-bar .my-account {

  position: relative;

  height: 32px;

  line-height: 30px;

  margin: -5px 0 0;

}

.top-bar .my-account .zmdi {

  font-size: 16px;

  margin-left: 5px;

  margin-top: 5px;

  padding: 0 10px;

}

.top-bar .my-account .logged-menu {

  display: none;

  position: absolute;

  z-index: 9;

  width: 100%;

  max-width: 150px;

  line-height: 36px;

  top: 32px;

  background: #fff;

  color: #484746;

  right: 0px;

  border-radius: 0 0 4px 4px;

  box-shadow: 0 2px 2px #999;

}

.top-bar .my-account .logged-menu a {

  display: block;

  padding: 0 15px;

  margin: 0px;

  border-bottom: 1px solid #ccc;

}

.top-bar .my-account .logged-menu a:last-child {

  border: none;

  border-radius: 0 0 4px 4px;

}

.top-bar .my-account .logged-menu a:last-child, .top-bar .my-account .logged-menu a:first-child {

  color: #53b02b;

}

.top-bar .my-account .logged-menu a:hover {

  background: #f0eeee;

}

.top-bar .my-account:hover .logged-menu {

  display: block;

}

.top-bar .download {

  margin-right: 30px;

  text-transform: uppercase;

  font-style: italic;

}

.top-bar .download p {

  position: relative;

  top: -3px;

  font-size: 12px;

  display: inline;

}

.top-bar .download a {

  margin-right: 7px;

  opacity: 0.5;

  transition: all 0.25s linear;

  font-size: 16px;

}

.top-bar .download a:hover {

  opacity: 1;

}



.main-nav {

  background: #fff;

  z-index: 9;

  padding: 15px 0px;

  border-bottom: 1px solid #cfcfcf;

}

.main-nav .toggle-nav {

  float: right;

  background: #d43a2f;

  cursor: pointer;

  color: #fff;

  width: 36px;

  height: 36px;

  text-align: center;

  line-height: 36px;

  border-radius: 3px;

  font-size: 24px;

  display: none;

  margin-top: 13px;

}

.main-nav ul {

  float: right;

  margin-top: 12px;

}

.main-nav ul li {

  display: inline-block;

  vertical-align: top;

  text-align: center;

  font-weight: 700;

  margin: 0 24px;

  color: #179708;

  transition: all 0.25s linear;

  text-transform: uppercase;

}

.main-nav ul li i {

  font-size: 21px;

  font-weight: normal;

  display: block;

  margin-bottom: 8px;

}

.main-nav ul li.crnt,

.main-nav ul li:hover {

  color: #d43a2f;

}

.main-nav .top-cart {

  margin: 12px 0px 0px 30px;

  line-height: 28px;

  padding: 10px 15px;

  background: #7bc143;

  color: #fff;

  border-radius: 50px;

}

.main-nav .top-cart span {

  margin-left: 15px;

}



.is-sticky .main-nav {

  padding: 5px 0px;

}



.social-follow {

  text-align: right;

  line-height: 24px;

  padding: 12px 0px;

}

.social-follow a i {

  display: inline-block;

  vertical-align: top;

  margin-left: 7px;

  height: 24px;

  width: 24px;

  text-align: center;

  color: transparent;

}

.social-follow .facebook-box {

  background: url(../img/social.png) 0 0 no-repeat;

}

.social-follow .twitter-box {

  background: url(../img/social.png) -31px 0 no-repeat;

}

.social-follow .gplus-box {

  background: url(../img/social.png) -63px 0 no-repeat;

}

.social-follow .youtube-box {

  background: url(../img/social.png) -93px 0 no-repeat;

}



.bc-wrapper {

  background: #f1f0f0;

}

.bc-wrapper .social-follow {

  padding: 7px 0px;

}



ol.breadcrumb {

  margin: 0px;

  background: none;

  padding: 10px 15px;

  font-size: 12px;

}

ol.breadcrumb .active {

  color: #f26744;

}



/*------------------------------------------------------------

                      || Footer ||

------------------------------------------------------------*/

#kob-footer {

  background: url(../img/footer-bg.png) right bottom no-repeat #072f02;

  color: #c6c7cd;

}

#kob-footer aside .wrapper {

  padding-bottom: 45px;

  padding-top: 45px;

}

#kob-footer h4 {

  color: #fff;

  font-weight: 700;

  font-size: 14px;

  margin-bottom: 30px;

  text-transform: uppercase;

}

#kob-footer .link-list li {

  margin-bottom: 15px;

}

#kob-footer .about {

  line-height: 32px;

}

#kob-footer .about .wrapper {

  padding-right: 24px;

  border-right: 1px solid #456342;

}

#kob-footer .contact {

  padding: 15px;

}

#kob-footer .contact .wrapper {

  padding: 30px 20px;

  margin: 15px auto;

  background: url(../img/contact-bg.png) 95% 95%/90px no-repeat;

  border: 1px solid #456342;

}

#kob-footer .contact .wrapper .working-hours {

  color: #7bc143;

  margin: 10px 0px;

}

#kob-footer .contact .wrapper .call-nombs:before {

  content: '\f2be';

  background: #fff;

  margin-right: 5px;

  color: #072f02;

  padding: 0 3px;

  border-radius: 3px;

  font-family: 'Material-Design-Iconic-Font';

}

#kob-footer .social-subsc {

  padding: 45px 0px;

  border-top: 1px solid #456342;

  border-bottom: 1px solid #456342;

}

#kob-footer .social-subsc h4, #kob-footer .social-subsc ul, #kob-footer .social-subsc ul li, #kob-footer .social-subsc form, #kob-footer .social-subsc form input {

  display: inline-block;

  line-height: 32px;

  margin: 0px;

}

#kob-footer .social-subsc h4 li, #kob-footer .social-subsc ul li, #kob-footer .social-subsc ul li li, #kob-footer .social-subsc form li, #kob-footer .social-subsc form input li {

  margin-left: 10px;

}

#kob-footer .social-subsc h4 li a, #kob-footer .social-subsc ul li a, #kob-footer .social-subsc ul li li a, #kob-footer .social-subsc form li a, #kob-footer .social-subsc form input li a {

  display: block;

  width: 32px;

  height: 32px;

  text-align: center;

  border-radius: 50%;

  border: 1px solid #7a8b78;

  font-size: 18px;

}

#kob-footer .social-subsc form {

  margin-left: 30px;

  width: calc(100% - 216px);

  background: #fff;

  border-radius: 25px;

  height: 36px;

  border: 2px solid #fff;

}

#kob-footer .social-subsc form input[type=text] {

  background: none;

  border: none;

  height: 32px;

  padding-left: 15px;

  width: calc(100% - 109px);

  color: #333;

}

#kob-footer .social-subsc form input[type=submit] {

  float: right;

  background: #d43a2f;

  color: #fff;

  border-radius: 25px;

  padding: 0px 20px;

  height: 32px;

  border: none;

  font-weight: 700;

  font-size: 12px;

  vertical-align: top;

  text-transform: uppercase;

}

#kob-footer .copyrights {

  padding: 25px 0px;

}

#kob-footer .copyrights .cr-statement {

  margin-top: 15px;

}

#kob-footer .copyrights .cr-statement b {

  font-weight: 700;

}

#kob-footer .copyrights .app-links {

  text-align: right;

}

#kob-footer .copyrights .app-links a {

  margin-left: 6px;

}



/*------------------------------------------------------------

                      || Home Side Bar ||

------------------------------------------------------------*/

#kob-sidebar .home-banners {

  color: #fff;

}

#kob-sidebar .home-banners li:hover:after {

  right: 10px;

}

#kob-sidebar .home-banners li {

  height: 124px;

  margin-bottom: 30px;

  padding: 15px;

  position: relative;

}

#kob-sidebar .home-banners li:after {

  display: block;

  position: absolute;

  content: '\f2ee';

  font-family: 'Material-Design-Iconic-Font';

  font-size: 28px;

  right: 18px;

  bottom: 10px;

  transition: all 0.25s linear;

}

#kob-sidebar .home-banners li div {

  max-width: 200px;

  text-align: center;

}

#kob-sidebar .home-banners li div h3 {

  font: 700 24px "Open Sans", sans-serif;

}

#kob-sidebar .home-banners li.rewards {

  background: url(../img/aside-01.jpg) center center/cover no-repeat;

}

#kob-sidebar .home-banners li.new-arr {

  text-transform: uppercase;

  font-size: 18px;

  background: url(../img/aside-02.jpg) center center/cover no-repeat;

}

#kob-sidebar .home-banners li.com-pharma {

  background: url(../img/aside-03.jpg) center center/cover no-repeat;

}

#kob-sidebar .home-banners li.com-pharma h3 {

  line-height: 1.3;

  text-align: left;

}

#kob-sidebar .home-banners li.com-pharma h3:after {

  display: none;

}



/*------------------------------------------------------------

                      || Home Slider ||

------------------------------------------------------------*/

#kob-slider {

  padding-top: 48px;

}

#kob-slider .item {

  background: #000;

}

#kob-slider .item img {

  /*opacity: 0.7;*/

}

#kob-slider .slider-text {

  color: #fff;

  position: absolute;

  bottom: 17px;

  background: rgba(0, 0, 0, 0.5);

  padding: 15px;

  width: 100%;

  text-align: center;

  z-index: 9;

  text-transform: capitalize;

}

#kob-slider .slider-text h3 {

  margin-bottom: 15px;

  font: 700 20px "Open Sans", sans-serif;

  line-height: 1;

}

#kob-slider .slider-text span {

  display: inline-block;

  padding: 8px 15px 4px;

  font-weight: 700;

  font-size: 16px;

  line-height: 1;

  background: #179708;

}

#kob-slider .owl-theme .owl-controls {

  margin-top: 0px;

}

#kob-slider .home-slider .owl-controls .owl-dots {

  margin-top: -39px;

}



#kob-welcome {

  padding: 60px 0px;

  text-align: center;

}

#kob-welcome h2 {

  color: #179708;

  margin-bottom: 60px;

  text-transform: uppercase;

  font: 700 28px "Open Sans", sans-serif;

}

#kob-welcome h3 {

  margin: 20px auto;

  font: 700 20px "Open Sans", sans-serif;

  text-transform: uppercase;

}

#kob-welcome li {

  margin-bottom: 30px;

}

#kob-welcome li p {

  max-width: 260px;

  margin: 0 auto;

}

#kob-welcome li:nth-of-type(1) {

  color: #fb8c00;

}

#kob-welcome li:nth-of-type(2) {

  color: #26a69a;

}

#kob-welcome li:nth-of-type(3) {

  color: #5e35b1;

}

#kob-welcome li:nth-of-type(4) {

  color: #f44336;

}



/*------------------------------------------------------------

                      || Home Store Section ||

------------------------------------------------------------*/

#kob-store {

  text-align: center;

  padding: 60px 0px 45px;

  background: url(../img/store-bg.jpg) center center/cover no-repeat;

}

#kob-store h2 {

  font: 700 28px "Open Sans", sans-serif;

  margin-bottom: 45px;

  text-transform: uppercase;

  color: #424459;

}

#kob-store h2 i {

  display: block;

  margin-bottom: 10px;

}

#kob-store li {

  margin-bottom: 30px;

}

#kob-store li a {

  position: relative;

  display: block;

  border: 1px solid #fff;

}

#kob-store li a:before {

  display: block;

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: 2;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.5+100 */

  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80000000',GradientType=0 );

  /* IE6-9 */

}

#kob-store li a img {

  width: 100%;

}

#kob-store li a h3 {

  position: absolute;

  color: #fff;

  bottom: 25px;

  width: 100%;

  text-align: center;

  padding: 0 15px;

  font: 700 24px "Open Sans", sans-serif;

  font-weight: 800;

  z-index: 3;

}



/*------------------------------------------------------------

                      || Home News Section ||

------------------------------------------------------------*/

#kob-news {

  color: #424459;

  padding: 60px 0px;

}

#kob-news h2 {

  font: 700 28px "Open Sans", sans-serif;

  text-align: center;

  margin-bottom: 30px;

  text-transform: uppercase;

}

#kob-news h2:after {

  background: #dddddd;

}

#kob-news li {

  margin: 15px auto;

}

#kob-news li .media-body {

  position: relative;

}

#kob-news li:hover .media-left a:after, #kob-news li:hover .media-left a:before {

  opacity: 0.8;

  display: block;

}

#kob-news li .media-left {

  position: relative;

}

#kob-news li .media-left .media-object {

  max-width: 170px;

}

#kob-news li .media-left a {

  position: relative;

  display: block;

}

#kob-news li .media-left a:after {

  display: block;

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: #d43a2f;

  opacity: 0;

  z-index: 1;

  transition: all 0.25s linear;

}

#kob-news li .media-left a:before {

  display: none;

  border: 1px solid #fff;

  text-align: center;

  line-height: 36px;

  color: #fff;

  content: '\f2ee';

  font-family: 'Material-Design-Iconic-Font';

  position: absolute;

  width: 36px;

  height: 36px;

  top: 50%;

  left: 50%;

  margin: -18px 0 0 -18px;

  z-index: 2;

  transition: all 0.25s linear;

}

#kob-news li h4 {

  font: 700 20px "Open Sans", sans-serif;

  line-height: 24px;

  max-height: 100px;

  overflow: hidden;

}

#kob-news li span {

  display: block;

  color: #aaa;

  position: absolute;

  bottom: 0px;

}



/*------------------------------------------------------------

                      || Home Testimonies Section ||

------------------------------------------------------------*/

#kob-testi {

  text-align: center;

  padding: 45px 0px;

  color: #fff;

  background: url(../img/testi-bg.jpg) center center/cover no-repeat;

}

#kob-testi h2 {

  font: 700 28px "Open Sans", sans-serif;

  color: #179708;

  margin-bottom: 30px;

}

#kob-testi .testi-slider {

  color: #fff;

}

#kob-testi .testi-slider .item h4 {

  font: 700 20px "Open Sans", sans-serif;

  color: #d43a2f;

}

#kob-testi .testi-slider .item img {

  width: auto;

  display: block;

  margin: 15px auto;

  border: 2px solid #fff;

  border-radius: 50%;

}

#kob-testi .testi-slider .item p {

  font-style: italic;

  max-width: 520px;

  margin: 0 auto 30px;

}

#kob-testi .testi-slider .owl-next, #kob-testi .testi-slider .owl-prev {

  width: 24px;

  height: 24px;

  text-align: center;

  line-height: 22px;

  margin: 0 4px;

  transition: all 0.25s linear;

  border: 1px solid #fff;

}

#kob-testi .testi-slider .owl-next:hover, #kob-testi .testi-slider .owl-prev:hover {

  color: #fb8c00;

  border-color: #fb8c00;

}



/*------------------------------------------------------------

                 || Home Partners Section ||

------------------------------------------------------------*/

#kob-partners {

  padding: 60px 0px 45px;

  text-align: center;

}

#kob-partners h2 {

  font: 700 28px "Open Sans", sans-serif;

  color: #179708;

}

#kob-partners h2:after {

  background: #dddddd;

}

#kob-partners .filters {

  margin: 20px auto;

  text-align: center;

}

#kob-partners .filters li {

  color: #179708;

  border-radius: 15px;

  border: 1px solid #cfcfcf;

  display: inline-block;

  font-weight: 700;

  font-size: 12px;

  text-transform: uppercase;

  transition: all 0.25s linear;

  margin: 5px;

}

#kob-partners .filters li a {

  display: block;

  padding: 6px 25px;

  border-radius: 15px;

}

#kob-partners .filters li:hover, #kob-partners .filters li.active {

  background: #d43a2f;

  color: #fff;

  border: 1px solid #d43a2f;

}

#kob-partners .partners-list {

  padding: 15px 0px;

}

#kob-partners .partners-list .item {

  margin-top: 15px;

}

#kob-partners .partners-list .item .wrapper {

  padding: 15px;

  border: 1px solid #cfcfcf;

}

#kob-partners .partners-list .item .wrapper img {

  width: 100%;

}



/*------------------------------------------------------------

                 || Inner Pages >> About ||

------------------------------------------------------------*/

.inner-page .container > .wrapper {

  margin-bottom: 60px;

}

.inner-page .container > .wrapper p {

  max-width: 1000px;

  margin: 0 auto;

  color: #424459;

  text-align: center;

  line-height: 36px;

  font-size: 18px;

}



#kob-about .team-list ul {

  padding-top: 30px;

}

#kob-about .team-list ul li {

  margin-top: 30px;

}

#kob-about .team-list ul li img {

  width: 100%;

}

#kob-about .team-list ul li .wrapper {

  margin-left: 15px;

}

#kob-about .team-list ul li .wrapper h3 {

  color: #424459;

  font: 700 24px "Open Sans", sans-serif;

  margin-top: 15px;

}

#kob-about .team-list ul li .wrapper h3 + span {

  color: #53b02b;

}

#kob-about .team-list ul li .wrapper ol {

  padding: 0px;

  margin: 15px 0px;

}

#kob-about .team-list ul li .wrapper li {

  font-size: 16px;

  margin: 5px 0px;

  list-style: none;

  color: #f26744;

}

#kob-about .team-list ul li .wrapper li:before {

  content: "-";

  margin-right: 5px;

}

#kob-about .team-list ul li .wrapper p {

  font-size: 16px;

  line-height: 30px;

  text-align: left;

}



/*------------------------------------------------------------

                 || Inner Pages >> Contact ||

------------------------------------------------------------*/

#kob-contact {

  padding: 0px 0px 45px;

}

#kob-contact .contact-form {

  margin-top: 30px;

}

#kob-contact .contact-form p {

  padding: 5px 0px;

}

#kob-contact .contact-info {

  margin-top: 30px;

}

#kob-contact .contact-info .gmap {

  border: 1px solid #cfcfcf;

  margin-bottom: 30px;

}

#kob-contact .contact-info .gmap img {

  width: 100%;

}

#kob-contact .contact-info h5 {

  font: 600 18px "Open Sans", sans-serif;

  color: #424459;

}

#kob-contact .contact-info p {

  line-height: 24px;

  padding: 0px;

  margin-top: 10px;

  color: #424459;

}

#kob-contact .contact-info p a {

  color: #d43a2f;

}

#kob-contact .contact-info a {

  font-weight: 700;

  color: #7bc143;

}



/*------------------------------------------------------------

                 || Inner Pages >> Products ||

------------------------------------------------------------*/

#kob-pro-list > .container > .row {

  margin-top: 30px;

}

#kob-pro-list .sort-results {

  float: right;

  clear: both;

  margin: -65px 0 0;

  line-height: 34px;

}

#kob-pro-list .sort-results select {

  margin-left: 10px;

  border: 1px solid #cfcfcf;

  text-align: left;

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  color: #f26744;

  height: 34px;

  padding: 0 25px 0 5px;

  background: url(https://alkobtan.com/bundles/app/img/bot-arrow.png) 98% center no-repeat;

}

#kob-pro-list aside ul > li {

  font-size: 15px;

  font-weight: 600;

  line-height: 18px;

  color: #424459;

  position: relative;

  margin-bottom: 15px;

}

#kob-pro-list aside ul > li a {

  display: block;

}

#kob-pro-list aside ul > li span {

  color: #333;

}

#kob-pro-list aside ul > li ol {

  display: none;

  padding-left: 15px;

}

#kob-pro-list aside ul > li ol li {

  color: #666;

  font-weight: normal;

  margin: 10px 0 0;

  position: relative;

  list-style: none !important;

}

#kob-pro-list aside ul > li:hover > a, #kob-pro-list aside ul > li ol a:hover {

  color: #f26744;

}

#kob-pro-list aside ul li.crnt {

  color: #f26744;

}



#products-grid li {

  margin-bottom: 30px;

}

#products-grid li .wrapper {

  border: 1px solid #ebebeb;

  padding: 0 12px 12px;

}

#products-grid li .wrapper img {

  border-bottom: 1px solid #ebebeb;

  margin: 0 -12px 12px;

  width: calc(100% + 24px);

  max-height: 255px;

}

#products-grid li .wrapper h3 {

  margin-bottom: 15px;

  font-size: 12px;

  color: #424459;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

#products-grid li .wrapper .price {

  display: inline-block;

  line-height: 28px;

  font-size: 18px;

  font-weight: 700;

}

#products-grid li .wrapper .with-discount {

  color: #f26744;

}

#products-grid li .wrapper .with-discount small {

  color: #999;

  font-size: 14px;

  line-height: normal;

  text-decoration: line-through;

  font-weight: normal;

}

#products-grid li .wrapper .add2cart {

  float: right;

  border-radius: 15px;

  background: #7bc143;

  color: #fff;

  padding: 0 20px;

  height: 28px;

  line-height: 28px;

  text-transform: uppercase;

  border: none;

  font-size: 12px;

  font-weight: 800;

}

#products-grid li:hover .wrapper {

  border-color: #f26744;

}

#products-grid li:hover .wrapper .add2cart {

  background: #f26744;

}



/*------------------------------------------------------------

                 || Inner Pages >> Services ||

------------------------------------------------------------*/

#kob-srvs .srvs-list h2 {

  margin-bottom: 60px;

}

#kob-srvs .srvs-list li {

  padding-left: 5px;

  margin: 0 0 30px 0;

}

#kob-srvs .srvs-list li:before {

  display: inline-block;

  width: 14px;

  height: 18px;

  content: "";

  background: url(../img/srv-list.png) center center no-repeat;

  vertical-align: top;

  margin-right: 10px;

}

#kob-srvs .srvs-list li p {

  color: #424459;

  font: 300 16px/24px 'Open Sans', sans-serif;

  display: inline-block;

  vertical-align: top;

  width: calc(100% - 30px);

}



/*------------------------------------------------------------

              || Inner Pages >> One Product ||

------------------------------------------------------------*/

#kob-one-pro h1 {

  margin-bottom: 45px;

}

#kob-one-pro .wrapper img {

  width: 100%;

  margin-bottom: 30px;

}

#kob-one-pro h4 {

  margin-bottom: 5px;

  font: 700 14px "Open Sans", sans-serif;

  text-transform: uppercase;

}

#kob-one-pro P {

  margin-bottom: 15px;

  line-height: 24px;

}

#kob-one-pro .available {

  color: #fb8c00;

}

#kob-one-pro .not-available {

  color: #f44336;

}

#kob-one-pro .pro-footer {

  clear: both;

  line-height: 34px;

  padding: 15px 0px 0px;

}

#kob-one-pro .pro-footer > .col-md-6 {

  margin-bottom: 15px;

}

#kob-one-pro .pro-footer a {

  color: #fb8c00;

}

#kob-one-pro .pro-footer .old-price {

  font: 700 20px "Open Sans", sans-serif;

  color: #ccc;

  margin-right: 20px;

  text-decoration: line-through;

}

#kob-one-pro .pro-footer .crnt-price {

  font: 700 24px "Open Sans", sans-serif;

  color: #424459;

}

#kob-one-pro .pro-footer .qnt-cart {

  float: right;

}

#kob-one-pro .pro-footer .qnt-cart input {

  margin-left: 10px;

  border-radius: 30px;

  height: 34px;

  border: none;

}

#kob-one-pro .pro-footer .qnt-cart input[type='submit'] {

  background: #7bc143;

  color: #fff;

  padding: 0 30px;

}

#kob-one-pro .pro-footer .qnt-cart input[type='number'] {

  border: 1px solid #ccc;

  width: 70px;

  padding-left: 15px;

  direction: rtl;

  text-align: center;

}

#kob-one-pro .pro-footer .wrapper {

  clear: both;

  padding-top: 30px;

  border-top: 1px solid #ebebeb;

  margin-top: 30px;

}

#kob-one-pro .pro-footer .wrapper img {

  width: auto;

  max-width: 100%;

  margin: 0px auto;

  display: block;

}



.relatetd-pro {

  padding-top: 30px;

}

.relatetd-pro > h3 {

  font: 700 14px "Open Sans", sans-serif;

}



/* ------------------------------------------------------------

               || Inner Pages >> Total Points ||

------------------------------------------------------------ */

.total-header {

  background: #f7f4f4;

  padding: 5px;

  max-width: 780px;

  margin: 30px auto;

  border: 1px solid #00a888;

}

.total-header .media-left {

  vertical-align: middle;

  border-right: 1px solid #00a888;

}

.total-header .media-body {

  padding: 15px 30px 10px;

}

.total-header .media-body .media-heading {

  float: left;

  font: 700 24px "Open Sans", sans-serif;

  line-height: 40px;

  color: #000;

  text-transform: capitalize;

}

.total-header .media-body .total-value {

  float: right;

  background: #f26744;

  color: #fff;

  padding: 0 45px;

  border-radius: 30px;

  display: block;

  font: 600 18px "Open Sans", sans-serif;

  line-height: 40px;

}



#kob-points .table-responsive {

  max-width: 780px;

  margin: 30px auto;

}

#kob-points .table-responsive th, #kob-points .table-responsive td {

  padding: 20px;

  text-align: center;

}

#kob-points .table-responsive tr th:first-child, #kob-points .table-responsive tr td:first-child {

  text-align: left;

}

#kob-points .table-responsive th {

  text-transform: uppercase;

  font: 700 14px "Open Sans", sans-serif;

  background: #00a888;

  color: #fff;

}

#kob-points .table-responsive td.earned-cell {

  color: #00a888;

}

#kob-points .table-responsive td.spent-cell {

  color: #d43a2f;

}

#kob-points .table-responsive th.spent-cell {

  background: #d43a2f;

}



/* ------------------------------------------------------------

              || Inner Pages >> Careers List ||

------------------------------------------------------------ */

.career-list .career-list-header {

  position: relative;

  margin-bottom: 30px;

}

.career-list .career-list-header img {

  width: 100%;

  border: 1px solid #fff;

}

.career-list .career-list-header h2 {

  position: absolute;

  color: #fff;

  text-transform: uppercase;

  bottom: 15px;

  left: 30px;

  max-width: 230px;

  font: 600 28px 'Open Sans',sans-serif;

}

.career-list h3 {

  color: #000;

  font: 600 18px "Open Sans", sans-serif;

  margin-bottom: 30px;

}

.career-list li {

  margin-bottom: 30px;

}

.career-list li h4 {

  color: #53b02b;

  font: 700 14px "Open Sans", sans-serif;

  text-transform: uppercase;

  margin-bottom: 10px;

}

.career-list li p {

  color: #424459;

}



/* ------------------------------------------------------------

                 || Page 404 ||

------------------------------------------------------------ */

#page-404 {

  margin: 60px auto;

}

#page-404 .text-404 {

  padding: 60px 0px;

  text-align: left;

}

#page-404 .text-404 h1 {

  font-weight: 600;

}

#page-404 .text-404 h2 {

  font-size: 160%;

  margin: 15px 0px 30px;

}

#page-404 .text-404 li {

  margin-bottom: 5px;

  padding-bottom: 5px;

  border-bottom: 1px dotted #ccc;

}



/* ------------------------------------------------------------

                      || Resetting ||

------------------------------------------------------------ */

.form-control {

  padding-top: 0px;

  padding-bottom: 0px;

}



a, a:hover, a:focus {

  text-decoration: none;

  color: inherit;

}



img {

  vertical-align: top;

}



p, ul, address, h1, h2, h3, h4, h5, h6 {

  padding: 0px;

  margin: 0px;

  list-style: none;

}



.file-input-wrapper .btn {

  display: inline-block;

  float: right;

  height: 32px;

  border-radius: 0 4px 4px 0;

  margin-right: -12px;

  border: none;

}

.file-input-wrapper .fileName {

  line-height: 32px;

}



.form-group {

  position: relative;

  margin: 30px 0px 0px;

}

.form-group .form-control {

  box-shadow: none;

  height: 34px;

  padding: 0 15px;

  color: #999;

  border-radius: 0px;

  border: 1px solid #cfcfcf;

}

.form-group label {

  display: block;

  color: #7bc143;

  text-transform: uppercase;

}

.form-group textarea {

  width: 100%;

  border-radius: 0px;

  border: 1px solid #ddd;

  padding: 12px;

}

.form-group .errorMsg {

  display: block;

  position: absolute;

  right: 10px;

  bottom: 8px;

  color: #f44336;

  font: 600 14px 'Open Sans', Arial;

}

.form-group .btn {

  height: 40px;

  border-radius: 50px;

  padding: 0 45px;

  border: none;

  font-weight: 700;

  font-size: 14px;

  text-transform: uppercase;

  background: #7bc143;

}



.form-control:focus, .has-error .form-control:focus, a.btn-default:focus, a.btn-default:hover {

  box-shadow: none;

  background: inherit;

  border-color: #66afe9 !important;

}



/* ------------------------------------------------------------

                      || News Page ||

------------------------------------------------------------ */

#kob-news-page .news-list li,

#kob-news-page .news-details,

#kob-news-single .news-list li,

#kob-news-single .news-details {

  padding-bottom: 40px;

  margin-top: 40px;

  border-bottom: 1px solid #f1f0f0;

}

#kob-news-page .news-list li h2,

#kob-news-page .news-details h2,

#kob-news-single .news-list li h2,

#kob-news-single .news-details h2 {

  color: #d43a2f;

  font: 700 24px "Open Sans", sans-serif;

  font-weight: normal;

  text-align: left;

  margin-bottom: 5px;

}

#kob-news-page .news-list li .news-date,

#kob-news-page .news-details .news-date,

#kob-news-single .news-list li .news-date,

#kob-news-single .news-details .news-date {

  color: #cacbd1;

  display: block;

  margin-bottom: 15px;

}

#kob-news-page .news-list li p,

#kob-news-page .news-details p,

#kob-news-single .news-list li p,

#kob-news-single .news-details p {

  color: #424459;

  line-height: 24px;

  margin-bottom: 10px;

}

#kob-news-page .news-list li img,

#kob-news-page .news-details img,

#kob-news-single .news-list li img,

#kob-news-single .news-details img {

  width: 100%;

}



#kob-news-single .news-details h2 {

  font-weight: 700;

  text-transform: uppercase;

}

#kob-news-single .news-details img {

  margin: 15px 0px 30px;

}

#kob-news-single #kob-news {

  padding: 30px 15px;

}

#kob-news-single #kob-news ul {

  margin-right: 15px;

}

#kob-news-single #kob-news li {

  margin-bottom: 20px;

}

#kob-news-single #kob-news h3 {

  font: 700 20px "Open Sans", sans-serif;

  font-weight: 700;

  margin-top: 12px;

  color: #424459;

  text-transform: uppercase;

}

#kob-news-single #kob-news h4 {

  font-size: 18px;

}

#kob-news-single #kob-news .wrapper {

  padding-bottom: 30px;

  border-bottom: 1px solid #ddd;

}

#kob-news-single #kob-news .slimScrollBar {

  background: #53b02b !important;

}



/* ------------------------------------------------------------

                      || ISO Page ||

------------------------------------------------------------ */

#kob-iso h2 {

  color: #d43a2f;

  font: 700 24px "Open Sans", sans-serif;

  font-weight: normal;

  text-align: left;

  margin-bottom: 30px;

}

#kob-iso div > img {

  max-width: 100%;

}

#kob-iso p {

  color: #424459;

  margin-bottom: 30px;

  line-height: 24px;

}

#kob-iso h3 {

  color: #53b02b;

  font: 600 18px "Open Sans", sans-serif;

  margin-bottom: 30px;

}

#kob-iso .media {

  margin-bottom: 30px;

}

#kob-iso .media-object {

  margin: 0 30px;

}

#kob-iso ul {

  margin-top: -15px;

}

#kob-iso li {

  margin-bottom: 15px;

}

#kob-iso li:before {

  content: "\2013";

  text-indent: -5px;

  margin-right: 10px;

  font-weight: bold;

}



/* ------------------------------------------------------------

                      || Rewardes Page ||

------------------------------------------------------------ */

#kob-rwrds h1 + div {

  margin-top: 30px;

}

#kob-rwrds .col-md-6 {

  margin-bottom: 30px;

}

#kob-rwrds .col-md-6 p {

  color: #424459;

  font-size: 18px;

  margin-bottom: 10px;

}

#kob-rwrds .col-md-6 img {

  max-width: 100%;

}

#kob-rwrds .rewards-text-img {

  position: relative;

}

#kob-rwrds .rewards-text-img #block-cms-blocks-rewards-image-text,

#kob-rwrds .rewards-text-img #block-cms-blocks-rewards-ar-image-text {

  position: absolute;

  top: 25%;

  left: 30px;

  max-width: 260px;

  color: #fff;

  font-size: 30px;

  font-weight: 600;

}

#kob-rwrds .rewards-text-img #block-cms-blocks-rewards-ar-image-text {

  line-height: 2;

}

#kob-rwrds .rwrds-points {

  margin-top: 45px;

}

#kob-rwrds .rwrds-points h2 {

  text-align: center;

  font: 700 24px "Open Sans", sans-serif;

  color: #424459;

  margin-bottom: 30px;

}

#kob-rwrds .rwrds-points .wrapper {

  position: relative;

  border: 1px solid #e0e0e0;

  max-width: 800px;

  margin: 0 auto;

}

#kob-rwrds .rwrds-points .wrapper img {

  max-width: 100%;

  display: block;

  margin: 0 auto;

}

#kob-rwrds .rwrds-points .wrapper p {

  font: 600 18px "Open Sans", sans-serif;

  position: absolute;

  max-width: 130px;

  left: 28%;

  text-align: center;

  top: 30px;

}

#kob-rwrds .rwrds-points .wrapper p span {

  display: block;

}

#kob-rwrds .rwrds-points .wrapper p.step-02 {

  left: auto;

  right: 21%;

  max-width: 140px;

  top: auto;

  bottom: 30px;

}



/* ------------------------------------------------------------

                      || Issues ||

------------------------------------------------------------ */

#new-address .form-actions {

  clear: both;

  margin: 0 15px;

}

#new-address .col-md-6 {

  padding: 0px;

  margin-right: 0px;

  margin-left: 0px;

}



.my-account .login-page .form-horizontal {

  width: auto;

  max-width: none;

}



/* ------------------------------------------------------------

                      || Media Page ||

------------------------------------------------------------ */

.col-md-8.col-md-offset-2 {

  padding: 0px;

}



.media-player {

  margin: 30px auto 45px;

}

.media-player iframe {

  background: url(../img/media-bg.jpg) center center/100% 100%;

  padding: 4px;

  border: 3px solid #ddd;

}



.media-list li {

  margin-bottom: 30px;

}

.media-list li a {

  position: relative;

  display: block;

  background: #000;

  border: 6px solid #ddd;

}

.media-list li a img {

  opacity: 0.5;

  width: 100%;

  transition: all 0.25s linear;

}

.media-list li a h3 {

  position: absolute;

  left: 0px;

  right: 0px;

  height: 32px;

  bottom: 0px;

  color: #fff;

  font: 700 14px "Open Sans", sans-serif;

  line-height: 32px;

  text-align: center;

  padding: 0 15px;

  overflow: hidden;

  white-space: wrap;

  text-overflow: ellipsis;

  background: rgba(0, 0, 0, 0.75);

}

.media-list li a:after {

  display: block;

  content: "\f16a";

  font: 36px/28px 'FontAwesome';

  position: absolute;

  width: 28px;

  height: 28px;

  left: 50%;

  top: 50%;

  margin: -14px 0 0 -14px;

  color: #e62117;

  opacity: 0;

  transition: all 0.25s linear;

}

.media-list li a:hover img, .media-list li a:hover:after {

  opacity: 1;

}



.ir {

  display: block;

  border: 0;

  text-indent: -999em;

  overflow: hidden;

  background-color: transparent;

  background-repeat: no-repeat;

  text-align: left;

  direction: ltr;

  *line-height: 0;

}



.ir br {

  display: none;

}



.hidden {

  display: none !important;

  visibility: hidden;

}



.visuallyhidden {

  border: 0;

  clip: rect(0 0 0 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px;

}



.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {

  clip: auto;

  height: auto;

  margin: 0;

  overflow: visible;

  position: static;

  width: auto;

}



.invisible {

  visibility: hidden;

}



.clearfix:before, .clearfix:after {

  content: "";

  display: table;

}



.clearfix:after {

  clear: both;

}



.clearfix {

  *zoom: 1;

}



@media print {

  * {

    background: transparent !important;

    color: black !important;

    box-shadow: none !important;

    text-shadow: none !important;

    filter: none !important;

    -ms-filter: none !important;

  }



  a, a:visited {

    text-decoration: underline;

  }



  a[href]:after {

    content: " (" attr(href) ")";

  }



  abbr[title]:after {

    content: " (" attr(title) ")";

  }



  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {

    content: "";

  }



  pre, blockquote {

    border: 1px solid #999;

    page-break-inside: avoid;

  }



  thead {

    display: table-header-group;

  }



  tr, img {

    page-break-inside: avoid;

  }



  img {

    max-width: 100% !important;

  }



  @page {

    margin: 0.5cm;

  }

  p, h2, h3 {

    orphans: 3;

    widows: 3;

  }



  h2, h3 {

    page-break-after: avoid;

  }

}

#quick-access form {

  position: relative;

}

#quick-access form .form-group {

  margin-top: -1px;

  width: 100%;

}

#quick-access form .form-group input {

  width: 100%;

  height: 48px;

  border: 1px solid #ccc;

  padding: 0 15px 0 20px;

  background: #fafafa;

  border-radius: 0 0 30px 30px;

}

#quick-access form .btn {

  height: 38px;

  width: 40px;

  float: right;

  position: relative;

  top: -43px;

  right: 5px;

  line-height: 30px;

  border-radius: 4px 4px 28px 4px;

  background: #53b02b;

  color: #fff;

}



.test {

  display: none;

}



/*# sourceMappingURL=style.css.map */