/*
Theme Name: 
Theme URI: http://www.ansonika.com/learn/
Author: Ansonika
Author URI: http://themeforest.net/user/Ansonika/
Version: 1.3

CSS STRUCTURE:

1. SITE STRUCTURE and TYPOGRAPHY
2. PAGES AND CONTENT
3. FORMS
4. COMMON
5. MEDIA QUERIES



/*==================================================*/
/* 1.  SITE STRUCTURE and TYPOGRAPHY                */
/*==================================================*/
/* Fonts and Icons */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Indie+Flower');
@import url('https://fonts.googleapis.com/css?family=Ruthie|Farsan');


/*==================================================*/
/*  2.  Global Variables                            */
/*==================================================*/

:root {
	--color-thread-y: #ABAB00;
	--color-thread-g: #00A800;
	--color-thread-r: #BE1100;
	--color-thread-b: #0068CE;
	--color-thread-br: #B85C1A;
	--color-thread-o: #E55500;	
}


.thr-color-yellow {
	color: var(--color-thread-y);
}
.thr-color-green {
	color: var(--color-thread-g);
}
.thr-color-red {
	color: var(--color-thread-r);
}
.thr-color-blue {
	color: var(--color-thread-b);
}
.thr-color-brown {
	color: var(--color-thread-br);
}
.thr-color-orange {
	color: var(--color-thread-o);
}




/* Search icon by IcoMoon, made with http://icomoon.io/app/ */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot');
	src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff') format('woff'),
		url('../fonts/icomoon/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Font Awsome 5 */
.svg-inline--fa {
	vertical-align: -5% !important;
}


/* Structure */
body {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	margin: 0;
	background-color: #F2F8F7;
	color: #565553;
	-webkit-font-smoothing: antialiased !important;
}
/* -Hvit original
body {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	margin:0;
	background-color:#fff;
	color:#2d4050;
	-webkit-font-smoothing: antialiased !important;
}
*/
header {
	background-color:#F2F8F7;
	border-bottom: 1px solid #272727;
	padding:15px 0;
}
ul#top_nav {
	list-style:none;
	padding:0;
	margin:10px 15px 0 0;
	font-size:12px;
	float:right;
}
ul#top_nav li a{
	color:#ccc;
}
ul#top_nav li a:hover{
	color:#565553;
}
ul#top_nav li:first-child{
	border-left: none;
}
ul#top_nav li {
	display:inline-block;
	border-left: 1px solid #333;
	height:12px;
	line-height:12px;
	padding-right:5px;
	padding-left:7px;
}
nav {
	background-color:#0cbdaa;
}
nav#toolbar-top {
	border-bottom: 1px solid #7eedd7;
}

a#logo {
	width:150px;
	height:36px;
	background:url(/catalog/view/theme/default2/image/logo.png) no-repeat 0 0;
	text-indent:-9999px;
	display:block;
}

.divider_top{
	background:url(/catalog/view/theme/default2/image/top_divider.png) repeat-x center bottom;
	width:100%;
	height:37px;
	position:absolute;
	bottom:-8px;
	left:0;
}
.divider_top_black{
	background:url(/catalog/view/theme/default2/image/top_divider_black.png) repeat-x center bottom;
	width:100%;
	height:37px;
	position:absolute;
	top:-30px;
	left:0;
	z-index:999;
}
.divider_top_black2{
	background:url(/catalog/view/theme/default2/image/top_divider_black.png) repeat-x center bottom;
	width:100%;
	height:37px;
	position:absolute;
	bottom:-8px;
	left:0;
	z-index:999;
}
#sub-header{
	padding:30px 0 60px 0;	color:#565553;
	position:relative;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
	width:100%;
	background:#0cbdaa url(/catalog/view/theme/default2/image/bg_sub-header.png) repeat 0 0;
}
#sub-header_pattern_1{
	padding:30px 0 60px 0;	color:#565553;
	position:relative;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
	width:100%;
	background:#1abc9c url(/catalog/view/theme/default2/image/pattern_1.png) repeat center top;
}
#sub-header_pattern_2{
	padding:30px 0 60px 0;	color:#565553;
	position:relative;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
	width:100%;
	background:#1abc9c url(/catalog/view/theme/default2/image/pattern_2.png) repeat center top;
}
#sub-header_pattern_2 h1,
#sub-header_pattern_2 h2 {	color:#565553;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

.top-logo {
    height: 45px;
    padding-top: 3px;
    padding-left: 5px;
    margin-bottom: 3px;
}

/* Main_Content */
#main_content {
	padding:60px 0;
	background-color:#fff;
}
#main_content_gray {
	padding:60px 0 30px 0;
	background-color:#fafafa;
}

/*
#main_content_kontakt {
	padding:40px 0;
background-color:#fff;
}
#main_content_kontakt {
	padding:40px 0;	color:#565553;
	position:relative;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
	width:100%;
	background: url(/catalog/view/theme/default2/image/pattern_2.png) repeat center top;
}
*/

#main_content_kontakt {
	padding: 40px 0;
	color: #fff;
	position: relative;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
	width: 100%;
	background-color: #F2F8F7;
}
#main_content_kontakt a {
  color: #565553;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#main_content_kontakt a:hover,
#main_content_kontakt a:focus {
  color: #1dd7b2;
  text-decoration: none;
}
#main_content_kontakt ul#contact-info {
	font-size: 15px;
  color: #565553;
  font-weight: 600;
}
#main_content_kontakt ul#contact-info li i {
  color: #fff;
}
#main_content_kontakt ul#follow_us_contacts  li a:hover i{
	border: 2px solid #1dd7b2;
	color:#75807d;
}
#main_content_kontakt h2 {
	text-transform:uppercase;
	font-weight:400;
	font-size:36px;	color:#565553;
	margin-top:0;
}
#main_content_kontakt h3 {	color:#565553;
	text-shadow: none;
	padding-bottom: 10px;
}
#main_content_kontakt h3.kontakt-h3 {
	color: #424242;
	font-weight: 600;
}

#main_content_kontakt .control-label {
	color: #424242;
	text-shadow: none;
	font-size: 15px;
	font-weight: 600;
}

#main_content .post h2 {
	font-size: 26px;
	line-height: 28px;
}
#main_content .post h2 {
	font-size: 20px;
	line-height: 22px;
}
#main_content h2,
#main_content_grey h2 {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 36px;
	margin-top: 0;
}
#main_content  h2.plan-title {
	font-size: 18px;
	font-weight: 600;
}

#announce {
	padding: 60px 0;
}


@media (max-width: 767px) {
	.center767 {
	    text-align: center;
	}
}

/* TYPOGRAPHY and links color */
p {
	margin-bottom: 20px;
}
blockquote.styled {
	line-height: 20px;
	font-size: 14px;
	font-style: italic;
}
p.lead{
	font-weight: 500;
}
p.lead.boxed {
	font-weight: 600;
	font-size: 30px;
	background-color: #F2F8F7;
	display: inline-block;
	padding: 3px 12px;
}
p.grey{
	font-size: 15px;
  color: #565553;
  font-weight: 600;
}
a {
  color: #0A9F8F;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
a:hover,
a:focus {
  color: #565553;
  text-decoration: none;
}

.link-contrast a {
    color: #fff;
}
.link-contrast a:hover,
.link-contrast a:focus {
	color: #fff;
}
a.footer-link,
a.footer-link:visited {
	color: #FFFFFF;
}
a.footer-link:hover,
a.footer-link:focus {
	color: #0A9F8F;
}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Raleway', Arial, Helvetica, sans-serif;
}
h1 {
	font-weight:700;
	font-size:60px;
	margin:20px 0 0 0;
	padding:0;
}
h1.top-video {
	color: #000000;
	font-weight:700;
	font-size:47px;
	margin:10px 0 0 0;
	padding:0;
}
@media (max-width: 1199px) {
	h1.top-video {
		margin:0 0 0 0;
	}
}
@media (max-width: 767px) {
	h1.top-video {
		margin:2px 0 0 0;
		font-size: 40px;
	}
}

h2 {
	color: #565553;
}

h2.top-video {
	font-weight:700;
	color: #000000;
}

@media (max-width: 767px) {
	h1.top-video {
		text-align: center;
		line-height: 55px;
	}
	h2.top-video {
	    text-align: center;
	}
}

p.learn-sow {
	font-weight: 500;
}
h2.learn-sow {
	font-weight:500 !important;
}


#main-features_top-video h1,
#main-features_top-video h2 {
	text-align: center;
	color: white;
	text-shadow:
	-1px -1px 0 #000,  
	1px -1px 0 #000,
    -1px 1px 0 #000,
	1px 1px 0 #000;
}

#subscribe h1 {
	font-size:46px;
	margin-top:85px;
}

#sub-header-features h1,
#sub-header-features-2 h1, 
#sub-header-features-3 h1 {
	text-transform:uppercase;
	font-weight:400;
	font-size:72px;
	margin:20px 0 0 0;
	padding:0;
}
#sub-header-features h2,
#sub-header-features-2 h2,
#sub-header-features-3 h2 {
	font-size:20px;
	font-weight:700;
	color: #565553;
}
#sub-header-features p{
	font-size:15px;
	/*color:#75807d;*/
	color: #565553;
	font-weight:600;
}
#sub-header-features-2 p,
#sub-header-features-3 p {
	font-size:15px;
	font-weight:600;
}
#sub-header-features p strong,
#sub-header-features ul li strong{
	color:#5b6462;
}
#sub-header-features ul{
	font-size:14px;
	color:#565553;
	font-weight:600;
	list-style:none;
	padding:0;
	margin:0;
	margin-bottom:20px;
}
#sub-header-features p strong,
#sub-header-features-2 p strong,
#sub-header-features-3 p strong {
	color:#565553;
}
.header-features-3 h1,
.header-features-3 p,
#sub-header-features-3 li,
#sub-header-features-3 h2,
#sub-header-features-3 p,
#sub-header-features-3 p strong {
	color:#ffffff;
}
#testimonials h2{
	text-transform:uppercase;
	color:#565553;
	font-size:60px;
	font-weight:normal;
	letter-spacing:5px;
}
#main-features h2, 
#main-features_green h2 {
	text-transform:uppercase;
	color:#565553;
	font-size:48px;
	font-weight:normal;
	letter-spacing:5px;
	margin-top:0;
	padding-top:0;
}
#main-features p.lead, 
#main-features_green p.lead {
	color:#565553;
	font-size:18px;
	margin-bottom:60px;
}
#main-features h3, 
#main-features_green h3 {
	color:#565553;
	font-size:18px;
	font-weight:700;
}

.question_box h3 {
	font-size:18px;
	text-align:left;
	line-height:22px;
	margin-bottom:10px;
}
.box_style_1 h4{
	border-bottom: 1px solid #eaeff3;
	padding-bottom:10px;
	text-transform:uppercase;
}

#main-contact h3{
	margin-top:0;
	padding-top:0;
}
.box-wp h3 { font-size:36px; font-weight:400;}
.box-wp p.lead {font-weight:600;}

footer h3{
	font-size:30px;
}
#nav-footer h4{
	text-transform:uppercase;
	font-size:18px;
}
ul.latest_news h5{
	margin:0 0 0 25px;
	padding:0;
}


/* #Site Footer */
#nav-footer ul{
	list-style:none;
	padding:0;
	margin:10px 0 20px 0;
}
ul#follow_us {
	list-style:none;
	padding:0;
	margin:8px 0 10px 0;
}
ul#follow_us  li{
	font-weight:600;
}
#nav-footer ul li a{
	color: #FFFFFF;
}
#nav-footer ul li a:hover, 
#nav-footer ul li a.active{
	color: #1dd7b2;
}
ul#follow_us  li{
	display: inline-block;
	margin-right:15px;
}
ul#follow_us  li a{
	width:34px;
	height:34px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	display: block;
	line-height: 32px;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
}
ul#follow_us li a:hover{
	border: 2px solid #1dd7b2;
	color: #565553;
}

#copy_right{
	background-color: #0CBDAA;
	padding:10px;
	color: #FFFFFF;
	border-top: 1px solid #7EEDD7;
}

/* Footer */
#footer {
	color: #FFFFFF;
	font-size: 13px;
	margin-top: 0px;
	background: #0CBDAA;
	text-shadow: 0 0 0 rgba(0,0,0,.4);
	border-top: 0px solid #1dd7b2;
}
footer hr{
	margin-top: 40px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #1dd7b2;
}
#footer .footer-block {
	padding: 0 0 25px;
	margin: 0;
	border-top: 1px solid #1dd7b2;
}
#footer .footer-block .header {
	color: #FFFFFF;
	font-weight: 500;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.phone{
	font-size: 22px; 
	color: #FFFFFF;
	text-decoration: none;
}

.container.footer-info {
	padding-top: 10px;
}

/* Buttons */
a.button_top {
	border:none;
	margin-top:-2px;
	background:#0A9F8F;
	color:#fff;
	font-size:11px;
	padding:5px 16px 2px 16px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
	outline:none;
	font-weight:700;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
}
a.button_top#apply {
	border: none;
	margin-top: 5px;
	background: #F66;
}
a.button_top:hover {
	background: #fff;
	color: #0A9F8F;
	border: 2px solid #0A9F8F;
	padding: 3px 14px 0 14px;
}
@media (max-width: 767px) {
	a.button_top {
		margin-top:10px;
	}
}




a.button_medium,
button.button_medium,
.button_medium {
	border:none;
	background:#0A9F8F;
	color:#fff !important;
	padding:7px 12px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	cursor:pointer;
	outline:none;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:20px;
	-webkit-font-smoothing: antialiased;
}
a.button_medium:hover, .button_medium:hover {
	background:none;
	color:#0A9F8F !important;
	border:2px solid #0A9F8F;
	padding:5px 10px;
}

a.button_medium_red, .button_medium_red {
	border:none;
	background:#dd191d;
	color:#565553;
	padding:7px 12px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	cursor:pointer;
	outline:none;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:20px;
	-webkit-font-smoothing: antialiased;
}
a.button_medium_red:hover, .button_medium_red:hover {background:#262c2d;}


a.button_subscribe, .button_subscribe {
	border:none;
	background:#ffd200;
	color:#565553;
	padding:12px 20px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	cursor:pointer;
	outline:none;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:20px;
	-webkit-font-smoothing: antialiased;
}
a.button_subscribe:hover, .button_subscribe:hover {background:#262c2d;}

a.button_subscribe_green, .button_subscribe_green {
	border:none;
	background:#30d9a4;
	color:#565553;
	padding:12px 20px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	cursor:pointer;
	outline:none;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:20px;
	-webkit-font-smoothing: antialiased;
}
a.button_subscribe_green:hover, .button_subscribe_green:hover {background:#262c2d;}

.button_medium_outline,
a.button_medium_outline, 
#main_content_kontakt a.button_medium_outline {
	background:none;
	color: #0A9F8F;
	border:2px solid #0A9F8F;
	padding:5px 10px;
	text-decoration:none; 
	transition: .5s ease; 
	-moz-transition: .5s ease; 
	-webkit-transition:.5s ease; 
	-o-transition: .5s ease; 
	display:inline-block;
	cursor:pointer;
	outline:none;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:20px;
	-webkit-font-smoothing: antialiased;
}
.button_medium_outline_fullwidth,
a.button_medium_outline_fullwidth {
	background:none;
	color: #0A9F8F;
	border:2px solid #0A9F8F;
	padding:5px 10px;
	text-decoration:none; 
	transition: .5s ease; 
	-moz-transition: .5s ease; 
	-webkit-transition:.5s ease; 
	-o-transition: .5s ease; 
	cursor:pointer;
	outline:none;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:20px;
	-webkit-font-smoothing: antialiased;
	display:block;
	width:100%;
}
.button_medium_outline_fullwidth:hover,
a.button_medium_outline_fullwidth:hover { 
	color:#fff; 
	background: #0A9F8F;
	border:2px solid #0A9F8F;
}

a.button_medium_outline:hover, 
.button_medium_outline:hover,
#wizard_bg-black #survey_container a.button_medium_outline:hover, 
#wizard_bg-black #survey_container .button_medium_outline:focus { 
	color:#fff; 
	background: #0A9F8F;
	border:2px solid #0A9F8F;
}
#main_content_kontakt a.button_medium_outline:hover,
#main_content_black a.button_medium_outline:hover,
#survey_container-black a.button_medium_outline:hover,
#artsearch input.button_medium_outline:hover { 
	color:#fff; 
	background: #0A9F8F;
	border:2px solid #0A9F8F;
}

a.button_medium_outline.th-no-margins {
	margin-bottom: 0;
}

a.button_big, .button_big{
	border:none;
	background:#30d9a4;
	color:#565553;
	font-size:30px;
	line-height:32px;
	padding:20px 50px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	cursor:pointer;
	outline:none;
	font-weight:800;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
}
a.button_big:hover, .button_big:hover {background: #262c2d;}

.button_red_small, a.button_red_small {
	border: none;
	background: #dd191d;
	color: #565553;
	outline:none;
	padding:2px 8px;
	margin-bottom:15px; 
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease;
	display:inline-block;
	cursor:pointer;
	font-weight:700;
	font-size:11px;
	-webkit-font-smoothing: antialiased;
}
.button_red_small:hover, a.button_red_small:hover {background:#262c2d;}

#main_content_black a.button_fullwidth,
a.button_fullwidth, 
button.button_fullwidth, 
.button_fullwidth {
	border:2px solid #0A9F8F;
	background: #0A9F8F;
	color:#fff;
	outline:none;
	padding:7px 12px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:block;
	width:100%;
	cursor:pointer;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:5px;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	text-shadow: none;
}
#main_content_black a.button_fullwidth:hover,
a.button_fullwidth:hover,
button.button_fullwidth:hover,
.button_fullwidth:hover {
	background: none;
	color: #0A9F8F;
	border: 2px solid #0A9F8F;
}
.button_outline_fullwidth,
a.button_outline_fullwidth
 {
	background:none;
	color:#0A9F8F;
	border:2px solid #0A9F8F;
	padding:7px 12px;
	text-decoration:none; 
	transition: .5s ease; 
	-moz-transition: .5s ease; 
	-webkit-transition:.5s ease; 
	-o-transition: .5s ease; 
	cursor:pointer;
	outline:none;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:20px;
	-webkit-font-smoothing: antialiased;
	display:block;
	width:100%;
}
.button_outline_fullwidth:hover,
a.button_outline_fullwidth:hover { 
	color:#fff; 
	background: #0A9F8F;
	border:2px solid #0A9F8F;
}


a.button_fullwidth-2, .button_fullwidth-2 {
	border:none;
	background:#eafbf6;
	color:#333;
	outline:none;
	text-align:center;
	padding:7px 12px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:block;
	width:100%;
	cursor:pointer;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:5px;
-webkit-font-smoothing: antialiased;
}
a.button_fullwidth-2:hover, .button_fullwidth-2:hover  {background:#262c2d;	color:#565553;}

a.button_fullwidth-3, .button_fullwidth-3 {
	border:none;
	background:#5BE1B7;
	color:#333;
	outline:none;
	text-align:center;
	padding:15px 12px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease;
	font-size:16px;
	display:block;
	width:100%;
	cursor:pointer;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:15px;
-webkit-font-smoothing: antialiased;
}
a.button_fullwidth-3:hover, .button_fullwidth-3:hover  {background:#262c2d;	color:#565553;}

a.button_fullwidth-4,
.button_fullwidth-4 {
	border: none;
	background: #0A9F8F;
	color: #fff !important;
	padding: 15px 12px;
	text-decoration: none; 
	text-align: center;
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display: block;
	cursor: pointer;
	outline: none;
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 20px;
	-webkit-font-smoothing: antialiased;
}
a.button_fullwidth-4:hover,
.button_fullwidth-4:hover {
	background: none;
	color: #0A9F8F !important;
	border: 2px solid #0A9F8F;
	padding: 13px 10px;
}
.btn4-border {
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
}


#main_content_black a.button_fullwidth-buy,
a.button_fullwidth-buy, 
.button_fullwidth-buy {
	border:2px solid #ff921e;
	background:#e68217;	color:#565553;
	outline:none;
	padding:7px 12px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:block;
	width:100%;
	cursor:pointer;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:5px;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	text-shadow: none;
}
#main_content_black a.button_fullwidth-buy:hover,
a.button_fullwidth-buy:hover,
 .button_fullwidth-buy:hover {
	background:none;	color:#565553;
	border:2px solid #e68217;
}







.button_outline, a.button_outline {
	border:2px solid #1dd7b2;
	background:none;
	color:#1dd7b2;
	outline:none;
	padding:13px 24px 13px 24px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease;
	display:inline-block;
	cursor:pointer;
	font-weight:600;
	font-size:16px;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	outline:none;
	
}
.button_outline:hover, 
a.button_outline:hover {
	background:#1dd7b2;
	color:#565553;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

.btn-filter {
	border:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #09C;
	text-transform:uppercase;
	color:#565553;
	outline:none;
	padding:2px 8px 0 8px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease;
	cursor:pointer;
	font-weight:600;
	font-size:11px;
	-webkit-font-smoothing: antialiased;
}
.btn-filter:hover {background:#262c2d;}

.btn-success {
font-weight: 500;
}

.input-group button.cart_update_knapp {
	background-color: transparent;
	color: blue;
}
.input-group button.cart_slett_knapp {
	background-color: transparent;
	color: red;
}
.input-group button.cart_update_knapp:hover {
	background-color: transparent;
	color: blue;
}
.input-group button.cart_slett_knapp:hover {
	background-color: transparent;
	color: red;
}


.input-group .form-control.cart_antall:first-child {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	font-size: 14px;
	font-weight: 500;
}

.route-checkout-cart #content .cart-list .cart-item-quantity {
	width: 102px;
	margin: 0 auto;
	margin-top: -4px;
}

/** Wizard Buttons **/
.backward, .forward {
	border:none;
	color:#565553;
	padding:7px 20px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	cursor:pointer;
	font-weight:600;
	text-transform:uppercase;
	outline:none;
	background:#282828;
	position:relative;
   } 
   
.backward {padding:7px 20px 7px 30px;} 

 button[disabled].backward, button[disabled].forward {
	border:none;
	background:#ccc;
	outline:none;
}

.backward:before {
	 content: "\f053"; 
    font-family: Font Awesome 5 Pro;
    text-decoration: inherit;
    position: absolute;
	font-weight:900;
    top: 8px;
    left: 20px;
	text-transform:none;
	font-size:9px
   } 
 
.forward {padding:7px 30px 7px 30px;}  
   .forward:before {
	 content: "\f054"; 
    font-family: Font Awesome 5 Pro;
    text-decoration: inherit;
    position: absolute;
	font-weight:900;
    top: 8px;
    right: 20px;
	text-transform:none;
	font-size:9px
   } 
   
.backward:hover, .forward:hover {background:#00aeef;	color:#565553;}

.input-block-name.add-card-btn {
  text-align: left;
}


#checkout-fff {
	color: #fff !important;
	font-weight: 500;
}

.mp-container .q-heading.th-new01 {
	font-size: 20px;
}



/*=========================================================================================*/
/* 2.  PAGES AND CONTENT                                                                   */
/*=========================================================================================*/
/* #home ========== */
.bannercontainer {
		width:100%;
		position:relative;
		padding:0;
}
.divider_top_black{
	background:url(/catalog/view/theme/default2/image/top_divider_black.png) repeat-x center bottom;
	width:100%;
	height:37px;
	position:absolute;
	top:-30px;
	left:0;
	z-index:999;
}
.divider_top_green{
	background:url(/catalog/view/theme/default2/image/top_divider_green.png) repeat-x center bottom;
	width:100%;
	height:37px;
	position:absolute;
	top:-30px;
	left:0;
	z-index:999;
}
#main-features {
	background:#F2F8F7 url(/catalog/view/theme/default2/image/bg_sub-header_2.png) repeat 0 0;
	position:relative;
	color:#565553;
	font-weight:600;
	padding:60px 0;
}
#main-features_green {
	background:#0cbdaa url(/catalog/view/theme/default2/image/bg_sub-header.png) repeat 0 0;
	position:relative;
	color:#565553;
	font-weight:600;
	padding:60px 0;
}

#main-features_top {
	background: url(/catalog/view/theme/default2/image/banner03.jpg) repeat 0 0;
	position:relative;
	color:#F2F8F7;
	font-weight:800;
/*  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; */
	padding:60px 0;
}
#main-features_top h2 {
	text-transform:uppercase;
	color:#F2F8F7;
	font-size:48px;
	font-weight:600;
	letter-spacing:5px;
	margin-top:0;
	padding-top:0;
}
#main-features_top .feature h3 {
	color:#F2F8F7;
	font-size:20px;
	font-weight:800;
}
#main-features_top .feature p {
	color:#F2F8F7;
	font-size:14px;
	font-weight:800;
}
#main-features_top p {
	color:#F2F8F7;
	font-size:16px;
	font-weight:800;
}
#main-features_top .feature i{
	margin:0;
	position:absolute; 
	top:0;
	left:0;
	padding:0;
	width:65px;
	height:65px;
	line-height:60px;
	text-align:center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:2px solid #000;
	font-size:26px;
	color:#000;
}
#main-features_top-video {
	background: url(/catalog/view/theme/default2/image/banner03.jpg) repeat 0 0;
	background-size: cover;
	color:#565553;
	font-weight:800;
	padding:0 0 12px 0;
