.mk-employees.c_cs.one-column .mk-employee-item { padding:0 0 50px; } .mk-employees.c_cs.two-column .mk-employee-item { padding:0 40px 70px 40px; } .mk-employees.c_cs.three-column .mk-employee-item { padding:0 30px 70px 30px; } .mk-employees.c_cs.four-column .mk-employee-item { padding:0 25px 70px 25px; } .mk-employees.c_cs.five-column .mk-employee-item { padding:0 25px 60px 25px; } .mk-employees.classic .team-member-name { margin-bottom:8px; } .mk-employees.classic .team-member-position { font-size:14px; font-style:italic; font-weight:bold; letter-spacing:0; text-transform:none; } .mk-employees.classic.o3col .mk-employeee-networks a { width:40px; height:40px; line-height:40px; } .mk-employees.classic .employee-hover-overlay { -webkit-transform:rotate(45deg) scale(0, 2); -ms-transform:rotate(45deg) scale(0, 2); transform:rotate(45deg) scale(0, 2); transition:all 0.3s ease-in-out; pointer-events:none; } .mk-employees.classic .mk-employee-item:hover .employee-hover-overlay { background:rgba(0, 0, 0, 0.3); -webkit-transform:rotate(45deg) scale(1.5, 2); -ms-transform:rotate(45deg) scale(1.5, 2); transform:rotate(45deg) scale(1.5, 2); } .mk-employees.classic .mk-employeee-networks { position:absolute; top:50%; width:100%; margin-top:-20px; text-align:center; opacity:0; transition:all 0.3s ease-out; z-index:1; } .mk-employees.classic .mk-employeee-networks a { display:block; margin:0 6px; width:48px; height:48px; border-radius:50%; line-height:44px; box-shadow:0 0 0 1px rgba(255, 255, 255, 0.6) inset; text-align:center; box-sizing:border-box; vertical-align:middle; transition:all 0.1s ease-out; } .mk-employees.classic .mk-employeee-networks a svg { height:16px; fill:#fff; } .mk-employees.classic .mk-employeee-networks a:hover { box-shadow:0 0 0 4px rgba(255, 255, 255, 0.6) inset; } .mk-employees.classic .mk-employee-item:hover .mk-employeee-networks { opacity:1; transition:all 0.3s 0.1s ease-out; } .mk-employees.simple .team-thumbnail img { -webkit-filter:grayscale(100%); filter:grayscale(100%); transition:all .3s; } .mk-employees.simple .mk-employee-item:hover img { -webkit-filter:grayscale(0); filter:grayscale(0); } .mk-employees.simple .team-thumbnail.rounded-true { border-radius:50%; overflow:hidden; } .mk-employees.simple .team-thumbnail.rounded-true img { position:relative; border-radius:50%; } .mk-employees.simple.one-column .team-thumbnail.rounded-true { padding:0 40px; } .mk-employees.simple.two-column .team-thumbnail.rounded-true { padding:0 60px; } .mk-employees.simple.three-column .team-thumbnail.rounded-true { padding:0 40px; } .mk-employees.simple.four-column .team-thumbnail.rounded-true { padding:0 30px; } .mk-employees.simple.five-column .team-thumbnail.rounded-true { padding:0 20px; } .mk-employees.boxed.one-column .mk-employee-item, .mk-employees.boxed.one-column .item-holder { margin:55px 0 20px; } .mk-employees.boxed .item-holder { margin:55px 0 25px 25px; padding:60px 35px 36px; border:1px solid rgba(0, 0, 0, 0.04); background-color:#f4f4f4; background-color:rgba(0, 0, 0, 0.03); position:relative; } .mk-employees.boxed .team-thumbnail { width:100px; height:100px; position:absolute; top:-45px; left:50%; margin-left:-50px; border:2px solid #c6c6c6; border-radius:50%; overflow:hidden; } .mk-employees.boxed .team-thumbnail img { position:relative; border-radius:50%; } .mk-employees.boxed .team-member-name { margin-top:10px; letter-spacing:1px; } .mk-employees.boxed .mk-employeee-networks a { padding:0 8px; } .mk-employees ul, .mk-employees li { margin:0; padding:0; list-style:none; } .mk-employee-item .team-thumbnail { margin:0 auto 25px; } .mk-employee-item .team-thumbnail img { -webkit-backface-visibility:hidden; backface-visibility:hidden; } @media handheld, only screen and (max-width:960px) { .mk-employees.c_cs.u4col .mk-employee-item { margin:0 0 50px; width:100%; } .mk-employees.c_cs.u4col .team-thumbnail, .mk-employees.c_cs.u4col .team-info-wrapper { float:left; display:inline-block; } .mk-employees.c_cs.u4col .team-info-wrapper { padding:10px 0 0 20px; } .mk-employees.simple.u4col .team-thumbnail { width:30%; } .mk-employees.simple.u4col .team-info-wrapper { width:65%; } .mk-employees.classic.u4col .team-thumbnail { width:50%; } .mk-employees.classic.u4col .team-info-wrapper { width:45%; } .mk-employees.c_cs.o3col .mk-employee-item { width:48%; padding:0 20px 30px; } .boxed .mk-employee-item { width:100% !important; padding:60px 10px 36px; } } @media handheld, only screen and (max-width:767px) { .mk-employees .m_7 { width:100% !important; } .mk-employees.classic.u6col .mk-employee-item { padding:0 10px 30px; } .mk-employees.classic.u6col .team-thumbnail { width:100%; } .mk-employees.simple.u6col .team-thumbnail { width:60%; float:none; } .mk-employees.c_cs.u6col .mk-employee-item { margin:0 0px 50px; } } @media handheld, only screen and (max-width:550px) { .mk-employees.simple.u6col .team-thumbnail { width:80%; } } .vc_row.mk-fullwidth-true .mk-employee-item .team-thumbnail img { width:100%; } .mk-box-icon-2 { display:block; } .mk-box-icon-2 .mk-box-icon-2-icon { border-width:2px !important; border-radius:50%; transition:all ease-in 0.2s; display:inline-block; text-align:center; } .mk-box-icon-2 .mk-box-icon-2-icon i { display:block; vertical-align:middle; line-height:inherit; text-align:center; display:inline-block; } .mk-box-icon-2 .mk-box-icon-2-icon.size-16 { line-height:50px; height:54px; width:54px; } .mk-box-icon-2 .mk-box-icon-2-icon.size-32 { line-height:80px; height:84px; width:84px; } .mk-box-icon-2 .mk-box-icon-2-icon.size-48 { line-height:98px; height:100px; width:100px; } .mk-box-icon-2 .mk-box-icon-2-icon.size-64 { line-height:128px; height:130px; width:130px; } .mk-box-icon-2 .mk-box-icon-2-icon.size-128 { line-height:188px; height:190px; width:190px; } .mk-box-icon-2 svg { vertical-align:middle; } .mk-box-icon-2 .mk-box-icon-2-image svg { width:100%; } .mk-box-icon-2 .mk-box-icon-2-title { display:block; margin:0; } .mk-box-icon-2 .mk-box-icon-2-content { display:block; } .mk-box-icon-2.box-align-left { text-align:left; } .mk-box-icon-2.box-align-center { text-align:center; } .mk-box-icon-2 .mk-box-icon-2-icon { display:inline-block; } .mk-box-icon-2 .mk-box-icon-2-image { display:block; } .mk-box-icon-2.box-align-center .mk-box-icon-2-icon, .mk-box-icon-2.box-align-center .mk-box-icon-2-image { margin:0 auto; } .mk-box-icon-2.box-align-right { text-align:right; } .mk-box-icon-2.box-align-right .mk-box-icon-2-image { display:inline-block; } .vc_row { position:relative; } .vc_inner.mk-grid { margin:0 auto; } .mk-swiper-container { position:relative; overflow:hidden; } .mk-slider-holder > div { position:absolute; top:0; left:0; width:100%; height:100%; } .mk-slider-holder .mk-slider-wrapper { z-index:10; } .mk-swipe-slideshow { position:relative; margin-bottom:20px; } .mk-swipe-slideshow:hover .swiper-arrows { filter:alpha(opacity=@opacity * 100); -moz-opacity:60; -khtml-opacity:60; opacity:60; opacity:0.6; } .mk-swipe-slideshow .swiper-arrows, .mk-swipe-slideshow .swiper-zoom-icon { width:60px; height:60px; line-height:62px; background-color:rgba(0, 0, 0, 0.4); text-align:center; position:absolute; border-radius:2px; cursor:pointer; color:#ffffff; filter:alpha(opacity=@opacity * 100); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .mk-swipe-slideshow .swiper-arrows { top:50%; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); ms-transform:translate(0, -50%); background-color:rgba(0, 0, 0, 0.4); } .mk-swipe-slideshow .swiper-zoom-icon { top:20px; left:20px; } .mk-swipe-slideshow .swiper-zoom-icon svg { height:16px; } .mk-slider-holder:hover .swiper-zoom-icon { -moz-opacity:60; -khtml-opacity:60; opacity:60; opacity:0.6; } .mk-slider-holder .swiper-zoom-icon:hover { -moz-opacity:100; -khtml-opacity:100; opacity:100; opacity:1; } .mk-swipe-slideshow .swiper-arrows:hover { background-color:rgba(0, 0, 0, 0.6); filter:alpha(opacity=@opacity * 100); -moz-opacity:100; -khtml-opacity:100; opacity:100; opacity:1; } .mk-swipe-slideshow .swiper-arrows svg { height:16px; } .mk-swipe-slideshow .mk-swiper-prev { left:20px; } .mk-swipe-slideshow .mk-swiper-next { right:20px; } .mk-slider-holder-img { visibility:hidden; } .mk-audio-section { display:block; background-color:#fbb845; height:100px; } .mk-audio-section > img { float:left; filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:gray; -webkit-filter:grayscale(1); opacity:.7; } .mk-audio-section .mk-audio-author { font-size:12px; font-weight:bold; text-transform:capitalize; position:absolute; top:40px; left:10px; display:block; color:#ffffff; } .mk-audio-shortcode { margin-bottom:30px; height:170px !important; } .mk-audio-shortcode .audio-thumb { height:inherit !important; } .mk-audio-shortcode .jp-audio.audio-has-img { margin-left:170px; } .mk-audio-shortcode .jp-audio div.jp-interface { min-height:170px !important; } .jp-audio { display:block; direction:ltr; text-align:left; } .jp-audio.audio-has-img { margin-left:100px; } .jp-interface { position:relative; width:100%; } .jp-audio .jp-type-single .jp-interface { min-height:90px; } .jp-controls-holder { clear:both; width:100%; margin:0 auto; position:relative; overflow:hidden; top:-8px; } .jp-interface ul.jp-controls { list-style-type:none; margin:-14px 0 0 -28px; padding:0; position:absolute; top:50%; left:50%; } .jp-interface ul.jp-controls li { margin:0; } .jp-interface ul.jp-controls li { display:inline; float:left; } .jp-interface ul.jp-controls a { display:block; } a.jp-play, a.jp-pause { padding:9px 6px 7px 10px; display:block; width:30px; height:30px; text-align:center; border:1px solid #252525; border-radius:50px; } a.jp-play:hover, a.jp-pause:hover { border-color:#ffffff; } a.jp-play:hover svg, a.jp-pause:hover svg{ fill:#ffffff; } a.jp-play svg, a.jp-pause svg { height:16px; fill:#252525; vertical-align:middle; } a.jp-pause { padding:9px 8px 7px; display:none; } .jp-progress { background-color:rgba(0, 0, 0, 0.2); } .jp-audio .jp-progress { position:absolute; top:0px; left:0; height:12px; } .jp-audio .jp-type-single .jp-progress { left:0; width:100%