/** Open Sans */
/* cyrillic-ext */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/assets/fonts/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/assets/fonts/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/assets/fonts/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; }
/* greek */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/assets/fonts/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/assets/fonts/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/assets/fonts/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/assets/fonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
/* cyrillic-ext */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/assets/fonts/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/assets/fonts/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/assets/fonts/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; }
/* greek */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/assets/fonts/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/assets/fonts/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/assets/fonts/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/assets/fonts/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

/** MONTSERRAT */

/* cyrillic-ext */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(/assets/fonts/IQHow_FEYlDC4Gzy_m8fcude9INZm0R8ZMJUtfOsxrw.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(/assets/fonts/IQHow_FEYlDC4Gzy_m8fcrpHcMS0zZe4mIYvDKG2oeM.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* vietnamese */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(/assets/fonts/IQHow_FEYlDC4Gzy_m8fcjh33M2A-6X0bdu871ruAGs.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(/assets/fonts/IQHow_FEYlDC4Gzy_m8fchHJTnCUrjaAm2S9z52xC3Y.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(/assets/fonts/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

/* BODY */
body { font-family: 'Open Sans', sans-serif !important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; -webkit-text-size-adjust: 100%; padding-top: 60px; position: relative }
body>section { padding: 75px 0; }

/* Icons */
@font-face { font-family: 'icon'; src: url('/assets/fonts/icon.eot?44495979'); src: url('/assets/fonts/icon.eot?44495979#iefix') format('embedded-opentype'), url('/assets/fonts/icon.woff2?44495979') format('woff2'), url('/assets/fonts/icon.woff?44495979') format('woff'), url('/assets/fonts/icon.ttf?44495979') format('truetype'), url('/assets/fonts/icon.svg?44495979#icon') format('svg'); font-weight: normal; font-style: normal; }

[class^="icon-"]:before, 
[class*=" icon-"]:before { font-family: "icon"; font-style: normal; font-weight: normal; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-heart:before { content: '\e800' }
.icon-bottom-arrow:before { content: '\e801' }
.icon-check:before { content: '\e802' }
.icon-coin:before { content: '\e803' }
.icon-facebook:before { content: '\f09a' }
.icon-twitter:before { content: '\f309' }
.icon-instagram:before { content: '\f32d' }

.navbar-default { border: 0; border-bottom: 4px solid #F9B500; background-color: #fff; }

.garage { background: transparent url(//jp1.no/markise/img/solskjerming-pergola.jpg) no-repeat; background-position: 80% 50%; background-size: cover; background-attachment: scroll; color: #FFF }
.garage h2 { font-weight: bold; line-height: 38px; font-size: 30px; }
.garage p { font-size: 24px; }
.garage .checked { font-weight: bold; color: #DDD; font-size: 16px; line-height: 26px; padding-bottom: 15px; }
.garage .checked i { vertical-align: middle; font-size: 50px; color: #FFF;  margin-right: 10px }
.garage .button { width: 100%; padding: 18px 0; font-size: 16px; border-radius: 30px; margin-top: 20px; margin-bottom: 10px; }

/* FOOTER */
.footer { padding: 50px 0; color: #FFF; background: transparent url(//jp1.no/markise/img/footer_bg.jpg) no-repeat center; background-size: cover }
.footer a { color: #bbb }
.footer h5 { font-weight: bold; font-size: 20px; line-height: 32px; }
.footer .small-social { font-size: 26px; line-height: 26px; margin: 0 7px 0 0; color: #bbb; transition: .2s color ease }
.footer .small-social:hover { text-decoration: none; color: #ddd }
.footer p { color: #bbb; font-size: 14px; line-height: 22px; padding: 15px 0 20px }
.footer .button { padding: 8px 30px; border-radius: 25px; margin-bottom: 20px }
.footer .copyright { margin-top: 20px }

/* BUTTON */
.button { border: 0; outline: 0; background-color: #F9B500; color: #FFF!important; cursor: pointer; font-weight: 700; padding: 6px 35px; box-shadow: 0 -3px 0 0 rgba(0,0,0,.2) inset; text-transform: uppercase; transition: .2s background-color ease; }

/* COUPON */
.coupon { background-color: #F9B500; text-align: center; padding: 20px 30px; margin-bottom: 30px; }
.coupon h2, .coupon p { color: #fff; }
.coupon .form-control::placeholder { color: #000;  }
.coupon .button { background-color: #fff; color: #F9B500!important; border-radius: 7px; font-size: 18px; padding: 12px; }

/* SLIDER ECLIPSE */
.carousel { margin-bottom: 30px; }
.carousel .block-1 { position: relative; }
.carousel .eclipse { position: absolute; top: 0; left: 0; }
.carousel .eclipse img {  }
.carousel .eclipse h2 { position: absolute; top: 0; left: 8px; font-size: 22px; font-weight: bold; color: #F9B500; text-align: center; }
.carousel .carousel-control { background: none; }

/* BULLET POINTS */
.bullet-points img { max-width: 80px; }
.bullet-points .row { margin-bottom: 40px; }
.bullet-points .border-bottom { border-bottom: 2px solid #F9B500; text-align: center; padding: 30px 0; }
.bullet-points .border-bottom h4 { color: #F9B500; font-weight: bold; }

/* ARROW */
.arrow { background-color: #F9B500; width: 90%; position: relative; padding: 10px; margin-bottom: 30px; }
.arrow h2 { margin: 0; color: #fff; font-weight: bold; font-size: 48px; margin-bottom: 15px; }
.arrow p { color: #fff; }
.arrow:after { 
	content: '';
	position: absolute;
	right: -59px;
	top: 0;
	background-color: #F9B500;
	transform: rotate(-45deg) scale(0.7);
	-webkit-transform: rotate(-45deg) scale(0.7);
	z-index: -5;
}

/* PRODUCTS */
.products .item h4 { font-size: 24px; font-weight: bold; color: #F9B500 }
.products .item p { color: #888; font-size: 16px; line-height: 26px; padding-bottom: 30px; }
.products .item ul { color: #888; font-size: 16px; line-height: 26px; }

/* SAVE MONEY */
.save-money { padding: 75px 0 10px }
.save-money .container > i { display: block; color: #F9B500; font-size: 140px; }
.save-money h2 { font-size: 33px; line-height: 43px; margin: 0; padding-bottom: 40px; color: #F9B500; font-weight: bold; }
.save-money p { color: #888; font-size: 20px; line-height: 32px; }

.modalWrapper {
	opacity: 0;
	pointer-events: none;
	overflow-y: auto;
	position: absolute;
	padding: 10px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9999999;
	background: rgba(50,50,50,0.7);
	transition: .4s opacity ease
}

.modalWrapper.shown {
	opacity: 1;
	pointer-events: auto;
}

.modalWrapper .content {
	background-color: #f4f4f4;
	margin: 0 auto;
	max-width: 450px;
	border-radius: 3px;
	padding: 20px 30px;
	position: relative;
}
.modalWrapper .content#second-part {
	display: none
}
.modalWrapper .content .modal-close {
	position: absolute;
	right: 20px;
	top: 10px;
	font-weight: bold;
	font-size: 30px;
	color: #AAA;
	cursor: pointer;
}
.modalWrapper .content > i {
	color: #f7941d; 
	font-size: 140px;
}
.modalWrapper .content > h3 {
	font-weight: bold;
	font-size: 20px;
	line-height: 32px;
}
.modalWrapper .content > p {
	margin-bottom: 20px;
	color: #666;
	font-size: 14px;
	line-height: 22px;
}

.modalWrapper .content input[type="text"], 
.modalWrapper .content textarea {
	display: block;
	width: 100%;
	padding: 10px;
	border: 0;
	border-radius: 5px;
	margin-bottom: 15px;
	box-shadow: none;
	outline: none;
	border-radius: 3px;
}
.modalWrapper .content textarea {
	resize: none;
	min-height: 100px
}
.modalWrapper .content [type="checkbox"] {
	margin-right: 8px;
}
.modalWrapper .content label {
	display: block;
	font-weight: normal;
	color: #999
}
.modalWrapper .content button {
	width: 100%;
	margin: 10px 0 15px;
	border-radius: 30px;
	padding: 18px 44px;
	font-size: 16px;
}
.modalWrapper .content p.note {
	color: #999;
	margin: 0
}

/* COOKIE POPUP */
.cookiePopup { color: #fff; background-color: #000; position: fixed; bottom: 0; left: 0; width: 100%; display: flex; padding: 5px 15px; justify-content: space-between; align-items: center; }
.cookiePopup p { margin-bottom: 0; margin-right: 10px; font-size: 14px;  }
.cookiePopup .btn.btn-white { background-color: #fff; color: #000; border-radius: 0; }

/* > 768px*/
@media screen and ( min-width: 768px )
{

	.modalWrapper .content { margin: 20px auto; }

	.coupon-scroll { transition: .2s ease-out all; display: inline-block; }

	.navbar-nav { padding-top: 23px; }
	.navbar-nav>li>a { padding: 0; color: #000!important; }
	.navbar-nav>li>a:after { content: '|'; padding-left: 5px; padding-right: 5px; }
	.navbar-nav>li:last-child>a:after { content: ''; }

	.garage { background-position: 50% 50%; }
	.garage .button { width: auto; padding: 18px 44px; }
	.garage h2 { line-height: 58px; font-size: 48px; }
	.garage p { font-size: 36px; line-height: 58px; }

	.save-money h2 { font-size: 48px; line-height: 77px; }
	
	.bullet-points .border-bottom { min-height: 270px; padding: 0; text-align: left; }

	.arrow:after { width: 180px; height: 180px; }
}

@media screen and (min-width:992px) {
	.arrow:after { width: 169px; height: 169px; }
	.bullet-points .border-bottom { min-height: 240px; }
}

@media screen and (min-width:1200px) {
	.arrow:after { width: 117px; height: 117px; }
	.bullet-points .border-bottom { min-height: 200px; }

}