/*  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; */
/*  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); */
}
#main-features_top-video h2 {
	line-height: 1.1;
	font-size: 30px;
	margin-top: 15px;
	margin-bottom: 20px;
}
@media (max-width: 1199px) {
	#main-features_top-video h2 {
		margin-top: 5px;
	}
}
@media (max-width: 767px) {
	#main-features_top-video h2 {
		font-size: 26px;
		margin-top: 15px;
	}
}
.feature {
	padding-left: 95px;
	position:relative;
}
@media (max-width: 767px) {
	.feature {
		padding-left: 75px;
		position:relative;
	}
}
.feature.sa-pluss1 {
	padding-left: 75px;
}
.feature.sa-pluss2 {
	padding-left: 100px;
}
.feature.sa-pluss3 {
	padding-left: 90px;
}
.feature.sa-pluss4 {
	padding-left: 85px;
}
.feature .ikon-o {
	margin:0;
	position:absolute; 
	top:0;
	left:0;
	padding:0;
	width:65px;
	height:65px;
	line-height:60px;
	text-align:center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:2px solid #0A9F8F;
	font-size:26px;
	color:#0A9F8F;
}
#main-features_green .feature svg {
	margin:0;
	position:absolute; 
	top:0;
	left:0;
	padding:0;
	width:65px;
	height:65px;
	line-height:60px;
	text-align:center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:2px solid #fff;
	font-size:26px;
	color:#565553;
}
#testimonials {
	background: #1abc9c url(/catalog/view/theme/default2/image/users_bg.jpg) repeat 0 0;
	padding:60px 0;
	color:#565553;
	}
.container_count {
	width:60px;
	display:inline-block;
	margin-right:5px;
	text-align:center;
}
.container_count.last {
	margin-right:0;
}
#countdown_wp{
	text-align:center;
	margin:30px 0 20px 0;
}
#days, #hours, #minutes, #seconds{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #fff;
	text-align:center;
	width:60px;
	height:60px;
	font-size:24px;
	line-height:56px;
	font-family:"Helvetica Neue", Arial, sans-serif;
	font-weight:300;
}

/*LATEST COURSES*/
.cat_row{
	background:#f8f8f8;
	padding: 7px 7px 5px 7px;
	font-size:12px;
	font-weight:600;
}
.cat_row .pull-right{color:#999;}
.cat_row i{
	font-size:14px;
	margin-left:5px;
	margin-right:2px;
}
.cat_row a:hover{text-decoration:none;}
.ribbon_course{
	position:absolute;
	left:-5px;
	top:-5px;
	display:block;
	width:99px;
	height:97px;
	background:url(/catalog/view/theme/default2/image/ribbon.png) no-repeat;
}
.col-item{
  border: 1px solid #ededed;
  background: #FFF;
	margin-bottom:25px;
	position:relative;
}
.col-item .photo img{
	margin: 0 auto;
	width: 100%;
}

.col-item .info{
	padding: 10px;
	border-radius: 0 0 5px 5px;
	margin-top: 1px;
}

.col-item .course_info {
/*width: 50%;*/
float: left;
margin-top: 5px;
}

.col-item .course_info  h4{
    line-height: 20px;
    margin: 0 0 10px 0;
}
.course_info  p{
	font-size:13px;
	line-height: 18px;
}

.rating{
    color: #FC0;
	margin-top:10px;
}
.price{
	margin-top:10px;
	font-weight:700;
	color:#999;
	font-size:16px;
}

.th-rating{
	margin-top:10px;
	font-weight:400;
	color:#999;
	font-size:14px;
}

.col-item .info .rating{
    color: #1777;
}

.col-item .rating{
    float: left;
    font-size: 17px;
    text-align: left;
    margin-bottom: 20px;
}
.col-item .separator{
    border-top: 1px solid #ededed;
}
.col-item .separator p{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
	margin-right: 5px;
}
.col-item .btn-add{
    width: 50%;
    float: left;
}
.col-item .btn-add{
    border-right: 1px solid #ededed;
}
.col-item .btn-details{
    width: 45%;
    float: left;
    padding-left: 10px;
}
/*SEARCH BAR*/
#search-form{
	margin-top:15px;
	position:relative;
}
#search-form input{
	font-weight:600;
}
#search-form .input-group{
	border:5px solid rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
#search-form .btn{
	height:44px; text-align:center; border:0;
	margin:0;
	font-size:22px;
	outline:none;
	}
#search-form .btn i{
	margin-left:5px;
	margin-right:5px;
	}
.adv_search a{ 
 -webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;
position:absolute; left:10px; top:-15px; background-color:#f8f8f8; padding:0px 10px; font-size:11px; color:#333; margin:0;}
.adv_search a:hover{	color:#565553; background:#488dc6;}

.autocomplete-suggestions { border: 1px solid #ccc; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor:pointer; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

/*SEARCH BAR 2*/
.sb-search {
	position: relative;
	margin-top: 0;
	width: 0%;
	min-width: 36px;
	height: 25px;
	top:10px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
	margin-right: 0px;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #DDF0E9;
/*	border-bottom:1px solid #ccc; */
	width: 100%;
	height: 36px;
	margin: 0;
	z-index: 10;
	padding: 0 45px 9px 5px;
	font-family: inherit;
	color: #565553;
}

.sb-search-input::-webkit-input-placeholder {
	color: #565553;
}

.sb-search-input:-moz-placeholder {
	color: #565553;
}

.sb-search-input::-moz-placeholder {
	color: #565553;
}

.sb-search-input:-ms-input-placeholder {
	color: #565553;
}

.sb-icon-search,
.sb-search-submit  {
	width: 36px;
	height: 36px;
	display: block;
	position: absolute;
	right: 0;
	top: 2px;
	padding: 0;
	margin: 0;
	line-height: 0;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #1dd0cbdaa7b2; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #0cbdaa;
	z-index: 90;
	font-size: 22px;
	font-family: 'fontello';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	content: none;
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 150px;
    top: 10px;
    height: 25px;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #0cbdaa;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}



/* #home with subscription ========== */
#subscribe_home {
	background-color:#0aa090;
	padding:30px 30px 0 30px;
	margin-top:30px;
}
#subscribe_home input, #subscribe_home .styled-select {
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

#subscribe {
	background:url(/catalog/view/theme/default2/image/arrow_hand_1.png) no-repeat center bottom;
	padding-bottom:70px;
}
/* #home with video ========== */
.video {
	margin-top:9px;
}

/* Artikkel videomarg ========== */
.artikkel-video {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* #about us ======== */
ul.social_team {
	list-style:none;
	padding:0;
	margin:5px 0 5px 0;
	font-size:16px;
}
ul.social_team li{
	display:inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:1px solid #ededed;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	}
.thumbnail{
	border: none;
	border-radius: 0px;
	box-shadow: none;
	display: block;
	line-height: 0px;
	-moz-border-radius: 0px;
	-moz-box-shadow: none;
	-moz-transition: all 0.2s ease-in-out;
	o-transition: all 0.2s ease-in-out;
	padding: 0px;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 0px;
	-webkit-box-shadow: none;
	-webkit-transition: all 0.2s ease-in-out;
}
.caption {background: #f2f2f2;}
.transit-to-top {
	height: 60px;
	overflow: hidden;
	width: 100%;
	cursor:pointer;
}
.transit-to-top h4 {
	text-align:center;
	moz-transition: all 0.3s ease-in-out;
	o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	margin:20px 0 0 0;
	padding:0;
}
.thumbnail:hover h4{margin-top: -40px;}
.p-title {
	display: block;
	height: 40px;
	}
.widget_nav_menu {	
	min-height:100%;
	height:100%;
	text-align:center;	
}
.project-item-image-container {
	border: none;
	cursor: pointer;
	height: 100%;
	position: relative;
	width: 100%;
}
.project-item-image-container:hover, .project-item :hover .project-item-image-container {
	filter: alpha(opacity=100);
	-moz-transition: background-color 0.2s ease-out, color 0.1s ease-out;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	-o-transition: background-color 0.2s ease-out, color 0.1s ease-out;
	transition: background-color 0.2s ease-out, color 0.1s ease-out;
	-webkit-transition: background-color 0.2s ease-out, color 0.1s ease-out;
}
.project-item-image-container > img {width: 100%!important;}
.phone-info {
	display: inline-block;
	margin: 11px 0px 0 0;
	width: 100%;
	text-align:center;
}
ul.social-bookmarks.team {float:none; margin:0; padding:0; margin:auto; display:inline-block;}

.question_box {
	padding-left: 40px;
	position: relative;
	margin-bottom: 30px;
}
.question_box:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f059";
	font-style: normal;
	font-weight: 900;
	text-decoration: inherit;
	font-size: 30px;
	position: absolute;
	color: #0A9F8F;
	top: 5px;
	left: 0;
}

/* #course grid page
================================================ */
ul.submenu-col {
	list-style:none;
	margin:0;
	padding:0;
	font-weight:600;
	font-size:14px;
}
ul.submenu-col li a {
	text-decoration:none;
	padding: 4px 10px;
	display:block;
	margin-bottom:3px;
}
ul.submenu-col li a#active {
	background:#0cbdaa url(/catalog/view/theme/default2/image/arrow.png) no-repeat  96% center;	color:#565553;
}
ul.submenu-col li a:hover {
	background:#efefef;
	color:#111;
}

.filterable .panel-heading .pull-right {
    margin-top: -20px;
}
.filterable .filters input[disabled] {
    background-color: transparent;
    border: none;
    cursor: auto;
    box-shadow: none;
    padding: 0;
    height: auto;
	margin:0;
	font-weight:600;
}
.filterable .filters input[disabled]::-webkit-input-placeholder {
    color: #333;
}
.filterable .filters input[disabled]::-moz-placeholder {
    color: #333;
}
.filterable .filters input[disabled]:-ms-input-placeholder {
    color: #333;
}
.panel-info{
	-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

/*        -- login and register --
================================================ */

#brukerkonto.container {
	padding-top: 30px;
	padding-bottom: 30px;
}

#login_bg {
	background:#0cbdaa url(/catalog/view/theme/default2/image/bg_sub-header.png) repeat 0 0;
	padding:100px 0;
}
#login_bg .alert {
	margin-top: -82px;
}

#wizard-news_bg {
	background:#0cbdaa url(/catalog/view/theme/default2/image/bg_sub-header.png) repeat 0 0;
	padding: 40px 0 40px 0;
}
.box_style_1 {
	padding:15px 25px 5px 25px;
	box-shadow: inset 0 0 0 1px #e0e5e9;
	border:5px solid #fbfbfc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:30px;
	font-size:13px;
	line-height:20px;
	background-color:#fff;
}
#wizard-news_bg input,
#wizard-news_bg select {
  margin-right: 10px;
}

#wizard-logout_bg {
  background: #0cbdaa url(/catalog/view/theme/default2/image/bg_sub-header.png) repeat 0 0;
  padding: 55px 0 60px 0;
  border-top: 0px solid #606060;
}

@media (min-width: 768px) {
#wizard-logout_bg input,
#wizard-logout_bg select {
		margin-right: 10px;
	}
}

#wizard_bg {
	background:#0cbdaa url(/catalog/view/theme/default2/image/bg_sub-header.png) repeat 0 0;
	padding: 30px 0 60px 0;
}
@media (min-width: 768px) {
#wizard_bg input,
#wizard_bg select {
		margin-right: 10px;
	}
}


legend {
	padding-bottom: 5px;
	padding-top:10px;
	border-bottom: 1px solid #888;	color:#565553;
}

#middle-wizard legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 500;
	line-height: 25px;
	color: #565553;
	border: 0;
	border-bottom: 1px solid #606060;
}



#login {
	background-color:#fff;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 5 rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	padding:30px;
}

@media (min-width: 768px) {
	.form-horizontal .control-label {
		padding-top: 12px;
	}
}

.help-block {
	margin-top: 12px;
}


.form-horizontal .radio,
.form-horizontal .checkbox, 
.form-horizontal .radio-inline, 
.form-horizontal .checkbox-inline {
	margin-top: 6px;
}


/* #lwizard apply */
#top-wizard {
	text-align:center;
	padding:15px 120px;
	background-color:#f3f3f3;
	border-bottom:1px solid #888;
	position:relative;
	text-transform:uppercase;
	font-size:16px;
}

.ui-widget { }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {}
.ui-widget-content { background: #fff; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header {background: #f68e56; }
.ui-widget-header a { color: #222222; }
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

#survey_container {
	background-color:#F2F8F7;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 5 rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  margin-top:0px;
}

#survey_container .buttons {
	margin: 0;
	padding-top: 0;
	border-top: 0;
}
#survey_container legend {
	border-bottom: 1px solid #888;	color:#565553;
}

.ie8 #survey_container {
	background-color:#F2F8F7;
	border:1px solid #ddd;
	margin-top:60px;
	margin-bottom:60px;
}

#wizard_bg .alert {
	margin-top: -42px;
}
#middle-wizard {
	padding: 50px 125px 35px 125px;
}
#middle-wizard h3{
	padding-top:0;
	margin-top:0;
}
#middle-wizard .nav {
	margin-bottom: 30px;
	margin-top: -25px;
}

#bottom-wizard {
	text-align:center;
	padding:15px 120px;
	border-top:1px solid #888;
	background-color:#f3f3f3;
}
#complete{
	text-align:center;
	padding: 0 45px 35px 45px;
}
#complete h3{
	text-align:center;
	margin-bottom:40px
}
#complete i {
	color:#cacaca;
	margin: 0 0 10px 0;
	font-size:160px;
	padding:0;
}
#complete button{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:18px;
	border:2px solid  #8dc63f;
	color:#8dc63f;
	padding:15px 35px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	cursor:pointer;
	font-weight:600;
	text-transform:uppercase;
	outline:none;
	background:#fff;
}
#complete button:hover{background:#00aeef;	color:#565553; border:2px solid  #00aeef;}

/** Floated inputs: ex the gender radio ==================== **/   
ul.floated {
	padding:0;
	margin:0 0 0 0;
   }   
ul.floated li {
	float:left;
	margin:0; padding:0;
	width:27%;
   } 
 label.label_gender {padding-left:50px; line-height:42px;}
 
 ul.floated li#age {
	 width:100px;
	 margin-right:55px;
   } 

ul.data-list{
	padding:0;
	margin:0;
	list-style:none;
	margin-bottom:30px;
	} 
ul.data-list-2{
	list-style:none;
	padding-left:0;
	margin-left:0;
	} 
ul.data-list li {position:relative;  } 

ul.data-list-2 li {
	   position:relative;
	   height:42px;
	   margin-bottom:15px;
	   width:100%;
	   display:block;
   }
   
ul.data-list-2 li label {
	float:left;
	margin-left:60px;
	font-size:18px;
	font-weight:400;
	margin-top:9px;
	line-height:22px;
   }  

ul.data-list#terms  {
	font-weight:400;
	line-height:22px;
	margin:0;
	font-size:12px;
	padding:0;
	text-align:center;
   }  


/** Errors validation styles and position ==================== **/   

/** Common style**/   
label.error{
	font-size:11px;
	position: absolute;
	top:-28px;
	right:-15px;
	z-index:99;
	height:25px;
	line-height:25px;
	background-color:#e34f4f;	color:#565553;
	font-weight:normal;
	padding:0 6px;
   } 
  label.error:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 6px 6px 0;
	border-color: transparent #e34f4f;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -6px;
	left: 20%;
   } 
   
.styled-select label.error{overflow:visible;}

ul.floated li#age label.error {right:-15px;} 

ul.floated li label.error{right:-50px;} 

ul.data-list#terms li label.error {
	left:45%;
	display:inline-block;
	width:80px;
   } 

/** Error styles for survey questions**/   
ul.data-list-2 li label.error {
	   	font-size:11px;
	   	position: absolute;
		top:-30px;
		right:-10px;
		margin:0;
		z-index:99;
		height:25px;
		line-height:25px;
		background-color:#e34f4f;	color:#565553;
		font-weight:normal;
		padding:0 6px;
   }  
/* #teachers
================================================ */
ul.teacher_courses{
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:20px;
}
/* #course details
================================================ */

.video_course{
	width:100%;
	height:400px;
}
#strips-course{
	padding:60px 0;
}
#strips-course article h3{
	font-size:28px;
	font-weight:800;
	text-transform:uppercase;
}
#strips-course article h3 em{
	font-size:21px;
	font-weight:400;
	text-transform:none;
	font-style:normal;
	display:block;
	color:#999;
}
#strips-course article{
	padding:30px 0;
}
#strips-course.style_2 article{
	padding:30px 0;
	border-bottom: 1px dashed #ededed;
}

#strips-course.shadow article:nth-of-type(odd) {
	background-color:#fdfdfd;
	box-shadow: inset 0px 11px 8px -10px #f8f8f8,inset 0px -11px 8px -10px #f8f8f8;

}
ul.data-lessons {
	margin-left:0;
	padding-left:0;
	margin-bottom:30px;
}
ul.data-lessons li{
	display:inline-block;
	margin-right:5px;
	padding-right:8px;
	border-right: 1px solid #ccc;
	line-height:16px;
	color:#777;
	zoom: 1; *display: inline;
}
ul.data-lessons li a{
	color:#777;
}
ul.data-lessons li a:hover{
	color:#111;
}
ul.data-lessons  li:last-child{
	border-right: none;
}
ul.data-lessons li a.button_red_small{	color:#565553;
}
/* #Blog
================================================ */
.tags a {
	display:inline-block;
	margin:5px 14px 10px 0;
	height:33px;
	line-height:33px;
	background: #ededed url(/catalog/view/theme/default2/image/tag_bg.png) no-repeat 91% center;
	padding:0 28px 0 11px;
	color:#646464;	
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	transition: background .5s ease; 
}
.tags a:hover {
	background-color:#099ad1;	color:#565553;
	text-decoration:none;
}

