/* 
TEST&LEARN additional styles
*/


p {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 1.1rem;
  line-height: 1.9rem;
  color: #333;
  font-weight: 400;
}

.high {
	line-height: 2rem;
}

@media screen and (max-width: 480px) {
  body {
    min-width: 320px;
    float: left;
    width: 100%;
  }
	
	a.nav-link.js-scroll-trigger {
		padding: .2rem .5rem;
		border-bottom: 1px solid #e5e5e5;
	}
}


h1 {
font-family: 'Montserrat', sans-serif;
letter-spacing: .2rem;
font-size: 2.5rem;
line-height: 1.1em;
font-weight: 800;
color: #ffbf3f;
}

h2, h3, h4, h5, h6 {
  margin: 0 0 30px 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: .03rem;
  line-height: 1.3em;
  font-weight: 300;
  color: #18222c;
  text-transform: uppercase;
}


.col h6 {
	font-weight: 600;
}

.produkt {
  font-family: 'Montserrat', sans-serif;
  letter-spacing: .1rem;
  line-height: 1.3em;
  font-weight: 600;
  font-size: 1.2rem;
  color: #18222c;
  text-transform: uppercase;
}

nav ul li a {
	font-weight: 300 !important;
	font-size: 1rem !important;
	font-family: 'Montserrat', sans-serif;
}




.alert h3 {
	letter-spacing: .1rem;
	text-transform: uppercase;
	color: #18222c;
	margin: 0 !important;
	padding: 1rem;
}

p {
  margin-bottom: 30px;
}

.jumbotron ul li {
  list-style-position: outside !important;
}

/* Font / background / buttons colors */

/* YELLOW */

.yellow-font {
	color: #FFBF3F;
}

.yellow-bg {
	background-color: #FFBF3F;
}

.yellow-bg-2 {
	background-color: #ffb726;
}

.yellow-bg-3 {
	background-color: #ffae0c;
}

.yellow-bg-4 {
	background-color: #f2a100;
}


.yellow-nav {
	background-color: #eff6fd;
	border-bottom: 10px solid #18222c;
	padding: 1rem 0;
}

