/*
Theme Name: Schoolmakers
Theme URI: https://www.schoolmakers.be/
Author: Ruben Vaes
Author URI: http://www.rubenvaes.be/
Description: Custom Wordpress theme for Schoolmakers
*/

/*------------------------------------------------------------------

1. import files
2. Global style classes
3. Global buttons style 
4. Main heading styles   /   .main-heading
5. page header styles   /   .page-header
6. breadcrumbs styles   /  .breadcrumbs
7. main wrapper styles / #wrapper
8. Page header styles   /  #header
9. Page logo styles   /  .logo
10. Page navigation styles   /  #nav
11. search popup styles   /  .search-popup
12. drop sub styles   /  .drop-sub
13. main banner styles   /  .main-banner
14. icon box styles   /  .icon-box
15. portfolio box styles   /  .portfolio-box
16. isotop filter styles   /  .isotop-filter
17. testimonial section styles   /  .t-section
18. post styles   /  .post
19. Page footer styles   /  #footer
20. social styles   /  .social
22. email form styles   /  .email-form
23. wedo section styles   /  .wedo-section
24. price box styles   /  .price-box
25. subscribe form styles   /  .subscribe-form
26. team box styles   /  .team-box
27. quote section styles   /  .quote-section
28. product box styles   /  .product-box
29. promo block styles   /  .promo-block
30. progress bar styles   /  .progress-bar
31. bar outer styles   /  .bar-outer
32. shop header styles   /  .shop-header
33. shop pagination styles   /  .shop-pagination
34. info box styles   /  .info-box
35. contact form styles   /  .contact-form
36. section 404 styles   /  .section-404
37. port slider styles   /  .port-slider
38. port detail styles   /  .port-detail
39. search form styles   /  .search-form
40. widget styles   /  .widget
41. image slider styles   /  .image-slider
42. product detail styles   /  .product-detail
43. product tabsec styles   /  .product-tabsec
44. related product styles   /  .related-product
45. blog detail styles   /  .blog-detail
46. cart block styles   /  .cart-block
47. billing info styles   /  .billing-info
48. coming section styles   /  .coming-section
49. quote form styles   /  .quote-form
50. bgvid styles   /  #bgvid
51. back top styles   /  #back-top

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	1. import files
-------------------------------------------------------------------*/

.clearfix:after,
.widget:after,
.search-form:after,
.post-password-form p:after,
.navigation-single:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

img {
	max-width: 100%;
	height: auto;
}

.comment-form input[type="text"],
.search-form input[type="text"],
.post-password-form input[type="text"],
.comment-form
input[type="tel"],
.search-form
input[type="tel"],
.post-password-form
input[type="tel"],
.comment-form
input[type="email"],
.search-form
input[type="email"],
.post-password-form
input[type="email"],
.comment-form
input[type="search"],
.search-form
input[type="search"],
.post-password-form
input[type="search"],
.comment-form
input[type="password"],
.search-form
input[type="password"],
.post-password-form
input[type="password"],
.comment-form
input[type="url"],
.search-form
input[type="url"],
.post-password-form
input[type="url"],
.comment-form
input[type="date"],
.search-form
input[type="date"],
.post-password-form
input[type="date"],
.comment-form
textarea,
.search-form
textarea,
.post-password-form
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border: 1px solid #999;
	padding: .5em .7em;
}

.comment-form input[type="text"]:focus,
.search-form input[type="text"]:focus,
.post-password-form input[type="text"]:focus,
.comment-form
  input[type="tel"]:focus,
.search-form
  input[type="tel"]:focus,
.post-password-form
  input[type="tel"]:focus,
.comment-form
  input[type="email"]:focus,
.search-form
  input[type="email"]:focus,
.post-password-form
  input[type="email"]:focus,
.comment-form
  input[type="search"]:focus,
.search-form
  input[type="search"]:focus,
.post-password-form
  input[type="search"]:focus,
.comment-form
  input[type="password"]:focus,
.search-form
  input[type="password"]:focus,
.post-password-form
  input[type="password"]:focus,
.comment-form
  input[type="url"]:focus,
.search-form
  input[type="url"]:focus,
.post-password-form
  input[type="url"]:focus,
.comment-form
  input[type="date"]:focus,
.search-form
  input[type="date"]:focus,
.post-password-form
  input[type="date"]:focus,
.comment-form
  textarea:focus,
.search-form
  textarea:focus,
.post-password-form
  textarea:focus {
	border-color: #333;
}

.comment-form input[type="text"]::-webkit-input-placeholder,
.search-form input[type="text"]::-webkit-input-placeholder,
.post-password-form input[type="text"]::-webkit-input-placeholder,
.comment-form
  input[type="tel"]::-webkit-input-placeholder,
.search-form
  input[type="tel"]::-webkit-input-placeholder,
.post-password-form
  input[type="tel"]::-webkit-input-placeholder,
.comment-form
  input[type="email"]::-webkit-input-placeholder,
.search-form
  input[type="email"]::-webkit-input-placeholder,
.post-password-form
  input[type="email"]::-webkit-input-placeholder,
.comment-form
  input[type="search"]::-webkit-input-placeholder,
.search-form
  input[type="search"]::-webkit-input-placeholder,
.post-password-form
  input[type="search"]::-webkit-input-placeholder,
.comment-form
  input[type="password"]::-webkit-input-placeholder,
.search-form
  input[type="password"]::-webkit-input-placeholder,
.post-password-form
  input[type="password"]::-webkit-input-placeholder,
.comment-form
  input[type="url"]::-webkit-input-placeholder,
.search-form
  input[type="url"]::-webkit-input-placeholder,
.post-password-form
  input[type="url"]::-webkit-input-placeholder,
.comment-form
  input[type="date"]::-webkit-input-placeholder,
.search-form
  input[type="date"]::-webkit-input-placeholder,
.post-password-form
  input[type="date"]::-webkit-input-placeholder,
.comment-form
  textarea::-webkit-input-placeholder,
.search-form
  textarea::-webkit-input-placeholder,
.post-password-form
  textarea::-webkit-input-placeholder {
	color: #ccc;
}

.comment-form input[type="text"]::-moz-placeholder,
.search-form input[type="text"]::-moz-placeholder,
.post-password-form input[type="text"]::-moz-placeholder,
.comment-form
  input[type="tel"]::-moz-placeholder,
.search-form
  input[type="tel"]::-moz-placeholder,
.post-password-form
  input[type="tel"]::-moz-placeholder,
.comment-form
  input[type="email"]::-moz-placeholder,
.search-form
  input[type="email"]::-moz-placeholder,
.post-password-form
  input[type="email"]::-moz-placeholder,
.comment-form
  input[type="search"]::-moz-placeholder,
.search-form
  input[type="search"]::-moz-placeholder,
.post-password-form
  input[type="search"]::-moz-placeholder,
.comment-form
  input[type="password"]::-moz-placeholder,
.search-form
  input[type="password"]::-moz-placeholder,
.post-password-form
  input[type="password"]::-moz-placeholder,
.comment-form
  input[type="url"]::-moz-placeholder,
.search-form
  input[type="url"]::-moz-placeholder,
.post-password-form
  input[type="url"]::-moz-placeholder,
.comment-form
  input[type="date"]::-moz-placeholder,
.search-form
  input[type="date"]::-moz-placeholder,
.post-password-form
  input[type="date"]::-moz-placeholder,
.comment-form
  textarea::-moz-placeholder,
.search-form
  textarea::-moz-placeholder,
.post-password-form
  textarea::-moz-placeholder {
	opacity: 1;
	color: #ccc;
}

.comment-form input[type="text"]:-moz-placeholder,
.search-form input[type="text"]:-moz-placeholder,
.post-password-form input[type="text"]:-moz-placeholder,
.comment-form
  input[type="tel"]:-moz-placeholder,
.search-form
  input[type="tel"]:-moz-placeholder,
.post-password-form
  input[type="tel"]:-moz-placeholder,
.comment-form
  input[type="email"]:-moz-placeholder,
.search-form
  input[type="email"]:-moz-placeholder,
.post-password-form
  input[type="email"]:-moz-placeholder,
.comment-form
  input[type="search"]:-moz-placeholder,
.search-form
  input[type="search"]:-moz-placeholder,
.post-password-form
  input[type="search"]:-moz-placeholder,
.comment-form
  input[type="password"]:-moz-placeholder,
.search-form
  input[type="password"]:-moz-placeholder,
.post-password-form
  input[type="password"]:-moz-placeholder,
.comment-form
  input[type="url"]:-moz-placeholder,
.search-form
  input[type="url"]:-moz-placeholder,
.post-password-form
  input[type="url"]:-moz-placeholder,
.comment-form
  input[type="date"]:-moz-placeholder,
.search-form
  input[type="date"]:-moz-placeholder,
.post-password-form
  input[type="date"]:-moz-placeholder,
.comment-form
  textarea:-moz-placeholder,
.search-form
  textarea:-moz-placeholder,
.post-password-form
  textarea:-moz-placeholder {
	color: #ccc;
}

.comment-form input[type="text"]:-ms-input-placeholder,
.search-form input[type="text"]:-ms-input-placeholder,
.post-password-form input[type="text"]:-ms-input-placeholder,
.comment-form
  input[type="tel"]:-ms-input-placeholder,
.search-form
  input[type="tel"]:-ms-input-placeholder,
.post-password-form
  input[type="tel"]:-ms-input-placeholder,
.comment-form
  input[type="email"]:-ms-input-placeholder,
.search-form
  input[type="email"]:-ms-input-placeholder,
.post-password-form
  input[type="email"]:-ms-input-placeholder,
.comment-form
  input[type="search"]:-ms-input-placeholder,
.search-form
  input[type="search"]:-ms-input-placeholder,
.post-password-form
  input[type="search"]:-ms-input-placeholder,
.comment-form
  input[type="password"]:-ms-input-placeholder,
.search-form
  input[type="password"]:-ms-input-placeholder,
.post-password-form
  input[type="password"]:-ms-input-placeholder,
.comment-form
  input[type="url"]:-ms-input-placeholder,
.search-form
  input[type="url"]:-ms-input-placeholder,
.post-password-form
  input[type="url"]:-ms-input-placeholder,
.comment-form
  input[type="date"]:-ms-input-placeholder,
.search-form
  input[type="date"]:-ms-input-placeholder,
.post-password-form
  input[type="date"]:-ms-input-placeholder,
.comment-form
  textarea:-ms-input-placeholder,
.search-form
  textarea:-ms-input-placeholder,
.post-password-form
  textarea:-ms-input-placeholder {
	color: #ccc;
}

.comment-form input[type="text"].placeholder,
.search-form input[type="text"].placeholder,
.post-password-form input[type="text"].placeholder,
.comment-form
  input[type="tel"].placeholder,
.search-form
  input[type="tel"].placeholder,
.post-password-form
  input[type="tel"].placeholder,
.comment-form
  input[type="email"].placeholder,
.search-form
  input[type="email"].placeholder,
.post-password-form
  input[type="email"].placeholder,
.comment-form
  input[type="search"].placeholder,
.search-form
  input[type="search"].placeholder,
.post-password-form
  input[type="search"].placeholder,
.comment-form
  input[type="password"].placeholder,
.search-form
  input[type="password"].placeholder,
.post-password-form
  input[type="password"].placeholder,
.comment-form
  input[type="url"].placeholder,
.search-form
  input[type="url"].placeholder,
.post-password-form
  input[type="url"].placeholder,
.comment-form
  input[type="date"].placeholder,
.search-form
  input[type="date"].placeholder,
.post-password-form
  input[type="date"].placeholder,
.comment-form
  textarea.placeholder,
.search-form
  textarea.placeholder,
.post-password-form
  textarea.placeholder {
	color: #ccc;
}

.widget {
	margin-bottom: 1.2em;
}

.widget ul {
	padding-left: 2em;
}

.widget select {
	min-width: 150px;
}

.comment-form label {
	display: block;
	padding-bottom: 4px;
}

.comment-form textarea {
	overflow: auto;
	margin: 0;
	height: 120px;
	min-height: 120px;
}

.comment-form textarea,
.comment-form input[type="text"] {
	margin: 0 4px 0 0;
	width: 300px;
}

.comment-form input[type="submit"] {
	display: block;
	float: none;
}

.post-password-form label {
	display: block;
}

.post-password-form input[type="password"] {
	margin: 0 4px 0 0;
	width: 300px;
}

.search-form input {
	float: left;
	height: 2em;
}

.search-form input[type="search"] {
	margin: 0 4px 0 0;
	width: 150px;
}

.post-password-form input {
	float: left;
	height: 2em;
}

.post-password-form input[type="password"] {
	width: 150px;
}

.comment-form input[type="submit"],
.post-password-form input[type="submit"],
.search-form input[type="submit"] {
	background: #333;
	color: #fff;
	height: 2em;
	border: none;
	padding: 0 .5em;
}

.comment-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:hover,
.search-form input[type="submit"]:hover {
	opacity: .8;
}

.commentlist {
	margin: 0 0 1.2em;
}

.commentlist .edit-link {
	margin: 0;
}

.commentlist .avatar-holder {
	float: left;
	margin: 0 1.2em 4px 0;
}

.commentlist-item .commentlist-item {
	padding: 0;
}

.comment,
.commentlist-holder {
	overflow: hidden;
}

.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item {
	padding-top: 1.2em;
}

.widget_calendar #next {
	text-align: right;
}

.gallery-item dt {
	float: none;
	padding: 0;
}

.navigation,
.navigation-comments {
	position: relative;
	vertical-align: middle;
	margin-bottom: 1.2em;
}

.navigation .screen-reader-text,
.navigation-comments .screen-reader-text {
	position: absolute;
	left: -99999px;
}

.navigation .page-numbers,
.navigation-comments .page-numbers {
	display: inline-block;
	vertical-align: middle;
	padding: 0 .4em;
}

.navigation .next,
.navigation .prev,
.navigation-comments .next,
.navigation-comments .prev {
	display: inline-block;
	vertical-align: middle;
	max-width: 50%;
	background: #666;
	color: #fff;
	padding: .4em;
	text-decoration: none;
}

.navigation-single {
	margin-bottom: 1.2em;
}

.navigation-single .next,
.navigation-single .prev {
	float: left;
	vertical-align: middle;
	max-width: 50%;
	background: #666;
	color: #fff;
	text-decoration: none;
}

.navigation-single .next a,
.navigation-single .prev a {
	color: inherit;
	text-decoration: none;
	padding: .4em;
	display: block;
}

.navigation-single .next {
	float: right;
}

.wp-caption {
	max-width: 100%;
	clear: both;
	border: 1px solid #ccc;
	padding: .4em;
	margin-bottom: 1.2em;
}

.wp-caption img {
	margin: 0;
	vertical-align: top;
}

.wp-caption p {
	margin: .4em 0 0;
}

div.aligncenter {
	margin: 0 auto 1.2em;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: left;
	margin: 0px 1.2em 4px 0;
}

.alignright {
	float: right;
	margin: 0px 0 4px 1.2em;
}

.mejs-container {
	margin-bottom: 1.2em;
}

.wp-caption-text,
.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor {
	height: auto;
}

/*------------------------------------------------------------------
	2. Global style classes
-------------------------------------------------------------------*/
.dark-color {
	color: #282828;
}
.bg-grey {
	background-color: #F4F7FA;/* #fafafa;*/
	color: #777;
}

.bg-white {
	background-color: #fff;
}

.bg-dark {
	background-color: #282828;
}

.bg-grey2 {
	background-color: #f5f5f5;
}

.bg-dark2 {
	background-color: #3C3C3B;
}

.bg-dark3 {
	background-color: #1D1D1B;
}

.visible-xs {
	display: none !important;
}

.border-top {
	border-top: 1px solid #eee;
}

.bg-img-full {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.bg-img-parallax {
	background-attachment: fixed;
}
.bg-f5f7fa {
    background-color: #f5f7fa;
}

.bg-overlay {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .8;
	position: absolute;
	pointer-events: none;
	background-color: #282828;
}

.margin-zero {
	margin: 0 !important;
}

.pad-left-z {
	padding-left: 0 !important;
}

.mar-top-xs {
	margin-top: 30px !important;
}

.mar-top-sm {
	margin-top: 60px !important;
}

.mar-top-md {
	margin-top: 70px !important;
}

.mar-top-lg {
	margin-top: 90px !important;
}

.pad-top-xs {
	padding-top: 30px !important;
}

.pad-top-sm {
	padding-top: 60px !important;
}

.pad-top-md {
	padding-top: 70px !important;
}

.pad-top-lg {
	padding-top: 90px !important;
}

.mar-bottom-0 {
	margin-bottom: 0px !important;	
}

.mar-bottom-xs {
	margin-bottom: 30px !important;
}

.mar-bottom-sm {
	margin-bottom: 60px !important;
}

.mar-bottom-md {
	margin-bottom: 70px !important;
}

.pad-bottom-sm {
	padding-bottom: 60px !important;
}

.pad-bottom-xs {
	padding-bottom: 30px !important;
}

.pad-bottom-md {
	padding-bottom: 70px !important;
}

.mar-bottom-lg {
	margin-bottom: 90px !important;
}

.pad-bottom-lg {
	padding-bottom: 90px !important;
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
}

body.pattern1 {
	background-image: url(images/patterns/pattern1.png);
}

body.pattern2 {
	background-image: url(images/patterns/pattern2.png);
}

body.pattern3 {
	background-image: url(images/patterns/pattern3.png);
}

body.pattern4 {
	background-image: url(images/patterns/pattern4.png);
}

body.pattern5 {
	background-image: url(images/patterns/pattern5.png);
}

body.pattern6 {
	background-image: url(images/patterns/pattern6.png);
}

body.pattern7 {
	background-image: url(images/patterns/pattern7.png);
}

body.pattern8 {
	background-image: url(images/patterns/pattern8.png);
}

body.pattern9 {
	background-image: url(images/patterns/pattern9.png);
}

body.pattern10 {
	background-image: url(images/patterns/pattern10.png);
}

body.pattern11 {
	background-image: url(images/patterns/pattern11.png);
}

body.pattern12 {
	background-image: url(images/patterns/pattern12.png);
}

body.pattern13 {
	background-image: url(images/patterns/pattern13.png);
}

body.pattern14 {
	background-image: url(images/patterns/pattern14.png);
}

body.boxed-v #wrapper {
	max-width: 80%;
	background: #fff;
	margin: 20px auto;
	border-radius: 3px;
	box-shadow: 0 0 10px 10px rgba(0, 0, 0, .1);
}

a,
button,
.slick-slide {
	outline: 0 !important;
	outline-offset: 0 !important;
}

/*------------------------------------------------------------------
	3. Global buttons style 
-------------------------------------------------------------------*/

.btn-green {
	color: #fff;
	padding: 10px 40px;
	letter-spacing: 1px;
	border-radius: 30px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	border: 2px solid transparent;
	font: 500 13px/24px "Roboto", sans-serif;
}

.btn-green:focus,
.btn-green:active {
	color: #fff;
}

.btn-green:hover {
	color: #fff;
	background: transparent;
}

.btn-white {
	color: #fff;
	padding: 10px 40px;
	letter-spacing: 1px;
	border-radius: 30px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	border: 2px solid rgba(255, 255, 255, .4);
	font: 500 13px/24px "Roboto", sans-serif;
}

.btn-white:focus,
.btn-white:active {
	color: #fff;
}

.btn-white:hover {
	color: #fff;
	border-color: #fff;
}

.btn-default {
	color: #666;
	padding: 11px 45px;
	letter-spacing: 1px;
	border-radius: 30px;
	background: transparent;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	border: 2px solid #e0e0e0;
	font: 500 13px/24px "Roboto", sans-serif;
}
.btn-default.mt-5 { margin-top: 10px; }
.btn-default.fs-16 { font-size: 16px !important; }
.btn-default:focus,
.btn-default:active {
	color: #363636 !important;
	background: transparent !important;
}

.btn-default:hover {
	background: #e0e0e0;
	border-color: #e0e0e0;
	color: #363636 !important;
}

.btn-default:hover.add {
	border-color: #363636;
	background: transparent;
}

.btn-full {
	color: #fff;
	padding: 11px 45px;
	letter-spacing: 1px;
	border-radius: 30px;
	background: transparent;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	border: 2px solid transparent;
	font: 500 13px/24px "Roboto", sans-serif;
}

.btn-full:focus,
.btn-full:active {
	color: #363636;
}

.btn-full:hover {
	color: #363636;
	background: transparent;
}

.btn-dark {
	color: #fff;
	padding: 9px 50px;
	letter-spacing: 1px;
	border-radius: 30px;
	background: #363636;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	border: 2px solid #363636;
	font: 500 13px/24px "Roboto", sans-serif;
}

.btn-dark:focus,
.btn-dark:active {
	color: #363636;
}

.btn-dark:hover {
	color: #363636;
	background: transparent;
}

.btn-add {
	color: #fff;
	padding: 7px 22px;
	letter-spacing: 1px;
	border-radius: 30px;
	border: 2px solid #555;
	background: transparent;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	font: 500 8px/14px "Roboto", sans-serif;
}

.btn-add:focus,
.btn-add:active {
	color: #fff;
}

.btn-add:hover {
	color: #fff;
	border-color: #fff;
}

.btn-theme {
	color: white;
	padding: 11px 45px;
	letter-spacing: 1px;
	border-radius: 30px;
	background: #63C3DA;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	border: 2px solid #63C3DA;
	font: 500 13px/24px "Roboto", sans-serif;
}

.btn-theme:focus,
.btn-theme:active {
	color: white !important;
	background: #00AFCB !important;
}

.btn-theme:hover {
	background: #00AFCB;
	border-color: #00AFCB;
	color: white !important;
}

.link-btn {
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
}
.link-btn:hover {
    color: #333 !important; text-decoration: none;
}


/*------------------------------------------------------------------
	4. Main heading styles   /   .main-heading
-------------------------------------------------------------------*/

.main-heading {
	font: 18px/28px "Roboto", sans-serif;
}

.main-heading .heading, .main-heading h2, .main-heading h1 {
	color: #363636;
	margin: 0 0 23px;
	letter-spacing: -1.5px;
	font: 500 36px/47px "Roboto", sans-serif;
}

.main-heading p {
	margin: 0;
}

/*------------------------------------------------------------------
	5. page header styles   /   .page-header
-------------------------------------------------------------------*/

.page-header {
	border: 0;
	margin: 0;
	padding: 0;
	color: #fff;
	overflow: hidden;
	position: relative;
}

.page-header .heading {
	margin: 0;
	letter-spacing: -3px;
	font: 500 75px/96px "Roboto", sans-serif;
}

/*------------------------------------------------------------------
	6. breadcrumbs styles   /  .breadcrumbs
-------------------------------------------------------------------*/

.breadcrumbs {
	margin: 0;
	color: #606060;
	padding: 14px 0 0;
	font: 16px/20px "Roboto", sans-serif;
}

.breadcrumbs a {
	color: #606060;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.breadcrumbs li {
	padding: 0;
	vertical-align: middle;
}

.breadcrumbs li:after {
	content: "/";
	padding: 0 10px;
	display: inline-block;
	vertical-align: middle;
}

.breadcrumbs li:last-child:after {
	display: none;
}

/*------------------------------------------------------------------
	7. main wrapper styles / #wrapper
-------------------------------------------------------------------*/

#main,
#wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.w1 {
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

/*------------------------------------------------------------------
	8. Page header styles   /  #header
-------------------------------------------------------------------*/

#header {
	z-index: 5;
	position: relative;
	box-shadow: 0 5px 35px rgb(0 0 0 / 10%);
}

#header .header-holder {
	padding: 37px 0 30px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}


#header.sticky .header-holder {
	padding: 32px 0 25px;
}

#header .header-holder.border {
	border-bottom: 1px solid rgba(250, 250, 250, .12);
}

/*#header.nospace .header-holder {
	top: 0;
	left: 0;
	right: 0;
	position: fixed;
}*/

#header.nospace .opener {
	color: #3C3C3B;
}

#header.nospace .opener .num {
	color: #3C3C3B;
}

#header.nospace .logo {
	color: #3C3C3B;
}

#header.nospace .logo a {
	color: #3C3C3B;
}

#header.nospace #nav a {
	color: #3C3C3B;
}

#header.sticky .header-holder {
	top: 0;
	left: 0;
	right: 0;
	position: fixed;
	background: #fafafa;
	box-shadow: 0 0 25px rgba(0, 0, 0, .08);
}

#header.sticky .header-holder .opener {
	color: #3C3C3B;
}

#header.sticky .header-holder .opener .num {
	color: #3C3C3B;
}

#header.sticky .header-holder .logo {
	color: #363636;
}

#header.sticky .header-holder .logo a {
	color: #363636;
}

#header.sticky .header-holder #nav a {
	color: #3C3C3B;
}

#header.sticky .header-holder #nav .drop a,
#header.nospace #nav .drop a {
	color: #F5F5F5;
}

#header .holder {
	width: 70%;
}

#header .cart-holder {
	position: relative;
	margin: 0 3px 0 32px;
}

#header .cart-holder .opener {
	display: block;
}

#header .cart-holder:hover .drop-sub {
	opacity: 1;
	visibility: visible;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

#header .opener {
	font-size: 14px;
	line-height: 34px;
	position: relative;
	color: #999;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

#header .opener .num {
	top: 1px;
	right: -6px;
	width: 15px;
	height: 15px;
	color: #fff;
	text-align: center;
	position: absolute;
	border-radius: 50%;
	font: 500 11px/15px "Roboto", sans-serif;
}

#header .opener.search-opener {
	font-size: 16px;
}

/*------------------------------------------------------------------
	9. Page logo styles   /  .logo
-------------------------------------------------------------------*/