ul.recent_post {
	margin-left:0;
	padding-left:0;
}
ul.recent_post li {
	padding:0 0 8px 0;
	margin-bottom:15px;
	border-bottom:1px #e7e7e7 dotted;
	color:#313131;
	list-style:none;
	line-height:18px;
	padding-bottom:15px;
	color:#888;
	font-style:italic;
}
ul.recent_post li div{
	font-weight:600;
	padding-left:25px;
	font-style:normal
}
ul.recent_post li:last-child{
	border-bottom:0;
	margin-bottom:0;
}
.post {
	margin-bottom:45px;
}
.post img {
	margin-bottom:18px;
}

.post_info {
	padding:10px 0;
	border-bottom:1px #e7e7e7 solid;
	border-top:1px #e7e7e7 solid;
	margin-bottom:12px;
	color:#555;
}
.post_info span {
	color:#ff6666;
}

.post-left {float:left;}
.post-left ul {
	margin-left:0;
	padding-left:0;
}
.post-left ul li {
	float:left;
	margin-right:10px;
	list-style:none;
}
.post-right {float:right;
}
#comments {
	padding:10px 0 0px 0;
	margin-bottom:15px;	
}
#comments ul {
	padding:0;
	margin:0;
	list-style:none;	
}
#comments ol {
	padding:0;
	margin:0;
	list-style:none;
}
#comments li {
	padding:0 0 23px 0;
	list-style:none;
}
.avatar {
	float:left;
	margin-right:11px;
	
}
.avatar img {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
}
.comment_right {display:table;	}
.comment_info {padding-bottom:7px;}
.comment_info span {padding:0 12px;}
#comments ol li ul li {
	padding:23px 0 0 30px;
	margin:0;
}
/* #Contact
================================================ */
#map {width:100%; height:450px;}
#directions { background-color:#0cbdaa; padding:22px 0 0 0; }
ul#contact-info {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}
 ul#follow_us_contacts {
	list-style:none;
	padding:0;
	margin:10px 0 20px 0;
}

ul#follow_us_contacts  li {
	position:relative;
	padding-left:0;
	height:34px;
	line-height:34px;
	margin-bottom:10px;
}
ul#follow_us_contacts  li a i{
	position:absolute;
	left:0;
	top:0;
	width:34px;
	height:34px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #c6c6c7;
	color:#c6c6c7;
	display:block;
	line-height:32px;
	font-size:18px;
	text-align:center;
	font-weight:normal;
}
ul#follow_us_contacts  li a:hover i{
	border: 2px solid #333;
	color:#333;
}
.box_style_2 {
	background:#0cbdaa url(/catalog/view/theme/default2/image/bg_sub-header.png) repeat 0 0;
	border: 1px solid #808080;
	padding: 15px 30px;
	position: relative;
}
.box_style_contact {
	background:#0cbdaa url(/catalog/view/theme/default2/image/bg_sub-header.png) repeat 0 0;
	border: 1px solid #808080;
	padding: 0 30px;
	margin-top: 12px;
	position: relative;
}
.tape {
	position:absolute;
	left:0;
	top:-20px;
	height:45px;
	width:100%;
	background:url(/catalog/view/theme/default2/image/tape.png) no-repeat center top;
	display:block;
}
.h3-contact-top {
	margin-top: 0;
}

/* #News
================================================ */
.media.list_news {
	border-top: 1px dashed #ededed;
	padding-top:20px;
}
/*============================================================================================*/
/* 3.  FORMS */
/*============================================================================================*/
/** Drop down select: ex Country select ==================== **/
.styled-select select {
   background: transparent;
   width:107%;
   padding: 5px;
   padding-left:15px;
   border: 0;
   border-radius: 0;
   height: 41px;
   margin:0;
  	font-weight:400;
	-moz-appearance: window;
    -webkit-appearance: none;
    cursor: pointer;
		color:#999;
   }
.styled-select {
	width: 100%;
  overflow:hidden;
  height: 44px;
  background: #fff url(/catalog/view/theme/default2/image/down_arrow_select.png) no-repeat  right center ;
	border:1px solid #ededed;
	margin-bottom:25px;
   } 
.styled-select select::-ms-expand, .styled-select-2 select::-ms-expand {display: none;}

/** PricePlans Startpage ==================== **/	
.pricing-table-sign-up .form-group {
	margin-bottom: 0;
}

/** VERSION 1.3 CSS Updated ==================== **/	

.input-icon {
	position:absolute; 
	right:8px; 
	top:10px; 
	width:32px; 
	height:24px; 
	background-color:#fff; 
	text-align:right; 
	border-left: 1px solid #ececec; 
	color:#ccc; 
	font-size:18px; 
	line-height:24px; 
	text-shadow:none;
}
.icon1 {
	right:14px; 
	width:26px; 
}
.icon2 {
	right:12px; 
	width:28px; 
}
.icon3 {
	right:14px; 
	width:26px; 
}

 
/**  End Version 1.3 Updated  **/	

.input-icon i { color:#ccc; font-size:18px; line-height:24px;}

#main_content_kontakt .form-group { 
	position:relative; 
	margin-bottom:20px;
}

.loader { margin-left:5px; position:absolute;}

.error_message { color:#F33; font-weight:600; margin-bottom:4px;}

.input-group { margin-bottom:20px;}
.form-control {height: 38px; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; }
.form-control.style-2 {height: 45px; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; border:none;  background-color:#fff; }


.ie8 .form-control.style-2 {height: 45px; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; border:none;  background-color:#fff; line-height:45px; }

.input-group button {
	height:45px; 
	border:none;	color:#565553; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.input-group button:hover {
	background-color:#006db8;	color:#565553; 
	border:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px; 
	border:none;
}
.input-group button:focus {
	outline:none; 
	border:none;
}
.form-control::-moz-placeholder { 
	color: #999; 
	opacity:1;
}	
.form-control::-webkit-input-placeholder {
	color: #999;
}

input.form-control, 
textarea.form-control {
	background:none;
	background-color:#fff;
	border:1px solid #ececec;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  color: #a0a0a0;
	height:44px;
	font-size:14px;
	font-weight:500;
	margin-bottom:0px;
	font-family: 'Raleway', Arial, sans-serif;
	line-height: 1.428571429;
	padding: 6px 12px;
}

input#input-search.form-control {
	height:36px;
}

textarea.form-control.payment-comment {
	height:175px;
}
textarea.form-control.feedback-comment {
	height:175px;
}

#input-enquiry {
	height:150px;
}

#news-com-input {
	height:100px;
}


input.form-control:focus, 
textarea.form-control:focus, 
select.form-control:focus {
  border-color:none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;	color:#565553;
}

#main_content_kontakt input.form-control, 
#main_content_kontakt textarea.form-control {
	margin-bottom: 0;
}






/* Newsletter */
input.form-control#email_newsletter {
margin-bottom:0; 
background-color:#2F2F2F;
border:none;
height:52px;
width:380px;
padding-left:25px;
color:#676767;
margin-top:-3px;
}
input.form-control#email_newsletter:focus {
  border-color:none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;	color:#565553;
}

label {font-weight:600;}

label.error{
	font-size:11px;
	position: absolute;
	top:-28px;
	right:-15px;
	z-index:9;
	height:25px;
	line-height:25px;
	background-color:#e34f4f;	color:#565553;
	font-weight:600;
	padding:0 6px;
   } 
  label.error:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 6px 6px 0;
	border-color: transparent #e34f4f;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -6px;
	left: 20%;
   } 
  .login-or {
    position: relative;
    font-size: 18px;
    color: #aaa;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .login_social {
	  margin-bottom:5px;
  }
  .span-or {
    display: block;
    position: absolute;
    left: 50%;
    top: -2px;
    margin-left: -25px;
    background-color: #fff;
    width: 50px;
    text-align: center;
  }
  .hr-or {
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  #pass-info{
	width: 98.5%;
	margin-bottom:15px;
	color: #829CBD;
	text-align: center;
	font: 12px/25px Arial, Helvetica, sans-serif;
}
#pass-info.weakpass{
	border: 1px solid #FF9191;
	background: #FFC7C7;
	color: #94546E;
	text-shadow: 1px 1px 1px #FFF;
}
#pass-info.stillweakpass {
	border: 1px solid #FBB;
	background: #FDD;
	color: #945870;
	text-shadow: 1px 1px 1px #FFF;
}
#pass-info.goodpass {
	border: 1px solid #C4EEC8;
	background: #E4FFE4;
	color: #51926E;
	text-shadow: 1px 1px 1px #FFF;
}
#pass-info.strongpass {
	border: 1px solid #6ED66E;
	background: #79F079;
	color: #348F34;
	text-shadow: 1px 1px 1px #FFF;
}
#pass-info.vrystrongpass {
	border: 1px solid #379137;
	background: #48B448;
	color: #CDFFCD;
	text-shadow: 1px 1px 1px #296429;
}
/* Plans price style =============================*/
.plans {
  margin: 0px auto 50px ;
  zoom: 1;
}
.plans:before, .plans:after {
  content: '';
  display: table;
}
.plans:after {
  clear: both;
}

.plan {
  margin: 10px 0;
  padding: 20px;
  text-align: center;
  background: #fafafa;
  background-clip: padding-box;
  border: solid #dddddd;
  border-width: 1px 0 1px 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color:#fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.col-md-4.plan:first-child {
  margin-right:-30px;
  margin-left:30px;
}
.plan:last-child {
  border-width: 1px;
}
.plan-title {
  position: relative;
  margin: -20px -10px 20px;
  padding: 20px;
  line-height: 1;
  font-size: 18px;
  text-transform:uppercase;
  font-weight: bold;
  border-bottom: 1px dotted #ccc;
}
.plan-title:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1px;
}
.plan-price {
 margin: 0 auto 20px;
width: 110px;
height: 110px;
line-height: 110px;
font-size: 30px;
font-weight: bold;
color: white;
background: #4b4b4b;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
display: inline-block;
text-align:center;
}
.plan-price > span {
  font-size: 12px;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.9);
}
.plan-features {
  margin-bottom: 20px;
  line-height: 2;
  font-size: 12px;
  text-align: center;
}
ul.plan-features{
	padding:0;
	margin:0 0 30px 0;
}
.plan-features li{
	list-style:none;
}

.plan-tall {
  margin: 0;
  background: #fff;
  border-width: 1px;
  border-radius: 4px;
  margin-right:-30px;
  position:relative;
  z-index:100;
   border: solid #1abc9c;
   position:relative;
}
.ribbon {
	width:99px;
	height:97px;
	position:absolute; 
	left:-7px;
	top:-7px;
	display:block;
	background:url(/catalog/view/theme/default2/image/ribbon.png) no-repeat 0 0;
	z-index:101;
}
.plan-tall > .plan-title {
  font-size: 18px;
}
.plan-tall > .plan-price {
 margin: 0 auto 20px;
height: 130px;
width: 130px;
line-height: 130px;
font-size: 30px;
font-weight: bold;
color: white;
background: #f26d7d;
border-radius: 130px;
-webkit-border-radius: 130px;
-moz-border-radius: 130px;
display: inline-block;
text-align:center;
}
.plan-tall > .plan-features {
  font-size: 14px;
}
.plan-tall > .plan-button {
  padding: 0 16px;
  line-height: 32px;
}
.plan-tall + .plan {
  border-left: 0;
}
/** VERSION 1.3 CSS New ==================== **/	
/* Pricing tables */	
#pricing_2 {
	margin-top:20px;
}
.ribbon_2 {
	width:99px;
	height:97px;
	position:absolute; 
	left:-5px;
	top:-5px;
	display:block;
	background:url(/catalog/view/theme/default2/image/ribbon.png) no-repeat 0 0;
	z-index:101;
}
.pricing-table {
text-align:center;
font-weight:400;
border:2px solid #1ABC9C;
margin-bottom:30px;
background:#fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position:relative;
}
.pricing-table:hover{
-moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
}
.pricing-table.green {
text-align:center;
font-weight:400;
border:1px solid #0cbdaa;
}
.pricing-table.black {
text-align:center;
font-weight:400;
border:1px solid #333;
}
.pricing-table-sign-up {
	border-top:1px solid #ededed;
	padding:10px 10px 5px 10px;
	text-align:center;
	margin-top:30px;
}
.pricing-table-features p {
	padding:10px 20px;
	text-align:center;
	margin:10px 0;
}
.pricing-table-features p:nth-child(2n){
	background:#f8f8f8;
	padding:10px 0;
}
.pricing-table-features, .pricing-table-space{
	background:#fff;
}
.pricing-table p{
	padding:5px;
	margin-top:5px;
	font-size:110%;
	font-weight:500;
	background:#fff;
	}
.pricing-table p strong{
	font-weight:600;
	}
	
.pricing-table .pricing-table-header {
	color:#565553;
	padding:0px;
}
.pricing-table-header .heading{
	display:inline-block;
	width:100%;
	padding:15px 0px;
	text-transform:uppercase;
	font-weight:800;
	font-size:18px;
}
.pricing-table.green .heading{
	background: #0cbdaa;
}

.pricing-table.black .heading{
	background: #333;
}
.pricing-table .pricing-table-header .price-value{
	background: #fff;
}
.pricing-table.green .pricing-table-header .price-value{
	background: #fff;
}
.pricing-table.black .pricing-table-header .price-value{
	background: #fff;
}
.pricing-table-header .price-value {
	display:inline-block;
	width:100%;
	padding:10px 0px;
	background: #1ABC9C;
	font-family:"Helvetica Neue", Arial;
	font-weight:bold;
	color:#555;
	border-bottom:1px solid #ededed;
	margin-bottom:15px;
}

.pricing-table-header .price-value span{
	font-weight:800;
	font-size:36px;
	line-height:36px;
}
.pricing-table-header .price-value span.mo{
	font-size: 22px;
	font-weight: 400;
}

/* Pricing tables Black*/	
.pricing-table {
border: 1px solid #1ABC9C;
background: #F2F8F7;
}
.pricing-table.green {
border: 1px solid #0cbdaa;
}
.pricing-table.black {
border: 1px solid #333;
}
.pricing-table-sign-up {
	border-top: 1px solid #1ABC9C;
}
.pricing-table-features p:nth-child(2n) {
	background: #DDF0E9;
}
.pricing-table-features,
.pricing-table-space {
	background: #F2F8F7;
}
.pricing-table p {
	background: #F2F8F7;
}
.pricing-table .pricing-table-header {
	color: #fff;
}
.pricing-table.green .heading{
	background: #0cbdaa;
}
.pricing-table.black .heading{
	background: #333;
}
.pricing-table .pricing-table-header .price-value{
	background: #F2F8F7;
}
.pricing-table.green .pricing-table-header .price-value{
	background: #F2F8F7;
}
.pricing-table.black .pricing-table-header .price-value{
	background: #F2F8F7;
}
.pricing-table-header .price-value {
	background: #1ABC9C;
	color: #565553;
	border-bottom: 1px solid #1ABC9C;
}


.login-price {
	margin-top: 10px;
}

.login-price p {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height:24px;
	text-align: center;
}



/**User logged panel on header  **/	
ul.user_panel {
	list-style: none;
	margin:10px 0 0 0;
	padding:0;
	font-size:12px;
}
ul.user_panel a.dropdown-toggle{color:#fff;}

.rating_2{color: #FC0;}

/** Member page +  teacher profile  **/	
.box_style_1.profile{ padding-top:30px;}
.profile ul{
	text-transform:none;
	font-size:14px;
	list-style:none;
	padding:0;
	margin:0 0 20px 0;
}
.profile ul li{
	border-bottom:1px solid #ededed;
	padding:5px 0;
}
.profile ul li:last-child{
	border-bottom:none;
}
#payment_opt{
padding-top:25px; padding-bottom:15px;
}
#payment_opt .radio-inline{
	margin-bottom:15px;
	margin-left:0;
}
.payment_logos{margin:-10px 15px 0 0;}

#profile,#agenda{ padding-top:20px;}


ul.social_teacher {
	list-style:none;
	padding:0;
	margin:5px 0 15px 0;
	font-size:16px;
	text-align:center;
}
ul.social_teacher li{
	display:inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:1px solid #ededed;
	width:30px;
	height:30px;
	line-height:20px;
	text-align:center;
}

ul.list_3 {
	list-style:none;
	margin:0;
	padding:0;
}
ul.list_3 li {
	margin-bottom:0;
	position:relative;
	padding-left:20px;
}
ul.list_3 li:before {
	font-family: "fontello";
	content: "\ea3e";
	position:absolute;
	left:0;
	top:0;
}
html #boxed  {
	width:1170px;
	margin:auto;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px#000;
	box-shadow: 0 0 5px #000;
}
 body#boxed  {
	 background: #999 url(/catalog/view/theme/default2/image/pattern_1.png) repeat;
}
/**  End Version 1.3 New ====================== **/	

/** VERSION 1.5 CSS Updated ==================== **/	
/* Revolution slider fix */
ul.sliderwrapper { display:none}
/* Gallery page */
.picture {margin-bottom:20px; position:relative}
.picture img { padding:5px;box-shadow: inset 0 0 0 1px #e0e5e9;border:5px solid #fbfbfc;background-color:#fff;}
.photo_icon{ display:none; left:30px; position:absolute; top:20px; width:100%; z-index:1; width:30px; height:30px;}
.photo_icon i{	color:#565553; font-size:24px; font-weight:normal}
 nav.sticky {position: fixed;width: 100%;top:0;left:0;z-index:1000;}
/**  End Version 1.5 CSS Updated  ====================== **/	

/*============================================================================================*/
/* 4.  COMMON */
/*============================================================================================*/
.add_bottom_30 {margin-bottom:30px;}
.add_bottom_45 {margin-bottom:45px;}
.add_bottom_60 {margin-bottom:60px;}

.breadcrumb { 
	background: none; 
	padding: 0;
	font-size: 13px; 
	margin-top: 20px;
}
.breadcrumb a {
    color: #1dd7b2;
    text-decoration: none;
}
.breadcrumb a:hover {
    color: #fff;
    text-decoration: none;
}
.breadcrumb > li:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f015";
	font-weight: 900;
    padding: 0 5px;
    color: #565553;
}
.breadcrumb > li + li:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f061";
	font-weight: 900;
    padding: 0 5px;
    color: #565553;
}
.breadcrumb li:last-child a {
    color: #565553;
}
.breadcrumb li {
	display:none;
}


#join {
	background:url(/catalog/view/theme/default2/image/pattern_2.png) repeat 0 0;
	padding:60px 0;
	-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}
ul.list_po_body { padding:0 0 0 0; margin:0; list-style:none; }
p.no_margin { padding:0; margin:0; }

.box_style_1 {
	padding:15px 25px 5px 25px;
	box-shadow: inset 0 0 0 1px #e0e5e9;
	border:5px solid #fbfbfc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:30px;
	font-size:13px;
	line-height:20px;
	background-color:#fff;
}
@media (max-width: 991px) {
	.box_style_1 {
		border: 0 solid #fbfbfc;
		border-radius: 0;
	}
}

img.speaker {
	width:50px;
	height:50px;
	margin-left:15px;
	border:1px solid #fff;
}

.box_style_3 {
   position:relative;
   margin: 0 0 2em 0;
   text-align:center;
   background: #fff;
   padding: 30px 30px 10px 30px;
   border: 1px solid #ededed;
}

/* carousel */
#quote-carousel {
  padding: 0 10px 30px 10px;
  margin-top: 30px 0px 0px;
  font-weight:600;
}
#quote-carousel small{
	color:#565553;
	font-style:italic;
}

/* Control buttons  */
#quote-carousel .carousel-contro {
  background: none;
  color: #222;
  font-size: 3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left {
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right {
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li {
  background: #fff;
  border:none;
}
#quote-carousel .carousel-indicators .active {
  background: #F2F8F7;
}
#quote-carousel img{
  width: 100px;
  height: 100px
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

#myCarousel {
  border: 0px solid #888888;
	margin-top: 1px;
}

/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
	content: "\f10e";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	float: left;
	margin-right: 10px;
}


#toTop {width:100px;border:1px solid #ccc;background:#f7f7f7;text-align:center;padding:5px;position:fixed; bottom:10px;right:10px;cursor:pointer; display:none;color:#333;font-size:11px;}
.img-circle.styled { 
	background-color:#ededed;
	-moz-box-shadow: 0px 0px 0px 5px #ededed; 
	-webkit-box-shadow: 0px 0px 0px 5px #ededed; 
	box-shadow: 0px 0px 0px 5px #ededed;
	margin:auto;
}

/** Collapse **/   
.panel-title a {display:block;}

/** tabs **/   
.tab-content{padding-top:15px;}

/** List styles **/ 
ul.latest_news {
	list-style:none;
	margin:0 0 0 0;
	padding:0;
}
ul.latest_news li{
	margin-bottom:15px;
}
ul.list_ok {
	list-style:none;
	margin:0;
	padding:0;
}
ul.list_ok li {
	margin-bottom:0;
	position:relative;
	padding-left:20px;
}
ul.list_ok li:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f00c";
	font-weight: 400;
	position:absolute;
	left:0;
	top:0;
}
ul.list_1 {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
	font-weight:700;
	font-size:14px;
}
ul.list_1 li a {
	text-decoration:none;
	padding: 4px 10px;
	display:block;
	margin-bottom:0;
	border-bottom: 1px solid #efefef;
}

ul.list_1 li a:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f054";
	font-weight: 900;
	float:right;
}

ul.list_1 li a:hover {
	background:#efefef;
	color:#326e99;
}

