/*
Theme Name:     Jupiter Child Theme
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/


/* Your custom css */

::-moz-selection { color: #000 !important;  background: #b3d4fd !important; } 
::selection      { color: #000 !important;  background: #b3d4fd !important; } 
p::-moz-selection { color: #000 !important;  background: #b3d4fd !important; } 
p::selection      { color: #000 !important;  background: #b3d4fd !important; } 


@font-face {
  font-family: 'Futura LT Book';
  src: url('fonts/futuralt-book.eot');
  src: url('fonts/futuralt-book.eot?#iefix') format('embedded-opentype'), 
	   url('fonts/futuralt-book.woff') format('woff'), 
	   url('fonts/futuralt-book.ttf') format('truetype'), 
	   url('fonts/futuralt-book.svg') format('svg');
}


/* --- ALGEMEEN --- */
.mk-fancy-title { font-family: "Futura LT Book", Arial, Tahoma !important; }
body, p { font-family: Open sans, Arial, Tahoma !important; color: #000 !important; }
.tekst-wit p { color: #fff !important; }

table, tr, td { background: none !important; padding: 3px 0px !important; text-align: left !important; font-size: 16px !important; }


#mk-page-introduce { background: #037cab !important; }
.page-title  { text-align: center !important; font-family: "Futura LT Book", Arial, Tahoma !important; letter-spacing: 0px !important; color: #fff !important; padding: 14px 0 0 0 !important; font-size: 30px !important; }



/* --- HOME --- */
.text-homeblok { padding: 120px 0 40px 0 !important; }
.mk-half-layout.half_right_layout { border-top-left-radius: 100px 260px; border-bottom-left-radius: 100px 260px; }
.homebalk { margin-bottom: -20px !important; }

.homebalk img, .home-image img { 
-webkit-border-top-left-radius: 160px !important;
-webkit-border-bottom-left-radius: 160px !important;
-moz-border-radius-topleft: 160 !important;
-moz-border-radius-bottomleft: 160px !important;
border-top-left-radius: 160px !important;
border-bottom-left-radius: 160px !important;
}

.cirkel {  max-width: 100%;     width: auto;     height: auto;    border: 0;    vertical-align: middle;  }
.cirkel:hover { border: 2px solid #037cab !important;  }
.cirkel h2, .cirkel span { line-height: 120px !important; font-size: 17px !important; }
.cirkel h3 {  padding: 54px 0 0 0 !important;   vertical-align: middle;  line-height: 20px !important; font-size: 17px !important; }

.mk-circle-image__holder { margin-top: -162px !important; border: 2px solid #4ab5ac !important; vertical-align: middle;  }
.mk-circle-image__holder:hover {  border: 2px solid #037cab !important;}
.mk-fancy-title.pattern-style { background: none; }
.mk-circle-image__title { line-height: 19px !important; font-size: 14px !important; color: #4ab5ac !important; min-height: 90px; padding: 0 13px; text-align: center !important;   }
.mk-fancy-title.pattern-style span { padding-right: 0px !important; }


/* 
.mk-box-icon .rounded-circle .small { height: 150px !important; width: 150px !important; -webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px; }
#box-icon-14 .icon-box-title { margin-top: -110px; }
#box-icon-14 .icon-box-title a  { line-height: 19px !important; font-size: 16px !important; color: #4ab5ac !important; }
*/






/* --- MENU & HEADER --- */

.current-menu-item, .current_page_item, .current-menu-item a, .current_page_item a { color: #444 !important; }

.mk-header-nav-container, .header-grid.mk-grid { padding: 7px 0; }
.mk-header-nav-container, .mk-classic-menu-wrapper { background: #f4f4f4 !important; }

.header-style-1 .mk-header-padding-wrapper, .header-style-2 .mk-header-padding-wrapper, .header-style-3 .mk-header-padding-wrapper { padding-top: 183px !important; }
.mk-main-navigation a, js-main-nav a, .sticky-style-fixed .main-navigation-ul>li.menu-item>a.menu-item-link, .header-style-1 .menu-hover-style-5 .main-navigation-ul > li > a.menu-item-link { font-family: "Futura LT Book", Arial, Tahoma !important; text-transform: uppercase; color: #000; font-size: 15px; font-weight: 500 !important; letter-spacing: 0px !important;  }

.js-main-nav a:hover, .sticky-style-fixed .main-navigation-ul>li.menu-item>a.menu-item-link:hover, .header-style-1 .menu-hover-style-5 .main-navigation-ul > li > a.menu-item-link:hover, .mk-main-navigation a:hover { color: #51b5ac !important; }

.mk-responsive-nav { border-top: 1px solid #dfdfdf !important; }
.mk-responsive-nav>li { border: none !important; }
.mk-responsive-nav>li:hover, .mk-responsive-nav li a:hover { background: #fff !important; }
.mk-responsive-nav { border-bottom: 1px solid #dfdfdf; padding: 15px 0; }
.mk-responsive-nav li a { border: none !important; text-align: center !important; display: block; padding: 9px 30px 9px 30px !important; font-family: "Futura LT Book", Arial, Tahoma !important; text-transform: uppercase; color: #000; font-size: 15px; font-weight: 500 !important; letter-spacing: 0px !important; }
.mk-responsive-nav li a:hover { color: #4ab5ac !important; }




/* --- BUTTON --- */
.mk-button, .mk-button--dimension-flat  { background: none !important; font-family: interstateregular, Arial, Tahoma !important; font-size: 14px !important; line-height: 21px !important; letter-spacing: 0px !important; padding: 11px 30px 11px 23px !important; 	-webkit-transition: all .4s linear;	-moz-transition: all .4s linear;	-o-transition: all .4s linear;	-ms-transition: all .4s linear;	transition: all .4s linear; color: #51b5ac !important; text-transform: uppercase; -webkit-border-radius: 250px; -moz-border-radius: 250px; border-radius: 250px; } 

.homebalk .mk-button:hover, .homebalk .mk-button--dimension-flat:hover { background: #fff !important; color: #fff !important; border-color: #fff !important; } 
.mk-button:hover, .mk-button--dimension-flat:hover { background: #51b5ac !important; color: #fff !important; border-color: #51b5ac !important;  } 


.mk-button--icon { color: #51b5ac !important; }
.mk-button--icon { position: relative; float: right; font-size: 13px !important; top: 0px !important; color: #ffd700 !important; left: 15px; }
.mk-button .mk-button--icon svg { font-size: 13px !important; color: #51b5ac !important; }




/* ---- FOOTER ---- */
#sub-footer .mk-footer-copyright, .mk-footer-copyright, #mk-footer .mk-footer-copyright { float:none !important; display:block !important; text-align:center !important; }
#sub-footer, .mk-footer-copyright { background: #51b5ac !important; }
.mk-footer-copyright, .mk-footer-copyright span, .mk-footer-copyright a { color: #fff !important; font-size: 14px !important; letter-spacing: 0px !important; font-weight: 700; }
.mk-footer-copyright a:hover { color: #037cab !important; }
.mk-footer-copyright span { margin: 0 8px; color: #037cab !important; }
.mk-footer-copyright { padding-bottom: 23px; }


.widget_nav_menu a { color: #fff !important; }
.widget_nav_menu a:hover { color: #51b5ac !important; }
.widget-sub-navigation ul li a, .widget_nav_menu ul li a, .widget_product_categories ul li a, .woocommerce-MyAccount-navigation ul li a { color: #fff; }
.widget-sub-navigation ul li, .widget_nav_menu ul li, .widget_product_categories ul li, .woocommerce-MyAccount-navigation ul li, .widget_nav_menu li, .widget_nav_menu li a { list-style-type: none !important; }
.mk-svg-icon { display: none !important; }








/* Responsive ----------- */
@media only screen and (min-width : 320px) and (max-width : 767px) {

#mk-footer .widget, #mk-footer .widget ul li { text-align: center !important; }
.vc_col-sm-6 img  { margin-top: 20px; width: 100%; display: block; float: left; }
.mk-button-container .mk-button {    float: left; }
}


/* Responsive ----------- */
@media only screen and (min-width : 320px) and (max-width : 380px) {
/* Styles */

.vc_col-sm-2 { width: 49% !important; position: relative; float: left; display: block; margin-top: -90px;  min-height: 100%; }
.kolom-cirkel { margin-bottom: -35px !important; }
.vc_col-sm-2 h3, .vc_col-sm-2 h3 span, .mk-circle-image__title, .mk-circle-image__title span, .cirkel h3 {  padding: 110px 14px 0 11px !important;   vertical-align: middle;  line-height: 13px !important; font-size: 11px !important; letter-spacing: 0px !important; }

}



/* Responsive ----------- */
@media only screen and (min-width : 381px) and (max-width : 450px) {
/* Styles */

.vc_col-sm-2 { width: 49% !important; position: relative; float: left; display: block; margin-bottom: -38px;  min-height: 100%; }
.kolom-cirkel { margin-bottom: -55px !important; }
.vc_col-sm-2 h3, .vc_col-sm-2 h3 span, .mk-circle-image__title, .mk-circle-image__title span, .cirkel h3 {  padding: 80px 20px 0 20px !important;   vertical-align: middle;  line-height: 14px !important; font-size: 12px !important; }

}

/* Responsive ----------- */
@media only screen and (min-width : 451px) and (max-width :600px) {
/* Styles */

.vc_col-sm-2 { width: 49% !important; position: relative; float: left; display: block; margin-bottom: 10px;  min-height: 100%; }
.kolom-cirkel { margin-bottom: -55px !important; }
.kolom-cirkel:last-child { margin-bottom: 10px !important; }
.vc_col-sm-2 h3, .vc_col-sm-2 h3 span, .mk-circle-image__title, .mk-circle-image__title span, .cirkel h3 {  padding: 80px 20px 0 20px !important;   vertical-align: middle;  line-height: 16px !important; font-size: 14px !important; }

}

/* Responsive ----------- */
@media only screen and (min-width : 601px) and (max-width :700px) {
/* Styles */

.vc_col-sm-2 { width: 49% !important; position: relative; float: left; display: block; margin-bottom: -70px;  min-height: 100%; }
.kolom-cirkel { margin-bottom: -50px !important; }
.kolom-cirkel:last-child { margin-bottom: 10px !important; }
.vc_col-sm-2 h3, .vc_col-sm-2 h3 span, .mk-circle-image__title, .mk-circle-image__title span, .cirkel h3 {  padding: 150px 30px 0 30px !important;   vertical-align: middle;  line-height: 23px !important; font-size: 21px !important; }
}



/* Responsive ----------- */
@media only screen and (min-width : 701px) and (max-width :767px) {
/* Styles */
.vc_col-sm-2 { width: 32% !important; position: relative; float: left; display: block; margin-bottom: 0px;  min-height: 100%; }
.kolom-cirkel { margin-bottom: -180px !important; }
.kolom-cirkel:last-child { margin-bottom: 10px !important; }
.vc_col-sm-2 h3, .vc_col-sm-2 h3 span, .mk-circle-image__title, .mk-circle-image__title span, .cirkel h3 {  padding: 80px 20px 0 20px !important;   vertical-align: middle;  line-height: 18px !important; font-size: 15px !important; }
}



/* Responsive ----------- */
@media only screen and (min-width : 768px) and (max-width :990px) {
/* Styles */
.vc_col-sm-2 { width: 32% !important; position: relative; float: left; display: block; margin-bottom: -60px;  min-height: 100%; }
.kolom-cirkel { margin: -20px 0 -40px 0 !important; }
.vc_col-sm-2 h3 {  padding: 140px 20px 0 30px !important;   vertical-align: middle;  line-height: 20px !important; font-size: 18px !important; }
.vc_col-sm-6, .vc_col-sm-6 img  { width: 100%; }
}




/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 767px) {
/* Styles */

.blok-half { padding-left: 16px !important; }
.mk-half-layout.half_right_layout { border-top-left-radius: 0px 0px; border-bottom-left-radius: 0px 0px; }
.mk-header .mk-header-bg { padding: 0 !important; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf !important;  }
.mk-toolbar-resposnive-icon { display: none; }
.header-logo img { max-width: 280px !important; }
.mk-nav-responsive-link { background: #4ab5ac !important; -webkit-border-radius: 250px; -moz-border-radius: 250px; border-radius: 250px; padding: 15px 15px 14px 15px !important;  margin-top: -25px; }
.mk-css-icon-close, .mk-css-icon-menu { margin-top: 3px !important; }
.mk-css-icon-close div, .mk-css-icon-menu div {     background-color: #fff !important; }
.vc_col-sm-3 { margin: -30px 0 -20px 0 !important; }
.links, .rechts { width: 100%; }
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 768px) {
.page-title { width: 90% !important; letter-spacing: -1px !important; }
.mk-footer-copyright { padding-bottom: 10px !important; }

.text-homeblok { padding: 20px 30px !important; }
}


@media only screen and (min-width : 768px) and (max-width : 900px) {
/* Styles */
.vc_col-sm-3 { width: 50% !important; }
.vc_col-sm-3 { margin: -18px 0 -20px 0 !important; }

}



@media only screen and (min-width : 991px) and (max-width : 1100px) {
.mk-main-navigation a { margin-right: -15px !important; }
.vc_col-sm-2 h3 {  padding: 30px 20px 0 20px !important;   vertical-align: middle;  line-height: 13px !important; font-size: 12px !important; }
.vc_col-sm-2 { margin-bottom: -60px; }
.mk-circle-image__title span { line-height: 15px !important; font-size: 12px !important;   }
}