/*!
 * Main CSS
 * Copyright 2019 YnnGenio Technologies, Inc.
 * 
 */

.w3-bar .w3-button {
  padding: 10px;
}
 
/* Full height header */
.full-height {
  height: 100%;
}
 
/* Full height panel */
.oja-bg-panel {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
} 

.oja-overlay {
  content: '';
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	left: 0;
  top: 0;
  background: linear-gradient(
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.6) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
}

.container-fluid-max {
  max-width: 1440px;
}

.landing {
  margin: 0 0 0 0;
  padding: 2em 0;
  position: relative; 
  background-image:url('../images/ic_cover.png');
  background-color:#333;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-attachment: fixed;
}

.landing .container-fluid {
  z-index: 10;
}

.landing-header {
    position: relative;
    top: 20%;
    margin: auto;
    padding: 2em;
}

.landing-footer {
  position: relative;
  bottom: 20%;
  margin: auto;
  padding: 2em;
}


.landing-header h1 {
 color:#FFFFFF;
}

.landing-header h2 {
  color:#FFFFFF;
 }

.landing-header p{
 color:#fff;
 font-size: 1em;
 width: 100%;
 line-height: 1.2;
}

.landing-header button{
 border:1px  solid #E65100;
 background:#E65100;
 color:#fff;
}

.flag-sm {
	height: 22px;
	width: 40px;
}

.features {
 position: relative; 
 background-color:#ffff;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
}


.contact {
  position: relative; 
  background-color:#E65100;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;  
}


.oja-card-header {
  color:#ffffff;
  background-color:#E65100;
}

.oja-btn-custom-green {
  background-color: hsl(105, 100%, 30%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2aa800", endColorstr="#104200");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#2aa800), to(#104200));
  background-image: -moz-linear-gradient(top, #2aa800, #104200);
  background-image: -ms-linear-gradient(top, #2aa800, #104200);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2aa800), color-stop(100%, #104200));
  background-image: -webkit-linear-gradient(top, #2aa800, #104200);
  background-image: -o-linear-gradient(top, #2aa800, #104200);
  background-image: linear-gradient(#2aa800, #104200);
  border-color: #104200 #104200 hsl(105, 100%, 8%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}

.oja-btn-custom-red {
  background-color: hsl(0, 69%, 22%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b42121", endColorstr="#5e1111");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#b42121), to(#5e1111));
  background-image: -moz-linear-gradient(top, #b42121, #5e1111);
  background-image: -ms-linear-gradient(top, #b42121, #5e1111);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b42121), color-stop(100%, #5e1111));
  background-image: -webkit-linear-gradient(top, #b42121, #5e1111);
  background-image: -o-linear-gradient(top, #b42121, #5e1111);
  background-image: linear-gradient(#b42121, #5e1111);
  border-color: #5e1111 #5e1111 hsl(0, 69%, 17%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}

.oja-btn-custom-yellow {
  background-color: hsl(57, 100%, 40%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff432", endColorstr="#ccc100");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fff432), to(#ccc100));
  background-image: -moz-linear-gradient(top, #fff432, #ccc100);
  background-image: -ms-linear-gradient(top, #fff432, #ccc100);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff432), color-stop(100%, #ccc100));
  background-image: -webkit-linear-gradient(top, #fff432, #ccc100);
  background-image: -o-linear-gradient(top, #fff432, #ccc100);
  background-image: linear-gradient(#fff432, #ccc100);
  border-color: #ccc100 #ccc100 hsl(57, 100%, 35%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
  -webkit-font-smoothing: antialiased;
}

.oja-btn-custom-orange {
  background-color: hsl(30, 100%, 49%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E65100", endColorstr="#E65100");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#E65100), to(#E65100));
  background-image: -moz-linear-gradient(top, #E65100, #E65100);
  background-image: -ms-linear-gradient(top, #E65100, #E65100);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E65100), color-stop(100%, #E65100));
  background-image: -webkit-linear-gradient(top, #E65100, #E65100);
  background-image: -o-linear-gradient(top, #E65100, #E65100);
  background-image: linear-gradient(#E65100, #E65100);
  border-color: #E65100 #E65100 hsl(57, 100%, 35%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
  -webkit-font-smoothing: antialiased;
}


.oja-bicubic {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}

.oja-nearest {
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: optimizeSpeed;
}

.oja-wide img {
  width:100%;
}

.oja-logo {
  color:#fff;
  font-weight:800;
  font-size:14pt;
  padding:25px;
  text-align:center;
}

.oja-line {
  padding-top:20px;
  white-space:no-wrap;
  overflow:hidden;
  text-align:center;
}

.oja-divider {
  margin: 20px 0; /* Space out the Bootstrap <hr> more */
  border:0;
  border-top: 1px solid #D0D0D0
}

.oja-button {
	width: 150px;
	height: 40px;
}

.oja-font {
	font-size:1em;
  color:#fff;
  width: 100%;
  line-height: 1.2;
}

.oja-font-sm {
	font-size:0.875em;
}

.oja-font-lg {
	font-size:1.125px;
}

.oja-font-xlg {
	font-size:1.5em;
}

.oja-font-xxlg {
	font-size:1.8em;
}

.oja-font-bold {
	font-weight: bold;
}

.oja-color-orange {
	color:#E65100;
}

.oja-highlight {
  font-weight: bold;
  color:rgb(0, 0, 0);
  font-size:1.05em;
}

.oja-font-orange-sm {
	font-size:14px;
	color:#E65100;
}

.oja-transparent {
	position:relative;
}

.oja-transparent:after {
	width:80px;
	height:40px;
	content : "app logo";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/ic_launcher.png); 
    opacity: 0.2;
    z-index: -1;
}