ul.list_2 {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
	font-weight:700;
	font-size:14px;
}
ul.list_2 li a {
	text-decoration:none;
	padding: 4px 10px;
	display:block;
	margin-bottom:0;
	border-bottom: 1px solid #efefef;
}
ul.list_2 li a:after {
	font-family: "fontello";
	content: "\ee1c";
	float:right;
}
ul.list_2 li a:hover {
	background:#efefef;
	color:#326e99;
}

.circ-wrapper h3{
	margin:0;
	padding:15px 0 0 0;
	font-weight:bold;
}
.circ-wrapper.course_detail h3{
	margin:0;
	padding:25px 0 0 0;
	font-weight:bold;
}
.circ-wrapper {
		width: 80px;
		height: 80px;
		text-align: center;
		background:#0cbdaa;	color:#565553;
		overflow:hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
			 text-shadow: rgb(10, 165, 148) 1px 1px,
    rgb(10, 165, 148)  2px 2px,
    rgb(10, 165, 148)  3px 3px,
    rgb(10, 165, 148)  4px 4px,
    rgb(10, 165, 148)  5px 5px,
    rgb(10, 165, 148)  6px 6px,
    rgb(10, 165, 148)  7px 7px,
    rgb(10, 165, 148)  8px 8px,
    rgb(10, 165, 148)  9px 9px,
    rgb(10, 165, 148)  10px 10px,
    rgb(10, 165, 148)  11px 11px,
    rgb(10, 165, 148)  12px 12px,
    rgb(10, 165, 148)  13px 13px,
    rgb(10, 165, 148)  14px 14px,
    rgb(10, 165, 148)  15px 15px,
    rgb(10, 165, 148)  16px 16px,
    rgb(10, 165, 148)  17px 17px,
    rgb(10, 165, 148)  18px 18px,
    rgb(10, 165, 148)  19px 19px,
    rgb(10, 165, 148)  20px 20px,
    rgb(10, 165, 148)  21px 21px,
    rgb(10, 165, 148)  22px 22px,
    rgb(10, 165, 148)  23px 23px,
    rgb(10, 165, 148)  24px 24px,
    rgb(10, 165, 148)  25px 25px,
    rgb(10, 165, 148)  26px 26px,
    rgb(10, 165, 148)  27px 27px,
    rgb(10, 165, 148)  28px 28px,
    rgb(10, 165, 148)  29px 29px,
    rgb(10, 165, 148)  30px 30px,
    rgb(10, 165, 148)  31px 31px,
    rgb(10, 165, 148)  32px 32px,
    rgb(10, 165, 148)  33px 33px,
    rgb(10, 165, 148)  34px 34px,
    rgb(10, 165, 148)  35px 35px,
    rgb(10, 165, 148)  36px 36px,
    rgb(10, 165, 148)  37px 37px,
    rgb(10, 165, 148)  38px 38px,
    rgb(10, 165, 148)  39px 39px,
    rgb(10, 165, 148)  40px 40px,
    rgb(10, 165, 148)  41px 41px,
    rgb(10, 165, 148)  42px 42px,
    rgb(10, 165, 148)  43px 43px,
    rgb(10, 165, 148)  44px 44px,
    rgb(10, 165, 148)  45px 45px,
    rgb(10, 165, 148)  46px 46px,
    rgb(10, 165, 148)  47px 47px,
    rgb(10, 165, 148)  48px 48px,
    rgb(10, 165, 148)  49px 49px,
    rgb(10, 165, 148)  50px 50px,
    rgb(10, 165, 148)  51px 51px,
    rgb(10, 165, 148)  52px 52px,
    rgb(10, 165, 148)  53px 53px,
    rgb(10, 165, 148)  54px 54px,
    rgb(10, 165, 148)  55px 55px,
    rgb(10, 165, 148)  56px 56px,
    rgb(10, 165, 148)  57px 57px,
    rgb(10, 165, 148)  58px 58px,
    rgb(10, 165, 148)  59px 59px,
    rgb(10, 165, 148)  60px 60px,
    rgb(10, 165, 148)  61px 61px,
    rgb(10, 165, 148)  62px 62px,
    rgb(10, 165, 148)  63px 63px,
    rgb(10, 165, 148)  64px 64px,
    rgb(10, 165, 148)  65px 65px,
    rgb(10, 165, 148)  66px 66px,
    rgb(10, 165, 148)  67px 67px,
    rgb(10, 165, 148)  68px 68px,
    rgb(10, 165, 148)  69px 69px,
    rgb(10, 165, 148)  70px 70px,
    rgb(10, 165, 148)  71px 71px,
    rgb(10, 165, 148)  72px 72px,
    rgb(10, 165, 148)  73px 73px,
    rgb(10, 165, 148)  74px 74px,
    rgb(10, 165, 148)  75px 75px,
    rgb(10, 165, 148)  76px 76px,
    rgb(10, 165, 148)  77px 77px,
    rgb(10, 165, 148)  78px 78px,
    rgb(10, 165, 148)  79px 79px,
    rgb(10, 165, 148)  80px 80px,
    rgb(10, 165, 148)  81px 81px,
    rgb(10, 165, 148)  82px 82px,
    rgb(10, 165, 148)  83px 83px,
    rgb(10, 165, 148)  84px 84px,
    rgb(10, 165, 148) 85px 85px,
    rgb(10, 165, 148) 86px 86px;
	}
	
	.circ-wrapper.red {
		width: 80px;
		height: 80px;
		text-align: center;
		background: #f26965;	color:#565553;
		overflow:hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
			 text-shadow: rgb(201, 87, 84) 1px 1px,
    rgb(201, 87, 84)  2px 2px,
    rgb(201, 87, 84)  3px 3px,
    rgb(201, 87, 84)  4px 4px,
    rgb(201, 87, 84)  5px 5px,
    rgb(201, 87, 84)  6px 6px,
    rgb(201, 87, 84)  7px 7px,
    rgb(201, 87, 84)  8px 8px,
    rgb(201, 87, 84)   9px 9px,
    rgb(201, 87, 84)  10px 10px,
    rgb(201, 87, 84)  11px 11px,
    rgb(201, 87, 84)  12px 12px,
    rgb(201, 87, 84)  13px 13px,
    rgb(201, 87, 84)  14px 14px,
    rgb(201, 87, 84)  15px 15px,
    rgb(201, 87, 84)  16px 16px,
    rgb(201, 87, 84)  17px 17px,
    rgb(201, 87, 84)  18px 18px,
    rgb(201, 87, 84)  19px 19px,
    rgb(201, 87, 84)  20px 20px,
    rgb(201, 87, 84)  21px 21px,
    rgb(201, 87, 84)  22px 22px,
    rgb(201, 87, 84)  23px 23px,
    rgb(201, 87, 84)  24px 24px,
    rgb(201, 87, 84)  25px 25px,
    rgb(201, 87, 84)  26px 26px,
    rgb(201, 87, 84)  27px 27px,
    rgb(201, 87, 84)  28px 28px,
    rgb(201, 87, 84)  29px 29px,
    rgb(201, 87, 84)  30px 30px,
    rgb(201, 87, 84)  31px 31px,
    rgb(201, 87, 84)  32px 32px,
    rgb(201, 87, 84)  33px 33px,
    rgb(201, 87, 84)  34px 34px,
    rgb(201, 87, 84)  35px 35px,
    rgb(201, 87, 84)  36px 36px,
    rgb(201, 87, 84)  37px 37px,
    rgb(201, 87, 84)  38px 38px,
    rgb(201, 87, 84)  39px 39px,
    rgb(201, 87, 84)  40px 40px,
    rgb(201, 87, 84)  41px 41px,
    rgb(201, 87, 84)  42px 42px,
    rgb(201, 87, 84)  43px 43px,
    rgb(201, 87, 84)  44px 44px,
    rgb(201, 87, 84)  45px 45px,
    rgb(201, 87, 84)  46px 46px,
    rgb(201, 87, 84)  47px 47px,
    rgb(201, 87, 84)  48px 48px,
    rgb(201, 87, 84)  49px 49px,
    rgb(201, 87, 84)  50px 50px,
    rgb(201, 87, 84)  51px 51px,
    rgb(201, 87, 84)  52px 52px,
    rgb(201, 87, 84)  53px 53px,
    rgb(201, 87, 84)  54px 54px,
    rgb(201, 87, 84)  55px 55px,
    rgb(201, 87, 84)  56px 56px,
    rgb(201, 87, 84)  57px 57px,
    rgb(201, 87, 84)  58px 58px,
    rgb(201, 87, 84)  59px 59px,
    rgb(201, 87, 84)  60px 60px,
    rgb(201, 87, 84)  61px 61px,
    rgb(201, 87, 84)  62px 62px,
    rgb(201, 87, 84)  63px 63px,
    rgb(201, 87, 84)  64px 64px,
    rgb(201, 87, 84)  65px 65px,
    rgb(201, 87, 84)  66px 66px,
    rgb(201, 87, 84)  67px 67px,
    rgb(201, 87, 84)  68px 68px,
    rgb(201, 87, 84)  69px 69px,
    rgb(201, 87, 84)  70px 70px,
    rgb(201, 87, 84)  71px 71px,
    rgb(201, 87, 84)  72px 72px,
    rgb(201, 87, 84)  73px 73px,
    rgb(201, 87, 84)  74px 74px,
    rgb(201, 87, 84)  75px 75px,
    rgb(201, 87, 84)  76px 76px,
    rgb(201, 87, 84)  77px 77px,
    rgb(201, 87, 84)  78px 78px,
    rgb(201, 87, 84)  79px 79px,
    rgb(201, 87, 84)  80px 80px,
    rgb(201, 87, 84)  81px 81px,
    rgb(201, 87, 84)  82px 82px,
    rgb(201, 87, 84)  83px 83px,
    rgb(201, 87, 84)  84px 84px,
    rgb(201, 87, 84) 85px 85px,
    rgb(201, 87, 84) 86px 86px;
	}
	
	.circ-wrapper.blue {
		width: 80px;
		height: 80px;
		text-align: center;
		background: #00aeef;	color:#565553;
		overflow:hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
			 text-shadow: rgb(0, 139, 192) 1px 1px,
    rgb(0, 139, 192)  2px 2px,
    rgb(0, 139, 192)  3px 3px,
    rgb(0, 139, 192)  4px 4px,
    rgb(0, 139, 192)  5px 5px,
    rgb(0, 139, 192)  6px 6px,
    rgb(0, 139, 192)  7px 7px,
    rgb(0, 139, 192)  8px 8px,
    rgb(0, 139, 192)   9px 9px,
    rgb(0, 139, 192)  10px 10px,
    rgb(0, 139, 192)  11px 11px,
    rgb(0, 139, 192)  12px 12px,
    rgb(0, 139, 192)  13px 13px,
    rgb(0, 139, 192)  14px 14px,
    rgb(0, 139, 192)  15px 15px,
    rgb(0, 139, 192)  16px 16px,
    rgb(0, 139, 192)  17px 17px,
    rgb(0, 139, 192)  18px 18px,
    rgb(0, 139, 192)  19px 19px,
    rgb(0, 139, 192)  20px 20px,
    rgb(0, 139, 192)  21px 21px,
    rgb(0, 139, 192)  22px 22px,
    rgb(0, 139, 192)  23px 23px,
    rgb(0, 139, 192)  24px 24px,
    rgb(0, 139, 192)  25px 25px,
    rgb(0, 139, 192)  26px 26px,
    rgb(0, 139, 192)  27px 27px,
    rgb(0, 139, 192)  28px 28px,
    rgb(0, 139, 192)  29px 29px,
    rgb(0, 139, 192)  30px 30px,
    rgb(0, 139, 192)  31px 31px,
    rgb(0, 139, 192)  32px 32px,
    rgb(0, 139, 192)  33px 33px,
    rgb(0, 139, 192)  34px 34px,
    rgb(0, 139, 192)  35px 35px,
    rgb(0, 139, 192)  36px 36px,
    rgb(0, 139, 192)  37px 37px,
    rgb(0, 139, 192)  38px 38px,
    rgb(0, 139, 192)  39px 39px,
    rgb(0, 139, 192)  40px 40px,
    rgb(0, 139, 192)  41px 41px,
    rgb(0, 139, 192)  42px 42px,
    rgb(0, 139, 192)  43px 43px,
    rgb(0, 139, 192)  44px 44px,
    rgb(0, 139, 192)  45px 45px,
    rgb(0, 139, 192)  46px 46px,
    rgb(0, 139, 192)  47px 47px,
    rgb(0, 139, 192)  48px 48px,
    rgb(0, 139, 192)  49px 49px,
    rgb(0, 139, 192)  50px 50px,
    rgb(0, 139, 192)  51px 51px,
    rgb(0, 139, 192)  52px 52px,
    rgb(0, 139, 192)  53px 53px,
    rgb(0, 139, 192)  54px 54px,
    rgb(0, 139, 192)  55px 55px,
    rgb(0, 139, 192)  56px 56px,
    rgb(0, 139, 192)  57px 57px,
    rgb(0, 139, 192)  58px 58px,
    rgb(0, 139, 192)  59px 59px,
    rgb(0, 139, 192)  60px 60px,
    rgb(0, 139, 192)  61px 61px,
    rgb(0, 139, 192)  62px 62px,
    rgb(0, 139, 192)  63px 63px,
    rgb(0, 139, 192)  64px 64px,
    rgb(0, 139, 192)  65px 65px,
    rgb(0, 139, 192)  66px 66px,
    rgb(0, 139, 192)  67px 67px,
    rgb(0, 139, 192)  68px 68px,
    rgb(0, 139, 192)  69px 69px,
    rgb(0, 139, 192)  70px 70px,
    rgb(0, 139, 192)  71px 71px,
    rgb(0, 139, 192)  72px 72px,
    rgb(0, 139, 192)  73px 73px,
    rgb(0, 139, 192)  74px 74px,
    rgb(0, 139, 192)  75px 75px,
    rgb(0, 139, 192)  76px 76px,
    rgb(0, 139, 192)  77px 77px,
    rgb(0, 139, 192)  78px 78px,
    rgb(0, 139, 192)  79px 79px,
    rgb(0, 139, 192)  80px 80px,
    rgb(0, 139, 192)  81px 81px,
    rgb(0, 139, 192)  82px 82px,
    rgb(0, 139, 192)  83px 83px,
    rgb(0, 139, 192)  84px 84px,
    rgb(0, 139, 192) 85px 85px,
    rgb(0, 139, 192) 86px 86px;
	}
	.circ-wrapper i.icon-4x{
		font-size:40px;
	}
.label-warning{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px 7px 4px 7px;
	background-color:#ffcc00;
	}
.media-body{padding-left:10px;}


/*============================================================================================*/
/* 5.  MEDIA QUERIES */
/*============================================================================================*/

@media (min-width: 1201px) and (max-width: 1400px) {
#middle-wizard {padding: 40px 60px 35px 60px;}
}

@media (min-width: 768px) {
#middle-wizard.account-main {padding: 40px 60px 70px 60px;}
}

@media (min-width: 768px) and (max-width: 1200px) {
	#middle-wizard {padding: 40px 60px 35px 60px;}
	ul.floated li#age{
		margin-right:20px;
   }
/** VERSION 1.3 CSS New ==================== **/	
#boxed  {width:980px;}
/**  End Version 1.3 New  **/
}
@media (min-width: 768px) and (max-width: 979px) {

#quote-carousel {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
      margin-top: 30px;
    }
	
/** VERSION 1.3 CSS New ==================== **/	
.plan-tall + .plan {border: solid #dddddd 1px;}
.plan-tall {margin-right:0;}
.col-md-4.plan:first-child {
  margin-right:0;
  margin-left:0;
  border-right: solid #dddddd 1px;
}
html #boxed  {width:760px;}
/**  End Version 1.3 New  **/
}
	
/* From tablet portrait to mobile */
@media (max-width: 767px)  {
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
input.form-control#email_newsletter {
width:80%;
margin:auto;
margin-bottom:15px; 
}
#apply{margin-right:40px;}
#login_top{margin-right: 5px;}

#top-wizard {padding:15px 30px;}
#middle-wizard {padding: 20px 30px 20px 30px;}

ul.floated li#age {margin-bottom:-10px; } 
   
ul.floated li {
	float:none;
	margin:0; padding:0;
	width:50%;
	padding-bottom:10px;
   }
.col-md-4.plan:first-child, 
.col-md-4.plan:last-child {
		margin-right: 0px;
		margin-left: 0px;
		border-width: 1px 1px 1px 1px;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.plan-tall + .plan {
		border-left: 1px;
		border: solid #dddddd;
	}
	.plan-tall {margin-right:0;}

.post-right {float:none;}
.post-left ul li {
	float:none;
	margin-right:0;
	margin-bottom:3px;
}
#strips-course{
	padding:30 0 30px 0;
}
/* Typography*/
p.lead.boxed{
	font-size:22px;
	line-height:24px;
	padding:8px;
}

#subscribe {
	background:none;
	padding-bottom:0;
}
#subscribe h1 {
	font-size:50px;
	margin-top:0;
}
/** VERSION 1.3 CSS New ==================== **/	
ul.user_panel {margin:8px 45px 0 0;}
html #boxed  {width:100%}
/**  End Version 1.3 New  **/	
}	

/* Mobile portrait */
@media (max-width: 480px) {
#subscribe {
	background:none;
	padding-bottom:0;
}
/* Typography*/
h1 {
	font-size:36px;
	line-height:38px;
	margin-bottom:10px;
}
#subscribe h1 {
	font-size:30px;
	margin-top:15px;
	margin-bottom:0;
	text-align:center;
}
#subscribe h2 {
	font-size:30px;
}
#main-features h2, #main-features_green h2 {
	font-size:28px;
}
#main-features p.lead, #main-features_green p.lead{
	font-size:14px;
	margin-bottom:30px;
}
#testimonials h2{
	font-size:28px;
}
p.lead.boxed{
	font-size:14px;
	line-height:16px;
	padding:8px;
}
footer h3 {
	font-size:22px;
	line-height:24px;
}
#top-wizard {padding:15px 30px;}
#bottom-wizard {padding:15px 30px;}
.backward, .forward, button[disabled].backward, button[disabled].forward  {
	text-indent:-9999px;
	width:50px;
	padding:0;
	height:40px;
   } 
.backward:before, .forward:before, button[disabled].backward:before, button[disabled].forward:before {
	text-indent:0;
	top:12px;
	font-size:16px;
   } 
#complete{padding: 0 25px 15px 25px;}
#complete h3{ font-size:18px; margin-bottom:20px}
#complete i {font-size:80px;padding:0;}

#map {height:200px;}

 #login_bg{
	padding:30px 0;
}
.video_course{
	width:100%;
	height:200px;
}

#sub-header{
	padding:10px 0 60px 0;
}
#sub-header-features p{
	font-size:14px;
}
#sub-header-features-2 p,
#sub-header-features-3 p {
	font-size:14px;
}
/** VERSION 1.5 CSS New ==================== **/	
 nav.sticky {position: static;}
 /** End 1.5 CSS New ==================== **/	
}

/* Mobile Portrait */
@media only screen and (max-width: 320px) {

.step h3 {font-size:18px;line-height:22px; margin-bottom:20px}
#complete h3{ font-size:18px; margin-bottom:20px}
#complete{padding: 0 15px 15px 15px;}

}

/** ========================================
    ===            Theo addon            ===
    ======================================== **/	

.th-input-icon {
	position:absolute;
	right:11px;
	top:10px;
	width:29px;
	height:24px;
	background-color:#fff;
	text-align:right;
	border-left: 1px solid #ececec;
	color:#ccc;
	font-size:18px;
	line-height:24px;
	text-shadow:none;
} 
.th-input-icon i { 
	color:#ccc;
	font-size:18px;
	line-height:24px;
}

.th-icon-user {
	right:11px;
	width:29px;
}

.th-fa-size-1 {
	font-size:22px !important;
}
.th-fa-size-2 {
	font-size:28px !important;
}
.th-fa-size-3 {
	font-size:35px !important;
}

p.th-account-margin {
	margin-bottom: 8px;
}

legend.th-account-margin2 {
	margin-top: 25px;
}


@media (max-width: 991px) {
	.th_btn-1 {
		margin-bottom: 40px;
	}
	.th_box_style-1 {
		margin-bottom: 10px;
	}
}

/** 
.top-banner {
  width: 100%;
  margin-top: -40px;
  margin-bottom: -40px;
	background:url(/catalog/view/theme/default2/image/tape.png) no-repeat center top;
} 
**/

.top-banner img {
  width: 100%;
  margin-top: -40px;
  margin-bottom: -40px;
}

@media (max-width: 425px) {
	.input-425 {
	  padding-left: 0;
	  padding-right: 0;
	}
}


/** ========= Hjelp modal ========= **/	

.th-box_style-2 {
	background:#f4f4f4;
	border:1px solid #d2d2d2;
	padding:5px 30px;
	margin-top: 30px;
	position:relative;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

.th-txt_margin-1 {
	margin-bottom: 10px;
}

.btn-modal_close {
	margin-bottom: 2px;
}


/** ========= Navbar ========= **/	

.nav > li > a {
   padding: 10px 14px;
}
.navbar {
  position: relative;
  min-height: 44px;
  margin-bottom: 0px;
  border: 0px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 0px;
  }
}
.navbar-default {
	background: #0cbdaa;
	border-bottom: 1px solid #7eedd7;
}
.navbar-form input.form-control, textarea.form-control {
	margin-bottom: 0px;
}
.navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
}
.navbar-nav {
	margin-bottom: 0;
	text-transform:uppercase;
	font-size:12px;
	font-weight:600;
}
ul.navbar-nav li.normal_drop_down ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.navbar-nav li.normal_drop_down {
	position: relative;
}
ul.navbar-nav li ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.navbar-nav li:hover > ul,
.navbar-nav li.sfHover > ul {
	display: block;
}
.navbar-nav a {
	display: block;
	position:relative;
}
.navbar-nav ul ul {
	top: 0;
	left: 100%;
}
.navbar-nav ul {
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.navbar-nav a {
	padding: 1.1em 1.8em;
	text-decoration: none;
	zoom: 1; /* IE7 */
	color: #fff;
}
.navbar-nav a#sign_in {
	background-color:#F2F8F7;
	}