.logo {
	color: #363636;
	font: 500 32px/34px "Roboto", sans-serif;
	margin-top: -22px;
    margin-bottom: -20px;
    width: 30%;
}
.logo .ecourse { margin-left: 6px; }
.logo .ecourse img { max-width: 220px;}
.logo img { max-height: 80px; }
#header.sticky .logo img { max-height: 70px; }
.logo a {
	color: #363636;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}
.logo a:hover { opacity: 0.8; }
/*------------------------------------------------------------------
	10. Page navigation styles   /  #nav
-------------------------------------------------------------------*/

#nav {
	float: right;
	margin: 0 39px 0 0;
	font-weight: 600;
}

#nav ul {
	margin: 0;
}

#nav li {
	position: relative;
	padding: 0 0 0 30px;
}

#nav li:hover .drop {
	opacity: 1;
	visibility: visible;
	-webkit-transform: rotateX(0deg) translateX(-50%);
	transform: rotateX(0deg) translateX(-50%);
}

#nav a {
	display: block;
	padding: 10px 0;
	color: #999;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

#nav a:hover {
	color: #363636; text-decoration: none !important;
}

#nav .drop-link {
	position: relative;
}

#nav .drop {
	top: 100%;
	left: 50%;
	opacity: 0;
	min-width: 260px;
	line-height: 34px;
	padding: 27px 0 0;
	margin: 0 0 0 20px;
	visibility: hidden;
	position: absolute;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateX(-90deg) translateX(-50%);
	transform: rotateX(-90deg) translateX(-50%);
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

#nav .drop > ul {
	padding: 15px 0;
	background: #1D1D1B;
	border-radius: 4px;
}

#nav .drop li {
	padding: 0;
}

#nav .drop a {
	display: block;
	padding: 3px 20px;
}

#nav .drop a:before {
	content: "\f105";
	margin-right: 15px;
	display: inline-block;
	font-family: "FontAwesome";
}

/*------------------------------------------------------------------
	11. search popup styles   /  .search-popup
-------------------------------------------------------------------*/

.search-popup {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	z-index: 9999;
	position: fixed;
	visibility: hidden;
	text-align: center;
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
	background: rgba(54, 54, 54, .95);
}

.search-popup .holder {
	width: 100%;
	height: 100vh;
	display: table;
	vertical-align: middle;
}

.search-popup .frame {
	display: table-cell;
	vertical-align: middle;
}

.search-popup form {
	width: 770px;
	margin: 0 auto;
	position: relative;
	border-bottom: 2px solid #9b9b9b;
}

.search-popup form::-webkit-input-placeholder {
	color: #fff;
}

.search-popup form::-moz-placeholder {
	opacity: 1;
	color: #fff;
}

.search-popup form:-moz-placeholder {
	color: #fff;
}

.search-popup form:-ms-input-placeholder {
	color: #fff;
}

.search-popup form.placeholder {
	color: #fff;
}

.search-popup .pe-7s-search {
	border: 0;
	top: 19px;
	right: 5px;
	padding: 0;
	outline: none;
	color: #fff;
	font-size: 23px;
	position: absolute;
	background: transparent;
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
}

.search-popup input {
	margin: 0;
	border: 0;
	float: left;
	width: 100%;
	height: 60px;
	outline: none;
	color: #fff;
	background: none;
	padding: 15px 0 15px;
	font: 35px/50px "Roboto", sans-serif;
}

.search-popup input::-webkit-input-placeholder {
	color: #fff;
}

.search-popup input::-moz-placeholder {
	opacity: 1;
	color: #fff;
}

.search-popup input:-moz-placeholder {
	color: #fff;
}

.search-popup input:-ms-input-placeholder {
	color: #fff;
}

.search-popup input.placeholder {
	color: #fff;
}

.search-popup .search-close {
	top: 60px;
	width: 30px;
	height: 30px;
	right: 120px;
	position: fixed;
}

.search-popup .search-close span {
	height: 2px;
	width: 30px;
	display: block;
	background: #fff;
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
}

.search-popup .search-close span + span {
	margin: -2px 0 0;
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.search-active .search-popup {
	opacity: 1;
	visibility: visible;
}

/*------------------------------------------------------------------
	12. drop sub styles   /  .drop-sub
-------------------------------------------------------------------*/

.drop-sub {
	top: 100%;
	opacity: 0;
	z-index: 2;
	right: -5px;
	width: 250px;
	padding: 27px 0 0;
	visibility: hidden;
	position: absolute;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transition: all .3s linear 0s;
	transition: all .3s linear 0s;
}

.drop-sub .side-widget {
	color: #fff;
	font-size: 11px;
	overflow: hidden;
	font-weight: 300;
	border-radius: 4px;
	background: #282828;
	padding: 19px 16px 22px 11px;
}

.drop-sub .cart-row {
	margin: 0 0 15px;
	overflow: hidden;
	padding: 0 0 15px;
	position: relative;
	border-bottom: 1px solid #404040;
}

.drop-sub .img {
	float: left;
	width: 50px;
	margin: 0 16px 0 9px;
}

.drop-sub .mt-h {
	overflow: hidden;
	padding: 6px 0 0;
}

.drop-sub .close {
	top: 8px;
	right: 3px;
	width: 16px;
	height: 16px;
	color: #fff;
	font-size: 12px;
	background: #555;
	line-height: 16px;
	text-align: center;
	position: absolute;
	border-radius: 50%;
	-webkit-transition: all .4s linear 0s;
	transition: all .4s linear 0s;
}

.drop-sub .mt-h-title {
	color: #fff;
	display: block;
	margin: 0 0 3px;
	font: 11px/16px "Roboto", sans-serif;
}

.drop-sub .mt-h-title a {
	color: #fff;
}

.drop-sub .cart-row-total {
	color: #fff;
	overflow: hidden;
	margin: -9px 0 11px;
	padding: 0 3px 0 8px;
	font: 12px/26px "Roboto", sans-serif;
}

.drop-sub .cart-btn-row {
	overflow: hidden;
}

.drop-sub .cart-btn-row a {
	margin-left: 8px;
}

.drop-sub .btn-full {
	font-size: 8px;
	line-height: 14px;
	padding: 7px 22px;
}

.drop-sub .btn-full:hover {
	color: #fff;
}

/*------------------------------------------------------------------
	13. main banner styles   /  .main-banner
-------------------------------------------------------------------*/

.main-banner {
	z-index: 1;
	color: #fff;
	position: relative;
	font: 300 20px/34px "Roboto", sans-serif;
}

.main-banner .bg-overlay {
	opacity: .3;
}

.main-banner.small {
	line-height: 30px;
}

.main-banner.small p {
	margin: 0 0 40px;
}

.main-banner .caption {
	z-index: 2;
	height: 290px;
	position: relative;
	white-space: nowrap;
	text-align: center;
	padding: 30px 0 30px;
}

.main-banner .caption.animated-banner {
	z-index: 2;
	height: 390px;
	position: relative;
	white-space: nowrap;
	text-align: center;
	padding: 30px 0 30px;
}

.main-banner .caption:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	min-height: 100%;
}

.main-banner .caption > * {
	white-space: normal;
	display: inline-block;
	vertical-align: middle;
	max-width: 99%;
}

.main-banner .caption.left {
	text-align: left;
}

.main-banner .caption.autoheight {
	height: auto;
}

.main-banner .heading {
	margin: 0 0 5px;
	letter-spacing: -4px;
	/*font: 100px/120px "Roboto", sans-serif;*/
	font-size: 56px;
	text-transform: uppercase;
	font-family: 'gotham_blackregular';
}

.main-banner .heading.add {
	font-size: 70px;
	margin-bottom: 15px;
	letter-spacing: -2.6px;
}

.main-banner .heading.small {
	font-size: 45px;
	line-height: 55px;
	margin-bottom: 25px;
	letter-spacing: -1.9px;
}

.main-banner .heading.small2 {
	font-size: 44px;
    line-height: 45px;
    margin-bottom: 15px;
    letter-spacing: 1px;
    /*font-family: trashhandregular;*/
    
	font-family: 'gotham_blackregular';
	text-transform: uppercase;
    color: white;
    line-height: 130%;
    margin-bottom: 40px;
}

.main-banner .heading.small3 {
	font-size: 60px;
	line-height: 70px;
	margin: 0 0 12px -4px;
	letter-spacing: -2.3px;
}

.main-banner .play {
	width: 70px;
	height: 70px;
	margin: 0 36px;
	color: #363636;
	font-size: 16px;
	line-height: 66px;
	border-radius: 50%;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	border: 2px solid #fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.main-banner .play:hover {
	color: #fff;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	background: transparent;
}

.main-banner p {
	margin: 0 0 55px;
}

.main-banner .btn-bottom {
	left: 50%;
	z-index: 2;
	bottom: 10px;
	color: #fff;
	font-size: 50px;
	position: absolute;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.main-banner .email-form {
	max-width: 470px;
	margin: 55px auto 0;
}

.main-banner .email-form .holder {
	margin: 0 0 15px;
}

.main-banner .email-form .input {
	width: 87%;
	height: 48px;
	padding: 10px 29px;
}

.main-banner .email-form .btn {
	width: 13%;
	padding: 10px;
	text-transform: uppercase;
}

.main-banner .slide {
	z-index: 1;
	position: relative;
}

.main-banner .slick-dots {
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	bottom: 71px;
	text-align: center;
	position: absolute;
}

.main-banner .slick-dots li {
	width: 9px;
	height: 9px;
	margin: 0 5px;
	cursor: pointer;
	text-align: left;
	overflow: hidden;
	border-radius: 50%;
	text-indent: -9999px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.main-banner .slick-dots li:hover,
.main-banner .slick-dots li.slick-active {
	background: #fff;
}

.main-banner .slick-arrow {
	top: 50%;
	border: 0;
	z-index: 2;
	width: 55px;
	height: 55px;
	font-size: 0;
	overflow: hidden;
	position: absolute;
	background: #282828;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	border-radius: 4px 0 0 4px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.main-banner .slick-arrow:after {
	color: #fff;
	font-size: 40px;
	content: "\e684";
	line-height: 55px;
	font-family: "Pe-icon-7-stroke";
}

.main-banner .slick-arrow.slick-next {
	right: 0;
}

.main-banner .slick-arrow.slick-prev {
	left: 0;
	border-radius: 0 4px 4px 0;
}

.main-banner .slick-arrow.slick-prev:after {
	content: "\e686";
}

.main-banner .slick-arrow:hover {
	background: rgba(40, 40, 40, .7);
}

.main-text {
	display: block;
	letter-spacing: -1.2px;
	font: 28px/38px "Roboto", sans-serif;
}

/*------------------------------------------------------------------
	14. icon box styles   /  .icon-box
-------------------------------------------------------------------*/

.icon-box {
	font-size: 14px;
	line-height: 24px;
}

.icon-box .icon {
	float: left;
	font-size: 50px;
	margin: 13px 36px 0 0;
}
.icon-box .icon-link:hover { text-decoration: none; }
.icon-box .icon.add {
	margin: 6px 26px 0 0;
}

.icon-box .title {
	display: block;
	color: #363636;
	margin: 0 0 11px;
	letter-spacing: -.8px;
	font: 500 18px/38px "Roboto", sans-serif;
}
.icon-box .title:hover { text-decoration: none; }
.icon-box .title.large {
	font-size: 22px;
}

.icon-box .holder {
	overflow: hidden;
}

.icon-box p {
	margin: 0;
}
.icon-box .btn {
	font-size: 10px;
    padding: 5px 20px;
    border-width: 1px;
    text-transform: uppercase;
    margin-top: 20px;
}


.icon-box.style2 {
	font-size: 16px;
	line-height: 26px;
}

.icon-box.style2 .icon {
	float: none;
	display: block;
	font-size: 60px;
	margin: 0  0 20px;
}

.icon-box.style2 .title {
	font-size: 22px;
}

.icon-box.small .icon {
	font-size: 35px;
	margin: 1px 15px 0 0;
}

.icon-box.small p {
	margin: 0 0 7px;
}

.icon-box.style3 .icon {
	float: none;
	display: block;
	font-size: 60px;
	margin: 9px 0 15px;
}

.icon-box.style3 .btn, .info-box .btn  {
	font-size: 11px;
    padding: 5px 19px;
    border-width: 1px;
    text-transform: uppercase;
    margin-top: 0px;
}

.btn.btn-small {
    font-size: 11px;
    padding: 5px 19px;
    border-width: 1px;
    text-transform: uppercase;
    margin-top: 0px;
}

/*------------------------------------------------------------------
	15. portfolio box styles   /  .portfolio-box
-------------------------------------------------------------------*/

.portfolio-box {
	overflow: hidden;
	position: relative;
}

.portfolio-box:hover .over {
	opacity: 1;
	visibility: visible;
}

.portfolio-box:hover .over .text,
.portfolio-box:hover .over .heading {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.portfolio-box img {
	width: 100%;
}

.portfolio-box .over {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	background: rgba(54, 54, 54, .8);
}

.portfolio-box .holder {
	height: 100%;
	display: table;
	vertical-align: top;
}

.portfolio-box .frame {
	display: table-cell;
	vertical-align: top;
	padding: 46px 39px;
}

.portfolio-box .heading {
	opacity: 0;
	color: #fff;
	display: block;
	letter-spacing: -.8px;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all .4s ease .2s;
	transition: all .4s ease .2s;
	font: 500 20px/26px "Roboto", sans-serif;
}

.portfolio-box .text {
	opacity: 0;
	color: #fff;
	display: block;
	font-size: 12px;
	line-height: 18px;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all .4s ease .2s;
	transition: all .4s ease .2s;
}

.hidden {
	display: none !important;
}

.item {
	float: left;
}

.item.col4 {
	width: 25%;
}

.item.col3 {
	width: 33.33%;
}

/*------------------------------------------------------------------
	16. isotop filter styles   /  .isotop-filter
-------------------------------------------------------------------*/

.isotop-filter {
	margin: 0;
	font: 300 18px/30px "Roboto", sans-serif;
}

.isotop-filter li {
	padding: 4px 8px 8px 15px;
}

.isotop-filter a {
	color: #999;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

/*------------------------------------------------------------------
	17. testimonial section styles   /  .t-section
-------------------------------------------------------------------*/

.t-section {
	color: #fff;
	position: relative;
}

.t-section .container {
	z-index: 1;
}

.t-section .heading {
	color: #fff;
	margin: 0 0 41px;
	letter-spacing: -1.5px;
	font: 500 36px/47px "Roboto", sans-serif;
}

.t-section blockquote {
	border: 0;
	padding: 0 1%;
	font-size: 18px;
	margin: 0 0 15px;
	line-height: 32px;
}

.t-section blockquote q {
	display: block;
	margin: 0 0 27px;
}

.t-section blockquote cite {
	display: block;
	letter-spacing: -.6px;
	font: 600 18px/30px "Roboto", sans-serif;
}

.t-section .img {
    /* border-radius: 50%; */
    margin: 11px auto 37px;
    /* border: 1px solid #EEE; */
    max-height: 90px;
}

.t-section .slick-dots {
	margin: 0;
	padding: 0;
	text-align: center;
}

.t-section .slick-dots li {
	width: 8px;
	height: 8px;
	margin: 0 3px;
	cursor: pointer;
	text-align: left;
	overflow: hidden;
	border-radius: 50%;
	text-indent: -9999px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.t-section .slick-dots li:hover,
.t-section .slick-dots li.slick-active {
	background: #fff;
}

.t-section.grey {
	background: #F4F7FA;
	color: #999;
}

.t-section.grey .slick-dots li {
	border-color: #363636;
}

.t-section.grey .slick-dots li:hover,
.t-section.grey .slick-dots li.slick-active {
	background: #363636;
}

.t-section .slick-slider .slick-arrow {
		background: transparent;
    border: none;
    position: absolute;
    /* text-indent: -111111111px; */
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    width: 50px;
    height: 50px;
    font-size: 0px;
    top: 50px;
    opacity: 0.4;
}
.t-section .slick-slider .slick-arrow:hover {
	opacity: 1;
}
.t-section .slick-slider .slick-arrow.slick-prev {
    left: -70px;
}
.t-section .slick-slider .slick-arrow.slick-next {
    right: -70px;
}
.t-section .slick-slider .slick-arrow:before { color: #333; font-size:60px; }
.t-section .slick-slider .slick-arrow.slick-prev:before {
	  content: "\ea4d";
}
.t-section .slick-slider .slick-arrow.slick-next:before {
	  content: "\ea50";
}
/*------------------------------------------------------------------
	18. post styles   /  .post
-------------------------------------------------------------------*/

.post {
	font-size: 14px;
	overflow: hidden;
	line-height: 24px;
}

.post > a {
	display: block;
	position: relative;
}

.post img {
	width: 100%;
}

.post .box {
	padding: 33px 30px;
}

.post .heading {
	margin: 0;
	color: #363636;
	letter-spacing: -.8px;
	font: 500 19px/28px "Roboto", sans-serif;
}

.post .heading a {
	color: #363636;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.post .meta {
	display: block;
	font-size: 12px;
	font-weight: 300;
	margin: 0 0 15px;
	line-height: 26px;
}

.post p {
	margin: 0 0 25px; font-size: 16px;
}

.post .more {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	font: 500 16px/24px "Roboto", sans-serif;
}

.post .play {
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	color: #363636;
	font-size: 16px;
	line-height: 80px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	text-align: center;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.line-box {
	padding: 20px 0;
	overflow: hidden;
}

.line-box ul {
	margin: 0;
}

/*------------------------------------------------------------------
	19. Page footer styles   /  #footer
-------------------------------------------------------------------*/

#footer {
	color: #f5f5f5;
	font-size: 14px;
	line-height: 24px;
}

#footer .title {
	color: #fff;
	display: block;
	margin: 12px 0 22px;
	font: 500 14px/31px "Roboto", sans-serif;
}

#footer .logo {
	color: #fff;
    margin: -24px 0 19px;
    line-height: 43px;
}
#footer .logo img {
	height: 70px;
}
#footer .logo a {
	color: #fff;
}

#footer p {
	margin: 0;
}

#footer .f-bottom {
	padding: 28px 0;
	font-size: 14px;
	line-height: 24px;
	color: #999;
}

#footer .f-bottom a {
	color: #999;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

/*------------------------------------------------------------------
	20. social styles   /  .social
-------------------------------------------------------------------*/

.social {
	margin: 0;
}

.social li {
	padding: 0 23px 0 0;
}

