/* MK Organics Stylesheet*/
/* Copyright @2018 */
/* You are welcome to look and learn but please do not directly copy our code */
/* If you like something then feel free to email us for permission: */
/* info@mk-organics.com */
/* It takes a long time and is essentially theft */
/* Thank you for your understanding */

/*
1. Main
2. Carousel
3. Switcher
*/

hr.muff {
  height:0; 
  border:0; 
  border-top:2px solid #ffffff;
}
.no-ads .google-auto-placed {
  display:none !important;
}
#no-ads > div.google-auto-placed {
display:none !important;
}
.list-group.list-group-horizontal{
	display: flex;
	flex-direction: row;
}

.list-group.list-group-horizontal .list-group-item {
	margin-bottom: 0;
	margin-right: 0;
 	border-right-width: 0;
}
.list-group.list-group-horizontal .list-group-item:first-child {
	border-top-right-radius:0;
	border-bottom-left-radius:4px;
}
.list-group.list-group-horizontal .list-group-item:last-child {
	border-top-right-radius:4px;
	border-bottom-left-radius:0;
	border-right-width: 1px;
}

/* 1. MAIN */
.main {
  padding:40px;
  background-color: rgba(255,255,255, 0.8);
}
.main .fas {
  font-size:0.5em;
  color:#000 !important;
}
/* END */
/* 2. Carousel */
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
 .carousel hr {
    width:200px;
    display: block;
    height: 2px;
    border: 0;
    border-top: 1px solid #fff;
}
.carousel,
.carousel-inner {
  height:500px;
  max-height: 500px;
  overflow:hidden;
}