.navbar-nav li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
ul.navbar-nav li a {
	color:#565553;
}
ul.navbar-nav li a:hover{
	color:#30d9a4;
	outline:none;
}
.navbar-nav ul li {
	background: #F2F8F7;
	min-width:200px;
}
.navbar-nav ul li a {
	background: #F2F8F7;
	min-width:200px;
	padding: 0.9em 1.8em;
}
.navbar-nav ul li a:hover {
	background: #F2F8F7;
	color:#30d9a4;
	outline:none;
}
.navbar-nav ul ul li {
	background: #F2F8F7;
}
.navbar-nav li:hover,
.navbar-nav li.sfHover {
	background: #F2F8F7;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
	color:#565553;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #30d9a4;
	outline: none;
	background-color: #F2F8F7;
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #fff;
}

.navbar-header.nb-mob-meny{
    padding-left: 10px;
    padding-right: 15px;
}


.xs-lnk {
	color: #FFFFFF;
	margin-left: 10px;
	margin-right: 10px;
}
.xs-lnk2 {
	color: #FFFFFF;
	margin-left: 15px;
	margin-right: 15px;
}
.xs-lnk2:hover,
.xs-lnk2:focus,
.xs-lnk2:active {
	color: #FFFFFF;
}
.xs-lnk2-1 {
	color: #FFFFFF;
	margin-left: 12px;
	margin-right: 10px;
}
.xs-lnk2-1:hover,
.xs-lnk2-1:focus,
.xs-lnk2-1:active {
	color: #FFFFFF;
}
.xs-btn {
	margin-left: 10px;
}

#toolbar-top p, #toolbar-top ul {
    margin: 0 0 0 0;
}


/* ----- Dropdown meny ----- */

.dropdown-menu > li > a {
	display: block;
	padding: 3px 20px 3px 12px;
	clear: both;
	line-height: 20px;
	color: #333333;
	font-weight: 500;
	white-space: nowrap;
}
@media (min-width: 768px) {
	.dropdown-menu.theo-right {
	    right: 0;
	    left: auto;
	}
}



/** ========================================
    ===           kurs-navbar            ===
    ======================================== **/	

.kurs-navbar a {
	color: #fff;
}
.kurs-navbar .dropdown-menu .divider {
	height: 1px;
	margin: 3px 0 7px 0;
	overflow: hidden;
	background-color: #0cbdaa;
}
.kurs-navbar .dropdown-menu > li > a {
	display: block;
	padding: 10px 18px;
	clear: both;
	line-height: 20px;
	color: #565553;
	font-weight: 600;
	white-space: nowrap;
}
.kurs-navbar .dropdown-menu > li > a {
	display: block;
	padding: 3px 20px 3px 12px;
	clear: both;
	line-height: 20px;
	color: #333333;
	font-weight: 500;
	white-space: nowrap;
}
@media (min-width: 768px) {
	.kurs-navbar .dropdown-menu.theo-right {
	    right: 0;
	    left: auto;
	}
}

.kurs-navbar .nav > li > a {
   padding: 12px 11px;
}
.kurs-navbar .navbar-nav li:hover,
.kurs-navbar .navbar-nav li.sfHover {
	background: #0cbdaa;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
	color:#565553;
}
.kurs-navbar ul.navbar-nav li a {
	color:#fff;
}
.kurs-navbar ul.navbar-nav li a:hover{
	color:#fff;
	outline:none;
	background-color: #0cbdaa;
}
.kurs-navbar .navbar-nav > li > .dropdown-menu li a {
	color: #565553;
}
.kurs-navbar .navbar-nav > li > .dropdown-menu li a:hover {
	color: #fff !important;
}



/** ========================================
    ===        single_course.css         ===
    ======================================== **/

.strip_single_course {
	border-bottom: 1px solid #606060;
	border-left: 1px solid #606060;
	border-right: 1px solid #606060;
	padding-top:10px;
	background:url(/catalog/view/theme/default2/image/line_bg_course.png) 29px top no-repeat;
}
#main_content .strip_single_course {
	border-bottom: 1px solid #e0e5e9;
	border-left: 1px solid #e0e5e9;
	border-right: 1px solid #e0e5e9;
	padding-top:10px;
	background:url(/catalog/view/theme/default2/image/line_bg_course_org.png) 29px top no-repeat;
}
.strip_single_course ul {
	margin-left:10px;
}
.strip_single_course ul li {
	display:inline-block;
	margin-right:10px;
}
.strip_single_course ul li i{
	font-size:16px;
	color:#ccc;
}
#end {
	font-size:26px;
	float:right;
	margin:17px -10px 0 15px;
	color:#ccc;
	padding:0;
} 
.strip_single_course h4 {
	line-height:18px;
	font-size:16px;
	padding:5px 10px 10px 50px;
	margin:0;
	font-weight: 600;
}
h4.completed {
	background:url(/catalog/view/theme/default2/image/bullet_complete.png) no-repeat 15px top;
}
h4.completed a{
	color:#2d4050;
}
h4.completed a:hover{
	color:#000;
}
h4.inprogress {
	background:url(/catalog/view/theme/default2/image/bullet_progress.png) no-repeat 15px top;
}
h4.inprogress a{
	color:#2d4050;
}
h4.inprogress a:hover{
	color:#000;
}
h4.start {
	background: url(/catalog/view/theme/default2/image/bullet_start.png) no-repeat 15px top;
}
.chapter_course{
	padding:10px;
	font-size:18px;
	line-height:20px;
	margin-top:25px;
	margin-bottom:0;
	border: 1px solid #606060;
	border-bottom:2px solid #606060;
	font-weight:600;
}
#main_content .chapter_course{
background:#f8f8f8;
padding:10px;
font-size:18px;
line-height:20px;
margin-top:25px;
margin-bottom:0;
border: 1px solid #e0e5e9;
border-bottom:2px solid #e0e5e9;
font-weight:600;
}
.chapter_course.no_margin_rop{
	margin-top:0px;
}
#main_content .chapter_course.no_margin_rop{
	margin-top:0px;
}
ul.legend_course{
	list-style:none;
	margin-left:0;
	padding-left:0;
	line-height:30px;
	font-size:14px;
}

ul.legend_course li#tostart{
	background:url(/catalog/view/theme/default2/image/bullet_start_2.png) no-repeat center left; color:#5394c9; padding-left:25px;
}
ul.legend_course li#inprogress{
	background: url(/catalog/view/theme/default2/image/bullet_progress_2.png) no-repeat center left; color:#949494;padding-left:25px;
}
ul.legend_course li#completed{
	background: url(/catalog/view/theme/default2/image/bullet_complete_2.png) no-repeat center left; color:#949494;padding-left:25px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
	height: 20px;
	margin-bottom: 0;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
     -moz-animation: progress-bar-stripes 2s linear infinite;
      -ms-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-info {
	background-color: #7cbe31;
}

.progress-striped .progress-bar-info {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
ul#legend li {
	margin-bottom:5px;
}
ul#legend li.legend_completed{
	background:url(/catalog/view/theme/default2/image/bullet_complete_2.png) no-repeat center left; padding-left:25px;
}
ul#legend li.legend_inprogress{
	background:url(/catalog/view/theme/default2/image/bullet_progress_2.png) no-repeat center left; padding-left:25px;
}
ul#legend li.legend_start{
	background:url(/catalog/view/theme/default2/image/bullet_start_2.png) no-repeat center left; padding-left:25px;
}
.main-img-2 { 
	margin:-30px -30px 30px -30px; 
	overflow:hidden;
	position:relative;
	height:200px;
	padding-right:15px;
	background:url(/catalog/view/theme/default2/image/single_course.jpg) no-repeat top left;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.main-img-2 p.lead {
	background-color:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=70);
	opacity:0.7;
	position: absolute;
	bottom:-25px;
	padding:15px 20px;	color:#565553;
	line-height:24px;
	display:block;
	width:100%;
}
.title-course-2 strong{
	text-transform:uppercase;
	font-size:32px;
	font-weight:800;
	display:block;
}
.title-course-2 {
	position: absolute;
	top:25%;
	left:25px;	color:#565553;
	font-size:28px;
	line-height:30px;
	font-weight:600;
	text-shadow: 1px 1px 0px rgba(0,0,0,.3); 
}




.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0 0 20px 0;
  border-radius: 3px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 5px 8px;
  line-height: 22px;
  text-decoration: none;
  color: #1dd7b2;
  background-color: #F2F8F7;
  border: 1px solid #404040;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #303030;
  border: 1px solid #404040;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #d0d0d0;
  font-weight: 600;
  background-color: #303030;
  border: 1px solid #404040;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #828282;
  background-color: #404040;
  border-color: #d2d2d2;
  cursor: not-allowed;
}

.pagination > li > a .fa-lg {
    line-height: 4.75em;
}






/*============================================================================================*/
/* 3. MEDIA QUERIES */
/*============================================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
	
	}
@media (min-width: 768px) and (max-width: 979px) {
	

}

/* From tablet portrait to mobile */
@media (max-width: 767px) {

}	

/* Mobile portrait */
@media (max-width: 480px) {
	.chapter_course{
		font-size:16px;
	}
	h4.completed, h4.inprogres, h4.start {
		line-height:16px;
		font-size:14px;
	}
	.title-course-2 {
		top:15%;
		font-size:18px;
		line-height:20px;
	}
	.title-course-2 strong{
		font-size:22px;
		line-height:24px;
	}
	.main-img-2 { 
		height:140px;
	}
}



/*============================================================================================*/
/*             Stripe Abonement Page            */
/*============================================================================================*/

hr {
	border: 0;
	border-top: 1px solid #0A9F8F;
	margin: 20px 0;
}
hr.stripe-cards {
	border: 0;
	border-top: 1px solid #EEE;
	margin-top: 4px;
	margin-bottom: 7px;
}
.pull-right {
	float: right;
}
.card-block, .input-block-name, .input-block, .subscription-block {
	display: inline-block;
}
.card-block {
	margin: 7.5px;
}
.input-block-name {
	padding: 8px 10px 16px 0;
	text-align: right;
	width: 200px;
	vertical-align: top;
	font-weight: 600;
}
#card-name, #card-number {
	width: 200px;
	margin-bottom: 4px;
}
#card-month, #card-year {
	display: inline-block;
	width: 42px;
	margin-bottom: 4px;
}
#card-security {
	width: 60px;
	margin-bottom: 4px;
}
#card-address1, #card-address2, #card-city, #card-zone, #card-postcode {
	display: block;
	margin-bottom: 4px;
}
.required-field {
	border: 1px solid #F00;
}
.subscription-block {
	margin: 0 7.5px;
}
legend.legend-stripe-card {
	padding-top: 30px !important;
}
#new-card .form-group {
	margin-bottom: 5px;
}
#new-card .form-group.card-skille {
	margin-bottom: 20px;
}

/*===================================*/
/*             News Layout           */
/*===================================*/

 .th-home-icons {
	margin-top: 30px;
	margin-bottom: 8px;
	color: #0A9F8F;
}

.artblock .description {
	margin-top: 15px;
	margin-bottom:20px;
}
.article-content .description {
	margin-top: 10px;
	margin-right: 18px;
	margin-left: 18px;
}

.artblock .article-image {
	margin-top: 15px;
	margin-bottom:20px;
}

.news-main-article {
	margin-top: 15px;
	margin-bottom:20px;
}

@media (min-width: 1201px) {
	#middle-wizard.news-margin {
		padding: 20px 60px 35px 70px;
	}
}
@media (min-width: 768px) and (max-width: 1200px) {
	#middle-wizard.news-margin {
		padding: 20px 20px 35px 50px;
	}
}
@media (max-width: 767px) {
	#middle-wizard.news-margin {
		padding: 20px;
	}
}

#middle-wizard.news-margin .oc-module h3 {
	margin-top: 22px;
}

@media (max-width: 767px) {
	#middle-wizard.news-margin .oc-module {
		padding-right: 15px;
		padding-left: 15px;
	}
}

#middle-wizard.news-margin #column-left {
	padding-left: 0;
}




/*===================================*/
/*            Black Layout           */
/*===================================*/

h1 {
	color: #565553;
	text-transform: none;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	border-top: 1px solid #606060;
}
.table.table-borderless > thead > tr > th,
.table.table-borderless > tbody > tr > th,
.table.table-borderless > tfoot > tr > th,
.table.table-borderless > thead > tr > td,
.table.table-borderless > tbody > tr > td,
.table.table-borderless > tfoot > tr > td {
	border-top: 0px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #F2F8F7;
}
.route-checkout-cart #content .cart-order .table tr:last-child td:last-child {
	border-top: 1px solid #606060 !important;
  font-weight: 500;
}
.route-checkout-cart #content .cart-list .table tr:last-child td {
    border-bottom: 1px solid #606060;
}
.radio label, .checkbox label {
	font-weight: 500;
}
.buttons {
	border-top: 1px solid #606060;
}
.empty-entries {
	border-top: 1px solid #606060;
}
.cart-item-name a {
	color: #565553;
}
.cart-item-name a:hover {
	color: #0A9F8F;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio, .has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #FF7F7F;
}


.has-error .form-control {
    color: #c41411;
    border-color: #eb979b;
    background-color: #303030;
}


.nav a {
	font-weight: 600;
}

/* Start Page */

.feature-icons {
    float: left;
    margin-top: 15px;
    margin-left: 15px;
}

@media (max-width: 767px) {
	.feature-icons {
	    float: left;
	    margin-top: 0;
	    margin-left: 0;
	}
	h3.feature-h3 {
	    margin-top: 35px;
	}
}

@media (min-width: 768px) {
	.container.pricing-center {
	    width: 750px;
	}
}
@media (min-width: 992px) {
	.container.pricing-center {
	    width: 970px;
	}
}
@media (min-width: 1200px) {
	.container.pricing-center {
	    width: 970px;
	}
}





/* Form-Control Black */

	input.form-control,
	select.form-control,
	textarea.form-control,
	radio.form-control,
	input.form-control[disabled],
	fieldset[disabled] {	
	color: #565553;
	background-color: #E9EFED;
	border: 1px solid #aaa;
	border-radius: 3px;
}

.form-control:focus {
    border-color: rgba(29, 215, 178, 0.3);
}


/* Main_Content Black */

#main_content_black {
	padding: 60px 0 0 0;
	background-color: #F2F8F7;
	position: relative;
/* 	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); */
	width: 100%;
}
#main_content_black.content_contact {
	padding: 20px 0 0 0;
}
#main_content_black p {
	font-size: 15px;
	color: #565553;
	font-weight: 600;
}
/*
#main_content_black a {
  color: #0A9F8F;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#main_content_black a:hover,
#main_content_black a:focus {
  color: #0A9F8F;
  text-decoration: none;
}
*/
#main_content_black ul#contact-info {
	font-size: 15px;
	font-weight: 600;
}
#main_content_black ul#contact-info li i {
	color: #fff;
}
#main_content_black ul#follow_us_contacts  li a:hover i{
	border: 2px solid #0A9F8F;
	color:#75807d;
}
#main_content_black h2 {
	text-transform:uppercase;
	font-weight:400;
	font-size:36px;
	color:#565553;
	margin-top:0;
}
#main_content_black h3 {
	color:#565553;
	text-shadow: none;
	padding-bottom: 10px;
}
#main_content_black h3.kontakt-h3 {
	color:#424242;
	font-weight: 600;
}
#main_content_black h4,
#main_content_black h5 {
	color:#565553;
}
#main_content_black .control-label {
	color:#424242;
	text-shadow: none;
	font-size: 15px;
	font-weight: 600;
}
#main_content_black hr {
	border-top: 1px solid #0A9F8F;
	background-color:#F2F8F7;
}
#main_content_black .box_style_1 {
	padding: 25px 25px 5px 25px;
	box-shadow: inset 0 0 0 1px #888888;
	background-color:#F2F8F7;
	border: 0px;
}
#main_content_black .box_style_1.profile ul li {
	border-bottom: 1px solid #888888;
	color: #565553;
}
#main_content_black .img-thumbnail {
	padding: 0;
	border: 1px solid #888888;
} 

#main_content_black .nav {
	padding-left: 15px;
}

#main_content_black .nav-tabs {
    border-bottom: 1px solid #888888;
}

#main_content_black .nav-tabs > li > a {
	border-radius: 3px 3px 3px 3px;
	padding: 5px 9px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 15px;
	color: #565553;
	font-weight: 600;
}
#main_content_black .nav-tabs > li > a:hover,
#main_content_black .nav-tabs > li > a:focus {
	color: #000;
	background-color: #1dd7b2;
	border: 1px solid #F2F8F7;
	cursor: default;
	border-radius: 3px 3px 3px 3px;
	padding: 5px 9px;
	margin-top: 5px;
}
#main_content_black .nav-tabs > li.active > a,
#main_content_black .nav-tabs > li.active > a:hover,
#main_content_black .nav-tabs > li.active > a:focus {
	color: #000;
	background-color: #1dd7b2;
	border: 1px solid #F2F8F7;
	cursor: default;
	border-radius: 3px 3px 3px 3px;
	padding: 5px 9px;
	margin-top: 5px;
}

.container.footer-info {
	background-color: none;
}

/*  Kurs Layout Black  */

#main-features.kurs .chapter_course{
	background-color: #F2F8F7;
	padding:10px;
	font-size:18px;
	line-height:20px;
	margin-top:25px;
	margin-bottom:0;
	border: 1px solid #e0e5e9;
	border-bottom:2px solid #e0e5e9;
	font-weight:600;
}


#main-features.kurs .strip_single_course {
	border-bottom: 1px solid #e0e5e9;
	border-left: 1px solid #e0e5e9;
	border-right: 1px solid #e0e5e9;
	padding-top:10px;
	background: url(/catalog/view/theme/default2/image/line_bg_course.png) 29px top no-repeat;
	background-color: #F2F8F7;
}

/*  Survey_Container Black  */

#survey_container-black {
	background-color:#F2F8F7;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 5 rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	margin-top:0px;
}
#survey_container-black p {
	font-size: 15px;
	color: #565553;
	font-weight: 600;
}

#survey_container-black a {
	color: #0A9F8F;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#survey_container-black a:hover,
#survey_container-black a:focus {
	color: #0A9F8F;
	text-decoration: none;
}
#survey_container-black h2 {	color:#565553;
}
#survey_container-black h3 {	color:#565553;
}
#survey_container-black h4 {	color:#565553;
}
#survey_container-black h5 {	color:#565553;
}
#survey_container-black legend {
	border-bottom: 1px solid #888;	color:#565553;
}
#survey_container-black label {
	color:#565553;
}
#survey_container-black input.form-control,
#survey_container-black select.form-control,
#survey_container-black textarea.form-control {	
	color:#565553;
	background-color:#DDF0E9;
	border: 1px solid #888;
	border-radius: 3px;
}
#survey_container-black hr {
	border-top: 1px solid #606060;
}
#survey_container-black .buttons {
	margin: 0;
	padding-top: 0;
	border-top: 0;
}
#survey_container-black .button_medium {
	color: #fff;
	border:2px solid #0A9F8F;
	padding:5px 10px;
}
#survey_container-black .button_medium:hover {
	color: #0A9F8F;
	border:2px solid #0A9F8F;
	padding:5px 10px;
}
.left_widget  .list-group-item,
#survey_container-black .list-group-item {
	background-color:#F2F8F7;
	color: #0A9F8F;
	border: 1px solid #888;
}
.left_widget .list-group-item:hover,
#survey_container-black .list-group-item:hover {
	background-color:#0A9F8F;
	color: #fff;
}
.left_widget .list-group-item.active {
	color: #fff;
}
.left_widget .list-group-item.active:hover,
.left_widget .list-group-item.active:active {
	background-color:#F2F8F7;
	color: #fff;
	border: 1px solid #888;
	cursor: default;
}
.left_widget a.list-group-item.list-group-item-child {
	padding-left: 33px;
}
#survey_container-black .description {
	font-size: 15px;
	color: #565553;
	font-weight: 600;
}
.ie8 #survey_container-black {
	background-color:#fff;
	border:1px solid #ddd;
	margin-top:60px;
	margin-bottom:60px;
}

#wizard_bg .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #fff;
	background-color: #F2F8F7;
	border: 1px solid #F2F8F7;
	border-bottom-color: transparent;
	cursor: default;
}
@media (max-width: 767px) {
	#wizard-news_bg {
	padding: 0 0 0 0;
	}
	#wizard-news_bg .container {
	padding: 0 0 0 0;
	}
	.article-content .article-meta {
		padding-right: 0;
	  	padding-bottom: 2px;
	}
	.article-content .article-meta .article-share{
		float: none;
		margin-right: 0;
		padding-top: 10px;
		text-align: right;
	}
	#survey_container-black .artblock {
		padding: 0;
	}
}

.news_pag-text {
	color: #565553;
}
#artsearch input.form-control,
#bsearch input.form-control {
	background-color:#F2F8F7;
	border: 1px solid #888;
	border-radius: 3px;
}


/* Wizard_Bg Black */

