/*
   Theme Name: Zerif Lite Mtribe
   Theme URI: https://www.themeisle.com/ 
   Description: This is a custom child theme I have created.
   Author: Mtribe
   URI: https://www.themeisle.com/ 
   Template: zerif-lite
   Version: 0.1 
*/

body.home.custom-background { background-size: 100%; color: #404040; }
a, a img, a:focus, a:active, a:hover, button:focus { outline: none; border: 0 none transparent; text-decoration: none; font-size: 1em; }
li a:hover, li a:focus { text-decoration: none; }
a { color: #56e6ff; }
body.home p { margin-bottom: 1.5em; font-size: 1.2em; } 
body { font-size: 16px; } 
body.page, body.single { font-size: 17px; } 
h1, h2 { font-family: 'Montserrat', Helvetica, sans-serif; font-weight: 700; }
h2 { font-size: 2.4em; margin-bottom: 1em; margin-top: 0;}
strike, del { font-size: 1em; }
p sub { font-size: 0.8em; line-height: 1.2em; font-style: italic; display: inline; }
.center { text-align: center; margin: 0 auto; font-size: inherit; }
.width100 { width: 100%;}
.width90 { width: 90%;}
.width80 { width: 80%;}
.width70 { width: 70%;}
.width60 { width: 60%;}
.width50 { width: 50%;}
.red { color: red; }
.disabled { pointer-events: none; cursor: default; opacity: 0.75; background-opacity: 0.5; }
.centered-video { max-width:800px; margin: 0 auto; }
#main-nav div.container { width: 97%; }

.page h3 { margin-top: 0.25em; margin-bottom: 1em; }
.page h2 { font-size: 2em; margin-bottom: 1em; margin-top: 0; text-align: left; }
.page .site-content .container { width: 100%; padding: 0; }
.page .page-content { margin: 0 auto; max-width: 1024px; width: 100%; padding: 2em 0.5em 0em 0.5em; }
.page .page-content a { color: #1426c8; }
.page .sd-sharing { max-width: 1024px; margin: 0 auto; }
.page .entry-title { max-width: 1024px;  width: 100%; margin: 0 auto 0.75em auto; font-size: 2.2em; line-height: 1em; }
.page .entry-footer { max-width: 1024px; margin: 0 auto; }
.page .page-full-hbg-lblue { background-color: #237cc5; padding-bottom: 1em; padding-top: 1em; color: white; text-align: center; }
.page .page-full-hbg-orange { background-color: #ff9600; padding-bottom: 1em; padding-top: 1em; color: white; text-align: center; }
.page .page-full-hbg-dblue { background-color: #0b3961; padding-bottom: 1em; padding-top: 1em; color: white; text-align: center; }
.page .page-full-hbg-green { background-color: #006f45; padding-bottom: 1em; padding-top: 1em; color: white; text-align: center; }
.page .page-full-hbg-gray { background-color: #405b65; padding-bottom: 1em; padding-top: 1em; color: white; text-align: center; }
.page .page-full-hbg-turqoise { background-color: #00a98f; padding-bottom: 1em; padding-top: 1em; color: white; text-align: center; }
.page pre {font-size: 1em;}
.page .page-full-bg-1 .page-content { padding: 4em 0.5em 3em 0.5em; }
.page .page-white { background-color: #FFF; }
.page .page-full-bg-1 { background-color: #e8ecf2; padding: 0.1em 0.5em; }
.page .page-full-bg-2 { background-color: #cbcbef; padding: 0.1em 0; }
.page .page-full-bg-3 { background-color: #f1f1f1; padding: 0.1em 0; }
.page .page-content ~ p { margin-bottom: 0; }
.page .page-content h2 ~ p { display: inline-block; }
.page .page-content p { display: block; }
.page .content-left-wrap { padding-top: 2.5em; }
.page .places-left { color: #f5f5f5; margin-left: 1em; margin-top: -0.25em; background: #ff0000; padding: 0.5em; position: absolute; font-weight: bold; white-space: nowrap; }
.page .places-left-centered { color: #f5f5f5; background: #ff0000; padding: 0.5em; margin: 0 auto; font-weight: bold; white-space: nowrap; }
.page ul.list-checked { margin-bottom: 1.5em; }
.page .list-checked li { list-style: none; background: url(/wp-content/uploads/2016/12/bullet-checked.png) 0 2px no-repeat; margin: 0 0 0.75em 0; padding: 4px 0 4px 2.2em; }
.page .list-star li { padding: 0.2em 0.2em; } 
.page .greenBg { background-color: green; }
.page .orangeBg { background-color: #ff871d; }

.single .entry-content p { line-height: 1.25em; }
.page .entry-content { margin-top: 0px; }
.page .entry-header { margin-top: -6em; }
.page .entry-header h1 { color: white; }
.page .site-content .page-header-img { height: 16vw; opacity: 0.7; margin-top: -2vw; }
   
.page .kurssit .page-content h2 { display: inline-block; } 
.page .page-content.centered { text-align: center; }
.page .page-content.centered p { text-align: center; }
.page .sm-9,.page .col-md-9,.page .col-lg-9,.page .col-xs-10,.page .col-sm-10,.page .col-md-10,.page .col-lg-10,.page .col-xs-11,.page .col-sm-11,.page .col-md-11,.page .col-lg-11,.page .col-xs-12,.page .col-sm-12,.page .col-md-12,.page .col-lg-12 {  padding-left: 0; padding-right: 0; }

.page-content p { font-size: 1.02em; line-height: 1.3em; }
.page-content.gym p { text-align: center; font-size: 1.05em; line-height: 1.5em; }

body .container>.navbar-header { margin: 0 auto;  z-index: 10; }
body .navbar-toggle { margin-top: 1.75em; margin-bottom: 1.75em; }
body a.navbar-brand img { height: auto; max-width: 220px;  width: 100%; } 
body .navbar-brand { height: 76px; position: relative; line-height: 60px; padding: 0.25em 0px; display: inline-block; }
body.home .header .buttons { margin-top: 0em; }
body .navbar-inverse .navbar-nav >li { margin-top: 20px; margin-right: 0.75em; }
.row { margin: 0 auto; }

body.home h1, h2, h3, .cap { text-align: center; }
body.home #mobilebgfix { background: inherit; }
body.home .mobile-bg-fix-whole-site { background: inherit; background-color: black; }
body.home .mobile-bg-fix-whole-site .header { background: inherit; }
body #main-nav .container { padding: 0; }
.home .site-content { background: none; }
.home-header-wrap .social a, #content .social a { font-size: 3em; }
.home .social i { margin-left: 0.1em; margin-right: 0.1em; }

#main-nav { color: white; background-color: black; }
.btn-primary { padding: 13px 35px 13px 35px; font-weight: bold; background: #1e9e6b; }
.custom-button { border: none; }
.section-header, .about-us .column { padding-bottom: 3em; }
.section-header h2 { color: rgb(229, 229, 229); }
.youtube-channel { background: rgba(0, 90, 90, 0.9); z-index: 1; position: relative; padding-top: 4em; padding-bottom: 4em; }
.youtube-channel .container { width: 100%; max-width: 800px; }
#ytwd_container_1 { padding: 1em 0; }
.ytwd_container_wrapper .ytwd_container #ytwd_container_1 * { background-color: transparent; color: rgba(255, 255, 255, 0.75)!important; }
.ytwd_container_wrapper .ytwd_container #ytwd_container_1 .ytwd_load_more { background-color: rgba(146, 165, 146, 0.45); color: rgba(255, 255, 255, 0.75); }
#ytwd_container_1 .ytwd_playlist_data3 { background-color: transparent; color: rgba(255, 255, 255, 0.75); }

#ytwd_container_1 .ytwd_gallery_container .ytwd_gallery .ytwd_gallery_item .ytwd_gallery_item_inner { background-color: transparent; color: rgba(255, 255, 255, 0.75); }
#ytwd_container_1 .ytwd_main_video_info, #ytwd_container_1 .ytwd_channel_data2, #ytwd_container_1 .ytwd_channel_info, #ytwd_container_1 .ytwd_gallery_container { background-color: transparent; color: rgba(255, 255, 255, 0.75); }
/* .ytwd_container_wrapper .ytwd_channel_title2 { text-align: left; } */
.ytwd_container_wrapper .ytwd_channel_title a { color: rgba(255, 255, 255, 0.8)!important; }
#ytwd_container_1 .ytwd_channel_title, #ytwd_container_1 .ytwd_video_title, #ytwd_container_1 .ytwd_channel_title * { color: rgba(255, 255, 255, 0.8)!important; }
#ytwd_container_1 .ytwd_gallery .ytwd_gallery_item .ytwd_item_title { color: rgba(255, 255, 255, 0.8)!important; }
#ytwd_container_1 .ytwd_channel_title, #ytwd_container_1 .ytwd_video_title, #ytwd_container_1 .ytwd_gallery_title { float: left; }
.ytwd_share_btns { float: left; }
.ytwd_iframe_wrapper .ytwd_iframe_black_wrapper_02 { width: auto; }

.our-team .textwidget div.center { text-align: center; margin: 0 auto; font-size: larger; }

.focus, .works, .about-us, .features, .packages, .products, .testimonial, .contact-us { padding-top: 4em; }
.focus { color: rgb(225, 225, 225); background: rgba(0, 0, 0, 0.8); padding-top: 10em; z-index: 1; position: relative; }
.focus h2, .focus h3 { text-align: center; }
.focus .row { text-align: justify; max-width: 800px; float: none; margin: 0px auto; }
#focus .feedback-box { max-width: 330px; margin: 0px auto; background-color: transparent; }
#focus .feedback-box .client-name { color: white; }
#focus .section-header .section-legend { color: #f5f5f5; }

#focus .client { max-width: 23em; margin: 0 auto; margin-top: 2em; }
#focus .quote { float: left; }
#focus .client-info { float: left; margin-left: 0.5em; }
#focus .client-image { border-radius: 50%; overflow: hidden; border: 3px solid #f6f6f6; max-width: 27%; float: right; margin-bottom: 4em; margin-top: -1em; }


.about-us { background: rgba(43, 65, 97, 0.901961); z-index: 1; position: relative; }
.about-us p .cap { display: block; margin-bottom: 0.75em; font-size: 1.3em; text-align: center; }
.about-us .column .row, .about-us .column, .about-us p { color: rgb(242, 242, 242); margin: 0 auto; }
.about-us .big-intro { font-size: 3em !important; font-weight: bold; }
.about-us .column { width: 28%; }
.about-us .client-list div img { max-width: 100%; padding: 0; }
.about-us .client-list div span { margin-right: inherit; }
.about-us .column p .hlite { color: white; font-weight: bold; }
.about-us .column.zerif_about_us_center { width: 44%; text-align: justify; font-size: 1.2em; }
.about-us .section-header .section-legend { color: #c3c3c3; }
.about-us .column, .about-us p {  margin-bottom: 0px; font-size: 1.05em; line-height: 1.45em; }
.about-us .column.zerif_about_us_center p { text-align: justify; font-size: 1em;}
.about-us .big-intro .courses { margin: 2em auto; max-width: 95%; padding: 1em; background-color: rgba(115,115,115,0.3); }
.about-us .big-intro  .courses ul { margin: 0 auto; font-weight: bold; list-style-position: inside; color: #a1d7ef; }
.about-us .big-intro  .courses li { display: list-item; margin: 0; padding: 0; text-align: left; }

.our-team a { color: #36b6df; }
.our-team { background: rgba(255, 255, 255, 0.901961); z-index: 1; position: relative; }
.our-team .container { max-width: 900px; }
.our-team .section-header h2 { color: rgb(75, 75, 75); }
.our-team .textwidget { text-align: justify; font-size: 1em; }

.team-member, .our-team .row .team-box { margin-bottom: 0; }
.team-member .details { font-size: 0.9em; line-height: 1.1em; padding: 0.8em; }
.team-member .social-icons ul li a { border-radius: 20%; background: #b9b9b9; padding: 0.4em; padding-bottom: 0.3em; padding-top: 0.1em;}
.team-member .details { min-height: 190px; height: initial; z-index: 10; }
.our-team .row .team-box {  width: 30%; }
.team-member .profile-pic { width: 100%; height: 100%; }

.testimonial { background: rgba(61, 187, 176, 0.901961); z-index: 1; position: relative; }
.testimonial .section-header { padding-bottom: 2em; }
.testimonial .feedback-box .client-info .client-company { max-width: 190px; }
.testimonial.ref { padding: 0; margin-top: 2em; margin-bottom: 5em; clear:both; }
.testimonial .zerif_grid_last { margin-bottom: 1em; }
.testimonial.ref a { padding: 1em; background-color: #0a4e37; display: inline-block; position: absolute; color: white; left: 0; right: 0; margin: 0 auto; width: 6em; font-family: Lato, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; }
.testimonial .row { min-height: 800px; }
.testimonial.ref a:active, .testimonial.ref a:hover { background-color: #0a3e58; font-size: 1em; }
	
.feedback-box .client-image { position: absolute; right: 0px; }
.feedback-box .client-info { z-index: 10; left: 10px; margin-right: 70px; }
.feedback-box .quote { font-size: 32px;  margin-bottom: -1em; }
.feedback-box .client-info .client-company { max-width: 100%; }
.feedback-box .client { margin-top: 5px; }
.site-content .feedback-box { text-align: justify; background-color: #d9d9d9; padding: 1em; border-radius: 0.45em; margin-bottom: 1em; }

#contact {  z-index: 1; position: relative; }
.contact-us { background: rgba(0, 0, 0, 0.75); }
.contact-us .container { padding: 35px; padding-top: 0; padding-bottom: 0; }
.contact-us .section-header .section-legend { text-align: justify; max-width: 740px; margin: 0 auto; }
	
.purchase-now { background: rgba(0, 33, 33, 0.91);z-index: 1; position: relative; padding: 6em; } /* rgba(243, 143, 77, 0.952941); */
.purchase-now .red-btn { background-color: #e08004; }
.purchase-now .red-btn:hover { background: #dc8d14; }
.separator-one .green-btn { background: #047b4a; }
.separator-one { background: rgba(52, 210, 147, 0.8); z-index: 1; position: relative; }
a.btn-primary { border-color: transparent; }
a.btn-primary:hover { background-color: #0e6f29; }
.wp-caption .wp-caption-text { padding: 0.5em; text-align: center; margin: 0; }

iframe.youtubeframe { margin: 0 auto; margin-top: 16em; width: 800px; height: 450px; display: block; z-index: 10; }

.zerif-copyright-box, .our-clients { display: none; }
/* .branding-container a.mailmunch-branding { opacity: 0; } */

body.home h3.logo-slogan { color: rgb(223, 223, 223); font-family: impact, fantasy; text-transform: uppercase; font-size: 1.75vw; margin-top: 0; margin-left: 0.5em; }
body.home .our-team h3.logo-slogan { color: #777; }
.nobr { font-size: inherit; white-space: nowrap; }
.nomobile { font-size: inherit; }
h1.intro-text, h1.intro-text b { font-weight: normal; font-family: impact, fantasy; font-size: 4.5vw; margin-top: 8vw; } /* 17vw */
body.home h1.mt-helper-text { z-index: 0; position: fixed; color: rgba(255, 255, 255, 0.75); font-size: 4.5vw; font-weight: normal; font-family: impact, fantasy; text-transform: uppercase; top: 34vw; }
body.home h1.mt-helper-text span { font-size: 0.5em; margin-top: 0em; display: block; }
body.home h1.muay-thai { left: 11vw; }
body.home h1.boxing { right: 15vw; }
body.home .header-content-wrap { padding-top: 0; padding-bottom: 10em; background: rgba(0, 0, 0, 0.45); z-index: 1; } /* padding-top: 21.5vw; */
body.home .main-heading { font-size: 4vw; margin-bottom: 26vw; color: transparent; height: 2em; }
/* body.home .navbar-brand { width: 70%; } */
body #footer .feedback-box { text-align: justify; background-color: #fff; padding: 1em; border-radius: 0.45em;  margin-top: 0.5em; margin-bottom: 0.5em; }
body #footer .col-sm-4 { width: auto; }
body #footer { background: rgba(39,39,39,0.9); line-height: 20px; z-index: 1; position: relative; }
body .footer-widget-wrap>.container { text-align: left; }
body #footer .col-sm-4 { width: 33%; margin-top: 2.5%; }
body.archive .content-left-wrap { padding-top: 0; }
body .sidebar-wrap.content-left-wrap { margin-top: 20px; }
body .page-header h1.page-title:before { background: none; }
body .entry-header h1.entry-title:before { background: none; }
body .entry-header h1.entry-title:after { background: none; }
body .entry-header h1.entry-title { margin-bottom: 7px; } 
body .entry-meta { margin-top: 7px; }
body.single-post h1.entry-title { font-size: 1.5em; }
body.single-post .entry-content h2 { font-size: 1.5em; }
body table.tablepress {	margin-bottom: 0em; }
body img.smartum { width: 200px; float: left; margin-right: 1em; margin-top: 14px; width: 280px;}
body img.edenred { width: 200px; float: none; margin-right: 1em; width: 140px; }
body img.epassi { width: 200px; float: left; margin-right: 1em; }
body img.mobilepay { width: 300px; }

div.skill-count input {
	border-radius: 50%;
	width: 3em;
	height: 3em;
	padding: 0.5em;
	color: white;
}
div.skill-count input.skill1 {
	background-color: #479221;
}
div.skill-count input.skill2 {
	background-color: #1871bd;
}
div.skill-count input.skill3 {
	background-color: #7a1bc1;
}
div.skill-count input.skill4 {
	background-color: #bb1a1a;
}

@media (max-width: 1356px) {
	h1.intro-text, h1.intro-text b { margin-top: 9vw; font-size: 6.5vw; } /* margin-top: 20vw; */
	body.home h1.mt-helper-text { top: 33vw; } 
	body.home h3.logo-slogan { font-size: 2.55vw; }
}
@media (max-width: 1100px) {
	#main-nav div.container { width: 96%; }
}
@media (max-width: 992px) {
	.hidden-xs { display: block !important; }
	.about-us .column { padding-bottom: 2em; }
	.section-header h2 { font-size: 2.4em; }
	.about-us .column { width: auto; margin-bottom: 0px; }
	.about-us .column.zerif_about_us_center { width: auto; }
	iframe.youtubeframe { margin-top: 14em; width: 800px; height: 450px; }
	body.home .header-content-wrap { padding-top: 0; padding-bottom: 8em; } /* 40% */
	body.home .header { background-position: center 50px !important; }
	.feedback-box .client-info { z-index: 10; left: 10px; margin-right: 0; }
	.feedback-box .quote { margin-bottom: 0em; }
	.testimonial .feedback-box .client-info .client-company { max-width: 100%; }
	.testimonial .feedback-box .client-info .client-company { margin-right: 73px; }	
	body.home .header .buttons { margin-top: 10px; }
	h1.intro-text, h1.intro-text b { margin-top: 13vw; font-size: 5.5vw; } /* margin-top: 6vw; */
	body.home h1.mt-helper-text { top: 36vw; }
	body.home h3.logo-slogan { font-size: 3.5vw; }
}
@media (max-width: 767px) {
	.page .page-content img { margin: 0 auto; float: none; display: block; }
	.page .page-content h2 { font-size: 1.4em; }
	#main-nav, #main-nav.fixed {  position: fixed; }
	.focus .feedback-box .client-company { max-width: 100%; }
	.hidden-xs { display: block !important; }
	.testimonial .feedback-box .client-info .client-company { margin-right: 73px; }
	.about-us .column { width: auto; margin-bottom: 0; }
	.row .about-us .column { width: auto; margin-bottom: 0; }
	.iframe.youtubeframe { margin-top: 12em; width: 560px; height: 315px; }
	body.home .header-content-wrap { padding-top: 0; padding-bottom: 6em; } /* 32% */
	body.home .header { background-position: center 66px !important; }
	body.home .header .buttons { margin-top: 10px; }
	h1.intro-text, h1.intro-text b { margin-top: 11vw; font-size: 8.5vw; }
	body.home .main-heading { margin-bottom: 32vw; font-size: 6vw; }
	.focus { padding-top: 12em; }
	body.home h1.mt-helper-text { top: 43vw; }
	body.home h3.logo-slogan { font-size: 4.4vw; }	
	.page .places-left { position: relative; }
}
@media (max-width: 600px) {
	.team-member, .our-team .row .team-box { display: block; margin: 0 auto; width: 100%; }	
	.team-member .profile-pic { width: 70%; }
	.alignright { margin-left: 1em; }
}
@media (max-width: 480px) {
	.nomobile { font-size: inherit; display: none; }
	#client-feedbacks .feedback-box { padding: 20px; }
	.feedback-box .quote { margin-bottom: -1.4em; }
	.feedback-box .client-info { padding-top: 2em; }
	.hidden-xs { display: none !important; }
	.focus .feedback-box .client-company { max-width: 80%; }
	.about-us .column { width: auto; margin-bottom: 0px; }
	.row .about-us .column { width: auto; margin-bottom: 0px; }
	iframe.youtubeframe { margin-top: 8em; width: 460px; height: 258px; }
	body.home .header-content-wrap { padding-top: 0; padding-bottom: 4em; } /* 35% */
	body.home .header { background-position: center 80px !important; }
	body.home .header .buttons { margin-top: 20px; }
	h1.intro-text, h1.intro-text b { margin-top: 22vw; font-size: 8.5vw; }
	.focus { padding-top: 10em; }
	body.home h1.mt-helper-text { top: 48vw; }
	body.home h3.logo-slogan { font-size: 6vw; }
	.team-member .profile-pic { width: 80%; }
}
@media (max-width: 324px) {
	body.home h1.mt-helper-text { top: 55vw; font-size: 7vw }
	body.home h1.boxing { right: 8vw; }	
	body.home h1.muay-thai { left: 4.2vw; }
	body.home a.navbar-brand  { position: absolute; left: 0; }
	h1.intro-text, h1.intro-text b { margin-top: 33vw; font-size: 13vw; }
	body.home h3.logo-slogan { font-size: 7vw; }
	.page .site-content .page-header-img { height: 30vw; }
}
@media (max-width: 252px) {
	h1.intro-text, h1.intro-text b { margin-top: 35vw; }
}
@media (max-width: 192px) {
	h1.intro-text, h1.intro-text b { margin-top: 38vw; }
}