.item {
  border: 1px solid grey;
  max-height: 100vh;
  min-height: 100vh;
  max-width: 100vw;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.item3 img {
    width: 100%;
    height: auto;
  }
.carousel-caption {
  left:0;
  top:0;
  height:500px;
  width:100% !important;
  background-color:rgba(31,38,61,0.7);
}
.carousel-caption h3 {
  top:50%;
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}
@media (max-width:767px) {
  .hero h1 {
    font-size:3em;
  }
  .carousel-caption .display-4{
    font-size:1.8em;
  }
  .carousel-caption .lead{
    font-size:1em;
  }
}
/*
.carousel {
  max-height: 350px;
  overflow: hidden;

  .item img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 768px) {
  .carousel {
    max-height: 565px; 
    overflow: hidden;
  }
}
*/
/* END */

/* 3. SWITCHER */

/*Style Switcher
------------------------------------*/
i.style-switcher-btn {
   right: 0;
   top: 145px;
   color: #fff;
   /*font-size: 28px;*/
   cursor: pointer;
   z-index: 555555;
   position: fixed;
   padding: 10px 10px;
   background: #585f69;
   border-radius: 6px 0 0 6px !important;   
}

i.style-switcher-btn:hover {
   background:#707985;
}

i.style-switcher-btn-option {
   top: 115px;
   background: #9097a0;
}

i.style-switcher-btn-option:hover {
   background: #707985;
}

.style-switcher {
   right: 0;
   top: 145px;
   /*width: 655px;*/
   width: 55%;
   display: none;
   z-index: 555555;
   position: fixed;
   background: #585f69;
   border: solid 1px #666d76;
   padding: 15px 15px 315px 20px;
   border-radius: 6px 0 0 6px !important;
   z-index: 999999;
}
@media (max-width:767px)
{
.style-switcher {
   right: 0;
   top: 70px;
   width: 100%;
   display: none;
}

i.style-switcher-btn {
top: 70px;
}
}
.style-switcher-inner {
   background: #9097a0;
}

.style-switcher .theme-close {
   top: 10px;
   right: 6px;
   position: absolute;
}

.style-switcher .theme-close i {
   color: #fff;
   cursor: pointer;
   font-size: 18px;
   padding: 5px 7px;
   background: #464e5b;
}

.style-switcher .theme-close i:hover {
   color: #464e5b;
   background: #fff;
 }

.style-switcher .theme-heading {
   color: #fff;
   font-size: 16px;
   margin-bottom: 10px;
   text-transform: uppercase;
}

.style-switcher-logo  {
   margin-top: 10px;
   padding-top: 15px;
   border-top: solid 1px #4c5159;
}

.style-switcher-logo a {
   display: block;
   text-align: center;
}
/*
.style-switcher ul {
   margin-bottom: 0;
}

.style-switcher li {
   width: 26px;
   height: 26px;
   cursor: pointer;
   background: #c00;
   margin: 0 5px 5px 0;
   display: inline-block;
}

.style-switcher li.last {
   margin-right: 0;
}

.style-switcher li:hover,
.style-switcher li.theme-active {
   border: solid 2px #fff;
}
*/
.style-switcher a.btn-u-green.active-switcher-btn {
   border: solid 1px #eee;
   background: #2ecc71 !important;
}

.style-switcher a.btn-u-sea.active-switcher-btn {
   border: solid 1px #eee;
   background: #1abc9c !important;
}

.style-switcher li.theme-default {
   background: #72c02c;
}
.style-switcher li.theme-blue {
   background: #3498db;
}
.style-switcher li.theme-orange {
   background: #e67e22;
}
.style-switcher li.theme-red {
   background: #e74c3c;
}
.style-switcher li.theme-light {
   background: #ecf0f1;
}
/* CARD */
 .card-header-bg {
   color: #fff;
   background: #585f69 !important;
}
/* END */
/*SEARCH BAR*/
/*Style Switcher
------------------------------------*/
i.style-search-btn {
   right: 0;
   top: 167px;
   color: #fff;
   font-size: 28px;
   cursor: pointer;
   z-index: 555555;
   position: fixed;
   padding: 7px 9px;
   background: #585f69;
   border-radius: 6px 0 0 6px !important;   
}

i.style-search-btn:hover {
   background:#707985;
}

i.style-search-btn-option {
   top: 168px;
   background: #9097a0;
}

i.style-search-btn-option:hover {
   background: #707985;
}

.style-search {
   right: 0;
   top: 167px;
   width: 355px;
   display: none;
   z-index: 555555;
   position: fixed;
   background: #585f69;
   border: solid 1px #666d76;
   padding: 15px 15px 15px 20px;
   border-radius: 6px 0 0 6px !important;
}

@media (max-width:767px)
{
.style-search {
   right: 0;
   top: 125px;
   width: 255px;
}
i.style-search-btn {
top:125px
}
}

.style-search-inner {
   background: #9097a0;
}

.style-search .theme-close {
   top: 10px;
   right: 6px;
   position: absolute;
}

.style-search .theme-close i {
   color: #fff;
   cursor: pointer;
   font-size: 18px;
   padding: 5px 7px;
   background: #464e5b;
}

.style-search .theme-close i:hover {
   color: #464e5b;
   background: #fff;
 }

.style-search .theme-heading {
   color: #fff;
   font-size: 16px;
   margin-bottom: 10px;
   text-transform: uppercase;
}

.style-search-logo  {
   margin-top: 10px;
   padding-top: 15px;
   border-top: solid 1px #4c5159;
}

.style-switcher-logo a {
   display: block;
   text-align: center;
}

.style-search ul {
   margin-bottom: 0;
}

.style-search li {
   /* width: 76px;*/
   height: 46px;
   cursor: pointer;
   background: #c00;
   /*margin: 0 5px 5px 0;*/
   display: inline-block;
   border-radius:5px;
   border: solid 2px #fff;
}

.style-search li.last {
   margin-right: 0;
}

.style-search li:hover,
.style-search li.theme-active {
   border: solid 3px #fff;
}

.style-search a.btn-u-green.active-switcher-btn {
   border: solid 1px #eee;
   background: #2ecc71 !important;
}

.style-search a.btn-u-sea.active-switcher-btn {
   border: solid 1px #eee;
   background: #1abc9c !important;
}

.style-search li.theme-default {
   background: #72c02c;
}
.style-search li.theme-blue {
   background: #3498db;
}
.style-search li.theme-orange {
   background: #e67e22;
}
.style-search li.theme-red {
   background: #e74c3c;
}
.style-search li.theme-light {
   background: #ecf0f1;
}

/*END*/

.ui-group-buttons .or{position:relative;float:left;width:.3em;height:1.3em;z-index:3;font-size:12px}
.ui-group-buttons .or:before{position:absolute;top:50%;left:50%;content:'or';background-color:#5a5a5a;margin-top:-.1em;margin-left:-.9em;width:1.8em;height:1.8em;line-height:1.55;color:#fff;font-style:normal;font-weight:400;text-align:center;border-radius:500px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1);box-shadow:0 0 0 1px rgba(0,0,0,0.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.ui-group-buttons .or:after{position:absolute;top:0;left:0;content:' ';width:.3em;height:2.84em;background-color:rgba(0,0,0,0);border-top:.6em solid #5a5a5a;border-bottom:.6em solid #5a5a5a}
.ui-group-buttons .or.or-lg{height:1.3em;font-size:16px}
.ui-group-buttons .or.or-lg:after{height:2.85em}
.ui-group-buttons .or.or-sm{height:1em}
.ui-group-buttons .or.or-sm:after{height:2.5em}
.ui-group-buttons .or.or-xs{height:.25em}
.ui-group-buttons .or.or-xs:after{height:1.84em;z-index:-1000}
.ui-group-buttons{display:inline-block;vertical-align:middle}
.ui-group-buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.ui-group-buttons .btn{float:left;border-radius:0}
.ui-group-buttons .btn:first-child{margin-left:0;border-top-left-radius:.25em;border-bottom-left-radius:.25em;padding-right:15px}
.ui-group-buttons .btn:last-child{border-top-right-radius:.25em;border-bottom-right-radius:.25em;padding-left:15px}
.alert-info {
  margin-bottom:0;
}

/* END SWITCHER */
/* END */
img.ri
{
	position: absolute;
	max-width: 75%;
padding-top:20px;
	top: 15%;
	left: 15%;
	}

img.ri:empty
{
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (orientation: portrait) {
  img.ri { max-width: 90%; }
}

@media screen and (orientation: landscape) {
  img.ri { max-height: 90%; }
}

.footer {
  width: 100%;
  line-height:60px;
  /*background-color: #0D1435;*/
  opacity: 0.9;
}
.footer-company-name {
  color:#fff;
}
.footer .fa, .fas, .fab {
color:#fff;
}

.footer a {
  color:#fff;
}