#wizard_bg-black {
	background: #0cbdaa url(/catalog/view/theme/default2/image/bg_sub-header.png) repeat 0 0;
	padding: 30px 0 60px 0;
}
@media (max-width: 767px) {
	#wizard_bg-black {
		padding: 0 0 0 0;
	}
}
/* 
	#wizard_bg-black .alert {
		margin-top: -10px;
	}
*/
#wizard_bg-black .nav > li > a:hover, 
#wizard_bg-black .nav > li > a:focus {
	color: #565553;
	background-color: #F2F8F7;
	border: 1px solid #F2F8F7;
	border-bottom-color: transparent;
}
#wizard_bg-black .nav-tabs > li.active > a,
#wizard_bg-black .nav-tabs > li.active > a:hover,
#wizard_bg-black .nav-tabs > li.active > a:focus {
	color: #565553;
	background-color: #F2F8F7;
	border: 1px solid #F2F8F7;
	border-bottom-color: transparent;
	cursor: default;
}
@media (max-width: 767px) {
	#wizard_bg-black .nav {
		padding-left: 15px;
	}
	#wizard_bg-black .nav-tabs > li > a {
		border-radius: 3px 3px 3px 3px;
		padding: 5px 9px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	#wizard_bg-black .nav-tabs > li > a:hover,
	#wizard_bg-black .nav-tabs > li > a:focus {
		color: #565553;
		background-color: #F2F8F7;
		border: 1px solid #F2F8F7;
		cursor: default;
		border-radius: 3px 3px 3px 3px;
		padding: 5px 9px;
		margin-top: 5px;
	}
	#wizard_bg-black .nav-tabs > li.active > a,
	#wizard_bg-black .nav-tabs > li.active > a:hover,
	#wizard_bg-black .nav-tabs > li.active > a:focus {
		color: #565553;
		background-color: #F2F8F7;
		border: 1px solid #F2F8F7;
		cursor: default;
		border-radius: 3px 3px 3px 3px;
		padding: 5px 9px;
		margin-top: 5px;
	}
}
@media (min-width: 768px) {
	#wizard_bg-black input,
	#wizard_bg-black select {
		margin-right: 10px;
	}
}
#wizard_bg-black #survey_container {
	background-color: #F2F8F7;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 5 rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	margin-top: 0px;
}
#wizard_bg-black #survey_container p,
#wizard_bg-black #survey_container label,
#wizard_bg-black #survey_container .description,
#wizard_bg-black #survey_container .card-block,
#wizard_bg-black #survey_container .blk-card-txt {
	font-size: 15px;
	color: #565553;
	font-weight: 600;
}

@media (max-width: 767px) {
	#wizard_bg-black #survey_container .blk-card-txt {
		padding-left: 10px;
		margin-bottom: 15px;
	}
	#wizard_bg-black #survey_container .blk-card-abo {
		margin-top: 10px;
		padding-left: 10px;
		margin-bottom: 25px;
	}
	#wizard_bg-black #survey_container .add-card-btn {
		padding-left: 10px;
	}
	#wizard_bg-black #survey_container .subscription-block {
		padding-left: 0;
	}
	#wizard_bg-black .container {
		padding-left: 0;
		padding-right: 0;
	}
	#modal-black .th-box_style-2 {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width: 768px) {
	#wizard_bg-black #survey_container .blk-card-txt,
	#wizard_bg-black #survey_container .blk-card-abo {
    float: right !important;
	}
}
#wizard_bg-black #survey_container .subscription-block {
	color: #565553;
	font-weight: 500;
}
#wizard_bg-black #survey_container a {
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#wizard_bg-black #survey_container a:hover,
#wizard_bg-black #survey_container a:focus {
	text-decoration: none;
}
#wizard_bg-black #survey_container h1,
#wizard_bg-black #survey_container h2,
#wizard_bg-black #survey_container h3,
#wizard_bg-black #survey_container h4,
#wizard_bg-black #survey_container h5 {
	color: #565553;
}
#wizard_bg-black #survey_container a.btn,
#wizard_bg-black #survey_container a.facebookLoginAnchor {
	color: #ffffff;
	font-weight: 500;
}
#wizard_bg-black #survey_container legend {
	border-bottom: 1px solid #888;
	color: #565553;
	padding-top: 15px;
}
#wizard_bg-black #survey_container input.form-control,
#wizard_bg-black #survey_container select.form-control {
	color: #565553;
	background-color: #E9EFED;
	border: 1px solid #aaa;
	border-radius: 3px;
	font-weight: 500;
}
#wizard_bg-black #survey_container hr {
	border-top: 1px solid #606060;
}
#wizard_bg-black #survey_container table.table-order_list thead {
	color: #565553;
}
#wizard_bg-black #survey_container table.table-order_list tfoot {
	color: #565553;
}
#wizard_bg-black #survey_container table.table-address_list tbody > tr {
	background-color: #F2F8F7;
	border: 2px solid #606060;
	font-size: 15px;
	color: #565553;
	font-weight: 600;
}
#wizard_bg-black #survey_container table.table-order_list tbody > tr {
	color: #565553;
}
#wizard_bg-black #survey_container table.table-order_list tbody > tr:nth-of-type(odd) {
	color: #565553;
	background-color: #DDF0E9;
}
#wizard_bg-black #survey_container .table > tbody > tr > th,
#wizard_bg-black #survey_container .table > tfoot > tr > th,
#wizard_bg-black #survey_container .table > tbody > tr > td,
#wizard_bg-black #survey_container .table > tfoot > tr > td {
    border-top: 1px solid #606060;
}
#wizard_bg-black #survey_container .table > thead > tr > td,
#wizard_bg-black #survey_container .table > thead > tr > th {
    border-top: 0px;
}
#wizard_bg-black #survey_container .pagination-wrapper {
	font-size: 12px;
	color: #565553;
	border-top: 1px solid #606060;
	padding-top: 15px;
	margin-top: 30px;
}
#wizard_bg-black #survey_container .buttons {
	margin: 0;
	padding-top: 0;
	border-top: 0;
}
#wizard_bg-black #survey_container .button_medium {
	border: 2px solid #0A9F8F;
	padding: 5px 10px;
}
#wizard_bg-black #survey_container .button_medium:hover {
	color: #0A9F8F;
	border: 2px solid #0A9F8F;
	padding: 5px 10px;
}
#wizard_bg-black #survey_container .list-group-item {
	background-color: #F2F8F7;
	color: #0A9F8F;
	border: 1px solid #888;
}
#wizard_bg-black #survey_container .list-group-item:hover {
	background-color: #101010;
	color: #565553;
}
#wizard_bg-black #survey_container #top-wizard,
#wizard_bg-black #survey_container #bottom-wizard {
	font-size: 15px;
	font-weight: 600;
	background-color: #DDF0E9;
	color: #565553;
}
#wizard_bg-black #survey_container #bottom-wizard {
	padding-bottom: 0;
}
#wizard_bg-black #survey_container #bottom-wizard .button_medium {
	color: #565553;
}
#wizard_bg-black #survey_container #bottom-wizard .button_medium:hover {
	color: #1dd7b2;
}

@media (max-width: 767px) {
	#wizard_bg-black #survey_container #bottom-wizard .button_medium {
		margin-top: 15px;
	}
}

.ie8 #wizard_bg-black #survey_container {
	background-color: #fff;
	border: 1px solid #ddd;
	margin-top: 60px;
	margin-bottom: 60px;
}


/* Modal Black */

#modal-black .modal-content {
	background-color: #F2F8F7;
	border: 2px solid #606060;
	border-radius: 4px;
}
#modal-black .modal-header,
.modal-header {
	border-bottom: 1px solid #888888;
	background-color: #DDF0E9;
	color: #565553;
}
#modal-black h3,
#modal-black h4 {
	color: #565553;
}
#modal-black .modal-header button.close {
	color: #565553;
	opacity: 1;
	font-weight: normal;
}
#modal-black .modal-body,
#modal-black .modal-body p,
#modal-black .modal-body h5 {
	color: #565553;
}

#modal-black .modal-body a {
	color: #565553;
}
#modal-black .modal-body a:hover {
	color: #565553;
}
#modal-black .modal-body p,
.modal-body p {
	font-size: 15px;
	font-weight: 500;
}
#modal-black .modal-body hr,
.modal-body hr {
	border-top: 1px solid #888888;
}
#modal-black .modal-footer,
.modal-footer {
	border-top: 1px solid #888888;
  background-color: #DDF0E9;
}

#modal-black .panel-default > .panel-heading,
#modal-black .panel-default > .panel-heading a:focus,
#modal-black .panel-default > .panel-heading h4.panel-title,
#content .panel-default > .panel-heading,
#content .panel-default > .panel-heading a:focus {
	color: #565553;
	font-size: 15px;
	font-weight: 600;
	background-color: #DDF0E9;
	border-color: #888888;
}
#modal-black .panel-default > .panel-heading a:hover,
#modal-black .panel-default > .panel-heading a:active,
#content .panel-default > .panel-heading a:hover,
#content .panel-default > .panel-heading a:active {
	color: #565553;
}

#modal-black .panel-default > .panel-heading + .panel-collapse > .panel-body,
#content .panel-default > .panel-heading + .panel-collapse > .panel-body {
	color: #565553;
	font-size: 15px;
	font-weight: 500;
	border-top-color: #888888;
	background-color: #F2F8F7;
}
#modal-black .panel-group .panel-heading + .panel-collapse > .panel-body,
#modal-black .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #888888;
}

#modal-black #modal-cart .cart-order .table.table-borderless tr:last-child td:last-child {
    border-top: 0px solid #F2F8F7!important;
}
#modal-black #modal-cart .cart-order .table.table-borderless > tbody > tr > td {
    border-top: 0px solid #F2F8F7;
}

#modal-black #modal-cart .action-call {
	background-color: #DDF0E9;
  border-top: 1px solid #888888;
}
#modal-black #modal-cart a.btn-cart-view {
	color: #333;
	font-weight: 600;
}
#modal-black #modal-cart a.btn-cart-view:hover {
	color: #333;
}
#modal-black #modal-cart .cart-list .table tr:hover {
  background-color: #DDF0E9;
}
#modal-black #modal-cart .cart-list .table a {
	color: #565553;
}
#modal-black #modal-cart .cart-list .table a:hover {
	color: #1dd7b2;
}
#modal-black #modal-cart .cart-list .table a.text-danger:hover {
	color: #ff0000;
}
#modal-black #modal-cart-add .alert.alert-success {
    background-color: #DDF0E9;
    color: #4da500;
}

#content.content-handlevogn {
	margin-bottom: 20px;
}


/* Modal */
.modal-body h5 {
	margin-bottom: 1px;
}


/* KursMeny */
.kurs-navbar {
	border-radius: 6px;
}

.kurs-kursmeny {
    margin-left: 5px;
    margin-right: 20px;
}
@media (max-width: 767px) {
	.kurs-kursmeny {
	    margin-left: 0;
	    margin-right: 0;
	}
}
.kurs-tilbake {
	margin-right: 10px;
}

a.meny-header-xs {
  padding-top: 2px;
}

.navbar-toggle .icon-bar.icon-kursmeny {
	display: block;
	width: 22px;
	height: 3px;
	border-radius: 1px;
	background-color: #fff;
}


/* Modal Help Black Reply Form*/

.th-box_style-2 {
    background: #303030;
    border: 1px solid #404040;
    padding: 5px 30px;
    margin-top: 30px;
    position: relative;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

/* Dropdown Menu White */

.dropdown-menu {
  background-color: #F2F8F7;
	border: 1px solid #AAA;
}
#toolbar-top .dropdown-menu a {
  color: #565553;
}
#toolbar-top .dropdown-menu a:hover {
  color: #1dd7b2;
}
#toolbar-top .dropdown-menu a.text-danger {
  color: #565553;
}
#toolbar-top .dropdown-menu a.text-danger:hover {
  color: #ff0000;
}
#toolbar-top .dropdown-menu a.btn-cart-view {
  color: #333;
	font-weight: 500;
}
.dropdown-menu > li > a {
	color: #565553;
	font-size: 12px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #F2F8F7;
  color: #0A9F8F !important;
}
#cart .cart-order .table.table-borderless tr:last-child td:last-child {
    border-top: 1px solid #F2F8F7!important;
}
#cart .cart-order .table.table-borderless > tbody > tr > td {
    border-top: 1px solid #F2F8F7;
}


/* Dropdown Menu Green 

.dropdown-menu {
  background-color: #0CBDAA;
	border: 1px solid #7EEDD7;
}
#toolbar-top .dropdown-menu a {
  color: #FFFFFF;
}
#toolbar-top .dropdown-menu a:hover {
  color: #F2F8F7;
}
#toolbar-top .dropdown-menu a.text-danger {
  color: #565553;
}
#toolbar-top .dropdown-menu a.text-danger:hover {
  color: #ff0000;
}
#toolbar-top .dropdown-menu a.btn-cart-view {
  color: #333;
	font-weight: 500;
}
.dropdown-menu > li > a {
	color: #FFFFFF;
	font-size: 14px;
	padding: 6px 20px 6px 12px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #F2F8F7;
  color: #0A9F8F !important;
}
#cart .cart-order .table.table-borderless tr:last-child td:last-child {
    border-top: 1px solid #F2F8F7!important;
}
#cart .cart-order .table.table-borderless > tbody > tr > td {
    border-top: 1px solid #F2F8F7;
}
*/



/* Login_Bg Black */

#login_bg-black {
	background: #0cbdaa url(/catalog/view/theme/default2/image/bg_sub-header.png) repeat 0 0;
	padding:30px 0;
	border-top: 0px solid #606060;
}
#login_bg-black #login,
#login_bg-black #login .span-or {
	background-color: #F2F8F7;
}
#login_bg-black #login {
	border: 1px solid #888888;
}
#login_bg-black #login hr {
	border-top: 1px solid #888888;
}
#login_bg-black .alert {
	margin-top: -10px;
}
#login_bg-black input.form-control,
input.form-control.style_2,
textarea#message_contact.form-control {
	color: #565553;
	background-color: #DDF0E9;
	border: 1px solid #888888;
	border-radius: 3px;
}

input.form-control.style_2,
textarea#message_contact.form-control {
	background-color: #DDF0E9;
	color: #565553;
}

#login_bg-black #login a.facebookLoginAnchor {
	color: #565553;
}

/* Gallery Black */

.gallary {
	border: 2px solid #606060;
	box-shadow: 0 0 0 rgba(234, 228, 223, 0.68);
}

.breadcrumb.br-photo {
	font-size: 15px;	
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 0;
}
.breadcrumb.br-photo a {
	color: #565553;
}
.breadcrumb.br-photo a:hover {
	color: #fff;
	text-decoration: none;
}
.breadcrumb.br-photo li:last-child a {
    color: #565553;
}


/* Checkout Black */

#card-fieldset legend {
	border-bottom: 1px solid #565553;
}


table.table-checkout {
  border: 0px;
}
table.table-checkout > thead > tr > th,
table.table-checkout > thead > tr > td,
table.table-checkout > tbody > tr > th,
table.table-checkout > tbody > tr > td,
table.table-checkout > tfoot > tr > th,
table.table-checkout > tfoot > tr > td {
  border: 0px;
}
table.table-checkout > thead > tr > th,
table.table-checkout > thead > tr > td,
table.table-checkout > tbody > tr > th,
table.table-checkout > tbody > tr > td {
  border-bottom: 1px solid #565553;
}

td.table-checkout-sum {
  border-bottom: 1px solid #565553 !important;
}



/*  News Layout Black  */

.h4-news_articles {
	font-weight: 600;
}

.bnews-list .artblock .article-meta.hr-news-black,
#survey_container-black .article-meta.hr-news-black,
.list_blog .article-meta.hr-news-black {
	color: #565553;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	margin-top: 2px;
	margin-bottom: 5px;
}

.bnews-list .artblock .article-meta.hr-news-black svg,
#survey_container-black .article-meta.hr-news-black svg,
.article-meta.hr-news-black svg,
.post_date_blog svg {
	margin-right: 5px;
	margin-left: 15px;
}

.bnews-list .artblock .article-meta.hr-news-black svg.th-fa-first,
#survey_container-black .article-meta.hr-news-black svg.th-fa-first,
.article-meta.hr-news-black svg.th-fa-first,
.post_date_blog svg.th-fa-first {
	margin-right: 5px;
	margin-left: 0;
}


.late_news_hight {
	height: 55px;
}
@media (max-width: 1199px) {
	.late_news_hight {
		height: 70px;
	}
}
@media (max-width: 767px) {
	.late_news_hight {
		height: 100%;
	}
}

@media (max-width: 767px) {
.bnews-list .artblock.artblock-2 {
    padding-right: 0px;
    padding-left: 0px;
}
}

/* Blog - News */

.oc-module h3.latest-news-top-h3 {
	margin-top: 0;
	margin-bottom: 10px;
}

.container.th-blog-top {
	margin-top: 0;
}
@media (max-width: 767px) {
	.container.th-blog-top {
		margin-top: 0;
	}
}

.block-position-vertical *+.oc-module {
	margin-top: 25px;
}

@media (max-width: 767px) {
	.block-position-vertical *+.oc-module {
		margin-top: 0;
	}
}

column-left.blogs_top-marg,
content.blogs_top-marg  {
	margin-top: 10px;
}

.layout4 .blogs_post .blog_post4 .post_date_blog {
	font-size: 14px;
	font-weight: 500;
}

.layout4 .blogs_post .blog_post4 .article-meta.hr-news-black{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 1px;
}

.layout4 .blogs_post .blog_post4 h3 {
    font-size: 22px;
    margin: 0px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 4px;
    margin-bottom: 5px;
    color: #0A9F8F;
}
.layout4 .blogs_post .blog_post4 h3:hover {
    color: #565553;
}

.layout4 p.description {
	margin-bottom: 0;
}


.article-content .article-meta {
	padding-left: 9px;
    padding-bottom: 4px;
}

.content.blog-content .comment-header, .content.blog-reply .reply-header {
	background: #303030;
	border-radius: 0;
	font-size: 13px;
	padding: 6px;
	padding-left: 9px;
	border: 0;    
	border-bottom: 1px solid #606060;
	position: relative; 
}
.content .comment-text {
	background: #282828;
	padding: 6px;
	padding-left: 9px;
	padding-top: 6px;
	margin-bottom: 15px;
	font-weight: 500;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0 0 20px 0;
  border-radius: 3px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 5px 8px;
  line-height: 22px;
  text-decoration: none;
  color: #0A9F8F;
  background-color: #F2F8F7;
  border: 1px solid #888888;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #0cbdaa;
  border: 1px solid #888888;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  font-weight: 600;
  background-color: #0cbdaa;
  border: 1px solid #888888;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #828282;
  background-color: #888888;
  border-color: #d2d2d2;
  cursor: not-allowed;
}

.pagination > li > a .fa-lg {
    line-height: 4.75em;
}

.pag-blog-row {
	margin-top: 25px;
}

hr.hr-feedback {
    margin-top: 30px;
}
p.p-feedback {
    line-height: 25px;
}

@media (max-width: 767px) {
	.row.blog-row-margin {
	    margin-top: -40px;
	}
	.row.blog-row-margin.b-search-pg {
	    margin-top: 0;
	}
}

h1.h1-search-top {
	margin-top: 10px;
}


/** Produkt siden **/

#product .btn-primary,
.category-list .btn-primary {
  color: #333333;
  background-color: #1dd7b2;
  border-color: #1dd7b2;
	font-weight: 600;
	border-radius: 4px;
	padding-top: 10px;
}

#product h4 {
  color: #565553;
}
#product .radio label,
#product .checkbox label {
	font-weight: 500;
}

.product-content .nav > li > a {
	color: #ffffff;
}

#column-left .list-group-item {
	z-index: 2;
	color: #0A9F8F;
	background-color: transparent;
	border-color: #888;
}

#column-left .list-group-item .badge {
  color: #0A9F8F;
  background-color: #ffffff;
	font-weight: 500;
}

#column-left .list-group-item:hover {
  background-color: #0cbdaa;
  color: #ffffff;
}

#column-left .list-group-item.active,
#column-left .list-group-item.active:hover,
#column-left .list-group-item.active:focus {
	z-index: 2;
	color: #fff;
	background-color: #0cbdaa;
	border-color: #888888;
}

.product-content .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.product-content .nav > li > a:hover,
.nav-tabs > li.active > a:focus {
	color: #333333;
}

#product input.form-control {
	height: 38px;
	font-size: 20px;
	font-weight: 500;
}

.category-pagination, .pagination-wrapper {
	font-size: 12px;
	color: #565553;
	border-top: 1px solid #d2d2d2;
	padding-top: 15px;
	margin-top: 30px;
	margin-bottom: 15px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #d2d2d2;
	border-bottom-color: transparent;
	cursor: default;
}

.product-thumb {
	margin-top: 20px;
	background: #F2F8F7;
	border: 1px solid #888888;
	border-radius: 3px;
	position: relative;
}
.product-thumb .caption {
	padding: 5px 13px;
	background-color: #F2F8F7; 
	border-top: 1px solid #888888;
}
.product-thumb .caption h4 a {
	color: #0A9F8F;
}
.product-thumb h4 {
	font-size: 18px;
	margin: 5px 0 18px;
}

.price-new, .price-regular {
	color: #565553;
	font-size: 20px;
	line-height: 25px;
	font-weight: 600;
}

.buy-btn-text {
	font-size: 16px;
}

.thumbnail {
	background-color: transparent;
}


/** Prøveperiode side **/

.trial-14-top {
	font-size: 30px;
	color: #565553;
	text-shadow: none;
	padding-bottom: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
}

#main_content_black p.trial-14-top-p {
	color: #565553;
}

