/*#85B540*/
body {
	/*padding-top:100px ;*/

	padding: 0;
	font-family: "Nunito", sans-serif;
}
a.maincolor:focus { color: white!important; }
a:focus { background-color: transparent!important; color: black!important; }

hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

hr.style-eight {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

.fa-5x {
    font-size: 2.8em;
}

.btn-success {
    color: #fff;
    background-color: #85B540;
    border-color: #85B540;
}

button{
	font-family: inherit;
	font-size: 100%;
	border: 0;
	padding:0;
	background-color: transparent;
}

button:hover {
	cursor: pointer;	
}

.selected {
	font-weight: bold;
	color: #ebd534;
}

.completed {
	display: none;
}

.ongoing {
	display: none!important;
}

/*border animation*/
/*********************** Demo - 3 *******************/
.box3{position:relative;} /*box-shadow:0 0 3px rgba(0,0,0,.3);*/
.box3 .box-content,.box3:after,.box3:before{position:absolute;left:7%;right:7%;transition:all .3s}
.box3:after,.box3:before{display:block;background:rgba(0,0,0,.3);top:10%;bottom:10%;z-index:1;transform:scale(0,1)}
.box3:after{top:10.8%;bottom:10.8%;transform:scale(1,0)}
.box3:hover:after,.box3:hover:before{transform:scale(1);animation:animate 1.5s}
.box3:hover:before{border-top:3px solid #fff;border-bottom:3px solid #fff}
.box:hover:after{border-left:3px solid #fff;border-right:3px solid #fff}
.box img{width:100%;height:auto;transition:all .3s}
.box3:hover img{transform:scale(1.2);filter:blur(5px);-moz-filter:blur(5px);-webkit-filter:blur(5px)}
.box3 .box-content{padding:30px 10px;top:10%;bottom:10%;opacity:0;z-index:2}
.box3:hover .box-content{box-shadow:0 0 0 35px rgba(255,255,255,.3);opacity:1;transition:all .3s}
.box3 .title{font-size:24px;font-weight:600;color:#88c425;margin:0 0 5px}
.box3 .post{display:block;margin:0 0 5px;font-size:14px;color:rgba(255,255,255,.8)}
.box3 .description{font-size:14px;color:#fff;margin:0 0 20px}
.box3 .icon{padding:0;margin:0;list-style:none}
.box3 .icon li{display:inline-block;margin:0 10px 0 0}
.box3 .icon li a{display:block;width:30px;height:30px;line-height:30px;color:#fff;background:#88c425;transition:all .5s}
.box3 .icon a:hover{text-decoration:none;animation:animate-hover .5s;transition:all .3s}
@keyframes animate{0%,100%{opacity:1}
}
@keyframes animate-hover{0%{box-shadow:0 0 0 10px rgba(255,255,255,.3)}
50%{box-shadow:0 0 0 5px rgba(255,255,255,.3)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}
}
.box10,.box11,.box12,.box14,.box4,.box5,.box6,.box7,.box9{box-shadow:0 0 3px rgba(0,0,0,.3)}
@media only screen and (max-width:990px){.box3{margin-bottom:30px}
.box3 .box-content{padding:10px}
.box3 .description{margin-bottom:10px}
}
@media only screen and (max-width:479px){.box3 .title{margin:0}
}

/*********************** Demo - 4 *******************/
/*border animation*/

.logo{
	height: 54px;
    width: auto;
    /*max-height: 54px;*/
      transition: all 0.3s;
	max-width: 250px;
	line-height: 54px; /* whatever the fixed height of the bar is */
	vertical-align: middle;
}


.navbar-collapse { 
background:#18191b; /*replace with desired color*/ 
} 



.carousel-item:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,0.1);
}


/*.carousel-item {
	height: 800px;
}*/

.carousel-inner img {
      width: 100%;
      height: 100%;
  }
/*.carousel-item img{
    min-height: 800px;
    
    object-fit:cover;
}*/

.bg-dark {
	background-color: #18191b!important;
}

.bg-success {
	background-color: #ebd534!important;
}

.fixed-top-1 {
	margin-top: 27px;
}

.blurb h2 {
	
	font-weight: 300;
	font-size: 2.5rem;
}

.textleakproblem {
    width: 102%;
}

div.border {
border-radius: 50px;
}

.fa {
  color: white;
}

.blurb p {
	color: white;
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 2;

}

.content {
	/*margin-top: 100px; 
	margin-bottom: 100px;*/
}

h2 span{
	color:#000000;
}

#mainNavbar {
	font-size: 1.1rem;
	font-weight: 100;
}

#mainNavbar .nav-link {
	color:white;
}

#mainNavbar .nav-link:hover {
	color: #ebd534;
}

#mainNavbar .navbar-brand {
	color: #000000;
	font-size: 2rem;
}

#headingGroup p {
	color: #3d3d3d;
}

#headingGroup span {
	color: #000000;
}

#headingGroup h1 {
font-weight: 100;
font-size: 4rem;
}

.navbar.scrolled {
	background: #ababab;
	transition: background 900ms;

}

.tabsize {
    height: 23vh;
    border-radius: 1000px!important;
}

@media(max-width: 1458px) {
 .tabsize {
    height: 15vh;
 }
}

@media(max-width: 1366px) {
 .tabsize {
    height: 23vh;
 }
}


@media(max-width: 1224px) {
 .tabsize {
    height: 18vh;
 }
}

@media(max-width: 1024px) {
 .tabsize {
    height: 15vh;
 }
}

@media(max-width: 396px) {
 .tabsize {
    height: 22vh;
 }
}

@media(max-width: 360px) {
 .tabsize {
    height: 20vh;
 }
}

@media(max-width: 302px) {
 .tabsize {
    height: 18vh;
 }
}

@media(max-width: 296px) {
 .tabsize {
    height: 15vh;
 }
}

@media (max-width: 1200px) {
#headingGroup h1 {
font-weight: 100;
font-size: 3.5rem;
}
}

/*@media (max-width: 576px) {
#widthlimit {
	display: none;
}
}
*/

@media (max-width: 765px) {
nav #mainNavbar {
	padding-top: 100px;
}

}
}

@media (max-width: 498px) {
.overlapremoval h4 {
display: none;

}
}


@media (max-width: 492px) {
.removeit h4 {

display: none;
}
}

@media(min-width: 768px){
    .navbar > .container { max-width: 100%; padding: 0; }
}

@media(max-width: 811px){
    div.lfornav {
    	display: none;
    }
}
/*@media(max-width: 794px){
    div.iconfornav {
    	display: none;
    }
}*/

@media(max-width: 773px){
    nav.fixed-top-1 {
    	height: 90px!important;
    	margin-top: 56px!important;
    }
}@media(max-width: 773px){
    nav.fixed-top-2 {
    	height: 56px!important;
    }
}

@media(max-width: 773px) {
	div.sliderpaddingtop {
		padding-top: 130px!important;
	}
}

@media(max-width: 483px) {
	span.mydisplaysettings {
		display: none!important;
	}
}

@media(max-width: 782px){
    .aboutuspadd {
    	padding-top: 100px!important;
    }
}

@media(max-width: 480px){
    .blurb h2 {
    	font-weight: 300;
		display: none;
    }
}

@media(max-width: 946px){
    .tabsize {
    	width: 100%;
    }
}
@media(min-width: 947px){
    .tabsize {
    	width: 45%!important;
    }
}
@media(min-width: 494px){
    .smolmobile {
    	font-size: 40px;
    }
}
@media(max-width: 494px){
    .smolmobile {
    	font-size: 20px;
    }
}