.social a {
	color: #bdbdbd;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

/*------------------------------------------------------------------
	22. email form styles   /  .email-form
-------------------------------------------------------------------*/

.email-form { width: 90%; max-width: 420px; margin: 0 0 0 auto; }
.email-form::-webkit-input-placeholder {
	color: #999;
}
.email-form .holder { float: left; width: 100%; }
.email-form::-moz-placeholder {
	opacity: 1;
	color: #999;
}

.email-form:-moz-placeholder {
	color: #999;
}

.email-form:-ms-input-placeholder {
	color: #999;
}

.email-form.placeholder {
	color: #999;
}

.email-form label {
	display: block;
	font-size: 14px;
	font-weight: 300;
	margin: 0 0 8px;
}

.main-banner .email-form .holder {
	overflow: hidden;
	border-radius: 30px;
}

.email-form .holder::-webkit-input-placeholder {
	color: #999;
}

.email-form .holder::-moz-placeholder {
	opacity: 1;
	color: #999;
}

.email-form .holder:-moz-placeholder {
	color: #999;
}

.email-form .holder:-ms-input-placeholder {
	color: #999;
}

.email-form .holder.placeholder {
	color: #999;
}

.email-form .input {
	    border: 0;
    margin: 0;
    outline: 0;
    /*width: 89%;*/
    width: 100%;
    color: #999;
    float: left;
    height: 40px;
    font-size: 16px;
    box-shadow: none;
    line-height: 20px;
    padding: 10px 10px;
    background: #F4F7FA;
    font-weight: 400;
}
.promo-block .email-form .input {
	border-left: 1px solid #D3D3D3;
    border-top: 1px solid #D3D3D3;
    /* border-right: 1px solid #D3D3D3; */
    border-bottom: 1px solid #D3D3D3;
    border-radius: 5px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.email-form .input::-webkit-input-placeholder {
	color: #999;
}

.email-form .input::-moz-placeholder {
	opacity: 1;
	color: #999;
}

.email-form .input:-moz-placeholder {
	color: #999;
}

.email-form .input:-ms-input-placeholder {
	color: #999;
}

.email-form .input.placeholder {
	color: #999;
}
/*
.email-form .btn {
	width: 11%;
    padding: 6px;
    float: right;
    font-weight: 600;
    border-radius: 0;
    border-radius: 5px;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    font-size: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.email-form .btn:before {
	content: "\eb53";
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    color: white;
    margin-right: 8px;
    position: absolute;
    top: 0px;
    left: 6px;
    z-index: 99;
    color: white;
    font-size: 30px;
    margin-top: 3px;
}*/


.promo-block .email-form label { text-align:left;margin-bottom:0px;}
.promo-block .row { margin-bottom: 10px; }
.promo-block .email-form .input {
    border-left: 1px solid #D3D3D3; border-top: 1px solid #D3D3D3;
     border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    border-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.email-form { text-align:left !important }
.email-form .input { width: 100%; }
.promo-block .email-form .btn { margin: 15px 0 0 15px; }

/*------------------------------------------------------------------
	23. wedo section styles   /  .wedo-section
-------------------------------------------------------------------*/

.wedo-section {
	overflow: hidden;
	padding-top: 10px;
	position: relative;
	padding-bottom: 20px;
}

.wedo-section .img-box {
	top: 0;
	right: 0;
	bottom: 0;
	width: 36.5%;
	position: absolute;
}

.wedo-section .img-box.right {
	left: 0;
	right: auto;
}

.wedo-section .img-box.add {
	top: 100px;
	width: 53.7%;
}

.wedo-section .main-heading .heading {
	font-size: 34px;
}

.wedo-section .play {
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	margin: 0 36px;
	color: #363636;
	font-size: 16px;
	line-height: 70px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
}

.wedo-section .play:hover {
	-webkit-transform: translate(-50%) scale(1.1);
	-ms-transform: translate(-50%) scale(1.1);
	transform: translate(-50%) scale(1.1);
}

.wedo-section .content-block {
	width: 56%;
	float: right;
}

.wedo-section .content-block .img {
	margin: 0 auto 20px;
}

.wedo-section .content-block .heading {
	color: #363636;
	margin: 0 0 8px;
	letter-spacing: -1.4px;
	text-transform: uppercase;
	font: 500 36px/40px "Roboto", sans-serif;
}

.wedo-section .content-block .txt {
	display: block;
	margin: 0 0 13px;
	text-transform: uppercase;
	font: 16px/20px "Roboto", sans-serif;
}

.wedo-section .content-block .btn {
	padding: 0;
	font-size: 9px;
	padding: 0 24px;
	line-height: 20px;
}

.wedo-section.add .main-heading {
	font-size: 16px;
	line-height: 26px;
}

.wedo-section.add .main-heading .heading {
	font-size: 32px;
	margin: 0 0 23px;
	line-height: 44px;
}

.wedo-section.add .img-box {
	width: 50%;
}

.wedo-section.add2 .img-box {
	left: 0;
	right: auto;
	width: 43.7%;
}

.wedo-section.add2 .img-box.add {
	top: 100px;
	width: 53.7%;
}

/*------------------------------------------------------------------
	24. price box styles   /  .price-box
-------------------------------------------------------------------*/

.price-box {
	width: 370px;
	vertical-align: top;
	display: inline-block;
	padding: 38px 10px 38px;
	margin: 0 15px;
}

.price-box.active {
	background: #fff;
	box-shadow: 0 5px 20px rgba(0, 0, 0, .05);
}

.price-box .title {
	display: block;
	color: #363636;
	margin: 0 0 15px;
	font: 12px/34px "Roboto", sans-serif;
}

.price-box .price {
	display: block;
	color: #363636;
	margin: 0 0 25px;
	letter-spacing: -1px;
	font: 600 24px/24px "Roboto", sans-serif;
}

.price-box .price sup {
	top: -37px;
	right: -16px;
	font-size: 20px;
	margin: 0 0 0 -35px;
}

.price-box .dur {
	display: block;
	font-size: 14px;
	font-weight: 300;
	margin: 0 0 39px;
}

.price-box ul {
	color: #363636;
	margin: 0 0 0;
	padding: 0 20px;
}

.price-box ul li {
	margin: 0 0 9px;
}

.price-box .pe-7s-close {
	display: block;
	font-size: 22px;
	padding: 3px 0;
}

.price-box .btn {
	padding: 12px 55px;
}

/*------------------------------------------------------------------
	25. subscribe form styles   /  .subscribe-form
-------------------------------------------------------------------*/

.subscribe-form .heading {
	color: #363636;
	margin: 0 0 66px;
	letter-spacing: -1.5px;
	font: 500 34px/47px "Roboto", sans-serif;
}

.subscribe-form .input {
	border: 0;
	outline: 0;
	width: 200px;
	height: 50px;
	font-size: 14px;
	box-shadow: none;
	line-height: 20px;
	color: #999;
	padding: 15px 22px;
	background: #fafafa;
	margin: 0 12px 10px;
	border-radius: 30px;
	display: inline-block;
	vertical-align: middle;
}

.subscribe-form .input::-webkit-input-placeholder {
	color: #999;
}

.subscribe-form .input::-moz-placeholder {
	opacity: 1;
	color: #999;
}

.subscribe-form .input:-moz-placeholder {
	color: #999;
}

.subscribe-form .input:-ms-input-placeholder {
	color: #999;
}

.subscribe-form .input.placeholder {
	color: #999;
}

.subscribe-form .input.large {
	width: 370px;
}

.subscribe-form .btn {
	padding: 10px 53px;
	margin: 0 12px 10px;
}

/*------------------------------------------------------------------
	26. team box styles   /  .team-box
-------------------------------------------------------------------*/

.team-box img {
	width: 100%;
}

.team-box .img-box {
	margin: 0 0 22px;
}

.team-box .heading {
	margin: 0;
	color: #363636;
	letter-spacing: -.8px;
	font: 600 20px/34px "Roboto", sans-serif;
}

.team-box .text {
	display: block;
	font-size: 14px;
	margin: 0 0 14px;
	line-height: 20px;
}

.team-box .social {
	font-size: 14px;
}

.team-box .social li {
	padding: 3px 9px;
}

/*------------------------------------------------------------------
	27. quote section styles   /  .quote-section
-------------------------------------------------------------------*/

.quote-section blockquote {
	border: 0;
	padding: 0;
	float: left;
	font-size: 15px;
	line-height: 25px;
	position: relative;
	margin: 0 0 0 60px;
}

.quote-section blockquote .fa {
	top: 10px;
	left: -60px;
	color: #666;
	font-size: 30px;
	position: absolute;
}

.quote-section blockquote q {
	display: block;
	margin: 0 0 32px;
}

.quote-section blockquote q:before,
.quote-section blockquote q:after {
	display: none;
}

.quote-section blockquote cite {
	display: block;
	font-size: 12px;
	font-weight: 300;
	line-height: 18px;
	font-style: normal;
}

.quote-section blockquote .name {
	color: #363636;
	display: block;
	font: 600 15px/20px "Roboto", sans-serif;
}

.quote-section .img {
	margin: 10px 0 0;
}

/*------------------------------------------------------------------
	27. quote section styles   /  .quote-section
-------------------------------------------------------------------*/

.promo-box {
	padding: 8px 0;
}

.promo-box .btn {
	padding: 14px 40px;
	vertical-align: middle;
}

.promo-box .txt {
	color: #999;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: -.8px;
	margin: -5px 54px 0 -8px;
	font: 400 26px/50px "Roboto", sans-serif;
}

/*------------------------------------------------------------------
	28. product box styles   /  .product-box
-------------------------------------------------------------------*/

.product-box:hover .img-box img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.product-box .img-box {
	height: 320px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	background: #f5f5f5;
}

.product-box .img-box:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	min-height: 100%;
}

.product-box .img-box > * {
	white-space: normal;
	display: inline-block;
	vertical-align: middle;
	max-width: 99%;
}

.product-box .img-box img {
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.product-box a {
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.product-box .box {
	overflow: hidden;
	background: #fff;
	padding: 24px 30px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, .05);
}

.product-box .frame {
	overflow: hidden;
}

.product-box .heading {
	margin: 0;
	color: #363636;
	letter-spacing: -.8px;
	font: 600 18px/28px "Roboto", sans-serif;
}

.product-box .heading a {
	color: #363636;
}

.product-box .heading.large {
	font-size: 20px;
}

.product-box .price {
	float: left;
	font-size: 14px;
}

.product-box .star {
	margin: 0;
	font-size: 15px;
}

.product-box .star li {
	padding: 0;
	margin: 0 0 0 -2px;
}

.product-box.small .img-box {
	height: 256px;
}

.product-box.small .box {
	padding: 19px 24px 17px 26px;
}

.product-box.small .heading {
	font-size: 16px;
	line-height: 23px;
}

.product-box.small .price {
	font-size: 12px;
}

.product-box.small .star {
	font-size: 13px;
}

.product-box.small .star li {
	margin: 0 0 0 -1px;
}

/*------------------------------------------------------------------
	29. promo block styles   /  .promo-block
-------------------------------------------------------------------*/

.promo-block {
	color: #fff;
	font-size: 18px;
	overflow: hidden;
	font-weight: 300;
	line-height: 28px;
	position: relative;
}

.promo-block p {
	margin: 0 0 0px;
	text-align: left;
}

.promo-block .heading {
	margin: 0 0 7px;
	letter-spacing: -1.4px;
	font: 600 24px "Roboto", sans-serif;
	text-align: left;
}

.promo-block .heading.add {
	font-size: 32px;
	margin: 0 0 39px;
}

.promo-block .btn {
	margin: 0 0 10px;
}

.promo-block.grey {
	color: #999;
}

.promo-block.grey .heading {
	color: #363636;
}

.promo-block.grey .btn:hover {
	color: #363636;
}

/*------------------------------------------------------------------
	30. progress bar styles   /  .progress-bar
-------------------------------------------------------------------*/

.progress-bar {
	overflow: hidden;
	padding: 24px 0 0;
}

.progress-bar ul {
	margin: 0;
}

.progress-bar li {
	margin: 0 0 25px;
}

.progress-bar .frame {
	margin: 0 0 10px;
	overflow: hidden;
}

.progress-bar .txt {
	float: left;
	color: #363636;
	font: 18px/23px "Roboto", sans-serif;
}

.progress-bar .number {
	float: right;
	color: #2c3e50;
	font: 18px/32px "Roboto", sans-serif;
}

/*------------------------------------------------------------------
	31. bar outer styles   /  .bar-outer
-------------------------------------------------------------------*/

.bar-outer {
	height: 9px;
	display: block;
	position: relative;
	background: #f2f2f2;
	border-radius: 10px;
}

.bar-outer .bar {
	top: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	border-radius: 10px;
}

/*------------------------------------------------------------------
	32. shop header styles   /  .shop-header
-------------------------------------------------------------------*/

.shop-header {
	overflow: hidden;
	padding-top: 17px;
	font: 14px/14px "Roboto", sans-serif;
}

.shop-header .txt {
	float: left;
	letter-spacing: -.6px;
}

.shop-header .sort-filter {
	float: right;
	position: relative;
	margin: -3px 30px 0 0;
	letter-spacing: -.8px;
}

.shop-header .sort-filter label {
	margin: 0;
	font-weight: normal;
}

.shop-header .sort-filter select {
	margin: 0;
	border: 0;
	padding: 0;
	width: auto;
	outline: 0 !important;
	background: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.shop-header .sort-filter:after {
	top: 2px;
	right: -30px;
	color: #bdbdbd;
	content: "\f107";
	position: absolute;
	font-family: "FontAwesome";
}

/*------------------------------------------------------------------
	33. shop pagination styles   /  .shop-pagination
-------------------------------------------------------------------*/

.shop-pagination {
	margin: 0;
	font-size: 12px;
	line-height: 28px;
	padding: 18px 0 10px;
}

.shop-pagination li {
	padding: 0;
	vertical-align: middle;
}

.shop-pagination a, .shop-pagination .active span {
	display: block;
	color: #bdbdbd;
	min-width: 30px;
	border-radius: 2px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	border: 1px solid transparent;
}

.map-holder .map {
	width: 100%;
	height: 500px;
}

/*------------------------------------------------------------------
	34. info box styles   /  .info-box
-------------------------------------------------------------------*/

.info-box {
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	background: #fff;
	padding: 53px 25px;
	min-height: 420px;
}
.info-box .btn { margin-top: 15px; }
.info-box .icon {
	display: block;
	font-size: 70px;
	margin: 0 0 11px;
	line-height: 90px;
}

.info-box .heading {
	display: block;
	color: #363636;
	margin: 0 0 18px;
	letter-spacing: -1px;
	font: 500 24px/36px "Roboto", sans-serif;
}

/*------------------------------------------------------------------
	35. contact form styles   /  .contact-form
-------------------------------------------------------------------*/

.contact-form::-webkit-input-placeholder {
	color: #777;
}

.contact/*------------------------------------------------------------------
	35. contact form styles   /  .contact-form
-------------------------------------------------------------------*/

.contact-form::-webkit-input-placeholder {
	color: #777;
}

.contact-form::-moz-placeholder {
	opacity: 1;
	color: #777;
}

.contact-form:-moz-placeholder {
	color: #777;
}

.contact-form:-ms-input-placeholder {
	color: #777;
}

.contact-form.placeholder {
	color: #777;
}

.contact-form .form-control {
	border: 0;
	color: #777;
	height: 46px;
	font-size: 14px;
	box-shadow: none;
	font-weight: 300;
	margin: 0 0 30px;
	line-height: 24px;
	padding: 6px 27px;
	border-radius: 20px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.contact-form .form-control::-webkit-input-placeholder {
	color: #777;
}

.contact-form .form-control::-moz-placeholder {
	opacity: 1;
	color: #777;
}

.contact-form .form-control:-moz-placeholder {
	color: #777;
}

.contact-form .form-control:-ms-input-placeholder {
	color: #777;
}

.contact-form .form-control.placeholder {
	color: #777;
}

.contact-form .form-control:focus {
	box-shadow: 0 4px 10px rgba(0, 0, 0, .02);
}

.contact-form textarea.form-control {
	resize: none;
	overflow: auto;
	padding: 18px 30px;
	height: 180px !important;
}

.contact-form .btn {
	width: 100%;
	display: block;
	text-transform: uppercase;
}

.contact-form .form-message {
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	position: relative;
	padding: 15px 25px 13px 50px;
}

.contact-form .form-message:after {
	top: 14px;
	left: 17px;
	width: 20px;
	content: "";
	height: 20px;
	font-size: 9px;
	font-weight: 400;
	line-height: 20px;
	border-radius: 50%;
	position: absolute;
	text-align: center;
	font-family: "FontAwesome";
}

.contact-form .form-message.error {
	margin: 0 0 20px;
	background: #f33;
	padding: 15px 20px 13px 50px;
}

.contact-form .form-message.error:after {
	content: "\f00d";
	background: #cc2929;
}

.contact-form .form-message.success {
	margin: 0 0 20px;
	background: #698cf0;
	padding: 15px 20px 13px 50px;
}

.contact-form .form-message.success:after {
	content: "\f00c";
	background: #5470c0;
}

.contact-form .form-message.hidden {
	display: none;
}

/*------------------------------------------------------------------
	36. section 404 styles   /  .section-404
-------------------------------------------------------------------*/

.section-404 {
	font-size: 18px;
	line-height: 25px;
}

.section-404 .heading {
	margin: 0;
	color: #363636;
	margin: 0 0 24px;
	letter-spacing: -2.7px;
	font: 600 70px/80px "Roboto", sans-serif;
}

.section-404 p {
	margin: 0 0 55px;
}

/*------------------------------------------------------------------
	37. port slider styles   /  .port-slider
-------------------------------------------------------------------*/

.port-slider img {
	width: 100%;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.port-slider:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.port-slider .slick-slide {
	overflow: hidden;
}

.port-slider .slick-arrow {
	top: 50%;
	border: 0;
	z-index: 2;
	font-size: 0;
	height: 90px;
	overflow: hidden;
	position: absolute;
	background: transparent;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	border-radius: 4px 0 0 4px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.port-slider .slick-arrow:after {
	color: #888;
	font-size: 90px;
	content: "\e684";
	line-height: 90px;
	font-family: "Pe-icon-7-stroke";
}

.port-slider .slick-arrow.slick-next {
	right: 15px;
}

.port-slider .slick-arrow.slick-prev {
	left: 15px;
	border-radius: 0 4px 4px 0;
}

.port-slider .slick-arrow.slick-prev:after {
	content: "\e686";
}

.port-slider .slick-arrow:hover {
	color: #282828;
}

/*------------------------------------------------------------------
	38. port detail styles   /  .port-detail
-------------------------------------------------------------------*/

.port-detail {
	font-size: 16px;
	line-height: 26px;
}

.port-detail .heading {
	color: #363636;
	display: block;
	margin: 0 0 30px;
	letter-spacing: -1.7px;
	font: 500 36px/40px "Roboto", sans-serif;
}

.port-detail .subheading {
	color: #363636;
	display: block;
	margin: 0 0 -3px;
	letter-spacing: -1px;
	font: 500 18px/31px "Roboto", sans-serif;
}

.port-detail .txt {
	display: block;
	font-size: 14px;
	font-weight: 300;
	margin: 0 0 22px;
}

.port-detail p {
	margin: 0 0 30px;
}

.port-detail .social {
	font-size: 14px;
}

.port-detail .social li {
	padding: 0 13px 0 0;
	vertical-align: middle;
}

.port-detail .social a:hover {
	opacity: .8;
	text-decoration: none;
}

.port-detail .social .fa-twitter {
	color: #1da1f2;
}

.port-detail .social .fa-facebook {
	color: #3b5998;
}

.port-detail .social .fa-google-plus {
	color: #dd4b39;
}

.port-detail .social .fa-pinterest-p {
	color: #bd081c;
}

.btn-port {
	color: #363636;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	font: 500 18px/26px "Roboto", sans-serif;
}

/*------------------------------------------------------------------
	39. search form styles   /  .search-form
-------------------------------------------------------------------*/

.search-form {
	margin: 0 0 43px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all ease .5s;
	transition: all ease .5s;
}

.search-form::-webkit-input-placeholder {
	color: #bdbdbd;
}

.search-form::-moz-placeholder {
	opacity: 1;
	color: #bdbdbd;
}

.search-form:-moz-placeholder {
	color: #bdbdbd;
}

.search-form:-ms-input-placeholder {
	color: #bdbdbd;
}

.search-form.placeholder {
	color: #bdbdbd;
}

.search-form input.form-control {
	outline: 0;
	height: 45px;
	color: #bdbdbd;
	font-size: 14px;
	box-shadow: none;
	padding: 6px 21px;
	border-radius: 30px;
	background: transparent;
	border: 2px solid #e0e0e0;
}

.search-form input.form-control::-webkit-input-placeholder {
	color: #bdbdbd;
}

.search-form input.form-control::-moz-placeholder {
	opacity: 1;
	color: #bdbdbd;
}

.search-form input.form-control:-moz-placeholder {
	color: #bdbdbd;
}

.search-form input.form-control:-ms-input-placeholder {
	color: #bdbdbd;
}

.search-form input.form-control.placeholder {
	color: #bdbdbd;
}

.search-form input.form-control:focus {
	border-color: #363636;
}

.search-form .icon {
	border: 0;
	top: 13px;
	padding: 0;
	right: 21px;
	color: #bdbdbd;
	position: absolute;
	background: transparent;
	-webkit-transition: all ease .5s;
	transition: all ease .5s;
}

.search-form .icon:hover {
	color: #363636;
}

/*------------------------------------------------------------------
	40. widget styles   /  .widget
-------------------------------------------------------------------*/

.widget {
	margin: 0 0 44px;
	padding: 0 0 20px;
	border-bottom: 1px solid #eee;
}

.widget .heading {
	display: block;
	color: #363636;
	margin: 0 0 28px;
	letter-spacing: -.7px;
	font: 500 18px/25px "Roboto", sans-serif;
}

.widget ul {
	margin: 0;
	padding: 0;
}

.widget a {
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.widget:last-child {
	border: 0;
}

.cat-widget {
	font-size: 14px;
	color: #bdbdbd;
}

.cat-widget a {
	color: #bdbdbd;
}

.cat-widget li {
	margin: 0 0 12px;
}

.cat-widget .fa {
	margin: 0 6px 0 0;
}

.post-widget ul {
	margin: 0;
	padding: 0 0 4px;
}

.post-widget li {
	overflow: hidden;
	padding: 5px 0 15px;
}

.post-widget .img-box {
	width: 70px;
	display: inline-block;
	vertical-align: top;
}

.post-widget .text-box {
	width: 180px;
	padding: 0 0 0 12px;
	display: inline-block;
	vertical-align: top;
}

.post-widget .head {
	margin: 0;
	display: block;
	color: #363636;
	letter-spacing: -.5px;
	font: 500 12px/20px "Roboto", sans-serif;
}

.post-widget .head a {
	color: #363636;
}

.post-widget .head,
.post-widget .head add {
	font-size: 14px;
	margin: -2px 0 4px;
}

.post-widget .txt {
	display: block;
	font-size: 10px;
}

.filter-widget .con-bar {
	top: 10px;
	display: block;
	margin: 0 0 30px;
	position: relative;
	border-top: 3px solid #e5e5e5;
}

.filter-widget .price {
	float: left;
	color: #363636;
	margin: 0 0 20px;
	font: 500 14px/20px "Roboto", sans-serif;
}

.filter-widget .btn-filter {
	float: right;
	padding: 10px;
	color: #363636;
	margin: -3px 0 0;
	padding: 4px 20px;
	border-radius: 30px;
	border: 1px solid #e0e0e0;
	font: 500 10px/15px "Roboto", sans-serif;
}

.filter-widget .btn-filter:hover {
	color: #fff;
}

.filter-widget .dot {
	top: -3px;
	left: 30px;
	width: 120px;
	position: absolute;
	border-top: 3px solid #363636;
}

.filter-widget .dot:after {
	left: 0;
	width: 9px;
	height: 9px;
	top: -6.5px;
	content: "";
	cursor: pointer;
	position: absolute;
	border-radius: 50%;
	background: #363636;
}

.filter-widget .dot:before {
	right: 0;
	width: 9px;
	height: 9px;
	top: -6.5px;
	content: "";
	cursor: pointer;
	position: absolute;
	border-radius: 50%;
	background: #363636;
}

.tags-widget {
	text-transform: capitalize;
}

.tags-widget ul li {
	margin: 0 0 -2px;
	vertical-align: top;
	padding: 7px 3px 0 0;
}

.tags-widget a {
	color: #363636;
	vertical-align: top;
	display: inline-block;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	border: 1px solid #e0e0e0;
	padding: 4px 11px 4px 12px;
	font: 500 9px/15px "Roboto", sans-serif;
}

.tags-widget a:hover {
	border-color: #363636;
}

/*------------------------------------------------------------------
	41. image slider styles   /  .image-slider
-------------------------------------------------------------------*/

.image-slider .slick-list {
	float: right;
	width: 78.9%;
	overflow: hidden;
}

.image-slider .slick-dots {
	margin: 0;
	width: 20%;
	padding: 0;
	float: left;
	overflow: hidden;
	list-style: none;
}

.image-slider .slick-dots li span {
	cursor: pointer;
	background: #fff;
	margin-bottom: 20px;
	vertical-align: top;
	display: inline-block;
}

.image-slider .slick-dots img {
	opacity: .5;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.image-slider .slick-dots .slick-active img {
	opacity: 1;
}

/*------------------------------------------------------------------
	42. product detail styles   /  .product-detail
-------------------------------------------------------------------*/

.product-detail {
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
}

.product-detail .heading {
	display: block;
	color: #363636;
	margin: 0 0 12px;
	letter-spacing: -1.4px;
	font: 500 36px/50px "Roboto", sans-serif;
}

.product-detail .star {
	font-size: 14px;
	margin: 0 0 47px 3px;
}

.product-detail .star li {
	padding: 0;
}

.product-detail .price {
	display: block;
	color: #363636;
	margin: 0 0 18px 3px;
	letter-spacing: -.9px;
	font: 500 20px/30px "Roboto", sans-serif;
}

.product-detail .price del {
	color: #999;
}

.product-detail p {
	margin: 0 0 48px 4px;
}

.product-detail form {
	margin: 0 0 24px;
}

.product-detail form::-webkit-input-placeholder {
	color: #363636;
}

.product-detail form::-moz-placeholder {
	opacity: 1;
	color: #363636;
}

.product-detail form:-moz-placeholder {
	color: #363636;
}

.product-detail form:-ms-input-placeholder {
	color: #363636;
}

.product-detail form.placeholder {
	color: #363636;
}

.product-detail form .form-control {
	float: left;
	width: 70px;
	height: 43px;
	font-size: 18px;
	border-radius: 0;
	text-align: center;
	margin: 0 20px 0 4px;
	background: transparent;
	border: 1px solid #e0e0e0;
}

.product-detail form .form-control::-webkit-input-placeholder {
	color: #363636;
}

.product-detail form .form-control::-moz-placeholder {
	opacity: 1;
	color: #363636;
}

.product-detail form .form-control:-moz-placeholder {
	color: #363636;
}

.product-detail form .form-control:-ms-input-placeholder {
	color: #363636;
}

.product-detail form .form-control.placeholder {
	color: #363636;
}

.product-detail form .btn-full {
	padding: 8px 21px;
	text-transform: uppercase;
}

.product-detail .social {
	font-size: 17px;
}

/*------------------------------------------------------------------
	43. product tabsec styles   /  .product-tabsec
-------------------------------------------------------------------*/

.product-tabsec .mainheading {
	color: #363636;
	display: block;
	margin: 0 0 38px;
	letter-spacing: -.8px;
	font: 500 20px/35px "Roboto", sans-serif;
}

.product-tabsec .tabset {
	margin: 0 0 50px;
	border-bottom: 1px solid #e5e5e5;
	font: 500 16px/30px "Roboto", sans-serif;
}

.product-tabsec .tabset li {
	padding: 0;
}

.product-tabsec .tabset a {
	display: block;
	color: #999;
	margin-bottom: -2px;
	padding: 0 28px 11px;
	letter-spacing: -.7px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	border-bottom: 1px solid #e5e5e5;
}

.product-tabsec .tabset a.active,
.product-tabsec .tabset a:hover {
	color: #363636;
	border-color: #363636;
}

.product-tabsec dl {
	margin: 0;
	font-size: 14px;
	line-height: 25px;
	padding: 5px 0 0 24px;
}

.product-tabsec dl dt {
	float: left;
	width: 109px;
	color: #363636;
	margin: 0 0 22px;
	font-weight: normal;
}

.product-tabsec dl dd {
	margin: 0 0 22px;
	overflow: hidden;
}

.product-tabsec .review-list {
	margin: 0;
	font-size: 14px;
	overflow: hidden;
	list-style: none;
	font-weight: 300;
	line-height: 24px;
	padding: 11px 0 9px 4px;
}

.product-tabsec .review-list > li {
	max-width: 574px;
	margin: 0 0 31px;
	overflow: hidden;
}

.product-tabsec .review-list .img {
	float: left;
	margin: 0 30px 0 0;
	border-radius: 50%;
}

.product-tabsec .review-list .holder {
	overflow: hidden;
}

.product-tabsec .review-list .top {
	overflow: hidden;
	padding: 4px 0 18px;
}

.product-tabsec .review-list .name {
	color: #363636;
	padding: 0 18px 0 0;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: -.8px;
	font: 500 18px/25px "Roboto", sans-serif;
}

.product-tabsec .review-list .time {
	font-size: 12px;
	font-weight: 300;
	display: inline-block;
	vertical-align: middle;
}

.product-tabsec .review-list .star {
	margin: 1px 0 0;
	font-size: 13px;
}

.product-tabsec .review-list .star li {
	padding: 0;
}

.product-tabsec .review-list .reply {
	margin: 0 7px 0 0;
}

.product-tabsec .review-list .frame {
	overflow: hidden;
	padding: 0 0 30px;
}

.product-tabsec .review-list .review-list {
	max-width: 674px;
	padding: 50px 0 0 0;
	border-top: 1px solid #eee;
}

.product-tabsec .review-list .review-list li {
	padding-left: 100px;
	border-bottom: 1px solid #eee;
}

.product-tabsec .review-list .review-list li:last-child {
	margin-bottom: 17px;
}

.product-tabsec .review-list.add {
	padding-left: 0;
}

.product-tabsec .review-list.add li {
	max-width: 100%;
}

.product-tabsec .review-list.add .frame {
	max-width: 574px;
}

.product-tabsec .review-form {
	max-width: 574px;
	padding: 55px 0 0 4px;
}

.product-tabsec .review-form.add {
	padding: 4px 0 8px;
}

.product-tabsec .review-form .heading {
	color: #363636;
	display: block;
	margin: 0 0 38px;
	letter-spacing: -.8px;
	font: 500 20px/25px "Roboto", sans-serif;
}

.product-tabsec .review-form .star {
	font-size: 14px;
	margin: 0 0 22px;
	font-weight: 300;
	line-height: 24px;
}

.product-tabsec .review-form .star li {
	padding: 0;
}

.product-tabsec .review-form .star li:first-child {
	padding: 0 17px 0 0;
}

.product-tabsec .review-form .contact-form textarea.form-control {
	height: 160px !important;
}

.product-tabsec .review-form .btn-full {
	display: inline-block;
	vertical-align: top;
	padding: 6px 41px;
	width: auto;
}

/*------------------------------------------------------------------
	44. related product styles   /  .related-product
-------------------------------------------------------------------*/

.related-product .mainheading {
	color: #363636;
	display: block;
	margin: 0 0 38px;
	letter-spacing: -.8px;
	font: 500 24px/37px "Roboto", sans-serif;
}

/*------------------------------------------------------------------
	45. blog detail styles   /  .blog-detail
-------------------------------------------------------------------*/

.blog-detail {
	font-size: 16px;
	margin: 0 0 30px;
	overflow: hidden;
	line-height: 26px;
}

.blog-detail .img {
	overflow: hidden;
}

.blog-detail .img img {
	width: 100%;
}

.blog-detail .text-box {
	overflow: hidden;
	background: #fff;
	padding: 37px 5% 0 4.4%;
}

.blog-detail .heading {
	color: #363636;
	display: block;
	margin: 0 0 1px;
	letter-spacing: -1.3px;
	font: 500 30px/45px "Roboto", sans-serif;
}

.blog-detail .meta {
	display: block;
	font-size: 14px;
	margin: 0 0 41px 2px;
}

.blog-detail p {
	margin: 0 0 26px;
}

.blog-detail blockquote {
	top: 4px;
	color: #363636;
	padding: 0 3.9%;
	font-size: 18px;
	line-height: 28px;
	position: relative;
	margin: 0 0 36px 7.8%;
	border: 3px solid transparent;
	border-width: 0 0 0 3px;
}
.blog-detail.testimonial blockquote {
	font-size: 16px; color: #777;
}
.blog-detail .post-footer {
	margin: 45px 0 0;
	overflow: hidden;
	position: relative;
	padding: 22px 0 20px 6px;
	border-top: 1px solid #f2f2f2;
}

.blog-detail .post-footer .tags {
	margin: 0;
	float: left;
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
}

.blog-detail .post-footer .tags li:first-child {
	font-weight: 400;
	font-style: normal;
	padding: 0 14px 0 0;
}

.blog-detail .post-footer .tags li {
	padding: 0 3px 0 0;
}

.blog-detail .post-footer .tags a {
	color: #999;
	text-decoration: underline;
}

.blog-detail .post-footer .tags a:hover {
	text-decoration: none;
}

.blog-detail .post-footer .social {
	float: right;
	font-size: 14px;
}

.blog-detail .post-footer .social li {
	padding: 0 0 0 12px;
}

.blog-detail .post-footer .social li:last-child {
	float: right;
}


.blog-detail .post-footer .social .fa-twitter {
	color: #1da1f2;
}

.blog-detail .post-footer .social .fa-facebook {
	color: #3b5998;
}

.blog-detail .post-footer .social .fa-pinterest-p {
	color: #bd081c;
}

.blog-detail .post-footer .social .fa-google-plus {
	color: #dd4b39;
}

.filter-blogs {
	  border: 1px solid #e0e0e0;
    border-radius: 20px;
    line-height: 40px;
    margin-bottom: 70px;
    text-align: left;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.filter-blogs li { border-right: 1px solid #e0e0e0; margin:0; padding: 0; display: table-cell; float:left; }
.filter-blogs li a { padding: 8px 15px; color: #666 }
.filter-blogs li a:hover {
		text-decoration: none;
}
.filter-blogs li.active {
		background: #0E9594;

}
.filter-blogs li.active a {
		color: white !important
}
.filter-blogs li.search {
	border-right: none;
	float: right;
}
.filter-blogs .searchform {
		position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    background: white;
    border: 0px solid #e0e0e0;
    border-radius: 20px;
    line-height: 38px;
    display: none;
}
.blogsearch-opener { font-size: 23px; }
.filter-blogs .searchform input {
		border: none;
    /* border-radius: 20px; */
    margin-left: 15px;
    width: 90%;
}
.filter-blogs .searchform button {
	background: none; border: none;
	position: absolute;
  right: 45px;
  top: 5px;
  font-size: 25px;
}
.filter-blogs .searchform button.closebtn {
	right: 10px;
}
.filter-blogs .searchform button:hover {
	color: #000;
}
.filter-blogs input:focus{
    outline: none;
}
@media screen and (max-width: 1199px){
	.filter-blogs, .filter-blogs li, .filter-blogs li.search, .filter-blogs li.search a.pull-right { float: none !important; }
  .filter-blogs li { display:block; border: none }

}
/*------------------------------------------------------------------
	45. team detail styles   /  .team-detail
-------------------------------------------------------------------*/

.team-detail {
	font-size: 16px;
	margin: 0 0 70px;
	overflow: hidden;
	line-height: 26px;
}

.team-detail .img {
	overflow: hidden;
}

.team-detail .img img {
	width: 100%;
}

.team-detail .text-box {
	overflow: hidden;
	background: #fff;
	padding: 27px 5% 0 4.4%;
}

.team-detail .heading {
	color: #363636;
	display: block;
	margin: 0 0 1px;
	letter-spacing: -1.3px;
	font: 500 30px/45px "Roboto", sans-serif;
}

.team-detail .meta {
	display: block;
	font-size: 14px;
	margin: 0 0 41px 2px;
}

.team-detail p {
	margin: 0 0 26px;
}

.team-detail blockquote {
	top: 4px;
	color: #363636;
	padding: 0 3.9%;
	font-size: 18px;
	line-height: 28px;
	position: relative;
	margin: 0 0 36px 7.8%;
	border: 3px solid transparent;
	border-width: 0 0 0 3px;
}
.team-detail .social {
	margin-top: 10px;
}
.team-detail .social li {
	padding-right: 15px;
}
.team-detail .post-footer {
	margin: 45px 0 0;
	overflow: hidden;
	position: relative;
	padding: 22px 0 20px 6px;
	border-top: 1px solid #f2f2f2;
}
.team-detail .contact-items {
	border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; list-style: none; margin: 20px 0 30px 0; padding: 0;
}
.team-detail .contact-item {
	list-style: none; padding: 5px 0 5px 25px; margin: 0; position: relative;
}
.team-detail .contact-item i {
	position: absolute; top: 10px; left: 0px;
}

.list-unstyled.fontawesome li {
	position: relative; padding-left: 18px;
}
.list-unstyled.fontawesome li i {
	position: absolute; top: 2px; left: 0px;
}
/*------------------------------------------------------------------
	46. cart block styles   /  .cart-block
-------------------------------------------------------------------*/

.cart-block {
	overflow: hidden;
}

.cart-block .heading {
	color: #363636;
	margin: 0 0 42px;
	letter-spacing: -1px;
	font: 500 24px/35px "Roboto", sans-serif;
}

.cart-block .cart-list {
	overflow: hidden;
	border: 1px solid #eee;
}

.cart-block .header {
	font-size: 14px;
	overflow: hidden;
	margin: 0 0 20px;
	padding: 8px 0 8px 4.2%;
	border-bottom: 1px solid #eee;
}

.cart-block .header .col1 {
	width: 49.6%;
	padding: 0 0 0 20px;
}

.cart-block .header .col2 {
	width: 12.6%;
}

.cart-block .header .col3 {
	width: 21.1%;
}

.cart-block .col1 {
	float: left;
	width: 48.4%;
}

.cart-block .col2 {
	float: left;
	width: 13.3%;
}

.cart-block .col3 {
	width: 20.5%;
	float: left;
}

.cart-block .col4 {
	width: 11%;
	float: left;
}

.cart-block .holder {
	margin: 0 0 20px;
	overflow: hidden;
}

.cart-block .holder .form-control {
	float: left;
	width: 70px;
	height: 43px;
	font-size: 18px;
	margin: 18px 0 0;
	border-radius: 0;
	box-shadow: none;
	text-align: center;
	background: transparent;
	border: 1px solid #e0e0e0;
}

.cart-block .holder .form-control::-webkit-input-placeholder {
	color: #363636;
}

.cart-block .holder .form-control::-moz-placeholder {
	opacity: 1;
	color: #363636;
}

.cart-block .holder .form-control:-moz-placeholder {
	color: #363636;
}

.cart-block .holder .form-control:-ms-input-placeholder {
	color: #363636;
}

.cart-block .holder .form-control.placeholder {
	color: #363636;
}

.cart-block .close {
	top: 50px;
	right: 3.2%;
	font-size: 36px;
	line-height: 40px;
	color: #999;
	position: absolute;
}

.cart-block .row-box {
	overflow: hidden;
	padding: 30px 0 30px;
	position: relative;
	margin: 0 0 0 4.2%;
	border-bottom: 1px solid #eee;
}

.cart-block .row-box .img {
	margin: 0 3.8% 0 0;
	display: inline-block;
	vertical-align: middle;
}

.cart-block .row-box .txt {
	color: #363636;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: -.8px;
	font: 500 18px/25px "Roboto", sans-serif;
}

.cart-block .row-box .txt a {
	color: #363636;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.cart-block .row-box .price {
	color: #363636;
	padding: 27px 0 0;
	display: inline-block;
	vertical-align: middle;
	font: 500 18px/25px "Roboto", sans-serif;
}

.cart-block .row-box:last-child {
	border-bottom: 0;
}

.cart-block .footer {
	overflow: hidden;
	padding: 30px 4% 31px 4.1%;
	border-top: 1px solid #eee;
}

.cart-block .coupon-form {
	float: left;
	width: 270px;
	overflow: hidden;
	position: relative;
	border-radius: 30px;
	border: 1px solid #eee;
}

.cart-block .coupon-form .form-control {
	margin: 0;
	border: 0;
	width: 100%;
	height: 38px;
	font-size: 13px;
	box-shadow: none;
	padding: 6px 25px;
	color: #999;
}

.cart-block .coupon-form .form-control::-webkit-input-placeholder {
	color: #999;
}

.cart-block .coupon-form .form-control::-moz-placeholder {
	opacity: 1;
	color: #999;
}

.cart-block .coupon-form .form-control:-moz-placeholder {
	color: #999;
}

.cart-block .coupon-form .form-control:-ms-input-placeholder {
	color: #999;
}

.cart-block .coupon-form .form-control.placeholder {
	color: #999;
}

.cart-block .coupon-form .btn {
	top: 0;
	right: 0;
	color: #fff;
	border-radius: 0;
	padding: 6px 25px;
	position: absolute;
	background: #363636;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	text-transform: uppercase;
	font: 500 12px/26px "Roboto", sans-serif;
}

.cart-block .subtotal {
	float: right;
	padding: 7px 0 0;
	color: #999;
	letter-spacing: -.7px;
	font: 18px/30px "Roboto", sans-serif;
}

.cart-block .subtotal .add {
	color: #363636;
	font-size: 26px;
	font-weight: 500;
}

.cart-block .btn-box {
	overflow: hidden;
	padding: 41px 0 0;
}

.cart-block .btn-box .prev {
	margin: 15px 0 0;
	color: #999;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	font: 500 14px/20px "Roboto", sans-serif;
}

.cart-block .summery {
	font-size: 14px;
	line-height: 20px;
	border: 1px solid #eee;
	padding: 40px 3.1% 46px 3.3%;
}

.cart-block .summery .heading {
	margin: 0 0 37px;
}

.cart-block .summery ul {
	margin: 0;
	padding: 0;
}

.cart-block .summery ul li {
	margin: 0 0 16px;
	overflow: hidden;
	padding: 0 0 15px;
	border-bottom: 1px solid #eee;
}

.cart-block .summery .total {
	border: 0;
	margin: 0;
	color: #363636;
	font-size: 18px;
	padding: 6px 0 0;
}

.cart-block .payment {
	font-size: 14px;
	line-height: 20px;
	border: 1px solid #eee;
	padding: 40px 3.1% 46px 3.3%;
}

.cart-block .payment .heading {
	margin: 0 0 37px;
}

.cart-block .payment ul {
	margin: 0;
	padding: 0;
}

.cart-block .payment ul li {
	margin: 0 0 25px;
	overflow: hidden;
	padding: 0 0 25px;
	border-bottom: 1px solid #eee;
}

.cart-block .payment ul li:last-child {
	margin: 0;
	border: 0;
	padding: 0;
}

.cart-block .payment input {
	float: left;
	width: 18px;
	height: 18px;
	margin: 4px 14px 0 3px;
}

.cart-block .payment label {
	margin: 0;
	padding: 4px 0;
	font-weight: normal;
}

.cart-block .payment .txt-alert {
	width: 100%;
	display: block;
	font-size: 12px;
	margin: 15px 0 5px;
	padding: 15px 21px;
	background: #f8f8f8;
}

/*------------------------------------------------------------------
	47. billing info styles   /  .billing-info
-------------------------------------------------------------------*/

.billing-info {
	border: 1px solid #eee;
	padding: 40px 38px 40px 37px;
}

.billing-info::-webkit-input-placeholder {
	color: #888;
}

.billing-info::-moz-placeholder {
	opacity: 1;
	color: #888;
}

.billing-info:-moz-placeholder {
	color: #888;
}

.billing-info:-ms-input-placeholder {
	color: #888;
}

.billing-info.placeholder {
	color: #888;
}

.billing-info form {
	margin: 0 0 0 3px;
}

.billing-info .form-control {
	color: #888;
	height: 46px;
	font-size: 14px;
	box-shadow: none;
	font-weight: 300;
	margin: 0 0 32px;
	line-height: 24px;
	padding: 6px 27px;
	border-radius: 20px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	border: 1px solid #eee;
}

.billing-info .form-control::-webkit-input-placeholder {
	color: #888;
}

.billing-info .form-control::-moz-placeholder {
	opacity: 1;
	color: #888;
}

.billing-info .form-control:-moz-placeholder {
	color: #888;
}

.billing-info .form-control:-ms-input-placeholder {
	color: #888;
}

.billing-info .form-control.placeholder {
	color: #888;
}

.billing-info .form-control:focus {
	box-shadow: 0 4px 10px rgba(0, 0, 0, .02);
}

.billing-info textarea.form-control {
	resize: none;
	overflow: auto;
	padding: 18px 30px;
	height: 180px !important;
}

.billing-info .check-holder {
	margin: -6px 0 0;
}

.billing-info .check-holder input {
	padding: 0;
	float: left;
	width: 15px;
	height: 15px;
	border-radius: 2px;
	margin: 3px 9px 0 0;
	border: 1px solid #e0e0e0;
}

.billing-info .check-holder label {
	float: left;
	font-size: 14px;
	color: #999;
	font-weight: normal;
}

.billing-info .forget {
	font-size: 14px;
	margin: 10px 0 0;
	color: #999;
}

.billing-info .btn {
	margin: 0 0 11px;
}

/*------------------------------------------------------------------
	48. coming section styles   /  .coming-section
-------------------------------------------------------------------*/

.coming-section {
	height: 100vh;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	white-space: nowrap;
	text-align: center;
}

.coming-section:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	min-height: 100%;
}

.coming-section > * {
	white-space: normal;
	display: inline-block;
	vertical-align: middle;
	max-width: 99%;
}

.coming-section .bg-overlay {
	opacity: .4;
}

.coming-section .holder {
	z-index: 2;
	position: relative;
}

.coming-section .logo {
	color: #fff;
	margin: 0 0 50px;
}

.coming-section .logo a {
	color: #fff;
}

.coming-section .main-title {
	display: block;
	margin: 0 0 26px;
	letter-spacing: -2.5px;
	font: 500 70px/80px "Roboto", sans-serif;
}

.coming-section p {
	margin: 0 0 46px;
}

.coming-section .frame {
	overflow: hidden;
}

.coming-section .countdown-section {
	color: #fff;
	width: 120px;
	overflow: hidden;
	position: relative;
	margin-bottom: 60px;
	vertical-align: top;
	display: inline-block;
}

.coming-section .countdown-amount {
	display: block;
	margin: 0 0 -6px;
	font: 55px/70px "Roboto", sans-serif;
}

.coming-section .countdown-period {
	color: #fff;
	display: block;
	text-transform: capitalize;
	font: 300 18px/30px "Roboto", sans-serif;
}

.coming-section .is-countdown {
	margin: 0 0 90px;
}

/*------------------------------------------------------------------
	49. quote form styles   /  .quote-form
-------------------------------------------------------------------*/

.quote-form {
	/*float: right;
	width: 410px;
	color: #999;
	border-radius: 4px;
	padding: 56px 30px 69px;*/
	float: none;
    width: 510px; max-width: 100%;
    margin: 0 auto;
    color: #999;
    border-radius: 4px;
    padding: 36px 30px 39px;
    text-align: center;
}
.quote-form .eqHeight { margin-bottom: 20px; }

.quote-form .form-heading {
	color: #282828;
	display: block;
	margin: 0 0 3px;
	font: 700 28px/30px "Roboto", sans-serif;
}

.quote-form .form-title {
	display: block;
	margin: 0 0 49px;
}

.quote-form .form-control {
	border: 0;
	margin: 0;
	color: #777;
	height: 46px;
	font-size: 14px;
	box-shadow: none;
	font-weight: 300;
	line-height: 24px;
	padding: 6px 27px;
	border-radius: 20px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.quote-form .form-control::-webkit-input-placeholder {
	color: #777;
}

.quote-form .form-control::-moz-placeholder {
	opacity: 1;
	color: #777;
}

.quote-form .form-control:-moz-placeholder {
	color: #777;
}

.quote-form .form-control:-ms-input-placeholder {
	color: #777;
}

.quote-form .form-control.placeholder {
	color: #777;
}

.quote-form .form-control:focus {
	box-shadow: 0 4px 10px rgba(0, 0, 0, .02);
}

.quote-form .form-group {
	overflow: hidden;
	margin: 0 0 20px;
}

.quote-form .form-group.has-error .form-control {
	color: #f33;
	border-color: #f33;
}

.quote-form .fa {
	font-size: 12px;
	margin-right: 2px;
}

.quote-form .btn {
	width: 100%;
	display: block;
	padding: 11px 28px;
	opacity: 1 !important;
}

.quote-form .form-message {
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	position: relative;
}

.quote-form .form-message:after {
	top: 14px;
	left: 17px;
	width: 20px;
	content: "";
	height: 20px;
	border-radius: 50%;
	position: absolute;
	text-align: center;
	font-family: "FontAwesome";
}

.quote-form .form-message.error {
	margin: 0 0 20px;
	background: #f33;
	padding: 15px 5px 13px 50px;
}

.quote-form .form-message.error:after {
	content: "\f00d";
	background: #cc2929;
}

.quote-form .form-message.success {
	margin: 0 0 20px;
	background: #698cf0;
	padding: 15px 5px 13px 50px;
}

.quote-form .form-message.success:after {
	content: "\f00c";
	background: #5470c0;
}

/*------------------------------------------------------------------
	50. bgvid styles   /  #bgvid
-------------------------------------------------------------------*/

#bgvid {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 91vh;
	width: auto;
	z-index: -100;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url("images/img22.jpg") no-repeat;
	background-size: cover;
	-webkit-transition: 1s opacity;
	transition: 1s opacity;
}

#bgvid .vegas-slide {
	height: 100%;
}

/*------------------------------------------------------------------
	51. back top styles   /  #back-top
-------------------------------------------------------------------*/

#back-top {
	bottom: 0;
	opacity: 0;
	z-index: 9;
	right: 20px;
	width: 50px;
	color: #fff;
	height: 50px;
	z-index: 9999;
	cursor: pointer;
	font-size: 25px;
	position: fixed;
	line-height: 47px;
	text-align: center;
	border-radius: 3px;
	background: #252525;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
	-ms-transform: translateY(40px);
	-webkit-transition: all .6s ease;
	-webkit-transform: translateY(40px);
}

#back-top.show {
	opacity: 1;
	transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
}

#back-top:hover {
	opacity: .9;
}

.js-tab-hidden {
	display: block !important;
	left: -9999px !important;
	position: absolute !important;
	top: -9999px !important;
}

/*------------------------------------------------------------------
	35. contact form styles   /  .contact-form
-------------------------------------------------------------------*/

.loader-container {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	position: fixed;
	background: rgba(0, 0, 0, .5);
}

.loader-container .holder {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.spinner {
	top: 45%;
	left: 48%;
	width: 50px;
	height: 50px;
	position: absolute;
	vertical-align: top;
	display: inline-block;
	box-sizing: border-box;
}

.spinner-round:before {
	top: 0;
	left: 0;
	width: 50px;
	content: " ";
	height: 50px;
	position: absolute;
	border-radius: 50%;
	vertical-align: top;
	display: inline-block;
	border-top: solid 4px #363636;
	border-left: solid 4px #363636;
	border-right: solid 4px #363636;
	border-bottom: solid 4px #363636;
}

.spinner-round:after {
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	content: " ";
	position: absolute;
	border-radius: 50%;
	vertical-align: top;
	display: inline-block;
	border-top: solid 4px #fff;
	border-left: solid 4px transparent;
	border-right: solid 4px transparent;
	border-bottom: solid 4px transparent;
	-webkit-animation: spinner-round-animate 1s ease-in-out infinite;
	animation: spinner-round-animate 1s ease-in-out infinite;
}

@media (min-width: 768px) {
	.commentlist-item .commentlist-item {
		padding: 0 0 0 2em;
	}
}

@media (max-width: 767px) {
	.navigation .page-numbers,
	.navigation-comments .page-numbers {
		padding: 0;
	}

	.navigation .next,
	.navigation .prev,
	.navigation-comments .next,
	.navigation-comments .prev {
		padding: .2em;
	}

	.navigation-single .next a,
	.navigation-single .prev a {
		padding: .2em;
	}
}

@-webkit-keyframes spinner-round-animate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spinner-round-animate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.post .meta a { color: #999; }

.social-fb { margin-top: 5px; }
._1drm._1b90, ._1drm._1ds4 { border: none !important; }

/*a.flink-u { text-decoration: underline; }*/

/* thumbnail animation */
.team .img-box img {
	transition: opacity 300ms ease-out, transform 300ms ease-out, filter 300ms ease-out; 
	-moz-transition: opacity 300ms ease-out, -moz-transform 300ms ease-out, -moz-filter 300ms ease-out; 
 	-o-transition: opacity 300ms ease-out, -o-transform 300ms ease-out, -o-filter 300ms ease-out; 
 	-webkit-transition: opacity 300ms ease-out, -webkit-transform 300ms ease-out, -webkit-filter 300ms ease-out; }
.team .img-box{ background: #000; }
.team .img-box:hover img{ opacity: 0.9; filter: alpha(opacity=90); }
.team .img-box { overflow: hidden; }
.team .img-box:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); }
/*.img-box img{
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%); }
.img-box:hover img{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%); 
	-o-filter: grayscale(0%); 
	filter: grayscale(0%); }*/
	
.team .heading a { color: #363636; }
.team .btn { margin-top: 10px; }

.entry ul, .list-archive, .main-heading ul { list-style: none; padding: 0px; }
.entry ul li, .list-archive li, .main-heading ul li {
  padding-left: 20px;
}
.entry ul li:before, .list-archive li:before, .main-heading ul li:before {
  content: "\f105"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color: #0E9594;
}
/*.entry p + ul { margin-top: -15px; }*/
.entry img.img-right { margin-top: 10px; }
.entry p { margin-bottom: 15px; }
.entry h3 {     font-size: 20px;
    color: #333;
    margin-bottom: 20px; }
.entry h2 { font-size: 25px;
    margin-bottom: 20px; margin-top: 35px }
.entry h2:first-child { margin-top: 0px }    
.entry p + h3, .entry ul + h3 { margin-top: 35px; }    
/*.panel-group .panel { box-shadow: none; border-radius: 0; }    
.panel-default > .panel-heading { border-radius: 0; border: none; color: white; background-color: #0E9594; position: relative; }
.panel-default > .panel-heading:hover { color: white; text-decoration: none; background-color: #00AFCB; }
.panel-default > .panel-heading a { color: white !important; text-decoration: none !important; padding-left: 35px; }
.panel-default > .panel-heading:hover a { color: white !important; text-decoration: none !important }
.panel-default > .panel-heading a:hover { color: white; text-decoration: none; }
td.task { font-weight: bold; min-width: 240px; }
.panel-default > .panel-heading .panel-title a span { font-size: 25px; position: absolute; top: 5px; left: 10px;  }
*/
.post-widget img.small-img { max-width: 70px; }
.author-website { margin-top: 20px !important; }

#ctf .ctf-item:before { font-family: FontAwesome; content: "\f099" !important; color: white; left: 0;
    top: 4px;
    font-size: 18px;
    position: absolute; }


.calendar .row-striped:nth-of-type(odd){
  background-color: #F4F7FA;
  border-left: 4px #000000 solid;
}

.calendar .row-striped:nth-of-type(even){
  background-color: #ffffff;
  border-left: 4px #F4F7FA solid;
}

.calendar .row-striped {
    padding: 15px 0;
}
.calendar .display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.calendar .badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

.calendar .badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
.calendar h2 {
	text-transform: uppercase;
	margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
    margin-top: 0;
    font-size: 25px;
}
@media (max-width: 767px) {
	.col-sm-2.text-right { text-align: left; !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	#nav {
    	margin: 0 40px 0 0;
    }
    #nav li { padding-left: 25px; }
    #nav #menu-hoofdnavigatie > li:first-child { padding-left: 0px; }
}
.btn { white-space: normal; }

.ecourse-ld .bg-img-full { background-position: bottom right; padding: 60px 40px; }

.wp-block-table td, .wp-block-table th {
    padding: 0.5em;
}
.wp-block-embed iframe {
	width: 100% !important;
}

.price-box i { font-size: 80%; margin-right: 7px; }

.aanbod { list-style: none; margin-top: 50px; }
.aanbod li { list-style: none; display: table; float: left; width: calc(20% - 4px); padding-left: 0px !important; margin: 0 1px !important; }
.aanbod li::before { display: none !important; }
.aanbod li a { display: table-cell; width: 100%; vertical-align: middle; padding: 20px; font-weight: bold; background-color: #0E9594; text-decoration: none; text-align: center;color: white !important;   }
.aanbod li a:hover { background-color: #00AFCB }
@media (max-width: 1199px) {
	.aanbod li a { font-size: 14px; padding:15px;}
}
@media (max-width: 991px) {
	.aanbod li { width: calc(33% - 4px); margin-bottom: 2px !important }
	.price-box { margin-bottom: 10px !important}
}
@media (max-width: 767px) {
	.aanbod li { width: 100%; }
}




/* Default tab style */

.tabs {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	font-weight: 300;
	font-size: 1.25em;
}

/* Nav */
.tabs nav {
	text-align: center;
}

.tabs nav ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.tabs nav ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.tabs nav a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5;
}

.tabs nav a span {
	vertical-align: middle;
	font-size: 0.75em;
}

.tabs nav li.tab-current a {
	color: #74777b;
}

.tabs nav a:focus {
	outline: none;
}

/* Content */
.content-wrap {
	position: relative;
}

.content-wrap section {
	display: none;
	margin: 0 auto;
	padding: 50px;
	max-width: 1200px;
	text-align: center;
}

.content-wrap section.content-current {
	display: block; background: white;
}

/* Fallback */
.no-js .content-wrap section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul {
	display: block;
}

.no-flexbox nav ul li {
	min-width: 15%;
	display: inline-block;
}

@media screen and (max-width: 58em) {
	.tabs nav a.icon span {
		display: none;
	}
	.tabs nav a:before {
		margin-right: 0;
	}
}
/* Individual tab styles */

/*****************************/
/* Bar */
/*****************************/

.tabs-style-bar nav {
	background: rgba(40,44,42,0.05);
}

.tabs-style-bar nav ul {
	border: 4px solid transparent;
}

.tabs-style-bar nav ul li a {
	margin: 0 2px;
	background-color: #f7f7f7;
	color: #74777b;
	transition: background-color 0.2s, color 0.2s;
}

.tabs-style-bar nav ul li a:hover,
.tabs-style-bar nav ul li a:focus {
	color: #2CC185;
}

.tabs-style-bar nav ul li a span {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 0.6em;
}

.tabs-style-bar nav ul li.tab-current a {
	background: #2CC185;
	color: #fff;
}

/*****************************/
/* Icon box */
/*****************************/

.tabs-style-iconbox nav {

}

.tabs-style-iconbox nav ul li a {
	overflow: visible;
	padding: 2em 0;
	line-height: 1;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.tabs-style-iconbox nav ul li a span {
	font-weight: 700;
    font-size: 16px;
    white-space: break-spaces;
}

.tabs-style-iconbox nav ul li.tab-current {

}

.tabs-style-iconbox nav ul li.tab-current a {
	background: #fff;
	box-shadow: -1px 0 0 #fff;
}

.tabs-style-iconbox nav ul li.tab-current a::after {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 10px;
	border-top-color: #fff;
	content: '';
	pointer-events: none;
}

.tabs-style-iconbox nav ul li:first-child::before,
.tabs-style-iconbox nav ul li::after {
	position: absolute;
	top: 20%;
	right: 0;
	z-index: -1;
	width: 1px;
	height: 60%;
	background: rgba(0,0,0,0.07);
	content: '';
}

.tabs-style-iconbox nav ul li:first-child::before {
	right: auto;
	left: 0;
}

.tabs-style-iconbox .icon::before {
	display: block;
	margin: 0 0 0.25em 0;
}

/*****************************/
/* Underline */
/*****************************/

.tabs-style-underline nav {
	background: #fff;
}

.tabs-style-underline nav a {
	padding: 0.25em 0 0.5em;
	border-left: 1px solid #e7ecea;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.tabs-style-underline nav li:last-child a {
	border-right: 1px solid #e7ecea;
}

.tabs-style-underline nav li a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;
	background: #2CC185;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translate3d(0,150%,0);
	transform: translate3d(0,150%,0);
}

.tabs-style-underline nav li.tab-current a::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.tabs-style-underline nav a span {
	font-weight: 700;
}

/*****************************/
/* Triangle and line */
/*****************************/

.tabs-style-linetriangle nav a {
	overflow: visible;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.tabs-style-linetriangle nav a span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1em;
}

.tabs-style-linetriangle nav li.tab-current a:after, 
.tabs-style-linetriangle nav li.tab-current a:before {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: '';
	pointer-events: none;
}

.tabs-style-linetriangle nav li.tab-current a:after {
	margin-left: -10px;
	border-width: 10px;
	border-top-color: #e7ecea;
}

.tabs-style-linetriangle nav li.tab-current a:before {
	margin-left: -11px;
	border-width: 11px;
	border-top-color: rgba(0,0,0,0.2);
}

@media screen and (max-width: 58em) {
	.tabs-style-linetriangle nav {
		font-size: 0.6em;
	}
}

/*****************************/
/* Top Line */
/*****************************/

.tabs-style-topline {
	max-width: 1200px;
}

.tabs-style-topline nav li {
	border: 1px solid rgba(40,44,42,0.1);
}

.tabs-style-topline nav li:not(:last-child) {
	border-right: none;
}

.tabs-style-topline nav li.tab-current {
	border-top-color: #2CC185;
	border-bottom: none;
}

.tabs-style-topline nav a {
	padding: 0.65em 0 0.5em;
	background: rgba(40,44,42,0.05);
	color: #74777b;
	line-height: 1;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.tabs-style-topline nav a:hover,
.tabs-style-topline nav a:focus {
	color: #2CC185;
}

.tabs-style-topline nav li.tab-current a {
	background: none;
	box-shadow: inset 0 3px 0 #2CC185;
	color: #2CC185;
}

.tabs-style-topline .icon::before {
	display: block;
	margin: 0;
}

.tabs-style-topline nav a span {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 0.5em;
}

/*****************************/
/* Falling Icon, from http://vintageproductions.eu/grid/interactivity/ */ 
/*****************************/

.tabs-style-iconfall {
	overflow: visible;
}

.tabs-style-iconfall nav a {
	display: inline-block;
	overflow: visible;
	padding: 1em 0 2em;
	color: #74777b;
	line-height: 1;
	-webkit-transition: color 0.3s cubic-bezier(0.7,0,0.3,1); 
	transition: color 0.3s cubic-bezier(0.7,0,0.3,1);
}

.tabs-style-iconfall nav a:hover,
.tabs-style-iconfall nav a:focus,
.tabs-style-iconfall nav li.tab-current a {
	color: #2CC185;
}

.tabs-style-iconfall nav a span {
	font-weight: 700;
}

.tabs-style-iconfall nav li::before {
	position: absolute;
	bottom: 1em;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 4px;
	background: #2CC185;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s ease-in;
	transition: transform 0.2s ease-in;
	-webkit-transform: scale3d(0,1,1);
	transform: scale3d(0,1,1);
}

.tabs-style-iconfall nav li.tab-current::before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.tabs-style-iconfall .icon::before {
	display: block;
	margin: 0 0 0.35em;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
	pointer-events: none;
}

.tabs-style-iconfall nav li.tab-current .icon::before {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

@media screen and (max-width: 58em) {
	.tabs-style-iconfall nav li .icon::before {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

/*****************************/
/* Moving Line */
/*****************************/

.tabs-style-linemove nav {
	background: #fff;
}

.tabs-style-linemove nav li:last-child::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: #2CC185;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

/* Move the line */
.tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before {
	-webkit-transform: translate3d(-400%,0,0);
	transform: translate3d(-400%,0,0);
}

.tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before {
	-webkit-transform: translate3d(-300%,0,0);
	transform: translate3d(-300%,0,0);
}

.tabs-style-linemove nav li:nth-child(3).tab-current ~ li:last-child::before {
	-webkit-transform: translate3d(-200%,0,0);
	transform: translate3d(-200%,0,0);
}

.tabs-style-linemove nav li:nth-child(4).tab-current ~ li:last-child::before {
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

.tabs-style-linemove nav a {
	padding: 1em 0;
	color: #74777b;
	line-height: 1;
	-webkit-transition: color 0.3s, -webkit-transform 0.3s; 
	transition: color 0.3s, transform 0.3s;
}

.tabs-style-linemove nav li.tab-current a {
	color: #2CC185;
	-webkit-transform: translate3d(0,8px,0);
	transform: translate3d(0,8px,0);
}

.tabs-style-linemove nav a span {
	font-weight: 700;
}

/*****************************/
/* Line */
/*****************************/

.tabs-style-line nav ul {
	padding: 0 2em;
	max-width: none;
	box-shadow: inset 0 -2px #d1d3d2;
}

.tabs-style-line nav a {
	padding: 0.7em 0.4em;
	box-shadow: inset 0 -2px #d1d3d2;
	color: #74777b;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 0.8em;
	line-height: 1;
	-webkit-transition: color 0.3s, box-shadow 0.3s;
	transition: color 0.3s, box-shadow 0.3s;
}

.tabs-style-line nav a:hover,
.tabs-style-line nav a:focus {
	box-shadow: inset 0 -2px #74777b;
}

.tabs-style-line nav li.tab-current a {
	box-shadow: inset 0 -2px #2CC185;
	color: #2CC185;
}

@media screen and (max-width: 58em) {
	.tabs-style-line nav ul {
		display: block;
		box-shadow: none;
	}
	.tabs-style-line nav ul li {
		display: block;
		-webkit-flex: none;
		flex: none;
	}
}

/*****************************/
/* Circle */
/*****************************/

.tabs-style-circle {
	overflow: visible;
}

.tabs-style-circle nav li::before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -60px 0 0 -60px;
	width: 120px;
	height: 120px;
	border: 1px solid #2CC185;
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

@media screen and (max-width: 58em) {
	.tabs-style-circle nav li::before {
		margin: -40px 0 0 -40px;
		width: 80px;
		height: 80px;
	}
}

.tabs-style-circle nav li.tab-current::before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.tabs-style-circle nav a {
	overflow: visible;
	color: #74777b;
	font-weight: 700;
	font-size: 0.9em;
	line-height: 1.1;
	-webkit-transition: color 0.3s cubic-bezier(0.7,0,0.3,1); 
	transition: color 0.3s cubic-bezier(0.7,0,0.3,1);
}

.tabs-style-circle nav a span {
	display: inline-block;
}

.tabs-style-circle nav a span,
.tabs-style-circle .icon::before {
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7,0,0.3,1);
	transition: transform 0.3s cubic-bezier(0.7,0,0.3,1);
}

.tabs-style-circle nav a:hover,
.tabs-style-circle nav a:focus {
	color: #4a4a4b;
}

.tabs-style-circle nav li.tab-current a {
	color: #2CC185;
}

.tabs-style-circle nav li.tab-current a span {
	-webkit-transform: translate3d(0,4px,0);
	transform: translate3d(0,4px,0);
}

.tabs-style-circle .icon::before {
	display: block;
	margin: 0;
	pointer-events: none;
}

.tabs-style-circle nav li.tab-current .icon::before {
	-webkit-transform: translate3d(0,-4px,0);
	transform: translate3d(0,-4px,0);
}

/*****************************/
/* Shape */
/*****************************/

.tabs-style-shape {
	max-width: 1200px;
}

.tabs-style-shape nav ul li {
	margin: 0 3em;
}

.tabs-style-shape nav ul li:first-child {
	margin-left: 0;
}

.tabs-style-shape nav ul li.tab-current {
	z-index: 100;
}

.tabs-style-shape nav li a {
	overflow: visible;
	margin: 0 -3em 0 0;
	padding: 0;
	color: #fff;
	font-weight: 500;
}

.tabs-style-shape nav li:first-child a span {
	padding-left: 2em;
	border-radius: 30px 0 0 0;
}

.tabs-style-shape nav li:last-child a span {
	padding-right: 2em;
	border-radius: 0 30px 0 0;
}

.tabs-style-shape nav li a svg {
	position: absolute;
	left: 100%;
	margin: 0;
	width: 3em;
	height: 100%;
	fill: #bdc2c9;
}

.tabs-style-shape nav li a svg:nth-child(2),
.tabs-style-shape nav li:last-child a svg {
	right: 100%;
	left: auto;
	-webkit-transform: scale3d(-1,1,1);
	transform: scale3d(-1,1,1);
}

.tabs-style-shape nav li a span {
	display: block;
	overflow: hidden;
	padding: 0.65em 0;
	background-color: #bdc2c9;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tabs-style-shape nav li a:hover span {
	background-color: #2CC185;
}

.tabs-style-shape nav li a:hover svg {
	fill: #2CC185;
}

/* Make only shape clickable */
.tabs-style-shape nav li a svg {
	pointer-events: none;
}

.tabs-style-shape nav li a svg use {
	pointer-events: auto;
}

.tabs-style-shape nav li.tab-current a span,
.tabs-style-shape nav li.tab-current a svg {
	-webkit-transition: none;
	transition: none;
}

.tabs-style-shape nav li.tab-current a span {
	background: #fff;
}

.tabs-style-shape nav li.tab-current a svg {
	fill: #fff;
}

.tabs-style-shape .content-wrap {
	background: #fff;
}

@media screen and (max-width: 58em) {
	.tabs-style-shape nav ul {
		display: block;
		padding-top: 1.5em;
	}
	.tabs-style-shape nav ul li {
		display: block;
		margin: -1.25em 0 0;
		-webkit-flex: none;
		flex: none;
	}
	.tabs-style-shape nav ul li a {
		margin: 0;
	}
	.tabs-style-shape nav ul li svg {
		display: none;
	}
	.tabs-style-shape nav ul li a span {
		padding: 1.25em 0 2em !important;
		border-radius: 30px 30px 0 0 !important;
		box-shadow: 0 -1px 2px rgba(0,0,0,0.1);
		line-height: 1;
	}
	.tabs-style-shape nav ul li:last-child a span {
		padding: 1.25em 0 !important;
	}
	.tabs-style-shape nav ul li.tab-current {
		z-index: 1;
	}
}

/*****************************/
/* Line Box */
/*****************************/

.tabs-style-linebox nav ul li {
	margin: 0 0.5em;
	-webkit-flex: none;
	flex: none;
}

.tabs-style-linebox nav a {
	padding: 0 1.5em;
	color: #74777b;
	font-weight: 700;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.tabs-style-linebox nav a:hover,
.tabs-style-linebox nav a:focus {
	color: #2CC185;
}

.tabs-style-linebox nav li.tab-current a {
	color: #fff;
}

.tabs-style-linebox nav a::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #d2d8d6;
	content: '';
	-webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
	transition: background-color 0.3s, transform 0.3s;
	-webkit-transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
	-webkit-transform: translate3d(0,100%,0) translate3d(0,-3px,0);
	transform: translate3d(0,100%,0) translate3d(0,-3px,0);
}

.tabs-style-linebox nav li.tab-current a::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.tabs-style-linebox nav a:hover::after,
.tabs-style-linebox nav a:focus::after,
.tabs-style-linebox nav li.tab-current a::after {
	background: #2CC185;
}

@media screen and (max-width: 58em) {
	.tabs-style-linebox nav ul {
		display: block;
		box-shadow: none;
	}
	.tabs-style-linebox nav ul li {
		display: block;
		-webkit-flex: none;
		flex: none;
	}
}

/*****************************/
/* Flip */
/*****************************/

.tabs-style-flip {
	max-width: 1200px;
}

.tabs-style-flip nav a {
	padding: 0.5em 0;
	color: #2CC185;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.tabs-style-flip nav a:hover,
.tabs-style-flip nav a:focus,
.tabs-style-flip nav li.tab-current a {
	color: #74777b;
}

.tabs-style-flip nav a span {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 0.625em;
}

.tabs-style-flip nav a::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: #f0f0f0;
	content: '';
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
	-webkit-transform: perspective(900px) rotate3d(1,0,0,90deg);
	transform: perspective(900px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-perspective-origin: 50% 100%;
	perspective-origin: 50% 100%;
}

.tabs-style-flip nav li.tab-current a::after {
	background-color: #fff;
	-webkit-transform: perspective(900px) rotate3d(1,0,0,0deg);
	transform: perspective(900px) rotate3d(1,0,0,0deg);
}

.tabs-style-flip .content-wrap {
	background: #fff;
}


/*****************************/
/* Fill up */
/*****************************/

.tabs-style-fillup nav ul li a {
	padding: 1.9em 0;
	border-right: 1px solid #2CC185;
	line-height: 1;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.tabs-style-fillup nav ul li:last-child a {
	border: none;
}

.tabs-style-fillup nav ul li.tab-current {
	z-index: 100;
}

.tabs-style-fillup nav ul li.tab-current a {
	color: #fff;
}

.tabs-style-fillup nav ul li a::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	height: calc(100% + 1px);
	border: 1px solid #2CC185;
	background: #2CC185;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.tabs-style-fillup nav ul li.tab-current a::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.tabs-style-fillup nav ul li a span,
.tabs-style-fillup .icon::before {
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0,5px,0);
	transform: translate3d(0,5px,0);
}

.tabs-style-fillup nav ul li a span {
	display: block;
	font-weight: 700;
	font-size: 0.7em;
	line-height: 1.5;
}

.tabs-style-fillup .icon::before {
	display: block;
	margin: 0;
}

.tabs-style-fillup nav ul li.tab-current a span,
.tabs-style-fillup li.tab-current .icon::before {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}


/*****************************/
/* Trapezoid, based on http://lea.verou.me/2013/10/slanted-tabs-with-css-3d-transforms/ */
/*****************************/ 

.tabs-style-tzoid {
	max-width: 1200px;
}

.tabs-style-tzoid nav {
	padding: 0 1em;
}

.tabs-style-tzoid nav ul li {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.tabs-style-tzoid nav ul li a {
	padding: 0 1.5em 0 0.3em;
	color: #0d9564;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

@media screen and (max-width: 54em) {
	.tabs-style-tzoid nav ul li a {
		padding: 0 0.5em 0 0.3em;
	}
}

.tabs-style-tzoid nav ul li a:hover,
.tabs-style-tzoid nav ul li a:focus {
	color: #fff;
}

.tabs-style-tzoid nav ul li.tab-current a,
.tabs-style-tzoid nav ul li.tab-current a:hover {
	color: #2CC185;
}

.tabs-style-tzoid nav ul li a span {
	font-weight: 500;
	font-size: 0.75em;
}

.tabs-style-tzoid nav ul li a::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	outline: 1px solid transparent;
	border-radius: 10px 10px 0 0;
	background: #2CC185;
	box-shadow: inset 0 -3px 3px rgba(0,0,0,0.05);
	content: '';
	-webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
	transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.tabs-style-tzoid nav ul li.tab-current a::after,
.tabs-style-tzoid .content-wrap {
	background: #fff;
	box-shadow: none;
}

/*****************************/
/* Circle fill */
/*****************************/

.tabs-style-circlefill {
	max-width: 700px;
	border: 1px solid #2CC185;
}

.tabs-style-circlefill nav ul li {
	overflow: hidden;
	border-right: 1px solid #2CC185;
}

.tabs-style-circlefill nav li a {
	padding: 1.5em 0;
	color: #fff;
	font-size: 1.25em;
}

.tabs-style-circlefill nav li:first-child {
	border-left: none;
}

.tabs-style-circlefill nav li:last-child {
	border: none;
}

.tabs-style-circlefill nav li::before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -40px 0 0 -40px;
	width: 80px;
	height: 80px;
	border: 1px solid #2CC185;
	border-radius: 50%;
	background: #2CC185;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.tabs-style-circlefill nav li.tab-current::before {
	-webkit-transform: scale3d(2.5,2.5,1);
	transform: scale3d(2.5,2.5,1);
}

.tabs-style-circlefill nav a {
	-webkit-transition: color 0.3s; 
	transition: color 0.3s;
}

.tabs-style-circlefill nav a span {
	display: none;
}

.tabs-style-circlefill nav li.tab-current a {
	color: #fff;
}

.tabs-style-circlefill .icon::before {
	display: block;
	margin: 0;
	pointer-events: none;
}

.tabs-style-circlefill .content-wrap {
	border-top: 1px solid #2CC185;
}

/* GRAVITY FORMS */
@media (max-width: 991px) {
	.ld-header .main-heading h1 { margin-top: 30px; }
	.price-box { width: 100%; }
    .gform_wrapper span.ginput_quantity_label { margin-left: 0px !important}
}
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

.main-heading ul li.gfield { padding-left: 0px; }
.gform_wrapper input.medium { border: 1px solid #DDD;
    color: #777;
    height: 46px;
    font-size: 14px;
    box-shadow: none;
    font-weight: 300;
    margin: 0 0 0px;
    line-height: 24px;
    padding: 6px 27px;
    border-radius: 20px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    width: calc(100% - 8px) !important;
    }
.gform_wrapper ul.gform_fields:not(.top_label) .gfield_label { padding: 12px 0; font-weight: normal; color: black; margin-bottom: 0px;  } 
/*span.gfield_required { display: none !important}*/
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding: 5px 15px !important; }

@media only screen and (min-width: 641px){
.gform_wrapper .gform_body {
    width: 100% !important;
    margin: 0 auto !important; 
}
}

.gform_wrapper h2.gsection_title { font-size: 1.05em; margin-top: 50px !important;}
@media only screen and (min-width: 641px){
    .gform_wrapper ul.gform_fields:not(.top_label) .gfield_price .gfield_label { 
        width: 42%; padding: 5px 30px 5px 0;
    }
    .gform_wrapper ul.gform_fields:not(.top_label) #field_1_11.gfield_price .gfield_label { 
        width: 25%; padding: 5px 0;
    }
    .gform_wrapper ul.gform_fields:not(.top_label) .gfield_description {
        width: 80% !important;
        margin-left: 3% !important;
        padding-top: 0px !important;
    }
    .gform_wrapper ul.gform_fields:not(.top_label) .gfield_price.gfield_total .gfield_label {
        width: 25%;
    }
    .gform_wrapper ul.gform_fields:not(.top_label) #field_1_8 .gfield_label { margin-bottom: 0px; }
    .gform_wrapper .gform_footer:not(.top_label), .gform_w80 { margin: 0px !important; width: 80% !important; }
}
.gform_wrapper span.ginput_product_price {
    color: #000 !important;
    font-weight: 400;
    min-width: 100px;
    display: inline-block;
}

.gform_wrapper input.ginput_quantity[type=text] {
    width: 10rem !important;
    border: 1px solid #DDD;
    color: #777;
    height: 35px;
    font-size: 14px;
    box-shadow: none;
    font-weight: 300;
    margin: 0 0 0px;
    line-height: 24px;
    padding: 6px 27px;
    border-radius: 18px;
    text-align: center;
}
#field_1_11 { border-top: 1px solid #EEE;
    padding: 20px 0; margin-bottom: 0px !important}

.gform_wrapper .gfield_radio li label { font-weight: normal !important; font-size: 1em !important; }
ul li.field_description_below div.ginput_container_radio { margin-top: 0px !important; }
.gform_wrapper ul.gform_fields:not(.top_label) li ul.gfield_radio {
    width: 100% !important;
}
.gform_wrapper .gfield_radio li label { max-width: 95% !important; }
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] { margin-top: 0px !important; }

.gform_button,
.gform_previous_button,
.gform_next_button {
    color: #fff;
    padding: 11px 45px;
    letter-spacing: 1px;
    border-radius: 30px;
    background: #F34042;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    border: 2px solid transparent;
    /*font: 500 13px/24px "Roboto", sans-serif;*/
}
.gform_previous_button {
    color: #363636;
    background: transparent;
    border: 2px solid #e0e0e0;
}
.gform_next_button {
    background: #0E9594;
}
.gform_previous_button:hover,
.gform_next_button:hover {
	color: #FFF;
    background: #363636;
}
#scan-intro { font-size: 17px; }
.gfield_total {
    border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; font-weight: bold; padding-bottom: 16px; padding-top: 16px !important; margin-top:0px !important;
}
.gform_wrapper ul.gform_fields:not(.top_label) .gfield_price.gfield_total .gfield_label { padding: 0px !important; font-weight: bold !important}
/*#gform_wrapper_3 { display: block !important }*/
@media only screen and (min-width: 641px){
	body .gform_wrapper form ul.gform_fields:not(.top_label) li.gfield_html_formatted {
	    margin-left: 0%!important; 
	    width: 100%;
	}
}
#gform_5 .gform_fields > li { padding-left: 0px; padding-right: 0px; color: #333; font-size: 17px; }
#gform_wrapper_5.gform_wrapper .gfield_description { font-size: 17px; }
.molvo-title { background: #373736; }
.molvo-title .molvo-icon { width: 50px; height: auto; display: inline-block; margin-right: 10px; }
.molvo-title span { color: white;
    text-transform: uppercase;
    font-size: 21px;
    display: inline-block;
    font-weight: bold;
    margin-top: 0px;
    line-height: 50px;
}

/* MOLVO FORM */
/*#input_3_15 { font-size: 0px !important; }
#input_3_15:after { content: '200 € + 18 € per deelnemer'; font-size: 18px; }
#input_3_41 { font-size: 0px !important; }
#input_3_41:after { content: '400 € + 12 € per deelnemer'; font-size: 18px; }
#input_3_44 { font-size: 0px !important; }
#input_3_44:after { content: '340 € + 24 € per deelnemer'; font-size: 18px; }
#input_3_47 { font-size: 0px !important; }
#input_3_47:after { content: '300 € + 24 € per deelnemer'; font-size: 18px; }
#input_3_50 { font-size: 0px !important; }
#input_3_50:after { content: '100 € per deelnemer'; font-size: 18px; }
#input_3_53 { font-size: 0px !important; }
#input_3_53:after { content: '100 € per deelnemer'; font-size: 18px; }
#input_3_56 { font-size: 0px !important; }
#input_3_56:after { content: '800 € + 6 € per deelnemer'; font-size: 18px; }
#input_3_59 { font-size: 0px !important; }
#input_3_59:after { content: '400 € per deelnemer'; font-size: 18px; }*/
.ginput_product_price_label { width: 40px; }
.ginput_product_price { width: 270px; }

#field_3_15 label.gfield_label,
#field_3_41 label.gfield_label,
#field_3_44 label.gfield_label,
#field_3_47 label.gfield_label,
#field_3_50 label.gfield_label,
#field_3_53 label.gfield_label,
#field_3_56 label.gfield_label,
#field_3_59 label.gfield_label { cursor: pointer; color: #0E9594; text-decoration: underline; }
#field_3_15 label.gfield_label:hover,
#field_3_41 label.gfield_label:hover,
#field_3_44 label.gfield_label:hover,
#field_3_47 label.gfield_label:hover,
#field_3_50 label.gfield_label:hover,
#field_3_53 label.gfield_label:hover,
#field_3_56 label.gfield_label:hover,
#field_3_59 label.gfield_label:hover { cursor: pointer; color: #0E9594; text-decoration: none; }

#field_3_36 label { font-weight: bold; text-transform: uppercase; }

.ld-header .main-heading h1 {
	margin-bottom: 0px;
}
.ld-header .main-heading h2 {
    font-size: 22px;
    opacity: 0.6;
    margin: 20px 0 20px;
    line-height: 143%;
}
.ld-header .main-heading h2 a { text-decoration: underline !important; }
.ld-header .main-heading h2 a:hover { text-decoration: none !important; }
.ld-header .icon-box .title {
	margin-bottom: 3px; 
}
iframe#youtube, iframe#youtube2 { width: 100%; min-height: 415px;
    margin-top: 0px; }
@media (min-width: 992px){
	.pl-40 {
	    padding-left: 40px;
	}
}

.molvo-box { text-align: left; }
.molvo-box a.title {
	font-size: 22px;
    margin: 0 0 10px;
    line-height: 25px;
    display: block;
    font-weight: bold;
}
.molvo-box p.mar-bottom-xs {
	font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px !important;
}
.content-wrap section.content-current hr {
	margin: 30px 0;
}
.mar-top-40 { margin-top: 40px; }

.block-hogeronderwijs h3 {
	color: #333;
    font-weight: bold;
    font-size: 22px;
    margin-top: 30px;
}
.block-hogeronderwijs.ld-header .icon-box a .title {
	display: inline-block;
	color: #0E9594;
	text-decoration: underline;
}

.block-hogeronderwijs.ld-header .icon-box a:hover .title {
	color: #333;
}
.btn-order-molvo {
	display: block;
    font-weight: bold;
    font-size: 16px;
}
.blog-detail.molvo h4 { font-weight: bold; color: #0E9594 !important; margin-bottom: 20px; margin-top: 50px; }
.blog-detail.molvo h3 + h4 { margin-top: 10px; }
.blog-detail.molvo h4 * { color: #0E9594 !important;}
.blog-detail.molvo .wp-block-columns.has-2-columns { border-bottom: 1px solid #eeeeee }
.blog-detail.molvo .wp-block-columns.has-2-columns .wp-block-column ul { padding-left: 20px; }
.blog-detail.molvo .post-footer { border-top: none; }


.gform_wrapper input#input_3_64_1,
.gform_wrapper input#input_3_64_2,
.gform_wrapper input#input_3_64_3,
.gform_wrapper input#input_3_64_4,
.gform_wrapper input#input_3_64_5 {
    border: 1px solid #DDD;
    color: #777;
    height: 46px;
    font-size: 14px;
    box-shadow: none;
    font-weight: 300;
    margin: 0 0 0px;
    line-height: 24px;
    padding: 6px 27px;
    border-radius: 20px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

@media (min-width: 992px){
	#wpcf7-f11968-p11966-o1 { width: 80%; margin: 0 auto;}
}



.main-heading.heading-4 .panel-title { font-size: 17px;  }
.main-heading.heading-4 .panel-body p { font-size: 16px; margin-bottom: 15px; }
.main-heading.heading-4 .panel-body ol { padding-left: 15px; }
.main-heading.heading-4 .panel-body li { font-size: 16px; }
.main-heading.heading-4 .panel-default > .panel-heading a { padding-left: 25px; }
.main-heading.heading-4 .panel-default > .panel-heading .panel-title a span { top: 7px; }

#basisonderwijs .price-box, #secundair .price-box, #cvo .price-box { width: 345px; margin-bottom: 30px; }
#basisonderwijs .price-box ul, #secundair .price-box ul, #cvo .price-box ul { padding: 0px; }
.main-heading.heading-4 .aanbod li { width: calc(25% - 4px);
}

@media (max-width: 767px){
#main .wedo-section.add .img-box {
     display: block !important;
     width: 100% !important; 
}
}
.slider-full .slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;	  
}
.slideshow-image:first-child {
  animation:fade 18s infinite;
  -webkit-animation:fade 18s infinite;
} 
.slideshow-image:nth-child(2) {
   animation:fade2 18s infinite;
	-webkit-animation:fade2 18s infinite;
}
.slideshow-image:nth-child(3) {
    animation:fade3 18s infinite;
-webkit-animation:fade3 18s infinite;
}
.slideshow-image:nth-child(4) {
    background: url(https://www.schoolmakers.be/wp-content/uploads/2020/06/img4.jpg)no-repeat center;
      background-size: cover;
    animation:fade4 18s infinite;
-webkit-animation:fade4 18s infinite;
}
@keyframes fade
{
  0%   {opacity:1}
  25% { opacity: 0}
  50% { opacity: 0}
  75% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  25% { opacity: 1}
  50% { opacity: 0}
  75% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  25% { opacity: 0}
  50% { opacity: 1}
  75% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade4
{
  0%   {opacity:0}
  25% { opacity: 0}
  50% { opacity: 0}
  75% { opacity: 1}
  100% { opacity: 0}
}

.entry ul li.gfield, .list-archive li.gfield, .main-heading ul li.gfield { padding-left: 0px; }
.gform_wrapper input.large,
.gform_wrapper textarea.large,
.gform_wrapper .ginput_complex input { border: 1px solid #DDD;
    color: #777;
    height: 46px;
    font-size: 14px;
    box-shadow: none;
    font-weight: 300;
    margin: 0 0 0px;
    line-height: 24px;
    padding: 6px 27px;
    border-radius: 20px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    width: calc(100% - 8px) !important;
}
.gform_wrapper .ginput_complex input[type=checkbox]{
	border: 1px solid #DDD;
	width: 15px; height: 15px;
}
.gform_wrapper textarea.large { height: 175px !important; }
.img-team-aanbod img { border-radius: 50%; /*filter: grayscale(100%);*/ }
.content-wrap .team-box .heading { font-size: 18px; }
.content-wrap .entry ol {
   list-style: none;
   counter-reset: item;
   padding-left: 0px;
 }
.content-wrap .entry ol li {
   counter-increment: item;
   margin-bottom: 5px;
   padding-left: 35px;
   position: relative;
   padding-top: 3px; margin-bottom: 8px;
 }
.content-wrap .entry ol li:before {
    margin-right: 10px;
    content: counter(item);
    border-color: lightblue;
    border-radius: 100%;
    color: #0E9594;
    width: 1.2em;
    text-align: center;
    display: inline-block;
    border: 2px solid #0E9594;
    font-weight: bold;
    width: 26px;
    height: 26px;
    position: absolute; top: 0px; left: 0px;
 }
 .content-wrap .entry hr { margin: 40px 0; }
 .content-wrap .entry p + ul { margin-top: -10px; }
  .content-wrap .entry h3 { margin-top: 40px; }
.imp-tooltip {
	-webkit-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.38); 
box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.38);
/* transition the background-color over 1s with a linear animation */
   transition: background-color 2s linear;
}
.imp-shape-highlighted { transition: fill 1.5s ease !important; }
/*@media screen and (max-width: 600px){
	.imp-tooltip {
		-webkit-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.38); 
		box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.38);
		background: white !important;
		max-width: 90% !important;
		max-height: 90% !important;
	}
}*/
 .imp-initialized {
 	max-width: 800px; margin: 0 auto;
 }
 .squares-container p.list-style { padding-left: 20px !important; margin-bottom: 0px; }
 .squares-container p.list-style:before {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    color: #0E9594;
}
.squares-button:hover {
	color: white !important; text-decoration: none !important; background: #333 !important;
}
.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.table { margin-top: 40px; }
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    width: 33%;
    text-align: left;
    padding-right: 50px !important;
}


.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer i {
  font-size: 10px;
  margin-right: 2px;
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.center {
    text-align: center !important;
}

.card-body .holder .input {
	display: block;
    width: 100%;
    margin-top: 15px;
    padding: 0.75rem 0.75rem;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    text-align: center;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.card-body .holder button {
    border-radius: 0.25rem;
    display: block;
    width: 100%;
    text-transform: none;
    font-size: 20px;
}
/* ----------------------------------------------------------------
	Flex Slider
-----------------------------------------------------------------*/
.fslider,
.fslider .flexslider,
.fslider .slider-wrap,
.fslider .slide,
.fslider .slide a,
.fslider .slide img,
.fslider .slide a img {
  position: relative;
  display: block;
  width: 100%;
  height: auto !important;
  -webkit-backface-visibility: hidden;
}
.fslider .slide a { color: white !important; }
.fslider .slide a:hover { color: #0E9594 !important; text-decoration: none !important; }

.fslider.h-100 .flexslider,
.fslider.h-100 .slider-wrap,
.fslider.h-100 .slide {
  height: 100% !important;
}

.fslider {
  min-height: 32px;
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
  border: none;
}

.slider-wrap,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
}
.flex-control-nav { margin-top: 2px !important; }
.flexslider {
  position: relative;
  margin: 0;
  padding: 0;
}
.flexslider .slider-wrap > .slide {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slider-wrap img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

.slider-wrap::after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slider-wrap {
  display: block;
}

* html .slider-wrap {
  height: 1%;
}

.no-js .slider-wrap > .slide:first-child {
  display: block;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

/* Flex Slider: Thumbs
-----------------------------------------------------------------*/
.flex-control-nav.flex-control-thumbs {
  position: relative;
  justify-content: left;
  top: 0;
  left: 0;
  right: 0;
  margin: -2px 0;
  height: auto;
}

.flex-control-nav.flex-control-thumbs li {
  margin: 0 2px 2px 0;
}

.flex-control-nav.flex-control-thumbs li img {
  cursor: pointer;
  text-indent: -9999px;
  border: 0;
  border-radius: 0;
  margin: 0;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.flex-control-nav.flex-control-thumbs li{
  display: block;
  width: calc(20% - 2px) !important;
  height: auto !important;
}
.flex-control-nav.flex-control-thumbs li img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

.flex-control-nav.flex-control-thumbs li:hover img,
.flex-control-nav.flex-control-thumbs li img.flex-active {
  border-width: 0;
  opacity: 1;
}
/* ----------------------------------------------------------------
	Overlays
-----------------------------------------------------------------*/
.bg-overlay,
.bg-overlay-bg,
.bg-overlay-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.bg-overlay {
  z-index: 5;
}
.bg-overlay [data-hover-animate]:not(.animated) {
  opacity: 0;
}
.bg-overlay-content {
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  padding: 20px;
}

.text-overlay-mask {
  opacity: 0.85;
  top: auto;
  bottom: 0;
  height: auto;
  padding: 40px 15px 15px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 );
  /* IE6-9 */
}
.pt-50 { padding-top: 50px; } 
.pb-50 { padding-bottom: 50px; } 
/* Slider Arrows
-----------------------------------------------------------------*/
.slider-element .owl-carousel {
  margin: 0;
}

.slider-arrow-left,
.slider-arrow-right,
.flex-prev,
.flex-next,
.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
  position: absolute;
  cursor: pointer;
  z-index: 10;
  top: 50%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 0 3px 3px 0;
  transform: translateY(-50%);
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
  top: auto;
  bottom: 57px;
  left: auto;
  right: 20px;
  margin: 0;
  width: 32px;
  height: 32px;
  border-radius: 3px 3px 0 0;
}

.slider-arrow-bottom-sm {
  bottom: 20px;
  border-radius: 0 0 3px 3px;
}

.fslider[data-thumbs=true] .flex-prev,
.fslider[data-thumbs=true] .flex-next {
  margin-top: -20px;
}

.slider-arrow-right,
.slider-element .owl-next,
.flex-next {
  left: auto;
  right: 0;
  border-radius: 3px 0 0 3px;
}

.slider-arrow-left i,
.slider-arrow-right i,
.flex-prev i,
.flex-next i,
.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
  line-height: 50px;
  width: 100%;
  height: 100%;
  color: #DDD;
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-size: 34px;
  text-align: center;
  transition: color 0.3s ease-in-out;
}

.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
  width: 32px;
  height: 32px;
  margin: 0;
  line-height: 30px;
  font-size: 18px;
  color: #fff;
}

.slider-element .owl-prev i {
  margin-left: 0;
}

.slider-element .owl-next i {
  margin-right: 4px;
}

.slider-arrow-left:hover,
.slider-arrow-right:hover,
.flex-prev:hover,
.flex-next:hover,
.slider-arrow-top-sm:hover,
.slider-arrow-bottom-sm:hover {
  background-color: rgba(0, 0, 0, 0.6) !important !important;
}
a.flex-next { opacity: 1 !important; right: 0 !important; text-align: center !important; }
a.flex-prev { opacity: 1 !important; left: 0 !important; text-align: center !important; }
.flex-direction-nav a:before { font-size: 22px !important; color: white !important; display: block !important; margin-top: 5px; }
/* ----------------------------------------------------------------
	Events
-----------------------------------------------------------------*/
.event.entry::after {
  display: none !important;
}
.event .grid-inner {
  background-color: transparent;
  border-bottom: 3px solid #eeeeee;
}
.event .entry-image .entry-date {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #b8d8d8;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  width: 4.0005rem;
  height: 3.745rem;
  text-align: center;
  padding-top: 9px;
  font-size: 1.75rem;
  line-height: 1;
}
.event .entry-image .entry-date span {
  display: block;
  font-size: 0.75rem;
  margin-top: 7px;
}

.event-list {
  list-style: none;
}
.event-list li {
  position: relative;
  padding-left: 50px;
  min-height: 3.745rem;
  margin-bottom: 10px;
}
.event-list li .entry-date {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #0E9594;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  width: 6rem;
  height: 100%;
  text-align: center;
  padding-top: 5px;
  font-size: 3rem;
  line-height: 1;
}
.event-list li .entry-date span {
  display: block;
  font-size: 1.75rem;
  margin-top: 0px;
}
.event-list li a:hover .entry-date {
  background: #333;
}
.event-list li a:hover { text-decoration: none !important; }
.event-list {
  list-style: none;
  font-family: "Lato", sans-serif;
  margin: 3px 0 0 0px;
  padding: 0px;
}
.calendar-home .button {
	margin: 0px 0 20px;
    display: inline-block;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 5px;
}
.calendar-home .button:hover {
	text-decoration: none;
}
.event-list > li {
  padding: 0px;
  margin: 0px 0px 10px;
  border-bottom: 1px solid #CCC;
  background-color: #f5f5f5 !important;
  display: block;
}
.event-list > li.home-event {
  padding-left: 75px;
  padding-top: 5px;
  font-weight: 600;
}

.event-list > li > time {
  display: inline-block;
  width: 100%;
  color: white;
  background-color: #b8d8d8;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
}

.event-list > li > time > span {
  display: none;
}

.event-list > li > time > .day {
  display: block;
  font-size: 43pt;
  font-weight: 300;
  line-height: 1;
  padding-top: 20px;
}

.event-list > li time > .month {
  display: block;
  font-size: 24pt;
  font-weight: 900;
  line-height: 1;
}

.event-list > li > img {
  width: 100%;
}

.event-list > li > .info {
  padding-top: 6px;
  text-align: center;
}

.event-list > li > .info > .title {
  font-size: 17pt;
  font-weight: 700;
  margin: 0px;
  letter-spacing: 0;
}

.event-list > li > .info > .desc {
  font-size: 13pt;
  font-weight: 300;
  margin: 0px;
}
.event-list > li > .info > .desc p {
  margin-bottom: 15px;
}
.event-list > li > .info > .desc a {
  font-weight: 400;
  border-bottom: 1px solid #363636;
}
.event-list > li > .info > .desc a:hover {
  border-bottom: 1px solid #7fb069;
}

.event-list > li > .info > ul,
.event-list > li > .social > ul {
  display: table;
  list-style: none;
  margin: 10px 0px 0px;
  padding: 0px;
  width: 100%;
  text-align: center;
}

.event-list > li > .social > ul {
  margin: 0px;
}

.event-list > li > .info > ul > li,
.event-list > li > .social > ul > li {
  display: table-cell;
  cursor: pointer;
  color: #1e1e1e;
  font-size: 11pt;
  font-weight: 300;
  padding: 3px 0px;
}

.event-list > li > .info > ul > li > a {
  display: block;
  width: 100%;
  color: #1e1e1e;
  text-decoration: none;
}

.event-list > li > .social > ul > li {
  padding: 0px;
}

.event-list > li > .social > ul > li > a {
  padding: 3px 0px;
}

.event-list > li > .info > ul > li:hover,
.event-list > li > .social > ul > li:hover {
  color: #1e1e1e;
  background-color: #c8c8c8;
}

.single-event .event-meta .iconlist li,
.parallax .iconlist li {
  margin: 5px 0;
}

.single-event .entry-overlay,
.parallax .entry-overlay-meta {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  background-color: rgba(0, 0, 0, 0.85);
  text-align: center;
  line-height: 5rem;
  font-size: 1.25rem;
  color: #FFF;
  z-index: 5;
}

@media (min-width: 768px) {
  .event-list > li {
    position: relative;
    display: block;
    width: 100%;
    height: 135px;
    padding: 0px;
  }
  .event-list > li.home-event {
    height: auto;
  }

  .event-list > li > time,
.event-list > li > img {
    display: inline-block;
  }

  .event-list > li > time,
.event-list > li > img {
    width: 115px;
    float: left;
  }

  .event-list > li > .info {
    background-color: whitesmoke;
    overflow: hidden;
  }

  .event-list > li > time,
.event-list > li > img {
    width: 115px;
    height: 135px;
    padding: 0px;
    margin: 0px;
  }

  .event-list > li > .info {
    position: relative;
    height: 135px;
    text-align: left;
    padding-right: 20px;
    padding-left: 20px;
  }

  .event-list > li > .info > ul {
    position: absolute;
    left: 0px;
    bottom: 0px;
  }

  .event-list > li > .social {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 40px;
  }

  .event-list > li > .social > ul {
    border-left: 1px solid #e6e6e6;
  }

  .event-list > li > .social > ul > li {
    display: block;
    padding: 0px;
  }

  .event-list > li > .social > ul > li > a {
    display: block;
    width: 40px;
    padding: 10px 0px 9px;
  }
}
@media (max-width: 767px) {
  .event-list > li > .info {
    padding: 10px 20px;
  }

  .event-list > li > .info > .title {
    font-size: 22px;
  }

  .event-list > li > .info > .desc {
    line-height: 1.5;
  }

  .event-list > li > time {
    padding-bottom: 20px;
  }
}
.event-list > li {
  background-color: transparent;
}

@media (min-width: 768px) {
  .event-list > li {
    height: auto;
    min-height: 135px;
  }
  .event-list > li.home-event {
    min-height: 60px;
  }

  .event-list > li > .info {
    height: auto;
  }
}
.event-list > li a {
  color: var(--primary-color);
  border-bottom: 1px solid var(--primary-color);
}
.event-list > li a:hover {
  color: #7fb069;
}

/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
.col-md-15.p-2,
.col-md-2.p-2 {
    padding-right:2px !important;
    padding-left: 2px !important;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (max-width: 992px) {
    .post h3 span { display: none; }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
.post .box.p-custom {
	padding: 10px 15px;
    text-align: center;
}
.post.aanbod-item:hover {
	background: rgba(255,255,255,0.8);
	text-decoration: none !important;
}
.post.aanbod-item a:hover,
.post.project-item a:hover,
.post a:hover .box h3,
.post a:hover .box span { text-decoration: none !important; border-bottom: 0px !important }
.post a:hover * { text-decoration: none !important; border-bottom: 0px !important }
.pt-0 { padding-top: 0px !important; }
.post.project-item a:hover h3 { color: #0E9594; }
.post.project-item span.meta { color: #666; }
.search-opener { margin-top: 2px; }
.page-intro p { margin-bottom: 15px; }

.breadcrumb { padding-top: 22px !important; padding-bottom: 10px !important; border-bottom: 1px solid #666; text-align: right;padding-top: 22px !important;
     margin-bottom: 0px;
    background: #333;
    color: white; }
/*.content-wrap .section ul { margin-bottom: -20px; }*/
.mb-30 { margin-bottom: 30px; }
.flexslider { overflow: visible !important; border: none !important; }
.breadcrumb { border-radius: 0; }
.logo .slogan { 
font-family: NatalicScript;
    font-size: 20px;
    background: url(img/line.png);
    background-repeat: no-repeat;
    background-size: 38px 12px;
    background-position: bottom left;
    position: absolute;
    left: 107px;
    bottom: -16px;
    padding-left: 48px;
    opacity: 0.9;
	}
.sticky .logo .slogan {
	bottom: -8px;
}
.main-heading h1 img { height: 90px !important; }
.grecaptcha-badge {visibility: hidden;}
@media (max-width: 1350px) {
    .logo .slogan { 
        left: 89px;
    bottom: -7px;
    }
}
.slick-initialized .slick-slide { position: relative; }
.slide .entry h3 { margin-bottom: 0px; }
.slide .entry h3 a { color: white !important;}
.slide .entry h3 a:hover { text-decoration: none !important; color: #0E9594 !important;}

.bg-dark .main-heading h2.heading {
	color: #FFF;
}


/* EDIT 17032022 */
.flex-control-nav.flex-control-thumbs li {
    width: calc(11.1114% - 2px) !important
}
.fslider .bg-overlay {
	opacity: 1;
	background-color: rgba(0,0,0,0.2) !important;
}
.rap {
	padding-top: 60px !important; padding-bottom: 60px !important
}
.mt-0 { margin-top: 0px !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.event-list > li { margin-bottom: 11px; }
.blog-detail.schoolsmakers h3 { color: #333; }
.blog-detail.schoolsmakers .wp-block-button a:hover { color: white !important; text-decoration: none !important; background: #333 !important }
@media screen and (min-width: 1200px) {
	.calendar-home { padding-left: 25px; }
}
@media screen and (max-width: 1199px) {
	.calendar-home { padding-left: 0px !important; }
}
#gform_wrapper_7 .gfield_checkbox .gchoice { margin-bottom: 8px; font-size: 16px; font-weight: normal; }
#gform_wrapper_7 .gfield_checkbox .gchoice label { font-weight: normal;}
#gform_wrapper_7 .gfield_checkbox .gchoice .ginput_price { margin-left: 20px; }
.event-list > li.home-event { min-height: 60px; }
.rap h1 {
	margin-top: 0px;
    font-size: 24px;
}
@media screen and (min-width: 992px) {
	#gform_wrapper_7 .gfield_checkbox .gchoice label { width: 600px; }
	#gform_wrapper_7 .gfield_checkbox .gchoice .ginput_price { float: right; }
}
@media screen and (max-width: 991px) {
	.gform_wrapper.gravity-theme .gfield-choice-input {
		display: inline-block;
	    margin-top: 3px !important;
	    vertical-align: top !important;
	}
}
@media screen and (max-width: 767px) {
	.rap { margin: 0 20px;  }
	.rap h1 {
		margin-top: 0px;
		font-size: 20px !important;
	}
}

/* Update JUNE 2022 */
.blog-detail.aanbod-detail .text-box { padding-left: 40px; padding-right: 40px; }
.blog-detail.aanbod-detail .post-widget .text-box { padding-left: 20px; padding-right: 0px; padding-top: 23px; }
.blog-detail.aanbod-detail .post-widget .text-box a { color: #0E9594; font-size: 16px; }
.blog-detail.aanbod-detail h1.heading { margin-bottom: 25px; }
.blog-detail.aanbod-detail h2 { color: #0E9594;     font-size: 23px;
    font-weight: 600;
    margin-top: 38px }
.blog-detail.aanbod-detail .aanbod-entry p + ul { margin-top: -20px; margin-bottom: 25px; }
.blog-detail.aanbod-detail .aanbod-entry ul { margin-left: 0px; padding-left: 0px; }
.blog-detail.aanbod-detail .aanbod-entry ul li { list-style: none; position: relative; padding-left: 25px; }
.blog-detail.aanbod-detail .aanbod-entry .post-widget ul li { padding-bottom:5px; }
.blog-detail.aanbod-detail .aanbod-entry ul:not(.list-unstyled) li:not(.gfield):before {
	font-family: 'Linearicons-Free';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	content: "\e87f";
	position: absolute;
    top: 5px;
    left: 0px;
    font-weight: 700;
}
.blog-detail.aanbod-detail .aanbod-entry .blogs-related ul li:before {
	content: "\e876";
	top: 8px;
	font-size: 11px;
}
.blog-detail.aanbod-detail .aanbod-entry a:not(.btn):not(.img-box) { border-bottom: 1px solid #0E9594; }
.blog-detail.aanbod-detail .aanbod-entry a:hover { text-decoration: none; color: #333; border-color: #333; }
.blog-detail.aanbod-detail .aanbod-entry div > h2:first-child { margin-top: 30px; }
.blog-detail.aanbod-detail .aanbod-entry div.blogs-related > h2:first-child { margin-top: 30px; }
.blog-detail.aanbod-detail .aanbod-entry .col-lg-8 { padding-right: 50px; padding-left: 50px; padding-bottom: 40px; }
.blog-detail.aanbod-detail .aanbod-entry .col-lg-4 {
    border-left: 0px solid;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 20px;
}
.blog-detail.aanbod-detail .aanbod-entry .col-lg-4 h5 {
    position: relative;
    padding: 12px 25px 12px 0;
    font-size: 16px;
    font-weight: 600;
    color: #03382e;
    display: block;
    border-bottom: 1px solid #f0f5fb;
}
.blog-detail.aanbod-detail .text-box.bg-transparent { background: transparent; padding-left: 0px; padding-right: 0px; }
.aanbod-fiche-detail .aanbod-cats .bg{
	
}
.aanbod-fiche-detail .aanbod-cats .bg-white { margin-left: 30px; background: white;
    box-shadow: 0 6px 25px rgb(0 0 0 / 7%); padding: 10px 30px; }
.aanbod-fiche-detail .col-lg-8 { background-color: white; }
.quote-form .form-heading {
    color: #0E9594;
    margin: 0 0 20px;
    font: 700 28px/30px 'gotham_blackregular';
    text-transform: uppercase;
}
.main-banner p,
.main-banner h2 {
    margin: 0 0 55px;
    font-weight: 400;
    font-size: 24px;
    line-height: 160%;
}
.quote-form.bg-grey { background: #F4F4F4 }
.quote-form form { text-align: left; }
.quote-form label {
    margin-bottom: -3px;
    color: #333;
    text-transform: uppercase;
    font-size: 14px;
}
.quote-form .form-control {
	font-size: 16px;
    color: #444;
    font-weight: 300;
    padding: 6px 10px;
}
.quote-form .more-link {
	color: #333; font-size: 15px; border-bottom: 1px solid #333;
}
.quote-form .more-link:hover {
	text-decoration: none;
	border-bottom-color: #0E9594;

}
.quote-form .btn {
    font-size: 18px;
}
.ginput_container .textarea.medium {
	padding: 5px 15px;
	border-radius: 20px;
	color: #777;
	border-color: #DDD;
}
.blog-detail.aanbod-detail .aanbod-entry ul li.gfield { padding-left: 0px; }
.mt-15 { margin-top: 15px !important }
.mb-15 { margin-bottom: 15px !important; }
.post .more { display: inline-block; }
form.filter-horizontal-form { background: #0E9594; padding: 15px 15px 20px; color: white; }
form.filter-horizontal-form label { color: white; }
form.filter-horizontal-form .form-group {
    margin-bottom: 0px;
    width: 22%;
    float: left;
    padding-right: 15px;
}
form.filter-horizontal-form .btn-full { background: #333;
    margin-top: 26px;
    padding: 4px 35px;
    border-color: #333; }
form.filter-horizontal-form .form-group .form-control { border: none !important; border-radius: 15px; }
.more-link.meer-aanbod { border-bottom: 1px solid #0E9594; display: inline-block; margin: 5px 15px; /*display: inline-block; background: #333;*/ /*color: #FFF;*/ /*padding: 8px 30px; margin: 0 auto*/ }
.more-link.meer-aanbod:hover { text-decoration: none; border-color: #333;color:#333;cursor: pointer; }
.collapseFormOverview {
	margin-top: -39px;
    z-index: 5;
    position: relative;
}
#collapseForm .gfield_visibility_hidden { visibility: hidden; height: 0px; }
.related-offer.post-widget .img-box { width: 25% }
.related-offer.post-widget .text-box { width: 70% }
.related-offer.post-widget .head {
    font-size: 18px;
}
.related-offer.widget .heading {
	margin-bottom: 35px; font-size: 22px;
}
.alert-secondary {
    background-color: #FFF;
    border-color: #0E9594;
    color: #333;
    text-align: center;
    border-radius: 15px;
    border-width: 2px;
    font-weight: 500;
}
.alert-secondary a {
	text-decoration: none;
	border-bottom: 1px solid #0E9594;
}
.alert-secondary a:hover {
	text-decoration: none;
	border-bottom: 1px solid #333;
	color:#333;
	cursor: pointer;
}

@media screen and (max-width: 991px) {
	.main-banner .heading.small3.mar-top-md { margin-top: 0px !important; }
	.main-banner .quote-form { margin-bottom: 30px; }
	.main-banner .pad-top-md { padding-top: 20px !important }
	.quote-form .more-link {
	    display: table;
	    margin: 20px auto 0;
	}
	form.filter-horizontal-form .form-group {
	    margin-bottom: 14px;
	    width: 100%;
	}
}

.table-vuurtoren td:nth-child(2) { width: 70% !important; }
@media screen and (max-width: 767px) {
	.img-vuurtoren { display: block;
    float: none;
    width: 100%;
    margin: 0 0 40px 0; }
    .table-vuurtoren tr td { display: block; width: 100% !important; }
    .table-vuurtoren td:first-child { border-bottom: 0px !important; font-weight: bold; }
    .table-vuurtoren td:nth-child(2) { border-top: 0px !important; width: 100% !important; }
}

.testimonial-item { border: 1px solid #f2ede8; border-radius: 30px; background: white; padding-top: 30px; }
.testimonial-item .post .box {
    padding: 10px 30px 33px;
}
.testimonial-item .post .box h3.heading {
	font-size: 24px;
    margin: 0 0 15px;
}
.testimonial-item .post .box p, .testimonial-item .post .box .more { font-size:16px; }
.testimonial-item .img-testimonial { margin: 0 30px; }
.testimonial-item .img-testimonial img { max-width: 40%; }

.projectshome { padding: 20px; }
.projectshome-image { float:left; width:30% }

.searchresult-item { display: flex; clear:both; width:100%; }
.searchresult-item .search-image { margin-right:30px; width:100px }
.searchresult-item .search-image a { width:100px; display:block; }
.searchresult-item .search-item-content h4 { margin-top:0px; }
.searchresult-item .search-image img { height:100px; width: auto; }

.aanbod_list { padding: 40px 0; }
.aanbod_list h2 { text-transform: uppercase; }
.aanbod_list .aanbod_list_item { padding-left: 30px; border-left: 1px solid #CECECE; margin-top: 30px; }
.aanbod_list .aanbod_list_item h3 { margin: 0px; }
.aanbod_list .aanbod_list_item h4 { margin-top: 3px; margin-bottom: 0px;
    opacity: 0.9;
    color: black;
    font-size: 95%;
 }
  .aanbod_list .aanbod_list_item .course-info {
 		border-bottom: 1px solid #CCC;
    padding: 0 0 8px 0;
    margin-bottom: 8px;
    display: flex;
 }
  .aanbod_list .aanbod_list_item .course-info.time {
 border-top: 1px solid #CCC;
    padding-top: 8px;
    margin-top: 25px;
  }
 .aanbod_list .aanbod_list_item .course-label { width: 100px; font-weight: bold; }
 .aanbod_list .aanbod_list_item .course-description { font-weight: normal; }
 .aanbod_list .aanbod_list_item .btn-default { padding: 4px 27px }
 .aanbod_list .aanbod_list_item .fbox-content { margin-bottom: 70px; }
 .aanbod_list .aanbod_list_item .fbox-content .collapsable {
 	background: #DAEEF1;
    padding: 30px !important;
    margin-top: 30px;
  }
  #gform_wrapper_12 .gfield_checkbox .gchoice #gform_wrapper_14 .gfield_checkbox .gchoice { margin-bottom: 8px; font-size: 16px; font-weight: normal; }
#gform_wrapper_12 .gfield_checkbox .gchoice label, #gform_wrapper_14 .gfield_checkbox .gchoice label { font-weight: normal;}
#gform_wrapper_12 .gfield_checkbox .gchoice .ginput_price, #gform_wrapper_14 .gfield_checkbox .gchoice .ginput_price { margin-left: 20px; }
@media screen and (min-width: 992px) {
	#gform_wrapper_12 .gfield_checkbox .gchoice label, #gform_wrapper_14 .gfield_checkbox .gchoice label { width: 600px; padding-top: 0px;
    padding-left: 10px;
    /* margin-top: 12px; */
    vertical-align: text-top;}
	#gform_wrapper_12 .gfield_checkbox .gchoice .ginput_price, #gform_wrapper_14 .gfield_checkbox .gchoice .ginput_price { float: right; }
}
@media screen and (max-width: 767px) {
	.service-section { padding-left: 15px; padding-right:15px; }
	.aanbod_list .aanbod_list_item .course-info,
	.aanbod_list .aanbod_list_item .course-label { display:block; }
}

#gform_wrapper_12.gform_wrapper.gravity-theme .gform_fields.left_label legend.gfield_label, .gform_wrapper.gravity-theme .gform_fields.right_label legend.gfield_label,
#gform_wrapper_12.gform_wrapper.gravity-theme .gfield_label,
#gform_wrapper_14.gform_wrapper.gravity-theme .gform_fields.left_label legend.gfield_label, .gform_wrapper.gravity-theme .gform_fields.right_label legend.gfield_label,
#gform_wrapper_14.gform_wrapper.gravity-theme .gfield_label {
    padding: 12px 0 !important;
    font-weight: normal !important;
    color: black;
    margin-bottom: 0px;
    border: none;
    padding-right: 40px;
}
#gform_wrapper_12 #input_12_8 { margin-top:12px; }
#gform_wrapper_12 .ginput_price { display:none }
#gform_wrapper_14 .ginput_price { display:none }
#gform_wrapper_12 .ginput_container .gfield_select, #gform_wrapper_12 .left_label textarea.large, #gform_wrapper_12 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.ginput_total),
#gform_wrapper_14 .ginput_container .gfield_select, #gform_wrapper_14 .left_label textarea.large, #gform_wrapper_14 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.ginput_total) {
    border: 1px solid #DDD;
    color: #777;
    height: 46px;
    font-size: 16px;
    box-shadow: none;
    font-weight: 300;
    margin: 0 0 0px;
    line-height: 24px;
    padding: 6px 27px;
    border-radius: 20px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    width: calc(100% - 8px) !important;
    font-family: inherit;
    padding: 8px 15px !important;
    letter-spacing: normal;
}

#gform_wrapper_12 input.medium,
#gform_wrapper_14 input.medium { border: 1px solid #DDD;
    color: #777;
    height: 46px;
    font-size: 14px;
    box-shadow: none;
    font-weight: 300;
    margin: 0 0 0px;
    line-height: 24px;
    padding: 6px 27px;
    border-radius: 20px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    width: calc(100% - 8px) !important;
    }
#gform_wrapper_12 ul.gform_fields:not(.top_label) .gfield_label, #gform_wrapper_14 ul.gform_fields:not(.top_label) .gfield_label { padding: 12px 0; font-weight: normal; color: black; margin-bottom: 0px;  } 

#gform_wrapper_12 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding: 5px 15px !important; }

/*@media only screen and (min-width: 641px){
.gform_wrapper .gform_body {
    width: 80% !important;
    margin: 0 auto !important; 
}
}*/

#gform_wrapper_12 h2.gsection_title { font-size: 1.05em; margin-top: 50px !important;}
@media only screen and (min-width: 641px){
    #gform_wrapper_12 ul.gform_fields:not(.top_label) .gfield_price .gfield_label { 
        width: 45%; padding: 5px 0;
    }
    #gform_wrapper_12 #field_10_73 .gfield_label,
    #gform_wrapper_12 #field_10_52  .gfield_label,
    #gform_wrapper_12 #field_10_78 .gfield_label { 
        padding: 5px 0;
    }
    #gform_wrapper_12 ul.gform_fields:not(.top_label) #field_1_11.gfield_price .gfield_label { 
        width: 25%; padding: 5px 0;
    }
    #gform_wrapper_12 ul.gform_fields:not(.top_label) .gfield_description {
        width: 80% !important;
        margin-left: 3% !important;
        padding-top: 0px !important;
    }
    #gform_wrapper_12 ul.gform_fields:not(.top_label) .gfield_price.gfield_total .gfield_label {
        width: 25%;
    }
    #gform_wrapper_12 ul.gform_fields:not(.top_label) #field_1_8 .gfield_label { margin-bottom: 0px; }
    /*.gform_wrapper .gform_footer:not(.top_label), .gform_w80 { margin: 0px auto !important; width: 80% !important; }*/
}
#gform_wrapper_12 span.ginput_product_price {
    color: #000 !important;
    font-weight: 400;
    min-width: 100px;
    display: inline-block;
}

#gform_wrapper_12 input.ginput_quantity[type=text] {
    width: 10rem !important;
    border: 1px solid #DDD;
    color: #777;
    height: 35px;
    font-size: 14px;
    box-shadow: none;
    font-weight: 300;
    margin: 0 0 0px;
    line-height: 24px;
    padding: 6px 27px;
    border-radius: 18px;
    text-align: center;
}
#gform_wrapper_12 #field_1_11 { border-top: 1px solid #EEE;
    padding: 20px 0; margin-bottom: 0px !important}

#gform_wrapper_12 .gfield_radio li label { font-weight: normal !important; font-size: 1em !important; }
#gform_wrapper_12 ul li.field_description_below div.ginput_container_radio { margin-top: 0px !important; }
#gform_wrapper_12 ul.gform_fields:not(.top_label) li ul.gfield_radio {
    width: 100% !important;
}
#gform_wrapper_12 .gfield_radio li label { max-width: 95% !important; }
#gform_wrapper_12.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] { margin-top: 0px !important; }

#gform_wrapper_12 .gform_button {
    color: #fff;
    padding: 11px 45px;
    letter-spacing: 1px;
    border-radius: 30px;
    background: #F34042;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    border: 2px solid transparent;
    font: 500 13px/24px "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#gform_wrapper_12 .gfield_total {
    border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; font-weight: bold; padding-bottom: 16px; padding-top: 16px !important; margin-top:0px !important;
}
#gform_wrapper_12 ul.gform_fields:not(.top_label) .gfield_price.gfield_total .gfield_label { padding: 0px !important; font-weight: bold !important}


#gform_wrapper_12 .ginput_container .gfield_select,
#gform_wrapper_12 .gform_legacy_markup_wrapper .left_label textarea.large,
#gform_wrapper_12 .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border: 1px solid #DDD;
    color: #777;
    height: 46px;
    font-size: 16px;
    box-shadow: none;
    font-weight: 300;
    margin: 0 0 0px;
    line-height: 24px;
    padding: 6px 27px;
    border-radius: 20px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    width: calc(100% - 8px) !important;
    font-family: inherit;
    padding: 8px 15px !important;
    letter-spacing: normal;
}
#gform_wrapper_12 .gform_legacy_markup_wrapper .left_label textarea.large { height: 200px; }
#gform_wrapper_12 .ginput_address_line_1,
#gform_wrapper_12 .ginput_address_line_2 { display: block; margin-bottom: 10px; }

@media only screen and (min-width: 641px){
    #gform_wrapper_12 ul.gform_fields:not(.top_label) .gfield_price .gfield_label { width: 29%; }
    #gform_wrapper_12 #gfield_description_7_8 { padding-left: 26%; }
    #gform_wrapper_12 #gfield_description_7_28,
    #gform_wrapper_12 #gfield_description_10_28,
    #gform_wrapper_12 #gfield_description_10_8 { padding-left: 26%; }
}
#gfield_instruction_7_24,
#gfield_instruction_7_29,
#gfield_instruction_10_29,
#gfield_instruction_10_24 { display: none; }
#gform_wrapper_12 #ginput_base_price_7_8,
#gform_wrapper_12 #ginput_base_price_7_28,
#gform_wrapper_12 #ginput_base_price_10_28,
#gform_wrapper_12 #ginput_base_price_10_8 {
        border: none;
    width: auto !important;
 }
 #gform_wrapper_12 #gfield_description_7_24 {
    padding-left: 27%;
 }
body #gform_wrapper_12.gf_browser_chrome .gfield_radio li input[type=radio] {
    vertical-align: top;
    margin-top: 8px !important;
}

/* NEW FORM */
/*#field_10_77 label.gfield_label { width:100% !important; font-weight: bold; margin-bottom: 0px !important; }
#field_10_77 label.gfield_label span.gfield_required { display:none; }
#field_10_77 .ginput_container_singleproduct { display:none; }
#field_10_77 .gfield_description { padding:0; width: 100% !important; margin: 0 !important; font-size: 100% !important}

#gf_coupon_code_10 { width:50% !important; }

#field_10_79 { margin: 0 0 20px 0 !important; }
#field_10_79 h3 { font-weight: bold; }
#field_10_79,
#field_10_80 { margin: 0 0 20px 0 !important; }
#field_10_79 h3,
#field_10_80 h3 { font-weight: bold; }


#field_10_40 .ginput_container { width:100% !important; margin: 0 0 30px 0 !important; }
#input_10_40 { text-align: center; }
@media only screen and (min-width: 991px){
    #input_10_40 li { display: inline-block !important; width: 30%; }
}
 .gform_wrapper .gfield.buttonized .gfield_radio .gchoice,
 .gform_wrapper .gfield.buttonized .gfield_checkbox .gchoice {
    position: relative;
    text-align: center;
 }
 .gform_wrapper .gfield.buttonized input[type="radio"],
 .gform_wrapper .gfield.buttonized input[type="checkbox"] {
    position: absolute;
    left: -9999px;
 }
 .gform_wrapper .gfield.buttonized .gfield_radio label,
 .gform_wrapper .gfield.buttonized .gfield_checkbox label {
    display: block !important;
    position: relative;
    max-width: 100%;
    padding: 10px 40px;
    font-size: 48px;
    border: none;
    background-color: #0E9594;
    color: white;
    cursor: pointer;
    border-radius: 50px;
    font: 500 13px/24px "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .gform_wrapper .gfield.buttonized input[type="radio"]:focus+label,
 .gform_wrapper .gfield.buttonized input[type="checkbox"]:focus+label,
 .gform_wrapper .gfield.buttonized input[type="radio"]:hover+label {
    background-color: #00AFCB;
 }
 .gform_wrapper .gfield.buttonized input[type="radio"]:checked+label,
 .gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label {
    background-color: red;
    overflow: hidden;
 }
 /.gform_wrapper .gfield.buttonized input[type="radio"]:checked+label::before,
 .gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label::before {
    content: '';
    display: block;
    position: absolute;
    top: -.75em;
    right: -.75em;
    left: auto;
    width: 1.5em;
    height: 1.5em;
    background-color: #e1b653;
    border-radius: 0;
    border: 0;
    transform: rotate(45deg);
 }
 .gform_wrapper .gfield.buttonized .gfield_radio label::before,
 .gform_wrapper .gfield.buttonized .gfield_checkbox label::before {
    display: none;
 }
 */

/* Home 2024 */
.features-area {
    position: relative;
    z-index: 1;
}
.pt-70 {
    padding-top: 70px;
}
.pb-70 {
    padding-bottom: 70px;
}
.pt-100, .ptb-100 {
    padding-top: 100px;
}
.section-title {
    text-align: center;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}
.section-title .sub-title {
    display: block;
    text-transform: uppercase;
    color: #fe4a55;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
}
.section-title h2, .section-title p {
    max-width: 615px;
    margin-left: auto;
    margin-right: auto;
}
.section-title h2 {
    margin-bottom: 15px;
    font-size: 36px;
    font-weight: 800;
    margin-top: 0px;
}
.section-title p {
    margin-top: 12px;
}
.section-title h2, .section-title p {
    max-width: 615px;
    margin-left: auto;
    margin-right: auto;
}
.section-title p:last-child {
    margin-bottom: 0;
}

.single-features-box {
    transition: .5s
}

.single-features-box.without-bg {
    z-index: 1;
    text-align: left;
    position: relative;
    border-radius: 5px;
    transition: .5s;
    background-color: transparent
}

.single-features-box.without-bg .back-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: -1;
    line-height: 1;
    opacity: .05;
}

.single-features-box .back-icon .icon {

    font-size: 120px;
}
.single-features-box.without-bg.active,.single-features-box.without-bg:hover {
    background-color: #f9f9f9
}
.single-features-box {
    text-align: center;
    margin-bottom: 30px;
    border-radius: 8px;
    background-color: #f9f9f9;
    padding: 30px 20px;
    transition: var(--transition);
}
.single-features-box .icon {
        font-size: 50px;
        line-height: 1;
        margin-bottom: 15px;
    }
.single-features-box h3 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 800;
    color: #000;
    margin-top: 0px;
}
.single-features-box h3 a { color: #000 }
.single-features-box h3 a:hover { text-decoration:none }
.single-features-box p {
        margin-bottom: 12px;
    }
.single-features-box .link-btn {
        display: inline-block;
        color: #0E9594;
        font-size: 15px;
        font-weight: 700;
 }
.single-features-box .link-btn:hover {
            color: #000;
        }

.single-features-box .link-btn.without-padding {
        padding: 0;
        text-align: start;
        background-color: transparent;

.single-features-box .link-btn.without-padding p {
            max-width: 315px;
        }
    }
.single-features-box .link-btn.without-bg {
        z-index: 1;
        text-align: start;
        position: relative;
        border-radius: 5px;
        transition: var(--transition);
        background-color: transparent;
}
.single-features-box .link-btn .back-icon {
            top: 20px;
            right: 20px;
            z-index: -1;
            opacity: .04;
            line-height: 1;
            font-size: 120px;
            position: absolute;
        }
.single-features-box .link-btn.without-bg.active, .single-features-box .link-btn.without-bg:hover {
            background-color: #F9F9F9;
        }

.ptb-100 {
    padding-bottom: 100px;
}

.bg-f9f9f9 {
    background-color: #f9f9f9;
}
.coaching-events-content .sub-title {
    display: block;
    text-transform: uppercase;
    color: #fe4a55;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
}    

.events-area {
    z-index: 1;
    position: relative
}


.events-area .section-title {
    text-align: left;
    margin-bottom: 0px;

    margin: 0 !important;
}

.events-area .section-title h2 {
    margin-bottom: 0;
    font-size: 36px;
    font-weight: 800;
    margin: 0 !important;
}

.events-area .section-title p {
    margin: 12px 0 10px 0 !important;
}

.events-area .button-block {
	text-align: right;
}
.events-area .button-block a.default-btn { margin-right: 15px; background-color:#000; margin-top: 25px;
    opacity: 0.7; }
.coaching-events-image {
    text-align: center;
    padding-left: 15px
}

.coaching-events-image img {
    border-radius: 5px
}

.coaching-events-content {
    padding-right: 15px
}

.coaching-events-content .sub-title {
    display: block;
    text-transform: uppercase;
    color: #fe4a55;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600
}

.coaching-events-content h2 {
    margin-bottom: 12px;
    font-size: 36px;
    font-weight: 700
}

.single-coaching-events-box {
    margin-top: 25px;
    position: relative;
    border-radius: 10px;
    padding: 20px 140px 20px 25px;
    background-color: #F4F7FA;
    min-height: 130px;
}

.single-coaching-events-box .location {
    font-weight: 600;
    position: relative;
    color: #fe4a55;
    margin-bottom: 11px;
    display: block
}

.single-coaching-events-box h3 {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 700
}
.single-coaching-events-box h3 a {
	color: #000;
}

.single-coaching-events-box h3 a:hover { text-decoration:none }
.single-coaching-events-box .default-btn {
    margin-top: 5px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-weight: 700;
}

.single-coaching-events-box .default-btn i {
    left: 28px;
    top: 8px
}

.single-coaching-events-box .date {
    padding: 30px;
    display: flex;
    align-items: center;
    background-color: #0E9594;
    border-radius: 10px;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0
}

.single-coaching-events-box .date .div {
    font-size: 42px;
    line-height: 1.3;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
}

.single-coaching-events-box .date .div span {
    display: block;
    font-size: 22px;
    color: #FFF;
    font-weight: bold;
}
.single-coaching-events-box h3 {
	color: #333;text-decoration:none !important; 
}
.events-area a .single-coaching-events-box h3 { text-decoration:none !important;  }
.events-area a:hover { text-decoration:none !important;  }
.single-coaching-events-box:hover h3 { color: #0E9594 !important }
.smk-slider .slick-dots {
	margin: 30px 0 0;
	padding: 0;
	text-align: center;
}

.smk-slider .slick-dots li {
	width: 12px;
	height: 12px;
	margin: 0 3px;
	cursor: pointer;
	text-align: left;
	overflow: hidden;
	border-radius: 50%;
	text-indent: -9999px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.smk-slider .slick-dots li:hover,
.smk-slider .slick-dots li.slick-active {
	background: #363636;
}

.smk-slider .slick-dots li {
	border-color: #363636;
}

.smk-slider .slick-dots li:hover,
.smk-slider .slick-dots li.slick-active {
	background: #363636;
}
 /* Change banner home */
/* .quote-form { width:100%; }   */

@media screen and (max-width: 1300px){
	.logo .slogan {
        left: 74px;
        bottom: -1px;
        font-size: 14px;
    }
}


/* Blokjes op home */
.single-blog-post {
    margin-bottom: 30px;
    position: relative
}

.single-blog-post .post-image {
    border-radius: 5px 5px 0 0
}

.single-blog-post .post-image a {
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.single-blog-post .post-image a img {
    border-radius: 5px 5px 0 0;
    transition: .5s;
    width: 100%
}

.single-blog-post .post-content {
    margin-top: 25px
}


.single-blog-post .post-content h3 {
    margin-bottom: 12px;
    line-height: 1.3;
    font-size: 24px;
    font-weight: 800
}

.single-blog-post .post-content h3 a {
    display: inline-block
}

/*
.single-blog-post:hover .post-image a img {
    transform: rotate(5deg) scale(1.3)
}*/

.single-blog-post-item {
    margin-bottom: 30px;
    position: relative
}

.single-blog-post-item .post-image {
    border-radius: 5px 5px 0 0
}

.single-blog-post-item .post-image a {
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.single-blog-post-item .post-image a img {
    border-radius: 5px 5px 0 0;
    transition: .5s
}

.single-blog-post-item .post-content {
    margin-top: 15px;
    margin-bottom: 45px;
}
.single-blog-post-item .post-content p { margin-bottom:25px; line-height: 160%; }
.single-blog-post-item .post-content p a { font-weight: 400; border-bottom-width: 1px; border-bottom-style: solid; }
.single-blog-post-item .post-content p a:hover { text-decoration:none !important; color: #000 !important; border-color: #000 !important; }
.single-blog-post-item .post-content h3 {
    margin-bottom: 10px;
    line-height: 1.3;
    font-size: 24px;
    font-weight: 800;
    margin-top: 0px;
    padding-top: 0px;
}

.single-blog-post-item .post-content h3 a {
    display: inline-block;
    color: black;
    text-decoration: none !important;
}
/*
.single-blog-post-item:hover .post-image a img {
    transform: rotate(5deg) scale(1.3)
}
*/




/* Begeleiding op maat */
.about-area {
    position: relative;
    z-index: 1
}

.about-area p:not(.lead) { font-size:17px; line-height:150%; }
.about-area p:not(.lead) a { text-decoration: none !important; border-bottom: 1px solid #000; font-weight:bold; color: #000; }
.about-area p:not(.lead) a:hover { border-bottom-color: #0E9594 }
.about-image {
    overflow: hidden;
    text-align: center
}

.about-image .row {
    margin-left: -5px;
    margin-right: -5px
}

.about-image .row .col-lg-6 {
    padding-left: 5px;
    padding-right: 5px
}

.about-image .row .col-lg-6:nth-child(3) .image {
    margin-top: -15px
}

.about-image .row .col-lg-6:nth-child(2) .image {
    margin-bottom: 20px
}

.about-content {
    padding-left: 0px
}

.about-content .sub-title {
    display: block;
    text-transform: uppercase;
    color: #fe4a55;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600
}

.about-content h2 {
    margin-bottom: 15px;
    font-size: 36px;
    font-weight: 800
}

.about-content .features-list {
    padding-left: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin: -5px -8px 20px;
}

.about-content .features-list li {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0px
}

.about-content .features-list li span {
    display: block;
    position: relative;
    color: #221638;
    font-size: 18px;
    font-weight: 700;
    /*padding-left: 50px;*/
    padding-top: 5px;
    padding-bottom: 5px
}
.about-content .features-list.list2 li span{
	padding-left: 50px;
}
.about-content .features-list li img { width: 40px; height: auto; }

.about-content .features-list li span i {
    position: absolute;
    left: 0;
    top: -3px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    font-weight: 500;
    line-height: 40px;
    color: #0E9594;
    font-size: 25px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.about-content .features-list li a:hover {
	color: #333 !important; text-decoration: none;
}
.about-content .default-btn {
    margin-top: 30px
}

.about-area-two {
    position: relative;
    z-index: 1
}

.about-area-two .shape3 {
    right: 12%;
    bottom: auto;
    top: 25%
}

.about-area-two .shape4 {
    right: 8%;
    bottom: auto;
    top: 7%
}

.about-area-two .shape2 {
    left: auto;
    bottom: 5%;
    right: 15%
}

.about-content-box .sub-title {
    display: block;
    text-transform: uppercase;
    color: #fe4a55;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600
}

.about-content-box h2 {
    margin-bottom: 16px;
    font-size: 36px;
    font-weight: 800
}

.about-content-box .link-btn {
    display: inline-block;
    color: #fe4a55;
    position: relative;
    border-bottom: 1px solid transparent;
    font-weight: 700
}

.about-content-box .link-btn:hover {
    color: #221638;
    border-color: #221638
}

.about-content-box .default-btn {
    margin-top: 10px
}

.about-video-box {
    margin-left: 30px
}

.about-video-box,.about-video-box .image {
    position: relative;
    z-index: 1;
    border-radius: 5px
}

.about-video-box .image {
    overflow: hidden
}

.about-video-box .image:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    background-color: #221638;
    opacity: .3;
    z-index: 1
}

.about-video-box .image img {
    border-radius: 5px;
    transition: .5s
}

.about-video-box .video-btn {
    display: inline-block;
    width: 80px;
    height: 80px;
    font-size: 35px;
    text-align: center;
    line-height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%) translateX(-50%);
    background-color: #fe4a55;
    border-radius: 50%;
    color: #fff;
    cursor: pointer
}

.about-video-box .video-btn:after,.about-video-box .video-btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    transition: .5s;
    border-radius: 50%;
    border: 1px solid #fe4a55
}

.about-video-box .video-btn:before {
    animation: ripple 2s linear infinite
}

.about-video-box .video-btn:after {
    animation: ripple 2s linear 1s infinite
}

.about-video-box .video-btn:hover {
    color: #fff;
    background-color: #221638
}

.about-video-box .video-btn:hover:after,.about-video-box .video-btn:hover:before {
    border-color: #221638
}

.about-video-box:hover .image img {
    transform: scale3d(1.1,1.1,1.1)
}

.about-video-box .shape10 {
    left: -6.5%;
    bottom: -13.5%;
    opacity: .5
}

.about-area-three {
    position: relative;
    z-index: 1
}

.about-area-three .shape3 {
    right: 12%;
    bottom: auto;
    top: 38%
}

.about-area-three .shape4 {
    right: 8%;
    bottom: auto;
    top: 20%
}

.about-img {
    position: relative;
    z-index: 1
}

.about-img .image {
    text-align: right;
    position: relative;
    padding-bottom: 45px
}

.about-img .image img:nth-child(2) {
    position: absolute;
    left: 80px;
    bottom: 0
}

.divider {
    width: 100%;
    height: 100px;
    pointer-events: none;
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e");
    -webkit-mask-size: 100% 101%;
    mask-size: 100% 101%;
    background: #fffaf3;
    top: -100px;
    left: 0
}

.divider,.shape1 {
    position: absolute;
    z-index: -1
}

.shape1 {
    left: 12%;
    top: 0
}

.shape1 img {
    animation: moveleftbounce 4s linear infinite
}

.shape2 {
    position: absolute;
    left: 5%;
    bottom: 8%;
    z-index: -1
}

.shape2 img {
    animation: movebounce 5s linear infinite
}

.shape3 {
    position: absolute;
    right: 9%;
    bottom: 12%;
    z-index: -1
}

.shape3 img {
    animation-name: rotateme;
    animation-duration: 100s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.shape4 {
    position: absolute;
    right: 5%;
    bottom: 40%;
    z-index: -1
}

.shape4 img {
    animation: movescale 4s linear infinite
}

.shape17 {
    position: absolute;
    z-index: -1;
    top: -45px;
    left: 160px;
    right: 0;
    text-align: center
}

.shape17 img {
    animation: moveleftbounce 4s linear infinite
}

.shape18 {
    position: absolute;
    z-index: -1;
    top: 0;
    left: -150px;
    right: 0;
    text-align: center
}

.shape18 img {
    animation-name: rotateme;
    animation-duration: 100s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.shape19 {
    position: absolute;
    right: -15px;
    top: 40%
}

.shape19 img {
    animation: movescale 4s linear infinite
}

.shape20 {
    position: absolute;
    z-index: -1;
    left: 7%;
    top: 57%
}

.shape20 img {
    animation: movescale 4s linear infinite
}

.shape21 {
    position: absolute;
    z-index: -1;
    left: 11%;
    bottom: 15%
}

.shape21 img {
    animation: movebounce 5s linear infinite
}

.shape22 {
    position: absolute;
    z-index: -1;
    left: 55%;
    bottom: 10px
}

.shape22 img {
    animation-name: rotateme;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.shape23 {
    position: absolute;
    z-index: -1;
    right: 5%;
    bottom: 5%
}

.shape23 img {
    animation-name: rotateme;
    animation-duration: 100s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes movebounce {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes moveleftbounce {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(20px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes rotateme {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes movescale {
    0% {
        transform: scale(.9)
    }

    50% {
        transform: scale(.8)
    }

    to {
        transform: scale(.9)
    }
}

.about-content .about-list {
    padding-left: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin: -5px -8px 0
}

.about-content .about-list li {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 16px
}

.about-content .about-list li span {
    display: block;
    position: relative;
    font-weight: 700;
    padding-left: 40px;
    padding-top: 3px
}

.about-content .about-list li span i {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background-color: #a3c5bb;
    z-index: 1;
    border-radius: 50%;
    font-size: 20px;
    transition: .5s
}

.about-content .about-list li span i:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #6ba292;
    border-radius: 50%;
    z-index: -1;
    margin: 2px 1px 1px 2px;
    transition: .5s
}

.about-content .about-list li span:hover i {
    background-color: #fe4a55;
    color: #fe4a55
}

.about-content .about-list li span:hover i:after {
    background-color: #fff
}

.about-content .default-btn-style-two {
    margin-top: 35px
}

.our-story-area .col-lg-4,.our-story-area .col-lg-8 {
    margin-top: 40px
}

.our-story-area .row {
	  padding-top: 30px; margin-bottom: 30px;
    border-top: 1px solid #EFEFEF;
}

.our-story-area .col-lg-4:first-child,.our-story-area .col-lg-4:nth-child(2),.our-story-area .col-lg-8:first-child,.our-story-area .col-lg-8:nth-child(2) {
    margin-top: 0
}

.our-story-title h3 {
    margin-bottom: 0;
    position: relative;
    padding-left: 45px;
    font-size: 28px;
    font-weight: 800;
    margin-top: 0px;
}

.our-story-title h3 .number {
    opacity: .38;
    position: absolute;
    left: 0;
    line-height: 1;
    top: 1px;
    font-size: 45px;
    font-weight: 900;
    font-style: italic
}

.our-story-image {
    margin-top: 40px
}

.our-story-image,.our-story-image img {
    border-radius: 5px
}

.our-story-content {
    padding-right: 90px
}

.our-story-content p {
    margin-bottom: 20px
}

.our-story-content p:last-child {
    margin-bottom: 0
}

.our-story-content ul { list-style:none; }
.our-story-content ul li { position:relative; font-size:17px; padding-left:25px; }
.our-story-content ul li i { position: absolute; top: 3px; left: 0px; color: #0E9594; }

@media (min-width: 768px) {
    .lead {
        font-size: 20px;
    }
}



/* Events box */
.events-box {
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 5px
}
.events-box .row {
		display: flex;
    flex-wrap: wrap;
}
.events-box .row > div {
      flex: 0 0 auto;
  }
.events-box .image {
    height: 100%;
    border-radius: 5px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
}

.events-box .image img {
    display: none;
    border-radius: 5px
}

.events-box .content {
    padding: 40px
}

.events-box .content .date {
    margin-bottom: 20px;
    display: inline-block;
    position: relative
}

.events-box .content .date span {
    position: absolute;
    left: 0;
    top: 21px;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.events-box .content h3 {
    margin-bottom: 12px;
    line-height: 1.3;
    font-size: 24px;
    font-weight: 800
}

.events-box .content h3 a {
    display: inline-block
}

.events-box .content .location {
    display: block;
    color: #606060;
    margin-top: 12px;
    position: relative;
    padding-left: 22px;
    font-size: 16px;
    font-weight: 700
}

.events-box .content .location i {
    color: #fe4a55;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 18px
}


/* SMA */
.oa-quote-inner-box {
   background-color: rgb(125, 134, 107, 0.1);
    border-radius: 5px;
    padding: 35px 35px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    /*border: 4px solid #143758;*/
}

.oa-quote-inner-box .quote-shape {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: -1;
    animation: moveleftbounce 4s linear infinite
}

.oa-quote-image {
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
    background: white;
}

.oa-quote-inner-box p a { color: #000; text-decoration:underline; }

.oa-quote-image img {
    border-radius: 20px 20px 20px 20px;
    transition: .5s
}

.oa-quote-image:hover img {
    transform: scale(1.05)
}

.oa-quote-content {
    padding-left: 35px;
    margin-top: 0px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .04);
    padding: 20px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 15px;
}

.oa-quote-content img {
    margin-bottom: 30px
}

.oa-quote-content p {
    margin-bottom: 2px;
    font-size: 18px;
    font-weight: 500;
    color: #221638;
}

.oa-quote-content span {
    color: #333;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    z-index: 1;
    padding-left: 40px;
    font-style: italic;
    opacity: 0.5;
}

.oa-quote-content span:before {
    position: absolute;
    content: "";
    height: 1.5px;
    width: 30px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #333;
    z-index: -1;
    opacity: 0.7;
}
.oa-quote-inner-box  .default-btn {
    margin-top: 25px;
    background-color: #221638
}

.oa-quote-inner-box  .default-btn span {
    background-color: #fff
}

.oa-quote-inner-box  .default-btn:hover {
    color: #221638
}
.oa-quote-area .events-box .content {
    padding: 15px 25px 25px 0;
}

/* Default BTN */
.default-btn {
    border: none;
    position: relative;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    color: #fff;
    background-color: #fe4a55;
    transition: .5s;
    border-radius: 5px;
    font-weight: 700;
    font-size: 16px;
    padding: 11px 30px 11px 42px;
}
.default-btn.outline {
		background: transparent;
    color: #777;
    border: 1px solid #777;
}
.default-btn span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: #221638;
    transition: width .5s ease-in-out,height .5s ease-in-out;
    transform: translate(-50%,-50%);
    z-index: -1;
    border-radius: 5px
}

.default-btn i {
    position: absolute;
    left: 18px;
    top: 14px
}

.default-btn:hover {
    color: #FFF !important; text-decoration: none !important;
}

.default-btn:hover span {
    width: 225%;
    height: 562.5px
}

.default-btn-style-two {
    position: relative;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    color: #fff;
    background-color: transparent;
    transition: .5s;
    border-radius: 30px;
    border: 1px dashed #fe4a55;
    font-weight: 700;
    font-size: 16px;
    padding: 15px 35px 15px 60px
}

.default-btn-style-two i {
    position: absolute;
    left: 35px;
    top: 14px
}

.default-btn-style-two:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fe4a55;
    z-index: -1;
    border-radius: 30px;
    margin: 4px;
    transition: .3s
}

.default-btn-style-two:hover {
    color: #fff
}

.default-btn-style-two:hover:before {
    margin: 0
}





.about-me-inner {
    background-color: #fe4a55;
    border-radius: 20px;
    padding: 30px;
}
.about-me-inner .row { display:flex }
.about-me-inner .row > div { flex:0 0 auto; }

.about-me-image {
    text-align: center;
    height: 100%;
    padding-right: 10px;
    background: white;
    /*align-content: center;*/
    padding-top: 20px;
}

.about-me-image,.about-me-image img {
    border-radius: 20px
}

.about-me-content {
    padding-left: 10px;
    padding-right: 30px
}

.about-me-content .sub-title {
    display: block;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600
}

.about-me-content h2 {
    margin-bottom: 15px;
    color: #fff;
    font-size: 36px;
    font-weight: 700
}

.about-me-content p {
    color: #fff
}

.about-me-content .quote {
     margin-top: 15px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .1);
    padding: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}
.about-me-content .quote span {
color: #FFF;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    z-index: 1;
    padding-left: 40px;
    opacity: 0.7;
}

.about-me-content .quote span:before {
    position: absolute;
    content: "";
    height: 1.5px;
    width: 30px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #FFF;
    z-index: -1;
}
.about-me-content a { color: white; }
.about-me-content p a { text-decoration:underline; }
.about-me-content p a:hover { text-decoration:none;color: white !important }
.about-me-content .default-btn {
    margin-top: 25px;
    background-color: #221638
}

.about-me-content .default-btn span {
    background-color: #fff
}

.about-me-content .default-btn:hover {
    color: #221638
}

.shape10 {
    position: absolute;
    left: -11%;
    bottom: -11%;
    z-index: -1
}

.shape10 img {
    border-radius: 0;
    animation: moveleftbounce 4s linear infinite
}
.shape13 {
    position: absolute;
    left: 22%;
    bottom: 22%;
    z-index: -2
}

.shape13 img {
    animation-name: rotateme;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.shape14 {
    position: absolute;
    right: 11%;
    bottom: 30%;
    z-index: -1
}

.shape14 img {
    animation: movebounce 5s linear infinite
}

.shape15 {
    position: absolute;
    right: 15%;
    bottom: 15%;
    z-index: -2
}

.shape15 img {
    animation-name: rotateme;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}


/* Courses */

.courses-area {
    position: relative;
    z-index: 1
}

.single-courses-box {
    margin-bottom: 30px;
    position: relative;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(146,184,255,.2)
}

.single-courses-box .courses-image {
    border-radius: 5px 5px 0 0;
    position: relative;
    z-index: 1
}

.single-courses-box .courses-image .image,.single-courses-box .courses-image .image img {
    border-radius: 5px 5px 0 0
}

.single-courses-box .courses-image .fav {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    border: none;
    background-color: transparent;
    padding: 0
}

.single-courses-box .courses-image .fav:hover {
    color: #fe4a55
}

.single-courses-box .courses-image .price {
    display: inline-block;
    background-color: #fe4a55;
    color: #fff;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    bottom: -32.5px;
    text-align: center;
    line-height: 67px;
    font-size: 16px;
    font-weight: 800
}

.single-courses-box .courses-content {
    border-radius: 0 0 5px 5px;
    padding: 30px
}

.single-courses-box .courses-content .course-author {
    margin-bottom: 15px
}

.single-courses-box .courses-content .course-author img {
    width: 35px;
    height: 35px;
    margin-right: 10px
}

.single-courses-box .courses-content .course-author span {
    color: #fe4a55;
    font-weight: 600;
    font-size: 15px
}

.single-courses-box .courses-content h3 {
    margin-bottom: 12px;
    line-height: 1.3;
    font-size: 24px;
    font-weight: 800
}

.single-courses-box .courses-content h3 a {
    display: inline-block
}

.single-courses-box .courses-content .courses-box-footer {
    list-style-type: none;
    padding-left: 0;
    margin: 20px -7px 0
}

.single-courses-box .courses-content .courses-box-footer li {
    color: #606060;
    font-size: 15px;
    position: relative;
    padding-left: 25px;
    padding-right: 7px
}

.single-courses-box .courses-content .courses-box-footer li i {
    color: #fe4a55;
    position: absolute;
    left: 7px;
    top: 0
}

.single-courses-box .courses-content .courses-box-footer li i.flaticon-people {
    font-size: 18px;
    left: 3px
}

.single-courses-box.bg-color {
    background-color: #fffaf3;
    box-shadow: unset;
    transition: .5s
}

.single-courses-box.bg-color .courses-content h3 {
    margin-bottom: 10px
}

.single-courses-box.bg-color:hover {
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(146,184,255,.2)
}

.single-courses-box.without-boxshadow {
    background-color: #fff;
    box-shadow: unset;
    transition: .5s
}

.single-courses-box.without-boxshadow .courses-content h3 {
    margin-bottom: 10px
}

.single-courses-box.without-boxshadow.active,.single-courses-box.without-boxshadow:hover {
    box-shadow: 0 8px 16px 0 rgba(146,184,255,.2)
}

.single-courses-box.style-2 .video_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,.4);
    transform: scale(0);
    transition: .5s
}

.single-courses-box.style-2 .video_box i {
    background-color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #000;
    font-size: 50px;
    border-radius: 80px;
    padding-left: 5px;
    cursor: pointer
}

.single-courses-box.style-2 .video_box i:hover {
    background-color: #fe4a55;
    color: #fff
}

.single-courses-box.style-2:hover .video_box {
    transform: scale(1)
}

.single-courses-box.style-2 .courses-content {
    padding: 20px
}

.single-courses-box.style-2 .courses-content h3 {
    font-size: 18px
}

.single-courses-item {
    margin-bottom: 30px;
    position: relative;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.02)
}

.single-courses-item .courses-image {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 10px;
}

.single-courses-item .courses-image img {
    transition: .5s
}
/*
.single-courses-item .courses-image:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    background-color: #221638;
    opacity: .2;
    z-index: 1;
    transition: .5s
}
*/
.single-courses-item .courses-image .link-btn {
    position: absolute;
    left: 0;
    right: 0;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    z-index: 2
}

.single-courses-item .row {
    margin-left: 0;
    margin-right: 0
}

.single-courses-item .row .col-lg-4,.single-courses-item .row .col-lg-8 {
    padding-left: 0;
    padding-right: 0
}

.single-courses-item .courses-content {
    border-radius: 5px;
    position: relative;
    padding: 25px
}

.single-courses-item .courses-content h3 {
    margin-bottom: 10px;
    line-height: 1.3;
    font-size: 24px;
    font-weight: 800;
    margin-top: 0px;

}
.single-courses-item .courses-content.som h3 a:hover,
.single-courses-item .courses-content.som p a {
	color: #ED7F62 !important;
}
.single-courses-item .courses-content.som p a:hover {
	color: #ED7F62 !important; text-decoration: underline;
}
.single-courses-item .courses-content.som h3 a {
	display: inline-block; color: #333; text-decoration: none !important;
}
.single-courses-item .courses-content.som .default-btn { background-color:#ED7F62; }

.single-courses-item .courses-content.sa h3 a:hover,
.single-courses-item .courses-content.sa p a {
	color: #00A6D6 !important;
}
.single-courses-item .courses-content.sa p a:hover {
	color: #00A6D6 !important; text-decoration: underline;
}
.single-courses-item .courses-content.sa h3 a {
	display: inline-block; color: #333; text-decoration: none !important;
}
.single-courses-item .courses-content.sa .default-btn { background-color:#00A6D6; }



.single-courses-item .courses-content p { margin-bottom:25px; }


.single-courses-item:hover .courses-image:before {
    opacity: 0;
    visibility: hidden
}

.single-courses-item:hover .courses-image img {
    transform: scale3d(1.1,1.1,1.1)
}

.single-courses-item-box {
    margin-bottom: 30px;
    position: relative;
    background-color: #fff;
    transition: .5s;
    box-shadow: 0 8px 16px 0 rgba(146,184,255,.08);
    text-align: center
}

.single-courses-item-box .courses-image {
    position: relative;
    z-index: 1
}

.single-courses-item-box .courses-image:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: #221638;
    opacity: .3;
    transition: .5s
}

.single-courses-item-box .courses-image .fav {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
    font-size: 30px;
    z-index: 2;
    line-height: 1;
    background-color: transparent;
    border: none
}

.single-courses-item-box .courses-image .fav:hover {
    color: #fe4a55
}

.single-courses-item-box .courses-image .price {
    display: inline-block;
    background-color: #fe4a55;
    color: #fff;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: -32.5px;
    left: 0;
    text-align: center;
    line-height: 67px;
    z-index: 2;
    font-size: 24px;
    font-weight: 800;
    margin-left: auto;
    margin-right: auto
}

.single-courses-item-box .courses-content {
    padding: 50px 20px 20px
}

.single-courses-item-box .courses-content .course-author {
    margin-bottom: 15px
}

.single-courses-item-box .courses-content .course-author img {
    width: 35px;
    height: 35px;
    margin-right: 10px
}

.single-courses-item-box .courses-content .course-author span {
    color: #fe4a55;
    font-weight: 600;
    font-size: 15px
}

.single-courses-item-box .courses-content h3 {
    margin-bottom: 0;
    line-height: 1.3;
    font-size: 22px;
    font-weight: 800
}

.single-courses-item-box .courses-content h3 a {
    display: inline-block
}

.single-courses-item-box .courses-content .rating {
    margin-top: 15px
}

.single-courses-item-box .courses-content .rating i {
    color: #f4c150
}

.single-courses-item-box .courses-content .rating .rating-total {
    display: inline-block;
    color: #606060;
    font-weight: 600;
    position: relative;
    top: -1.5px;
    margin-left: 5px
}

.single-courses-item-box:hover .courses-image:before {
    opacity: 0;
    visibility: hidden
}

.courses-info {
    text-align: center;
    margin-top: 20px
}

.courses-info .default-btn {
    margin-bottom: 15px
}

.courses-info p {
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0
}

.courses-info p a {
    color: #fe4a55
}

.courses-info p a:hover {
    text-decoration: underline;
    color: #221638
}

.courses-slides .swiper-pagination {
    position: static;
    margin-top: 10px
}

.courses-slides .swiper-pagination .swiper-pagination-bullet {
    margin: 0 3px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: transparent!important;
    border: 1px solid #a8a8a8;
    position: relative;
    transition: .5s;
    opacity: 1
}

.courses-slides .swiper-pagination .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    border-radius: 50%;
    margin: 2px;
    transition: .5s
}

.courses-slides .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.courses-slides .swiper-pagination .swiper-pagination-bullet:hover {
    border-color: #fe4a55
}

.courses-slides .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,.courses-slides .swiper-pagination .swiper-pagination-bullet:hover:before {
    background-color: #fe4a55
}

.shape16 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    text-align: center
}

.shorting-menu {
    text-align: center;
    margin-bottom: 30px
}

.shorting-menu .filter {
    display: inline-block;
    padding: 0;
    background-color: transparent;
    color: #221638;
    transition: .5s;
    border: none;
    font-size: 16.5px;
    font-weight: 700;
    margin-left: 10px;
    margin-right: 10px
}

/* Schoolmakers academie */
.theme-yellow a { color: #F8C960 }
.theme-yellow a.default-btn  { background: #F8C960; color: #333; margin-top: 5px; }
.theme-yellow .oa-quote-inner-box { background-color: rgb(248, 201, 96, 0.1); }
.theme-yellow .oa-quote-inner-box p a { color: #F8C960  }

.theme-blue a { color: #0198E2 }
.theme-blue a.default-btn  { background: #0198E2; color: #FFF; margin-top: 5px; }
.theme-blue .oa-quote-inner-box { background-color: rgb(1, 152, 226, 0.1); }
.theme-blue .oa-quote-inner-box p a { color: #0198E2  }

.theme-red a { color: #EE7F62 }
.theme-red a.default-btn  { background: #EE7F62; color: #FFF; margin-top: 5px; }
.theme-red .oa-quote-inner-box { background-color: rgb(238, 127, 98, 0.1); }
.theme-red .oa-quote-inner-box p a { color: #EE7F62  }

.theme-green a { color: #09AFB8 }
.theme-green a.default-btn  { background: #09AFB8; color: #FFF; margin-top: 5px; }
.theme-green .oa-quote-inner-box { background-color: rgb(9, 175, 184, 0.1); }
.theme-green .oa-quote-inner-box p a { color: #09AFB8  }
.theme-green hr { border-top: 1px solid #09AFB8; padding-top: 20px; margin-top: 40px; }


.theme-blue a.default-btn:hover,
.theme-yellow a.default-btn:hover,
.theme-red a.default-btn:hover,
.theme-green a.default-btn:hover { color: #333 !important; }