#main_content_black.trial-14 {
    padding: 20px 0 25px 0;
}

.pricing-table.green.trial-14 {
    margin-top: 5px;
}


/** Panel dropdown startsiden **/

#start-black-page .panel-default {
	margin-top: 30px
}

#start-black-page .panel-default > .panel-heading,
#start-black-page .panel-default > .panel-heading a:focus,
#start-black-page .panel-default > .panel-heading h4.panel-title {
	color: #1dd7b2;
	font-size: 15px;
	font-weight: 600;
	background-color: #303030;
	border-color: #404040;
}
#start-black-page .panel-default > .panel-heading a:hover,
#start-black-page .panel-default > .panel-heading a:active {
	color: #fff;
}

#start-black-page .panel-default > .panel-heading + .panel-collapse > .panel-body {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	border-top-color: #404040;
	background-color: #303030;
}

.bg-story-vcenter {
  padding: 20px 0;
}
h2.sklp-h2 {
	font-size: 25px;
}

a.sklp-btn-border1 {
	color: #0A9F8F;
}
a.sklp-btn-border1:hover {
	color: #565553;
}

.sklp-storyimg-vcenter {
  width: 150px;
  padding: 5px 0;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .sklp-storyimg-vcenter {
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

.sklp-img-margin1 {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
	.sklp-img-margin1 {
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
	}
}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 15px;
    border-left: 5px solid #e7e7e7;
}
.blockquote2 cite {
    display: block;
    font-style: italic;
    font-weight: 600;
    font-size: 14px;
    line-height: 33px;
}
.well.col-well {
	color: #565553;
	font-size: 15px;
	font-weight: 500;
	border-color: #888888;
	background-color: #FAFAFA;
	margin-top: 25px;
}

/** Velkomstgave og info Modal **/
@media (max-width: 767px) {
	.ing-center767 {
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
	}
	.velk-marg-b {
    margin-bottom: 15px;
	}
}

.modal-body .usr-name {
	width: 150px;
	text-align: center;
}
.modal-body img.usr-img {
	float: left;
	margin-right: 15px;
	margin-bottom: 7px;
}
.home_v1-1 hr,
.home_v1-2 hr {
	margin-top: 0;
	margin-bottom: 30px;
}
.home_v1-1 ul,
.home_v1-2 ul {
	margin-bottom: 20px;
}

.home_v1-7 h1 {
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
	font-size: 40px;
}
.home_v1-7 h2 {
	font-weight: 600;
	margin-top: 40px;
	margin-bottom: 5px; 
	text-align: center;
}

.home_v1-7 .tools-sq-col-l {
	padding-right: 0;
}
.home_v1-7 .tools-sq-col-r {
	padding-left: 0;
}

.home_v1-7 .tools-col-r,
.home_v1-7 .tools-col-c,
.home_v1-7 .tools-col-l {
	padding-left: 5px;
	padding-right: 5px;
}
@media (max-width: 767px) {
	.home_v1-7 .tools-col-r,
	.home_v1-7 .tools-col-c,
	.home_v1-7 .tools-col-l {
		padding-left: 10px;
  	padding-right: 10px;
	}
}

.home_v1-7 img.center-img {
	display: block;
	margin: auto; 
}
.home_v1-7 img.tools-img {
	display: block;
	margin: auto; 
	padding: 40px 300px;
}
@media (max-width: 992px) {
	.home_v1-7 img.tools-img {
		padding: 10px 200px;
	}
}
@media (max-width: 767px) {
	.home_v1-7 img.tools-img {
		padding: 10px 0;
	}
	.home_v1-7 img {
		display: block;
		margin: auto;
	}
}

/** <strong>Forsiden</strong> ver.2 **/
#top-image {
	background: url(/image/header_1.jpg) repeat 0 0;
	background-size: cover;
	color: #222222;
	font-weight: 500;
	padding: 20px;
/*  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; */
/*  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); */
}
#white-box {
	background-color:#fff;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 5 rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	padding:30px;
}
#white-box.sect-vid {
	padding-bottom: 22px;
	margin-bottom: 30px;
}
.bg-sewing {
	background: #0cbdaa url(/catalog/view/theme/default2/image/bg_sub-header.png) repeat 0 0;
}
.bg-light {
  background-color: #FAFAFA !important;
}
.bg-lolight {
  background-color: #F2F8F7 !important;
}
.bg-green {
  background-color: rgba(12,189,170,1.00) !important;
}
.bg-green-light {
  background-color: rgba(12,189,170,0.40) !important;
}
.fp-section0 {
	padding: 30px 0 37px 0;
}
.fp-section1 {
	padding: 80px 0;
}
.fp-section2 {
	padding: 20px 0 40px 0;
}
.fp-section3 {
	padding: 30px 0 60px 0;
}
.fp-section4 {
	padding: 40px 0 80px 0;
}
.fp-section5 {
	padding: 80px 0 80px 0;
}
.mainheader1 {
	font-family: 'Farsan', cursive;
	font-size: 55px;
	line-height: 55px;
	padding-top: 20px;
	padding-bottom: 30px;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	/*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);*/
	}

.mainheader1.mh-test {
	font-family: 'Farsan', cursive;
	font-size: 55px;
	line-height: 55px;
	padding-top: 30px;
	padding-bottom: 30px;
	/*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
	}
.mainheader1.mh-test li {
  background: url("/image/icons/sewing-machine.png") no-repeat left;
	background-size: 30px;
	padding-left: 50px;
	padding-top: 2px;
}

.mainheader1 p {
	text-align: center;
}
.mainheader1 .mh-align {
	margin: auto;
	width: 65%;
}
.mainheader1 ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.mainheader1 li {
  background: url("/image/icons/sewing-machine-v2.png") no-repeat left;
	background-size: 30px;
	padding-left: 50px;
	padding-top: 2px;
}

@media (max-width: 1199px) {
	.mainheader1 .mh-align {
		width: 75%;
	}
}
@media (max-width: 991px) {
	.mainheader1 .mh-align {
		width: 85%;
	}
}
@media (max-width: 767px) {
	.mainheader1 {
		font-size: 38px;
		line-height: 40px;
		padding-top: 0;
		padding-bottom: 0;
	}
	.mainheader1 .mh-align {
		width: 95%;
	}
	.mainheader1 li {
		padding-top: 10px;
	}
	.mainheader1 p {
		margin-bottom: 5px;
	}
}



.mainheader2 {
	font-family: 'Farsan', cursive;
	font-size: 38px;
	line-height: 36px;
	padding-top: 2px;
	padding-bottom: 19px;
}
.text-top {
	margin-top: 20px;
}
.text-top p {
	font-size: 23px;
	font-family: 'Farsan', cursive;
}
.cta-buttons {
	margin-top: 15px;
}
.owl-item {
	width: auto !important;
}
.owl-carousel .owl-c-item,
.owl-carousel .owl-v-item {
	background-color: #F2F8F7;
	height: 180px;
	margin: 0 10px;
}
.owl-carousel .owl-c-item {
	width: 250px;
	border: 1px solid #0A9F8F;
}
.owl-carousel .owl-v-item {
	width: 310px;
}
.owl-carousel .owl-c-item h3 {
	color: #565553;
	text-align: center;
	/*padding: 5rem 0;*/
	margin: 0;
	font-family: 'Farsan', cursive;
	/*font-style: italic;*/
	font-weight: 300;
}
.owl-carousel .owl-c-item {
	text-align: center;
	padding-top: 30px;
}
.owl-carousel .owl-c-item img {
	height: 48px;
	margin: 0 0 8px 0;
}
.owl-carousel .owl-c-item svg {
	font-size: 48px;
	margin: 0 0 3px 0;
	color: #171818;
}

.mt-10 {
	margin-top: 10px;
}
.mt-15 {
	margin-top: 15px;
}

#section-cta,
#section-owl,
#section-free h2,
#section-cta h2,
#section-owl h2,
#section-video h2,
#section-ovlk h2,
#section-feedback h2,
#learning-om h2,
#accordion h2 {
	font-weight: 400;
	font-family: 'Farsan', cursive;
}

#section-mette {
	font-weight: 500;
	font-family: 'Farsan', cursive;
	font-size: 26px;
	line-height: 32px;
}

#section-newyoga {
	font-weight: 500;
	font-family: 'Farsan', cursive;
	font-size: 26px;
	line-height: 32px;
}
#section-newyoga h2 {
	font-weight: 400;
	font-family: 'Farsan', cursive;
	font-size: 36px;
	line-height: 50px;
	text-transform: uppercase;
}

#section-synett {
	font-weight: 500;
	font-family: 'Farsan', cursive;
	font-size: 26px;
	line-height: 32px;
}
#section-synett h2 {
	font-weight: 400;
	font-family: 'Farsan', cursive;
	font-size: 36px;
	line-height: 50px;
	text-transform: uppercase;
}



#section-cta img {
	border: 1px solid #0cbdaa;
}
#section-cta p,
#section-owl p,
#section-cta .cta-main-text {
	font-size: 21px;
}
#section-cta p,
#section-owl p,
#section-cta .cta-main-text {
	text-align: center;
}
#section-cta h2,
#section-owl h2,
#section-free h2,
#section-video h2,
#section-ovlk h2,
#section-feedback h2,
#learning-om h2,
#accordion h2 {
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 36px;
}
#section-cta .cta-main-text {
	font-size: 32px;
	line-height: 32px;
	margin-top: 25px;
	margin-bottom: 15px;
}
#section-cta .cta-main-text a,
#section-cta .cta-main-text a:hover {
	text-transform: inherit;
	font-weight: 500;
	font-size: 28px;
	padding: 5px 25px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#section-cta .cta-main-text a {
	background: #0A9F8F;
	color: #fff;
	border: 2px solid #0A9F8F;
}
#section-cta .cta-main-text a:hover {
	background: none;
	color: #0A9F8F;
	border: 2px solid #0A9F8F;
}
#section-cta .cta-img {
	padding: 0 20px;
}
p.undertext {
	font-family: 'Farsan', cursive;
	font-size: 24px;
}


/* ========  #section-feedback  ======== */

#section-feedback .feature-icons {
	margin-top: 0;
}
#section-feedback p.undertext {
	margin-top: 4px;
	line-height: 30px;
	margin-bottom: 10px;
}
#section-feedback p.undertext.underskrift {
	margin-top: 0;
	font-size: 22px;
}
@media (max-width: 991px) {
	#section-feedback p.undertext {
		padding-top: 5px;
		margin-bottom: 5px;
	}
	#section-feedback p.undertext.underskrift {
		padding-top: 0;
		margin-bottom: 40px;
	}
}


/* ========  #section-feedback-before  ======== */

#section-feedback-before {
	overflow: hidden;
	padding: 0 0 80px 0;
}
#section-feedback-before .col-sm-6 {
	padding-right: 10px;
	margin-top: 30px;
}
#section-feedback-before h2 {
	font-weight: 400;
	font-family: 'Farsan', cursive;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 36px;
}
#section-feedback-before h5 {
	font-weight: 500;
	margin: 3px 0 5px 0;
}
#section-feedback-before p {
	font-family: 'Farsan', cursive;
	font-size: 24px;
	line-height: 28px;
	position: inherit;
	margin-bottom: 10px;
}
#section-feedback-before p.undertext.underskrift {
	text-align: right;
	padding-right: 15px;
}

@media (max-width: 767px) {
	#section-feedback-before p.undertext.underskrift {
		text-align: left;
		padding-left: 55px;
	}
}

#section-feedback-before svg {
	color: #0A9F8F;
	font-size: 55px;
	transition: 0.5s;
	float: left;
	padding: 0 13px 0 0;
	line-height: 1;
}
#section-feedback-before svg:before {
	background: var(--global-color);
	background: linear-gradient(45deg, var(--global-color) 0%, var(--ico-grad-2) 100%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


/* ========  #section-merinfo  ======== */

#section-merinfo .col-12 {
	margin-left: 10px;
}
#section-merinfo .feature {
	padding-left: 100px;
}
#section-merinfo .feature-icons {
	margin-top: 0;
}
#section-merinfo p.undertext {
	margin-top: 0;
	line-height: 30px;
	margin-bottom: 10px;
}
#section-merinfo p.undertext.underskrift {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 22px;
}
@media (max-width: 991px) {
	#section-merinfo p.undertext {
		padding-top: 5px;
		margin-bottom: 5px;
	}
	#section-merinfo p.undertext.underskrift {
		padding-top: 0;
		margin-bottom: 40px;
	}
}






/* ========  #section-fleresy  ======== */

#section-fleresy {
	overflow: hidden;
	padding: 60px 0 80px 0;
}
#section-fleresy .col-sm-6 {
	padding-right: 10px;
	margin-top: 30px;
}
#section-fleresy h2 {
	font-weight: 400;
	font-family: 'Farsan', cursive;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 36px;
}
#section-fleresy h5 {
	font-weight: 500;
	margin: 3px 0 5px 0;
}
#section-fleresy p {
	font-family: 'Farsan', cursive;
	font-size: 24px;
	line-height: 28px;
	position: inherit;
	margin-bottom: 10px;
}
#section-fleresy p.undertext.underskrift {
	text-align: right;
	padding-right: 15px;
}

@media (max-width: 767px) {
	#section-fleresy p.undertext.underskrift {
		text-align: left;
		padding-left: 55px;
	}
}

#section-fleresy svg {
	font-size: 55px;
	transition: 0.5s;
	float: left;
	padding: 0 13px 0 0;
	line-height: 1;
	color: #0A9F8F;
}
#section-fleresy svg:before {
	background: var(--global-color);
	background: linear-gradient(45deg, var(--global-color) 0%, var(--ico-grad-2) 100%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}




/** Tillegg forsiden ver.2 **/

.forside-r-info img {
	padding: 0 30px 5px 30px;
}
.forside-r-info h3 {
	font-size: 20px;
	text-align: center;
}
.forside-r-info p {
	text-align: center;
}
@media (max-width: 991px) {
	.forside-r-info img {
		padding: 30px 30px 5px 30px;
	}
}

.forside-r-info.sirkler-bg-g h3.forsiden-h3,
.forside-r-info.sirkler-bg-g p {
	color: #FFFFFF;
	font-weight: 600;
}


/*  Runde bilder - sirkler  */
.flexcontainer {
  display: flex;
	flex-wrap: nowrap;
	align-items: center;
  justify-content: center;
}
.flexcontainer.wrap {
	flex-wrap: wrap;
}
.flexcontainer h3.forsiden-h3 {
	font-size: 17px;
	text-align: center;
}
.flexcontainer h3.prod-h3 {
	font-size: 17px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}
h3.flexprod-h3 {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;
}
h3.flexprod-h3.first-line {
	margin-top: 0;
}
.flexcontainer.prod-wdt img {
	width: 160px;
	padding: 5px;
}
@media (max-width: 1199px) {
	.flexcontainer h3.forsiden-h3 {
		font-size: 15px;
	}
}
@media (max-width: 991px) {
	.flexcontainer {
		flex-wrap: wrap;
	}
}
.forside-r-top img {
	padding: 5px;
}
.forside-r-top h3 {
	font-size: 20px;
	text-align: center;
	font-weight: 600;
}
@media (max-width: 991px) {
	.forside-r-top img {
		width: 200px;
	}
}
@media (max-width: 767px) {
	.forside-r-top img {
		width: 160px;
	}
}


/* ========  Toppinfo startsiden  ======== */

#toppinfo .topp-container {
	position: relative;
}
#toppinfo .top-cont-img {
	position: absolute;
  right: 0;
  padding-top: 5px;
}
#toppinfo .top-cont-img img {
  height: 200px;
}
#toppinfo .topptekst-1 {
  position: absolute;
  left: 0px;
	font-size: 38px;
  line-height: 44px;
  padding-top: 10px;
}
#toppinfo .topptekst-2 {
  position: absolute;
	left: 0px;
  top: 75px;
  font-size: 24px;
  line-height: 36px;
  padding-top: 5px;
}
#toppinfo .top-bok {
  padding-top: 2px;
}
#toppinfo .ja-takk-topp {
	font-size: 26px;
  text-align: center;
  margin: 10px 0 10px 0;
}
#toppinfo .ja-takk-buy svg {
	font-size: 12px;
}
#toppinfo .ja-takk-buy p {
  line-height: 28px;
  margin-bottom: 10px;
}
#toppinfo .ja-takk-buy .btn-group a.button_fullwidth {
  padding: 3px 0px;
	font-size: 12px;
}

@media (max-width: 992px) {
	#toppinfo .topptekst-1,
  #toppinfo .topptekst-2,
  #toppinfo .top-cont-img {
    position: inherit;
    text-align: center;
  }
  #toppinfo .toppbr,
  #toppinfo .top-cont-img {
    display: none;
  }
  #toppinfo .top-bok {
    padding-left: 10px;
    padding-right: 10px;
  }
  /*#toppinfo .ja-takk-buy {
    position: relative;
    text-align: left;
    left: 50%;
    transform: translate(-50%, 0%);
  } */
}

@media (max-width: 767px) {
	#toppinfo .topptekst-1,
  #toppinfo .topptekst-2 {
    position: inherit;
    text-align: center;
  }
  #toppinfo .ja-takk-buy {
    max-width: 350px;
    position: relative;
    text-align: left;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}
@media (min-width: 992px) {
  #toppinfo .nondislpay {
    display: none;
  }
}

/* ========  Typiske problemer  ======== */

#typ-probl .bilde-container {
  position: relative;
  text-align: left;
  left: 50%;
  transform: translate(-50%, 0%);
}
#typ-probl .txt-top {
  position: absolute;
  top: 80px;
  left: 35px;
  font-size: 16px;
  line-height: 28px;
}
#typ-probl .txt-br {
  display: none;
}
#typ-probl .txt-top.check-green svg,
#typ-probl .txt-top.check-red svg,
#typ-probl .txt-top.check-blue svg {
  margin-right: 5px;
  margin-left: 5px;
}
#typ-probl .txt-top.check-green svg {
  background: #2aa436;
}
#typ-probl .txt-top.check-red svg {
  background: #d96e44;
}
#typ-probl .txt-top.check-blue svg {
  background: #3ca2c4;
}
#typ-probl .txt-top .overskrift {
  padding-bottom: 10px;
  font-weight: 600;
}

@media (max-width: 1199px) {
	#typ-probl .txt-top {
    line-height: 22px;
    top: 75px;
  }
  #typ-probl .txt-br {
    display: inline;
  }
}
@media (max-width: 991px) {
	#typ-probl .bilde-container {
    width: 336px;
    margin-bottom: 20px;
  }
  #typ-probl .txt-top {
    line-height: 28px;
  }
  #typ-probl .txt-br {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #typ-probl .col-md-4.col-sm-0 {
    display: none;
  }
}



/* ========  Grønn bakgrunn  ======== */

.bg-green-textstrip .container {
	text-align: center;
	background-color: rgba(12,189,170,0.40);
	margin-top: 10px;
	margin-bottom: 10px;
}
.bg-green-textstrip h2 {
	font-family: 'Farsan', cursive;
	font-weight: 500;
	margin: 15px 0;
	font-size: 32px;
}


/* ========  Grønn bakgrunn topp infotext  ======== */

.bg-green-textstrip .infotext {
  font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 15px;
  padding: 10px;
}








/* ========  Section Overlock kurs  ======== */

#section-ovlk img {
	height: 400px;
}
.align-btn-bottom a {
	margin-bottom: 0;
	margin-right: 15px;
}
#section-ovlk p,
#section-ovlk h2 {
	text-align: center;
}

@media (min-width: 1200px) {
	#section-ovlk img {
		height: 450px;
	}
	.ol-kurs-info {
		height: 450px;
	}
}
@media (min-width: 992px) {
	.align-btn-bottom {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.ol-kurs-info {
		position: relative;
	}
	.ol-kurs-info {
		height: 400px;
	}
}
@media (max-width: 991px) {
	#section-ovlk img {
		padding-bottom: 15px;
		max-width: 100%;
    height: auto;
		vertical-align: middle;
		display: block;
    margin: auto;
	}
	.align-btn-bottom a {
		text-align: center;
		margin-right: 0;
	}
	.ol-kurs-info {
		padding-left: 0;
    padding-right: 0;
		text-align: center;
	}
}


/*  SECTION FOOTER contact  */
.footer-content p {
	width: 60%;
	margin: 35px auto;
	text-transform: capitalize;
}
/*
.footer-contact {
	margin-top: 40px;
}
*/
.footer-contact ul li {
	padding-top: 30px;
	padding-bottom: 30px;
}
.footer-contact ul li.c-box-2 {
	margin-right: 90px;
	margin-left: 90px;
}

.footer-contact ul li svg {
	margin-right: 30px;
	color: #0A9F8F;
	width: 50px;
	height: 60px;
	text-align: center;
	font-size: 45px;
	padding-top: 15px;
	float: left;
}
.contact-box {
	float: left;
}
.contact-box h3 {
	margin-top: 0;
}
.contact-box a {
	float: left;
}
.footer-contact ul li h4,
.footer-contact ul li h5 {
	font-family: 'Reem Kufi', sans-serif;
}
.footer-contact ul li h5 {
	font-weight: 500;
}



/*  YouTube Margin  */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 20px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*  Pris-boksene  */