.blue-gradient {
	background: -webkit-linear-gradient(50deg,#e3f2fc,#b6ddf7)!important;
    background: -o-linear-gradient(50deg,#e3f2fc,#b6ddf7)!important;
    background: linear-gradient(40deg,#e3f2fc,#b6ddf7)!important;
}

.btn.blue-gradient:hover,
.btn.blue-gradient:active {
	background: -webkit-linear-gradient(-50deg,#e3f2fc,#b6ddf7)!important;
    background: -o-linear-gradient(-50deg,#e3f2fc,#b6ddf7)!important;
    background: linear-gradient(-40deg,#e3f2fc,#b6ddf7)!important;
}

.yellow-gradient {
	background: -webkit-linear-gradient(50deg,#fbde57,#ffbf3f)!important;
    background: -o-linear-gradient(50deg,#fbde57,#ffbf3f)!important;
    background: linear-gradient(40deg,#fbde57,#ffbf3f)!important;
}

.yellow-gradient:hover,
.yellow-gradient:active {
	background: -webkit-linear-gradient(-50deg,#fbde57,#ffbf3f)!important;
    background: -o-linear-gradient(-50deg,#fbde57,#ffbf3f)!important;
    background: linear-gradient(-40deg,#fbde57,#ffbf3f)!important;
}

a h5 {
	font-weight: 800;
}

.yellow-btn {
	background-color: #FFBF3F;
	border: 1px solid #dda304;
	border-radius: 4px;
	letter-spacing: .02rem;
	font-size: 1.2rem;
	text-transform: uppercase;
	color: #364a5f;
	font-weight: 500;
}

a:hover {
	color: inherit;
	text-decoration: none;
	
}

.yellow-btn:hover,
.yellow-btn:active {
	background-color: #e5ab38 !important;
	border: 1px solid #c49003 !important;
}

/* ORANGE */

.orange-font {
	color: #e75d3e;
}

.orange-bg {
	background-color: #e75d3e;
}

.orange-btn {
	background-color: #e75d3e;
	border: 1px solid #b84a31;
	border-radius: 4px;
	text-transform: uppercase;
	color: white;
}

.yellow-btn:hover,
.yellow-btn:active {
	background-color: #b84a31;
	border: 1px solid #7c3221;
}


/* NAVY */

.navy-font {
	color: #18222c;
}

.navy-bg {
	background-color: #18222c;
}

.btn-warning {
	text-transform: uppercase;
	letter-spacing: .1rem;
}

.navy-btn {
	background-color: #18222c;
	border: 1px solid #18222c;
	border-radius: 4px;
	text-transform: uppercase;
	color: white;
}

.navy-btn:hover
.navy-btn:active {
	background-color: #18222c;
	border: 1px solid #06090b;
}

/* DARK NAVY */

.dark-navy-font {
	color: #18222c;
}

.dark-navy-bg {
	background-color: #18222c;
}

.bg-main-nav {
	background-image: url("../assets/bg.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: local;
  	background-size: auto;
}

.bg-main {
	background-image: url("../assets/bg.jpg");
	background-repeat: no-repeat;
	background-position: right top;
  	background-size: auto;
}

.welcome-bg {
	background-image: url("../assets/bg-2.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
  	background-repeat: no-repeat;
  	background-size: 100% 120%;
  	margin-top: 25px;

}

.buynow-bg {
	background-image: url("../assets/bg-buy.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
  	background-repeat: no-repeat;
  	background-size: cover;
}

.main-graphic {
	margin-top: -80px;
	
}

@media (max-width: 1366px){
	.welcome-bg {
		background-size: cover;
	}
	
	.main-graphic {
		margin-top: 0px;
		max-width: 100%;
  		height: auto;
	}

}


@media (max-width: 769px){
	.yellow-bg {
		margin: 1rem 2rem;
	}
}

.header-grafika-pattern {
	background-image: url("../assets/yellow-pattern.jpg");
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center;
  	background-size: auto;
}

/* BUTTONS OTHER */

a.call-to-action {
	color: #fff;
  	border: 1px solid #2a3c4d;
	padding: .1rem 1rem;
  	background: #18222c;
	border-radius: 5px;
}

a.call-to-action:hover
a.call-to-action:action {
  	background: #18222c;
	color: #fff;
}

nav ul li a {
	
	text-transform: uppercase;
	font-size: 1.5rem;
	padding: .3rem;
	letter-spacing: .2rem;
	color: #18222c;
}

.header-right {
	background: #eff6fd;
	border-radius: 2rem 0 0 2rem;
	padding: 1rem;
}

.header-left {
	background: #eff6fd;
	border-radius: 0 2rem 2rem 0;
	padding: 1rem;
}

hr.divider {
    border-top: 1px dashed #FFBF3F;
}

hr.divider-navy {
    border-top: 1px dashed #364a5f;
}

.feature {
	background-color: #eff6fd;
	border-radius: 8px;
	color: #18222c;
	text-align: center;
	padding: 2rem;
	margin: .5rem;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
}

.feature-raport {
	background-color: white;
	border-radius: 12px;
	color: #18222c;
	text-align: center;
	padding: 2rem;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12) !important;
}

.feature-buynow {
	background-color: white;
	border-radius: 12px;
	color: #18222c;
	padding: 2rem;
	margin: auto;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12) !important;
}

.main-button-mobile {
	padding: 1rem;
	border-radius: 5px 0;
	color: #fff !important;
	background: #FFBF3F;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
}

.main-button {
	padding: 1rem  3rem;
	border: 0px solid #fff;
	border-radius: 15px 0;
    color: #fff !important;
    font-size: 2rem;
	background: #1D2939;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
}

.main-button:hover {
	-webkit-box-shadow: 0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21)!important;
    box-shadow: 0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21)!important;
}

.main-button-buynow {
	padding: 1rem;
	border: 0px solid #fff;
	border-radius: 15px 0;
    color: #fff !important;
    font-size: 1rem;
	background: #1D2939;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
}

.main-button-buynow:hover {
	-webkit-box-shadow: 0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21)!important;
    box-shadow: 0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21)!important;
}

.main-button-buynow h6 {
	font-weight: 400;
}

.bg-light-blue {
	background-color: #dbe9f8;
}

.bg-light-grey {
	background-color: #f5f5f5;
}
.shadow {
-webkit-box-shadow: 0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21)!important;
    box-shadow: 0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21)!important;
}

.shadow-small {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
}

.section-header {
	background-color: #18222c;
	border-top: 10px solid #FFBF3F;
	border-bottom: 10px solid #FFBF3F;
	color: white !important;
}

.buttons-bg {
background-color: #1d2939;
background-image: url("../assets/dark-dot.png");

}

.section-header h2{
	margin: 5px 0;
	letter-spacing: .4rem;
}

.section-header .divider {
	color: white;
}

.footer-border {
	border-left: 1px solid #FFBF3F;
	border-right: 1px solid #FFBF3F;
	height: 70%;
}

ul .fas{
	font-size: .7rem;
	margin-right: .2rem;
}

ul.a {

list-style-type: circle;
}

section {
  padding: 25px 0;
}

header {
  padding: 140px 0 30px;
}