#section-cta .pricing-table-header .price-value {
	display: inline-block;
	width: 100%;
	padding: 10px 0px;
	background: #1ABC9C;
	font-family: "Helvetica Neue", Arial;
	font-weight: bold;
	color: #565553;
	border-bottom: 1px solid #1ABC9C;
	margin-bottom: 1px;
}
#section-cta .pricing-table-header .heading {
	padding: 15px 0px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 26px;
}
#section-cta .pricing-table.green .pricing-table-header .price-value {
	background: #F2F8F7;
}
#section-cta .pricing-table-sign-up {
	border-top: 1px solid #1ABC9C;
	padding: 10px 10px 5px 10px;
	text-align: center;
	margin-top: 12px;
	background: #F2F8F7;
}
#section-cta .cta-img-boks {
	padding: 0;
}
#section-cta .pricing-table-features,
#section-cta .pricing-table-features p,
#section-cta .pricing-table-space {
	background: #fff;
}
#section-cta .pricing-table {
	border: 1px solid #1ABC9C;
	background: #fff;
}
#section-cta .cta-img-boks img {
  border: 0;
	display:block; 
	margin:auto;
}
#section-cta #prisboks1 .pricing-table-features p {
	/*padding-bottom: 25px;*/
}
#section-cta a.button_fullwidth {
	font-size: 22px;
	line-height: 28px;
	font-weight: 500;
}

/** Tillegg forside ver. 2.5 **/

.pricing-table-features.top-pris {
	padding-left: 35px;
	position: relative;
}
.pricing-table-features .prisen0,
.pricing-table-features .prisen1,
.pricing-table-features .prisen2 {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	padding: 40px 0 0 4px;
	width: 55px;
	height: 65px;
	font-size: 30px;
	font-weight: 700;
}
.pricing-table-features .prisen0 {
	padding-left: 30px;
}
.pricing-table-features .prisen1 {
	padding-left: 11px;
}
.pricing-table-features h4 {
	text-align: left;
	padding-left: 60px;
	font-weight: 700;
	margin-bottom: 5px;
}
.pricing-table-features .prisen-tekst {
	text-align: left;
	padding-left: 60px;
	font-weight: 500;
	padding-right: 10px;
}
.pricing-table.ptable-1.fp-nr1,
.pricing-table.ptable-2.fp-nr1,
.pricing-table.ptable-3.fp-nr1 {
	margin-top: 80px;
	margin-bottom: 80px;
}
.pricing-table.ptable-1.fp-nr2,
.pricing-table.ptable-2.fp-nr2,
.pricing-table.ptable-3.fp-nr2 {
	margin-top: 100px;
	margin-bottom: 100px;
}
.pricing-table.ptable-1,
.pricing-table.ptable-2,
.pricing-table.ptable-3 {
	margin-top: 200px;
	margin-bottom: 0;
}
@media (max-width: 991px) {
	.pricing-table.ptable-1 {
		margin-top: 100px;
	}
	.pricing-table.ptable-2,
	.pricing-table.ptable-3 {
		margin-top: 15px;
	}
	.pricing-table.ptable-1.fp-nr1,
	.pricing-table.ptable-1.fp-nr2 {
		margin-bottom: 80px;
    margin-top: 80px;
	}
	.pricing-table.ptable-1.fp-nr2 {
		margin-top: 80px;
	}
	.pricing-table.ptable-2.fp-nr2,
	.pricing-table.ptable-3.fp-nr2 {
		margin-bottom: 80px;
    margin-top: 80px;
	}
}

@media (max-width: 767px) {
	.pricing-table.ptable-1,
	.pricing-table.ptable-2,
	.pricing-table.ptable-3 {
		margin-top: 10px;
	}
	.pricing-table.ptable-1.fp-nr1,
	.pricing-table.ptable-2.fp-nr1,
	.pricing-table.ptable-1.fp-nr2,
	.pricing-table.ptable-2.fp-nr2 {
    margin-top: 70px;
    margin-bottom: 20px;
	}
	.pricing-table.ptable-2.fp-nr2 {
		/* margin-top: 0; */
    margin-bottom: 70px;
	}
}

.pricing-table-sign-up.first-page {
	margin-top: 0;
	border-top: 0;
	padding-left: 95px;
}	

#top-image .button_fullwidth {
	padding: 3px 12px;
}

#section-cta p.lead.topplead {
	font-size: 26px;
	margin-bottom: 0px;
}
#learning-om h2 {
	padding-bottom: 30px;
}
#learning-om svg {
	color: #0A9F8F;
}
#learning-om a h3 {
	color: #0A9F8F;		
}
.mg-top {
	margin-top: -50px;
	margin-bottom: 10px;
}
#section-squares h2 {
	font-size: 24px;
	margin-bottom: 20px;
}
.innhold-boks1, .innhold-boks2, .innhold-boks3,
.innhold-boks4, .innhold-boks5, .innhold-boks6,
.innhold-boks7, .innhold-boks8, .innhold-boks9,
.innhold-boks10, .innhold-boks11, .innhold-boks12,
.innhold-boks13, .innhold-boks14, .innhold-boks15,
.innhold-boks16, .innhold-boks17, .innhold-boks18 {
	height: 200px;
	color: #fff;
	padding: 10px;
	text-align: center;
	/*margin-bottom: 15px;*/
}
.innhold-boks1 {
	background-color: #8D6E63;
}
.innhold-boks2 {
	background-color: #9E9E9E;
}
.innhold-boks3 {
	background-color: #FF7043;
}
.innhold-boks4 {
	background-color: #FFA726;
}
.innhold-boks5 {
	background-color: #4CAF50;
}
.innhold-boks6 {
	background-color: #FF5722;
}
.innhold-boks7 {
	background-color: #00BFA5;
}
.innhold-boks8 {
	background-color: #FF9100;
}
.innhold-boks9 {
	background-color: #00E676;
}
.innhold-boks10 {
	background-color: #29B6F6;
}
.innhold-boks11 {
	background-color: #26C6DA;
}
.innhold-boks12 {
	background-color: #26A69A;
}
.innhold-boks13 {
	background-color: #42A5F5;
}
.innhold-boks14 {
	background-color: #5C6BC0;
}
.innhold-boks15 {
	background-color: #7E57C2;
}
.innhold-boks16 {
	background-color: #EF5350;
}
.innhold-boks17 {
	background-color: #EC407A;
}
.innhold-boks18 {
	background-color: #AB478C;
}

/*.innhold-boks1 {
	background-color: #B06660;
}
.innhold-boks2 {
	background-color: #C98461;
}
.innhold-boks3 {
	background-color: #D58872;
}
.innhold-boks4 {
	background-color: #E18E59;
}
.innhold-boks5 {
	background-color: #DD9677;
}
.innhold-boks6 {
	background-color: #E3A071;
}
.innhold-boks7 {
	background-color: #AB9C73;
}
.innhold-boks8 {
	background-color: #C1A56E;
}
.innhold-boks9 {
	background-color: #C5B87F;
}
.innhold-boks10 {
	background-color: #6D845E;
}
.innhold-boks11 {
	background-color: #879F78;
}
.innhold-boks12 {
	background-color: #ABBA60;
}
.innhold-boks13 {
	background-color: #6A7D8E;
}
.innhold-boks14 {
	background-color: #869AAB;
}
.innhold-boks15 {
	background-color: #81A3AB;
}
.innhold-boks16 {
	background-color: #846D74;
}
.innhold-boks17 {
	background-color: #A28D96;
}
.innhold-boks18 {
	background-color: #B1A0A9;
}
*/.innhold-boks1 h2, .innhold-boks2 h2, .innhold-boks3 h2,
.innhold-boks4 h2, .innhold-boks5 h2, .innhold-boks6 h2,
.innhold-boks7 h2, .innhold-boks8 h2, .innhold-boks9 h2,
.innhold-boks10 h2, .innhold-boks11 h2, .innhold-boks12 h2,
.innhold-boks13 h2, .innhold-boks14 h2, .innhold-boks15 h2,
.innhold-boks16 h2, .innhold-boks17 h2, .innhold-boks18 h2 {
	color: #fff;
}
.utenom-boks {
	padding: 0 0 0 0;
}
.to-linjer {
	margin-top: 8px;
}


/** SlideMenu **/

.gn-menu-main ul.gn-menu {
	margin: 0;
	padding: 0;
	background: #0CBDAA;
	color: #FFFFFF;
	list-style: none;
	text-transform: none;
	font-weight: 300;
	font-family: 'Lato', Arial, sans-serif;
	line-height: 60px;
}
.gn-menu-wrapper {
	z-index: 999;
	position: fixed;
	top: 52px;
	bottom: 0;
	right: 0;
	overflow: hidden;
	width: 60px;
	border-top: 1px solid #7eedd7;
	background: transparent;
	-webkit-transform: translateX(60px);
	-moz-transform: translateX(60px);
	transform: translateX(60px);
	-webkit-transition: -webkit-transform 0.3s, width 0.3s;
	-moz-transition: -moz-transform 0.3s, width 0.3s;
	transition: transform 0.3s, width 0.3s;
}
.gn-scroller {
	position: absolute;
	overflow-y: scroll;
	width: 370px;
	height: 100%;
}
.gn-menu {
	border-bottom: 1px solid #7eedd7;
	text-align: left;
	font-size: 18px;
}
a.gn-menu {
	color: #FFFFFF;
	border-bottom: 0px solid #7eedd7;
}
.gn-menu li:not(:first-child),
.gn-menu li li {
	box-shadow: inset 0 1px #7eedd7
}
.gn-menu li {
	border-left: 1px solid #7eedd7;
}

.gn-submenu li {
	overflow: hidden;
	height: 0;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}
.gn-submenu li a {
	color: #FFFFFF;
}
input.gn-search {
	position: relative;
	z-index: 999;
	padding-left: 0;
	outline: none;
	border: none;
	background: transparent;
	color: #FFFFFF;
	font-weight: 300;
	font-family: 'Lato', Arial, sans-serif;
	cursor: pointer;
}
.gn-search#search,
#search1 {
	margin-top: 0;
}
#search1 {
	margin-top: 2px;
}

/* placeholder */

.gn-search::-webkit-input-placeholder {
	color: #FFFFFF;
}
.gn-search:-moz-placeholder {
	color: #FFFFFF;
}
.gn-search::-moz-placeholder {
	color: #FFFFFF;
}
.gn-search:-ms-input-placeholder {
	color: #FFFFFF;
}

/* hide placeholder when active in Chrome */

.gn-search:focus::-webkit-input-placeholder,
.no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder {
	color: transparent;
}
input.gn-search:focus {
	cursor: text;
}
.no-touch .gn-menu li.gn-search-item:hover input.gn-search {
	color: white;
}

/* placeholder */

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder {
	color: white;
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder {
		color: white;
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder {
		color: white;
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder {
		color: white;
}

.gn-menu-main a.gn-icon-search {
		position: absolute;
		top: 0;
		left: 0;
		height: 60px;
}

.gn-icon::before,
svg.svg-inline--fa::before {
	display: inline-block;
	width: 60px;
	text-align: center;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'ecoicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

/* if an icon anchor has a span, hide the span */

.gn-icon span {
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
li.gn-trigger {
	cursor: pointer;
}

.no-touch .gn-icon-menu.gn-selected:hover::before {
	background: #0CBDAA;
	box-shadow: 0 3px #5f6f81, 0 -6px white, 0 -9px #5f6f81, 0 -12px white;
}

.gn-icon-menu.gn-selected::before {
	background: #0CBDAA;
	box-shadow: 0 3px white, 0 -6px #0CBDAA, 0 -9px white, 0 -12px #0CBDAA;
}

/* styles for opening menu */

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

.gn-menu-wrapper.gn-open-all {
	width: 340px;
}

.gn-menu-wrapper.gn-open-all .gn-submenu li {
	height: 60px;
}

@media screen and (max-width: 422px) { 
	.gn-menu-wrapper.gn-open-all {
			-webkit-transform: translateX(0px);
			-moz-transform: translateX(0px);
			transform: translateX(0px);
			width: 100%;
	}

	.gn-menu-wrapper.gn-open-all .gn-scroller {
			width: 130%;
	}
}



/* ========  Carousel Fading slide  ======== */
.carousel-fade .carousel-inner {
	background: #000;
}
.carousel-fade .carousel-control {
	z-index: 2;
}
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .next.left,
.carousel-fade .prev.right,
.carousel-fade .item.active { 
	opacity: 1;
}
.carousel-fade .active.left,
.carousel-fade .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
	.carousel-fade .carousel-inner > .item.next,
	.carousel-fade .carousel-inner > .item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner > .item.prev,
	.carousel-fade .carousel-inner > .item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner > .item.next.left,
	.carousel-fade .carousel-inner > .item.prev.right,
	.carousel-fade .carousel-inner > .item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
	}
}

/* Carousel Control custom */
.carousel-control .control-icon {
  font-size: 48px;
  height: 30px;
  margin-top: -15px;
  width: 30px;
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 5;
}
.carousel-control .prev { 
	margin-left:  -15px;  
	left: 50%; 
} /* Prev */
.carousel-control .next { 
	margin-right: -15px; 
	right: 50%;
} /* Next */

/* Removing BS background */
.carousel .control-box { 
	opacity: 0;
}
a.carousel-control.left {
	left: 0; 
	background: none; 
	border: 0;
}
a.carousel-control.right {
	right: 0; 
	background: none; 
	border: 0;
}

/* Animation */
.control-box, a.carousel-control, .carousel-indicators li {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;   
  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
  /* Assigning animation to indicator li will make slides flicker */
}

/* Hover animation */
.carousel:hover .control-box { 
	opacity: 1;
}
.carousel:hover a.carousel-control.left {
	left: 15px;
}
.carousel:hover a.carousel-control.right {
	right: 15px; 
}

/* Carouse Indicator */
.carousel-indicators li.active,
.carousel-indicators li { 
	border: 0;
}
.carousel-indicators li {
  background: #666;
  margin: 0 3px;
  width: 12px;
  height: 12px;
}
.carousel-indicators li.active {
  background: #fff;
  margin: 0 3px;
}


/* ===== Startsiden - Du får 4x ===== */

.dfx4-1 p.dfx4-punkter {
  font-size: 12px;
}


@media (max-width: 1199px) {
	.dfx4-1 p.dfx4-punkter {
    font-size: 11px;
	}
}
@media (max-width: 991px) {
	.dfx4-1 p.dfx4-punkter {
    font-size: 14px;
	}
}
@media (max-width: 767px) {
  .dfx4-1 p.dfx4-punkter {
    font-size: 14px;
	}
}




/* ===== Mønsterkalkulator over- og underdel ===== */

.overskrift1,
.overskrift2,
.overskrift3,
.overskrift4 {
	font-size: 24px;
	padding-right: 0;
	margin-bottom: 15px;
}
.overskrift1,
.overskrift2 {
	text-align: center;
	margin-bottom: 15px;
}
.overskrift1 {
	margin-top: 25px;
}
.overskrift2 {
	margin-top: 25px;
}
.overskrift3,
.overskrift4 {
	text-align: right;
	margin-bottom: 25px;
}
.overskrift3 {
	margin-top: 3px;
}
.overskrift4 {
	margin-top: 3px;
}
.howto-bilde1,
.howto-bilde2 {
	display: block;
	margin: auto;
	width: 230px;
}
.howto-bilde1 {
	margin-top: 27px;
}
.howto-bilde2 {
	margin-top: 52px;
}
.howto-bilde3 {
	display: block;
	margin: auto;
	margin-top: 52px;
}
.bilde-center {
	display: block;
	margin: auto;
}
.vhm-first-col {
	text-align: right;
}
.vhm-first-col,
.vhm-third-col,
.vhm-third-col2 {
	font-size: 18px;
	margin: 10px 0;
}
.vhm-third-col {
	padding: 0 15px;
}
.vhm-third-col2 {
	padding: 0 15px 0 30px;
}
.vhm-forth-col {
	font-size: 24px;
	line-height: 32px;
}
.vhm-sec-col input {
	width: 80px;
	text-align: center;
	font-size: 24px;
	line-height: 32px;
}
.vhm-sec-col input#ValA,
.vhm-sec-col input#ValB,
.vhm-sec-col input#ValC,
.vhm-sec-col input#ValD {
	border: 2px solid rgba(255,210,0,1.00);
	background-color: rgba(255,210,0,.20);
}
.vhm-sec-col input#ValE,
.vhm-sec-col input#ValF,
.vhm-sec-col input#ValF1,
.vhm-sec-col input#ValG,
.vhm-sec-col input#ValG1 {
	border: 2px solid rgba(255,102,0,1.00);
	background-color: rgba(255,102,0,.20);
}
.vhm-sec-col input#ValH,
.vhm-sec-col input#ValI,
.vhm-sec-col input#ValJ {
	border: 2px solid rgba(255,153,153,1.00);
	background-color: rgba(255,153,153,.20);
}
.vhm-sec-col input#Val10 {
	border: 2px solid rgba(255,0,0,1.00);
	background-color: rgba(255,0,0,.20);
}
.vhm-sec-col input#Val20 {
	border: 2px solid rgba(180,198,231,1.00);
	background-color: rgba(180,198,231,.20);
}
.vhm-sec-col input#Val30 {
	border: 2px solid rgba(198,224,180,1.00);
	background-color: rgba(198,224,180,.20);
}
.vhm-sec-col input#Val40 {
	border: 2px solid rgba(147,196,114,1.00);
	background-color: rgba(147,196,114,.20);
}
.vhm-sec-col input#Val50 {
	border: 2px solid rgba(195,134,73,1.00);
	background-color: rgba(195,134,73,.20);
}
.vhm-sec-col input#Val60 {
	border: 2px solid rgba(117,113,113,1.00);
	background-color: rgba(117,113,113,.20);
}

input#B2,
input#B3,
input#D2 {
	border: 2px solid rgba(231,229,0,1.00);
	background-color: rgba(231,229,0,0.10);
}
input#D5 {
	border: 2px solid rgba(255,0,0,.80);
	background-color: rgba(255,0,0,.20);
}
input#B7,
input#D7 {
	border: 2px solid rgba(72,115,196,.80);
	background-color: rgba(72,115,196,.20);
}
input#B8,
input#D8 {
	border: 2px solid rgba(164,205,135,1.00);
	background-color: rgba(164,205,135,.20);
}
input#B6,
input#D6 {
	border: 2px solid rgba(120,78,180,.80);
	background-color: rgba(120,78,180,.20);
}
input#B4,
input#D4 {
	border: 2px solid rgba(255,159,64,1.00);
	background-color: rgba(255,159,64,.20);
}
input#B1,
input#B5,
input#D1 {
	border: 2px solid rgba(255,255,255,0.00);
	background-color: rgba(255,255,255,.00);
}

#addGraf,
#print {
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: 10px;
}

@media (max-width: 767px) {
	.overskrift1, .overskrift2 {text-align:center;}
	.vhm-first-col {text-align: left;}
	.vhm-third-col {padding:0 5px;}
	.vhm-third-col2 {padding:0 5px 0 20px;}
	#addGraf {margin-left:0;}
	#print {margin-right:0;}
}



/* ---  Chart js  --- */

canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}


/* ===== Temp - Test ===== */

#column-content {
  display: inline-block;
}
#column-content svg {
  vertical-align: middle !important;
}
#column-content span {
  display: inline-block;
  vertical-align: middle;
	font-size: 24px;
}


/* ===== Test - Mobilmeny ===== */

ul.gn-menu-mobil {
	margin: 0;
	padding: 0;
	padding-right: -15px;
	padding-left: -15px;
	background: #0CBDAA;
	color: #FFFFFF;
	list-style: none;
	text-transform: none;
	font-weight: 300;
	font-family: 'Lato', Arial, sans-serif;
	line-height: 60px;
}
.gn-menu-mobil {
	text-align: left;
	font-size: 18px;
}
a.gn-menu-mobil {
	color: #FFFFFF;
	border-bottom: 0px solid #7eedd7;
}
.gn-menu-mobil li:not(:first-child),
.gn-menu-mobil li li {
	box-shadow: inset 0 1px #7eedd7
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #7eedd7;
}
.navbar-toggle.hamburger-meny,
.navbar-toggle.hamburger-meny:hover,
.navbar-toggle.hamburger-meny:active {
	color: #ffffff;
	border: 0 solid transparent;
	background-color: transparent;
	margin-top: 0;
	margin-bottom: 6px;
	padding-top: 14px;
}
.navbar-toggle.hamburger-meny .icon-bar {
  background-color: #FFFFFF;
}


/* ===== Homepage 4x4 info - Boks-tekst ===== */

#topboxrow {
	margin: 25px 0 5px 0;
}
#topboxrow p {
	font-size: 28px;
	font-weight: 600;
}
#topboxrow1 .img-topbox,
#topboxrow2 .img-topbox,
#topboxrow3 .img-topbox,
#topboxrow4 .img-topbox {
	float: left;
}
#topboxrow1 .img-topbox img,
#topboxrow2 .img-topbox img,
#topboxrow3 .img-topbox img,
#topboxrow4 .img-topbox img {
	display: none;
	width: 80px;
	height: 80px;
	border: hidden;
}
#topboxrow1 .img-topbox svg,
#topboxrow2 .img-topbox svg,
#topboxrow3 .img-topbox svg,
#topboxrow4 .img-topbox svg {
	font-size: 35px;
	color: #0A9F8F;
}
#topboxrow1 .txt-topbox,
#topboxrow2 .txt-topbox,
#topboxrow3 .txt-topbox,
#topboxrow4 .txt-topbox {
	position: relative;
	padding-left: 50px; /* 90 ved img */
	/* H-senter */
	line-height: 40px; /* 80 ved img */
  height: 60px; /* 80 ved img */
}
#topboxrow1 .txt-topbox p,
#topboxrow2 .txt-topbox p,
#topboxrow3 .txt-topbox p,
#topboxrow4 .txt-topbox p {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	text-align: left;
	margin: 0;
	/* H-senter */
  display: inline-block;
  vertical-align: middle;
}


















