/*----------------------------------------------------------------------------- - Revolution Slider 5.0 Default Style Settings - Screen Stylesheet version: 5.4.5 date: 15/05/17 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ #debungcontrolls,.debugtimeline{width:100%;box-sizing:border-box}.rev_column,.rev_column .tp-parallax-wrap,.tp-svg-layer svg{vertical-align:top}#debungcontrolls{z-index:100000;position:fixed;bottom:0;height:auto;background:rgba(0,0,0,.6);padding:10px}.debugtimeline{height:10px;position:relative;margin-bottom:3px;display:none;white-space:nowrap}.debugtimeline:hover{height:15px}.the_timeline_tester{background:#e74c3c;position:absolute;top:0;left:0;height:100%;width:0}.rs-go-fullscreen{position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;z-index:9999999!important;background:#fff!important}.debugtimeline.tl_slide .the_timeline_tester{background:#f39c12}.debugtimeline.tl_frame .the_timeline_tester{background:#3498db}.debugtimline_txt{color:#fff;font-weight:400;font-size:7px;position:absolute;left:10px;top:0;white-space:nowrap;line-height:10px}.rtl{direction:rtl}@font-face{font-family:revicons;src:url(../fonts/revicons/revicons.eot?5510888);src:url(../fonts/revicons/revicons.eot?5510888#iefix) format('embedded-opentype'),url(../fonts/revicons/revicons.woff?5510888) format('woff'),url(../fonts/revicons/revicons.ttf?5510888) format('truetype'),url(../fonts/revicons/revicons.svg?5510888#revicons) format('svg');font-weight:400;font-style:normal}[class*=" revicon-"]:before,[class^=revicon-]:before{font-family:revicons;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.revicon-search-1:before{content:'\e802'}.revicon-pencil-1:before{content:'\e831'}.revicon-picture-1:before{content:'\e803'}.revicon-cancel:before{content:'\e80a'}.revicon-info-circled:before{content:'\e80f'}.revicon-trash:before{content:'\e801'}.revicon-left-dir:before{content:'\e817'}.revicon-right-dir:before{content:'\e818'}.revicon-down-open:before{content:'\e83b'}.revicon-left-open:before{content:'\e819'}.revicon-right-open:before{content:'\e81a'}.revicon-angle-left:before{content:'\e820'}.revicon-angle-right:before{content:'\e81d'}.revicon-left-big:before{content:'\e81f'}.revicon-right-big:before{content:'\e81e'}.revicon-magic:before{content:'\e807'}.revicon-picture:before{content:'\e800'}.revicon-export:before{content:'\e80b'}.revicon-cog:before{content:'\e832'}.revicon-login:before{content:'\e833'}.revicon-logout:before{content:'\e834'}.revicon-video:before{content:'\e805'}.revicon-arrow-combo:before{content:'\e827'}.revicon-left-open-1:before{content:'\e82a'}.revicon-right-open-1:before{content:'\e82b'}.revicon-left-open-mini:before{content:'\e822'}.revicon-right-open-mini:before{content:'\e823'}.revicon-left-open-big:before{content:'\e824'}.revicon-right-open-big:before{content:'\e825'}.revicon-left:before{content:'\e836'}.revicon-right:before{content:'\e826'}.revicon-ccw:before{content:'\e808'}.revicon-arrows-ccw:before{content:'\e806'}.revicon-palette:before{content:'\e829'}.revicon-list-add:before{content:'\e80c'}.revicon-doc:before{content:'\e809'}.revicon-left-open-outline:before{content:'\e82e'}.revicon-left-open-2:before{content:'\e82c'}.revicon-right-open-outline:before{content:'\e82f'}.revicon-right-open-2:before{content:'\e82d'}.revicon-equalizer:before{content:'\e83a'}.revicon-layers-alt:before{content:'\e804'}.revicon-popup:before{content:'\e828'}.rev_slider_wrapper{position:relative;z-index:0;width:100%}.rev_slider{position:relative;overflow:visible}.entry-content .rev_slider a,.rev_slider a{box-shadow:none}.tp-overflow-hidden{overflow:hidden!important}.group_ov_hidden{overflow:hidden}.rev_slider img,.tp-simpleresponsive img{max-width:none!important;transition:none;margin:0;padding:0;border:none}.rev_slider .no-slides-text{font-weight:700;text-align:center;padding-top:80px}.rev_slider>ul,.rev_slider>ul>li,.rev_slider>ul>li:before,.rev_slider_wrapper>ul,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{list-style:none!important;position:absolute;margin:0!important;padding:0!important;overflow-x:visible;overflow-y:visible;background-image:none;background-position:0 0;text-indent:0;top:0;left:0}.rev_slider>ul>li,.rev_slider>ul>li:before,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{visibility:hidden}.tp-revslider-mainul,.tp-revslider-slidesli{padding:0!important;margin:0!important;list-style:none!important}.fullscreen-container,.fullwidthbanner-container{padding:0;position:relative}.rev_slider li.tp-revslider-slidesli{position:absolute!important}.tp-caption .rs-untoggled-content{display:block}.tp-caption .rs-toggled-content{display:none}.rs-toggle-content-active.tp-caption .rs-toggled-content{display:block}.rs-toggle-content-active.tp-caption .rs-untoggled-content{display:none}.rev_slider .caption,.rev_slider .tp-caption{position:relative;visibility:hidden;white-space:nowrap;display:block;-webkit-font-smoothing:antialiased!important;z-index:1}.rev_slider .caption,.rev_slider .tp-caption,.tp-simpleresponsive img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.rev_slider .tp-mask-wrap .tp-caption,.rev_slider .tp-mask-wrap :last-child,.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,.wpb_text_column .rev_slider .tp-mask-wrap :last-child{margin-bottom:0}.tp-svg-layer svg{width:100%;height:100%;position:relative}.tp-carousel-wrapper{cursor:url(openhand.cur),move}.tp-carousel-wrapper.dragged{cursor:url(closedhand.cur),move}.tp_inner_padding{box-sizing:border-box;max-height:none!important}.tp-caption.tp-layer-selectable{-moz-user-select:all;-khtml-user-select:all;-webkit-user-select:all;-o-user-select:all}.tp-caption.tp-hidden-caption,.tp-forcenotvisible,.tp-hide-revslider,.tp-parallax-wrap.tp-hidden-caption{visibility:hidden!important;display:none!important}.rev_slider audio,.rev_slider embed,.rev_slider iframe,.rev_slider object,.rev_slider video{max-width:none!important}.tp-element-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.tp-blockmask,.tp-blockmask_in,.tp-blockmask_out{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;transform:scaleX(0) scaleY(0)}.tp-parallax-wrap{transform-style:preserve-3d}.rev_row_zone{position:absolute;width:100%;left:0;box-sizing:border-box;min-height:50px;font-size:0}.rev_column_inner,.rev_slider .tp-caption.rev_row{position:relative;width:100%!important;box-sizing:border-box}.rev_row_zone_top{top:0}.rev_row_zone_middle{top:50%;transform:translateY(-50%)}.rev_row_zone_bottom{bottom:0}.rev_slider .tp-caption.rev_row{display:table;table-layout:fixed;vertical-align:top;height:auto!important;font-size:0}.rev_column{display:table-cell;position:relative;height:auto;box-sizing:border-box;font-size:0}.rev_column_inner{display:block;height:auto!important;white-space:normal!important}.rev_column_bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;box-sizing:border-box;background-clip:content-box;border:0 solid transparent}.tp-caption .backcorner,.tp-caption .backcornertop,.tp-caption .frontcorner,.tp-caption .frontcornertop{height:0;top:0;width:0;position:absolute}.rev_column_inner .tp-loop-wrap,.rev_column_inner .tp-mask-wrap,.rev_column_inner .tp-parallax-wrap{text-align:inherit}.rev_column_inner .tp-mask-wrap{display:inline-block}.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{position:relative!important;left:auto!important;top:auto!important;line-height:0}.tp-video-play-button,.tp-video-play-button i{line-height:50px!important;vertical-align:top;text-align:center}.rev_column_inner .rev_layer_in_column,.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{vertical-align:top}.rev_break_columns{display:block!important}.rev_break_columns .tp-parallax-wrap.rev_column{display:block!important;width:100%!important}.fullwidthbanner-container{overflow:hidden}.fullwidthbanner-container .fullwidthabanner{width:100%;position:relative}.tp-static-layers{position:absolute;z-index:101;top:0;left:0}.tp-caption .frontcorner{border-left:40px solid transparent;border-right:0 solid transparent;border-top:40px solid #00A8FF;left:-40px}.tp-caption .backcorner{border-left:0 solid transparent;border-right:40px solid transparent;border-bottom:40px solid #00A8FF;right:0}.tp-caption .frontcornertop{border-left:40px solid transparent;border-right:0 solid transparent;border-bottom:40px solid #00A8FF;left:-40px}.tp-caption .backcornertop{border-left:0 solid transparent;border-right:40px solid transparent;border-top:40px solid #00A8FF;right:0}.tp-layer-inner-rotation{position:relative!important}img.tp-slider-alternative-image{width:100%;height:auto}.caption.fullscreenvideo,.rs-background-video-layer,.tp-caption.coverscreenvideo,.tp-caption.fullscreenvideo{width:100%;height:100%;top:0;left:0;position:absolute}.noFilterClass{filter:none!important}.rs-background-video-layer{visibility:hidden;z-index:0}.caption.fullscreenvideo audio,.caption.fullscreenvideo iframe,.caption.fullscreenvideo video,.tp-caption.fullscreenvideo iframe,.tp-caption.fullscreenvideo iframe audio,.tp-caption.fullscreenvideo iframe video{width:100%!important;height:100%!important;display:none}.fullcoveredvideo audio,.fullscreenvideo audio .fullcoveredvideo video,.fullscreenvideo video{background:#000}.fullcoveredvideo .tp-poster{background-position:center center;background-size:cover;width:100%;height:100%;top:0;left:0}.videoisplaying .html5vid .tp-poster{display:none}.tp-video-play-button{background:#000;background:rgba(0,0,0,.3);border-radius:5px;position:absolute;top:50%;left:50%;color:#FFF;margin-top:-25px;margin-left:-25px;cursor:pointer;width:50px;height:50px;box-sizing:border-box;display:inline-block;z-index:4;opacity:0;transition:opacity .3s ease-out!important}.tp-audio-html5 .tp-video-play-button,.tp-hiddenaudio{display:none!important}.tp-caption .html5vid{width:100%!important;height:100%!important}.tp-video-play-button i{width:50px;height:50px;display:inline-block;font-size:40px!important}.rs-fullvideo-cover,.tp-dottedoverlay,.tp-shadowcover{height:100%;top:0;left:0;position:absolute}.tp-caption:hover .tp-video-play-button{opacity:1;display:block}.tp-caption .tp-revstop{display:none;border-left:5px solid #fff!important;border-right:5px solid #fff!important;margin-top:15px!important;line-height:20px!important;vertical-align:top;font-size:25px!important}.tp-seek-bar,.tp-video-button,.tp-volume-bar{outline:0;line-height:12px;margin:0;cursor:pointer}.videoisplaying .revicon-right-dir{display:none}.videoisplaying .tp-revstop{display:inline-block}.videoisplaying .tp-video-play-button{display:none}.fullcoveredvideo .tp-video-play-button{display:none!important}.fullscreenvideo .fullscreenvideo audio,.fullscreenvideo .fullscreenvideo video{object-fit:contain!important}.fullscreenvideo .fullcoveredvideo audio,.fullscreenvideo .fullcoveredvideo video{object-fit:cover!important}.tp-video-controls{position:absolute;bottom:0;left:0;right:0;padding:5px;opacity:0;transition:opacity .3s;background-image:linear-gradient(to bottom,#000 13%,#323232 100%);display:table;max-width:100%;overflow:hidden;box-sizing:border-box}.rev-btn.rev-hiddenicon i,.rev-btn.rev-withicon i{transition:all .2s ease-out!important;font-size:15px}.tp-caption:hover .tp-video-controls{opacity:.9}.tp-video-button{background:rgba(0,0,0,.5);border:0;border-radius:3px;font-size:12px;color:#fff;padding:0}.tp-video-button:hover{cursor:pointer}.tp-video-button-wrap,.tp-video-seek-bar-wrap,.tp-video-vol-bar-wrap{padding:0 5px;display:table-cell;vertical-align:middle}.tp-video-seek-bar-wrap{width:80%}.tp-video-vol-bar-wrap{width:20%}.tp-seek-bar,.tp-volume-bar{width:100%;padding:0}.rs-fullvideo-cover{width:100%;background:0 0;z-index:5}.disabled_lc .tp-video-play-button,.rs-background-video-layer audio::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls-start-playback-button{display:none!important}.tp-audio-html5 .tp-video-controls{opacity:1!important;visibility:visible!important}.tp-dottedoverlay{background-repeat:repeat;width:100%;z-index:3}.tp-dottedoverlay.twoxtwo{background:url(../assets/gridtile.png)}.tp-dottedoverlay.twoxtwowhite{background:url(../assets/gridtile_white.png)}.tp-dottedoverlay.threexthree{background:url(../assets/gridtile_3x3.png)}.tp-dottedoverlay.threexthreewhite{background:url(../assets/gridtile_3x3_white.png)}.tp-shadowcover{width:100%;background:#fff;z-index:-1}.tp-shadow1{box-shadow:0 10px 6px -6px rgba(0,0,0,.8)}.tp-shadow2:after,.tp-shadow2:before,.tp-shadow3:before,.tp-shadow4:after{z-index:-2;position:absolute;content:"";bottom:10px;left:10px;width:50%;top:85%;max-width:300px;background:0 0;box-shadow:0 15px 10px rgba(0,0,0,.8);transform:rotate(-3deg)}.tp-shadow2:after,.tp-shadow4:after{transform:rotate(3deg);right:10px;left:auto}.tp-shadow5{position:relative;box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset}.tp-shadow5:after,.tp-shadow5:before{content:"";position:absolute;z-index:-2;box-shadow:0 0 25px 0 rgba(0,0,0,.6);top:30%;bottom:0;left:20px;right:20px;border-radius:100px/20px}.tp-button{padding:6px 13px 5px;border-radius:3px;height:30px;cursor:pointer;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.6)!important;font-size:15px;line-height:45px!important;font-family:arial,sans-serif;font-weight:700;letter-spacing:-1px;text-decoration:none}.tp-button.big{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.6);font-weight:700;padding:9px 20px;font-size:19px;line-height:57px!important}.purchase:hover,.tp-button.big:hover,.tp-button:hover{background-position:bottom,15px 11px}.purchase.green,.purchase:hover.green,.tp-button.green,.tp-button:hover.green{background-color:#21a117;box-shadow:0 3px 0 0 #104d0b}.purchase.blue,.purchase:hover.blue,.tp-button.blue,.tp-button:hover.blue{background-color:#1d78cb;box-shadow:0 3px 0 0 #0f3e68}.purchase.red,.purchase:hover.red,.tp-button.red,.tp-button:hover.red{background-color:#cb1d1d;box-shadow:0 3px 0 0 #7c1212}.purchase.orange,.purchase:hover.orange,.tp-button.orange,.tp-button:hover.orange{background-color:#f70;box-shadow:0 3px 0 0 #a34c00}.purchase.darkgrey,.purchase:hover.darkgrey,.tp-button.darkgrey,.tp-button.grey,.tp-button:hover.darkgrey,.tp-button:hover.grey{background-color:#555;box-shadow:0 3px 0 0 #222}.purchase.lightgrey,.purchase:hover.lightgrey,.tp-button.lightgrey,.tp-button:hover.lightgrey{background-color:#888;box-shadow:0 3px 0 0 #555}.rev-btn,.rev-btn:visited{outline:0!important;box-shadow:none!important;text-decoration:none!important;line-height:44px;font-size:17px;font-weight:500;padding:12px 35px;box-sizing:border-box;font-family:Roboto,sans-serif;cursor:pointer}.rev-btn.rev-uppercase,.rev-btn.rev-uppercase:visited{text-transform:uppercase;letter-spacing:1px;font-size:15px;font-weight:900}.rev-btn.rev-withicon i{font-weight:400;position:relative;top:0;margin-left:10px!important}.rev-btn.rev-hiddenicon i{font-weight:400;position:relative;top:0;opacity:0;margin-left:0!important;width:0!important}.rev-btn.rev-hiddenicon:hover i{opacity:1!important;margin-left:10px!important;width:auto!important}.rev-btn.rev-medium,.rev-btn.rev-medium:visited{line-height:36px;font-size:14px;padding:10px 30px}.rev-btn.rev-medium.rev-hiddenicon i,.rev-btn.rev-medium.rev-withicon i{font-size:14px;top:0}.rev-btn.rev-small,.rev-btn.rev-small:visited{line-height:28px;font-size:12px;padding:7px 20px}.rev-btn.rev-small.rev-hiddenicon i,.rev-btn.rev-small.rev-withicon i{font-size:12px;top:0}.rev-maxround{border-radius:30px}.rev-minround{border-radius:3px}.rev-burger{position:relative;width:60px;height:60px;box-sizing:border-box;padding:22px 0 0 14px;border-radius:50%;border:1px solid rgba(51,51,51,.25);-webkit-tap-highlight-color:transparent;cursor:pointer}.rev-burger span{display:block;width:30px;height:3px;background:#333;transition:.7s;pointer-events:none;transform-style:flat!important}.rev-burger.revb-white span,.rev-burger.revb-whitenoborder span{background:#fff}.rev-burger span:nth-child(2){margin:3px 0}#dialog_addbutton .rev-burger:hover :first-child,.open .rev-burger :first-child,.open.rev-burger :first-child{transform:translateY(6px) rotate(-45deg)}#dialog_addbutton .rev-burger:hover :nth-child(2),.open .rev-burger :nth-child(2),.open.rev-burger :nth-child(2){transform:rotate(-45deg);opacity:0}#dialog_addbutton .rev-burger:hover :last-child,.open .rev-burger :last-child,.open.rev-burger :last-child{transform:translateY(-6px) rotate(-135deg)}.rev-burger.revb-white{border:2px solid rgba(255,255,255,.2)}.rev-burger.revb-darknoborder,.rev-burger.revb-whitenoborder{border:0}.rev-burger.revb-darknoborder span{background:#333}.rev-burger.revb-whitefull{background:#fff;border:none}.rev-burger.revb-whitefull span{background:#333}.rev-burger.revb-darkfull{background:#333;border:none}.rev-burger.revb-darkfull span,.rev-scroll-btn.revs-fullwhite{background:#fff}@keyframes rev-ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}.rev-scroll-btn{display:inline-block;position:relative;left:0;right:0;text-align:center;cursor:pointer;width:35px;height:55px;box-sizing:border-box;border:3px solid #fff;border-radius:23px}.rev-scroll-btn>*{display:inline-block;line-height:18px;font-size:13px;font-weight:400;color:#fff;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:2px}.rev-scroll-btn>.active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{color:#fff}.rev-scroll-btn>.active,.rev-scroll-btn>:active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{opacity:.8}.rev-scroll-btn.revs-fullwhite span{background:#333}.rev-scroll-btn.revs-fulldark{background:#333;border:none}.rev-scroll-btn.revs-fulldark span,.tp-bullet{background:#fff}.rev-scroll-btn span{position:absolute;display:block;top:29%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:#fff;border-radius:50%;animation:rev-ani-mouse 2.5s linear infinite}.rev-scroll-btn.revs-dark{border-color:#333}.rev-scroll-btn.revs-dark span{background:#333}.rev-control-btn{position:relative;display:inline-block;z-index:5;color:#FFF;font-size:20px;line-height:60px;font-weight:400;font-style:normal;font-family:Raleway;text-decoration:none;text-align:center;background-color:#000;border-radius:50px;text-shadow:none;background-color:rgba(0,0,0,.5);width:60px;height:60px;box-sizing:border-box;cursor:pointer}.rev-cbutton-dark-sr,.rev-cbutton-light-sr{border-radius:3px}.rev-cbutton-light,.rev-cbutton-light-sr{color:#333;background-color:rgba(255,255,255,.75)}.rev-sbutton{line-height:37px;width:37px;height:37px}.rev-sbutton-blue{background-color:#3B5998}.rev-sbutton-lightblue{background-color:#00A0D1}.rev-sbutton-red{background-color:#DD4B39}.tp-bannertimer{visibility:hidden;width:100%;height:5px;background:#000;background:rgba(0,0,0,.15);position:absolute;z-index:200;top:0}.tp-bannertimer.tp-bottom{top:auto;bottom:0!important;height:5px}.tp-caption img{background:0 0;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);zoom:1}.caption.slidelink a div,.tp-caption.slidelink a div{width:3000px;height:1500px;background:url(../assets/coloredbg.png)}.tp-caption.slidelink a span{background:url(../assets/coloredbg.png)}.tp-loader.spinner0,.tp-loader.spinner5{background-image:url(../assets/loader.gif);background-repeat:no-repeat}.tp-shape{width:100%;height:100%}.tp-caption .rs-starring{display:inline-block}.tp-caption .rs-starring .star-rating{float:none;display:inline-block;vertical-align:top;color:#FFC321!important}.tp-caption .rs-starring .star-rating,.tp-caption .rs-starring-page .star-rating{position:relative;height:1em;width:5.4em;font-family:star;font-size:1em!important}.tp-loader.spinner0,.tp-loader.spinner1{width:40px;height:40px;margin-top:-20px;margin-left:-20px;animation:tp-rotateplane 1.2s infinite ease-in-out;background-color:#fff;border-radius:3px;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-caption .rs-starring .star-rating:before,.tp-caption .rs-starring-page .star-rating:before{content:"\73\73\73\73\73";color:#E0DADF;float:left;top:0;left:0;position:absolute}.tp-caption .rs-starring .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em;font-size:1em!important}.tp-caption .rs-starring .star-rating span:before{content:"\53\53\53\53\53";top:0;position:absolute;left:0}.tp-loader{top:50%;left:50%;z-index:10000;position:absolute}.tp-loader.spinner0{background-position:center center}.tp-loader.spinner5{background-position:10px 10px;background-color:#fff;margin:-22px;width:44px;height:44px;border-radius:3px}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.tp-loader.spinner2{width:40px;height:40px;margin-top:-20px;margin-left:-20px;background-color:red;box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;animation:tp-scaleout 1s infinite ease-in-out}@keyframes tp-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.tp-loader.spinner3{margin:-9px 0 0 -35px;width:70px;text-align:center}.tp-loader.spinner3 .bounce1,.tp-loader.spinner3 .bounce2,.tp-loader.spinner3 .bounce3{width:18px;height:18px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;display:inline-block;animation:tp-bouncedelay 1.4s infinite ease-in-out;animation-fill-mode:both}.tp-loader.spinner3 .bounce1{animation-delay:-.32s}.tp-loader.spinner3 .bounce2{animation-delay:-.16s}@keyframes tp-bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tp-loader.spinner4{margin:-20px 0 0 -20px;width:40px;height:40px;text-align:center;animation:tp-rotate 2s infinite linear}.tp-loader.spinner4 .dot1,.tp-loader.spinner4 .dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#fff;border-radius:100%;animation:tp-bounce 2s infinite ease-in-out;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-loader.spinner4 .dot2{top:auto;bottom:0;animation-delay:-1s}@keyframes tp-rotate{100%{transform:rotate(360deg)}}@keyframes tp-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.tp-bullets.navbar,.tp-tabs.navbar,.tp-thumbs.navbar{border:none;min-height:0;margin:0;border-radius:0}.tp-bullets,.tp-tabs,.tp-thumbs{position:absolute;display:block;z-index:1000;top:0;left:0}.tp-tab,.tp-thumb{cursor:pointer;position:absolute;opacity:.5;box-sizing:border-box}.tp-arr-imgholder,.tp-tab-image,.tp-thumb-image,.tp-videoposter{background-position:center center;background-size:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.tp-tab.selected,.tp-tab:hover,.tp-thumb.selected,.tp-thumb:hover{opacity:1}.tp-tab-mask,.tp-thumb-mask{box-sizing:border-box!important}.tp-tabs,.tp-thumbs{box-sizing:content-box!important}.tp-bullet{width:15px;height:15px;position:absolute;background:rgba(255,255,255,.3);cursor:pointer}.tp-bullet.selected,.tp-bullet:hover{background:#fff}.tparrows{cursor:pointer;background:#000;background:rgba(0,0,0,.5);width:40px;height:40px;position:absolute;display:block;z-index:1000}.tparrows:hover{background:#000}.tparrows:before{font-family:revicons;font-size:15px;color:#fff;display:block;line-height:40px;text-align:center}.hginfo,.hglayerinfo{font-size:12px;font-weight:600}.tparrows.tp-leftarrow:before{content:'\e824'}.tparrows.tp-rightarrow:before{content:'\e825'}body.rtl .tp-kbimg{left:0!important}.dddwrappershadow{box-shadow:0 45px 100px rgba(0,0,0,.4)}.hglayerinfo{position:fixed;bottom:0;left:0;color:#FFF;line-height:20px;background:rgba(0,0,0,.75);padding:5px 10px;z-index:2000;white-space:normal}.helpgrid,.hginfo{position:absolute}.hginfo{top:-2px;left:-2px;color:#e74c3c;background:#000;padding:2px 5px}.indebugmode .tp-caption:hover{border:1px dashed #c0392b!important}.helpgrid{border:2px dashed #c0392b;top:0;left:0;z-index:0}#revsliderlogloglog{padding:15px;color:#fff;position:fixed;top:0;left:0;width:200px;height:150px;background:rgba(0,0,0,.7);z-index:100000;font-size:10px;overflow:scroll}.aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{filter:contrast(1.5) brightness(.9)}.toaster::after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{filter:contrast(.9) sepia(.2)}.earlybird::after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{filter:saturate(1.1) contrast(1.5)}.lofi::after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{filter:sepia(.3)}.xpro2::after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}.slumber{filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}.tp-kbimg-wrap:after,.tp-kbimg-wrap:before{height:500%;width:500%}/*------------------------------------------------------------------ * This is main css file for theme. It is broken into following sections: * 1. Global styles and reset * 2. Header Styles * 3. Footer styles * 4. Title area styles * 5. Side area styles * 6. Fullscreen Menu functionality styles * 7. Search functionality styles * 8. Portfolio styles * 9. Shortcodes styles * 10. Widgets styles -------------------------------------------------------------------*/ /*------------------------------------------------------------------ * Color codes * vecchio colore viola: rgba(143, 120, 253, 1) o rgba(143, 120, 252, 1) == #8f78fc * nuovo colore azzurro: rgb(56, 185, 223) == #38b9df * * Accent color: #38b9df - #ff1d4d * Background: #ffffff - #fff * Content: #8b8a8a - #74797b * Header h1: #333 * Header h2: #333 * Header h3: #333 * Header h4: #333 * Header h5: #333 * Header h6: #333 * Header Background: #ffffff * Footer Top Background: #393939 * Footer Bottom Background: #f6f6f6 * a (standard): #38b9df * a (hover): #38b9df */ /* ========================================================================== 1. Global styles and reset ========================================================================== */ /* #Reset default styles - start ========================================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; outline: none; } article, aside, details, figcaption, figure, footer, header, nav, section { display: block; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; border: medium none; vertical-align: middle; } table th { border: 0; padding: 5px 7px; text-align: center; } table td { padding: 5px 10px; text-align: center; } a img { border: none; } img, .wp-caption { max-width: 100%; height: auto; } iframe { max-width: 100%; } /* #Reset default styles - end ========================================================================== */ /* #General styles that are used in our theme - start * Here are defined global styles on body element, on container elements that hold every page, * headings and links, inputs, core wp styles and default pagination styles ========================================================================== */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clear:after { clear: both; content: ""; display: block; } html { height: 100%; margin: 0 !important; -webkit-transition: all 0.33s ease-out; -moz-transition: all 0.33s ease-out; transition: all 0.33s ease-out; overflow-y: scroll !important; /* to prevent page jumping on ajax and when there is not enough content */ } body { font-family: "Ubuntu", sans-serif; font-size: 15px; line-height: 1.7333333333em; color: #8b8a8a; font-weight: 300; background-color: #ffffff; overflow-x: hidden !important; -webkit-font-smoothing: antialiased; } h1 { font-size: 55px; line-height: 1.2em; font-weight: 700; } h2 { font-size: 35px; line-height: 1.2em; font-weight: 700; } h3 { font-size: 27px; line-height: 1.2em; font-weight: 700; } h4 { font-size: 21px; line-height: 1.4em; font-weight: 600; } h5 { font-size: 19px; line-height: 1.68em; font-weight: 500; } h6 { font-size: 13px; line-height: 1.4em; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; } h1, h2, h3 { margin: 25px 0; } h4, h5, h6 { margin: 15px 0; } h1, h2, h3, h4, h5, h6 { font-family: "Raleway", sans-serif; color: #262932; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #38b9df; } a, p a { color: #38b9df; text-decoration: none; cursor: pointer; -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; -o-transition: color 0.15s ease-out; -ms-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } p { margin: 10px 0; } input[type='submit'] { -webkit-appearance: none; } ul, ol { list-style-position: inside; margin: 15px 0; } ul ul, ol ol, ol ul, ul ol { margin: 0; padding: 0 0 0 15px; } strong { color: #262932; font-weight: inherit; } pre { background-color: #ffffff; padding: 15px; max-width: 100%; white-space: pre-wrap; word-wrap: break-word; margin: 15px 0; } dt { font-size: 15px; font-weight: 700; margin-bottom: 10px; } dd { margin-bottom: 15px; } sub, sup { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sub { top: 0.5ex; } sup { bottom: 0.5ex; } .wp-caption-text { margin: 0; font-style: italic; } table { width: 100%; } table thead tr, table tbody tr { border: 1px solid #e6e6e6; } table tbody th { border-right: 1px solid #e6e6e6; } blockquote:not(.mkd-blockquote-shortcode) { padding: 0; border: none; font-style: italic; font-size: 17px; line-height: 1.6em; margin: 20px 0; } blockquote cite { font-style: normal; font-weight: 500; } /* Webkit */ ::selection { background: #38b9df; color: #ffffff; } /* Gecko/Mozilla */ ::-moz-selection { background: #38b9df; color: #ffffff; } .sticky, .gallery-caption, .bypostauthor { opacity: 1; } .alignleft { float: left; margin: 0 20px 20px 0; } .alignright { float: right; margin: 0 0 20px 20px; } .aligncenter { display: block; margin: 10px auto; } .text-align-right { text-align: right; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .mkd-wrapper { background-color: #ffffff; position: relative; z-index: 1000; -webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); left: 0px; } .mkd-wrapper .mkd-wrapper-inner { width: 100%; overflow: hidden; } .mkd-meta { display: none; } .mkd-content { margin-top: 0; position: relative; z-index: 100; background-color: #ffffff; /*this is needed because of the uncovering footer*/ } .mkd-content .mkd-content-inner > .mkd-container > .mkd-container-inner { padding-top: 66px; } /*visual composer override styles*/ .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0 !important; } .mkd-smooth-transition-loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2000; } .mkd-smooth-transition-loader.mkd-hide-spinner .mkd-st-loader { display: none; } .mkd-container { background-color: #fff; position: relative; padding: 0; width: 100%; z-index: 100; } .mkd-container:before { content: " "; display: table; } .mkd-container:after { content: " "; display: table; clear: both; } .mkd-container-inner { width: 1100px; margin: 0px auto; } .mkd-full-width { position: relative; z-index: 100; } @media only screen and (min-width: 1450px) { .mkd-grid-1300.mkd-boxed .mkd-grid, .mkd-grid-1300.mkd-boxed .mkd-container-inner, .mkd-grid-1300.mkd-boxed .mkd-grid-section .mkd-section-inner, .mkd-grid-1300.mkd-boxed .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-1300.mkd-boxed .mkd-footer-bottom-border-holder.mkd-in-grid { width: 1300px; } .mkd-grid-1300.mkd-boxed .mkd-footer-inner, .mkd-grid-1300.mkd-boxed .mkd-wrapper-inner, .mkd-grid-1300.mkd-boxed .mkd-top-bar-background { width: 1430px; } .mkd-grid-1300.mkd-boxed .mkd-page-header .mkd-sticky-header, .mkd-grid-1300.mkd-boxed .mkd-page-header .mkd-fixed-wrapper.fixed { width: 1430px; left: auto; } } @media only screen and (min-width: 1351px) and (max-width: 1450px) { .mkd-grid-1300.mkd-boxed .mkd-grid, .mkd-grid-1300.mkd-boxed .mkd-container-inner, .mkd-grid-1300.mkd-boxed .mkd-grid-section .mkd-section-inner, .mkd-grid-1300.mkd-boxed .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-1300.mkd-boxed .mkd-footer-bottom-border-holder.mkd-in-grid { width: 1200px; } .mkd-grid-1300.mkd-boxed .mkd-footer-inner, .mkd-grid-1300.mkd-boxed .mkd-wrapper-inner, .mkd-grid-1300.mkd-boxed .mkd-top-bar-background { width: 1330px; } .mkd-grid-1300.mkd-boxed .mkd-page-header .mkd-sticky-header, .mkd-grid-1300.mkd-boxed .mkd-page-header .mkd-fixed-wrapper.fixed { width: 1330px; left: auto; } } @media only screen and (min-width: 1350px) { .mkd-grid-1200.mkd-boxed .mkd-grid, .mkd-grid-1200.mkd-boxed .mkd-container-inner, .mkd-grid-1200.mkd-boxed .mkd-grid-section .mkd-section-inner, .mkd-grid-1200.mkd-boxed .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-1200.mkd-boxed .mkd-footer-bottom-border-holder.mkd-in-grid { width: 1200px; } .mkd-grid-1200.mkd-boxed .mkd-footer-inner, .mkd-grid-1200.mkd-boxed .mkd-wrapper-inner, .mkd-grid-1200.mkd-boxed .mkd-top-bar-background { width: 1330px; } .mkd-grid-1200.mkd-boxed .mkd-page-header .mkd-sticky-header, .mkd-grid-1200.mkd-boxed .mkd-page-header .mkd-fixed-wrapper.fixed { width: 1330px; left: auto; } } @media only screen and (min-width: 1251px) and (max-width: 1350px) { .mkd-grid-1300.mkd-boxed .mkd-grid, .mkd-grid-1300.mkd-boxed .mkd-container-inner, .mkd-grid-1300.mkd-boxed .mkd-grid-section .mkd-section-inner, .mkd-grid-1300.mkd-boxed .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-1300.mkd-boxed .mkd-footer-bottom-border-holder.mkd-in-grid, .mkd-grid-1200.mkd-boxed .mkd-grid, .mkd-grid-1200.mkd-boxed .mkd-container-inner, .mkd-grid-1200.mkd-boxed .mkd-grid-section .mkd-section-inner, .mkd-grid-1200.mkd-boxed .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-1200.mkd-boxed .mkd-footer-bottom-border-holder.mkd-in-grid { width: 1100px; } .mkd-grid-1300.mkd-boxed .mkd-footer-inner, .mkd-grid-1300.mkd-boxed .mkd-wrapper-inner, .mkd-grid-1300.mkd-boxed .mkd-top-bar-background, .mkd-grid-1200.mkd-boxed .mkd-footer-inner, .mkd-grid-1200.mkd-boxed .mkd-wrapper-inner, .mkd-grid-1200.mkd-boxed .mkd-top-bar-background { width: 1230px; } .mkd-grid-1300.mkd-boxed .mkd-page-header .mkd-sticky-header, .mkd-grid-1300.mkd-boxed .mkd-page-header .mkd-fixed-wrapper.fixed, .mkd-grid-1200.mkd-boxed .mkd-page-header .mkd-sticky-header, .mkd-grid-1200.mkd-boxed .mkd-page-header .mkd-fixed-wrapper.fixed { width: 1230px; left: auto; } } @media only screen and (min-width: 1251px) { .mkd-grid-1100.mkd-boxed .mkd-grid, .mkd-grid-1100.mkd-boxed .mkd-container-inner, .mkd-grid-1100.mkd-boxed .mkd-grid-section .mkd-section-inner, .mkd-grid-1100.mkd-boxed .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-1100.mkd-boxed .mkd-footer-bottom-border-holder.mkd-in-grid { width: 1100px; } .mkd-grid-1100.mkd-boxed .mkd-footer-inner, .mkd-grid-1100.mkd-boxed .mkd-wrapper-inner, .mkd-grid-1100.mkd-boxed .mkd-top-bar-background { width: 1230px; } .mkd-grid-1100.mkd-boxed .mkd-page-header .mkd-sticky-header, .mkd-grid-1100.mkd-boxed .mkd-page-header .mkd-fixed-wrapper.fixed { width: 1230px; left: auto; } } @media only screen and (min-width: 1150px) and (max-width: 1250px) { .mkd-grid-1300.mkd-boxed .mkd-grid, .mkd-grid-1300.mkd-boxed .mkd-container-inner, .mkd-grid-1300.mkd-boxed .mkd-grid-section .mkd-section-inner, .mkd-grid-1300.mkd-boxed .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-1300.mkd-boxed .mkd-footer-bottom-border-holder.mkd-in-grid, .mkd-grid-1200.mkd-boxed .mkd-grid, .mkd-grid-1200.mkd-boxed .mkd-container-inner, .mkd-grid-1200.mkd-boxed .mkd-grid-section .mkd-section-inner, .mkd-grid-1200.mkd-boxed .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-1200.mkd-boxed .mkd-footer-bottom-border-holder.mkd-in-grid, .mkd-grid-1100.mkd-boxed .mkd-grid, .mkd-grid-1100.mkd-boxed .mkd-container-inner, .mkd-grid-1100.mkd-boxed .mkd-grid-section .mkd-section-inner, .mkd-grid-1100.mkd-boxed .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-1100.mkd-boxed .mkd-footer-bottom-border-holder.mkd-in-grid { width: 1000px; } .mkd-grid-1300.mkd-boxed .mkd-footer-inner, .mkd-grid-1300.mkd-boxed .mkd-wrapper-inner, .mkd-grid-1300.mkd-boxed .mkd-top-bar-background, .mkd-grid-1200.mkd-boxed .mkd-footer-inner, .mkd-grid-1200.mkd-boxed .mkd-wrapper-inner, .mkd-grid-1200.mkd-boxed .mkd-top-bar-background, .mkd-grid-1100.mkd-boxed .mkd-footer-inner, .mkd-grid-1100.mkd-boxed .mkd-wrapper-inner, .mkd-grid-1100.mkd-boxed .mkd-top-bar-background { width: 1130px; } .mkd-grid-1300.mkd-boxed .mkd-page-header .mkd-sticky-header, .mkd-grid-1300.mkd-boxed .mkd-page-header .mkd-fixed-wrapper.fixed, .mkd-grid-1200.mkd-boxed .mkd-page-header .mkd-sticky-header, .mkd-grid-1200.mkd-boxed .mkd-page-header .mkd-fixed-wrapper.fixed, .mkd-grid-1100.mkd-boxed .mkd-page-header .mkd-sticky-header, .mkd-grid-1100.mkd-boxed .mkd-page-header .mkd-fixed-wrapper.fixed { width: 1130px; left: auto; } } @media only screen and (min-width: 1150px) { .mkd-grid-1000.mkd-boxed .mkd-grid, .mkd-grid-1000.mkd-boxed .mkd-container-inner, .mkd-grid-1000.mkd-boxed .mkd-grid-section .mkd-section-inner, .mkd-grid-1000.mkd-boxed .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-1000.mkd-boxed .mkd-footer-bottom-border-holder.mkd-in-grid { width: 1000px; } .mkd-grid-1000.mkd-boxed .mkd-footer-inner, .mkd-grid-1000.mkd-boxed .mkd-wrapper-inner, .mkd-grid-1000.mkd-boxed .mkd-top-bar-background { width: 1130px; } .mkd-grid-1000.mkd-boxed .mkd-page-header .mkd-sticky-header, .mkd-grid-1000.mkd-boxed .mkd-page-header .mkd-fixed-wrapper.fixed { width: 1130px; left: auto; } } @media only screen and (min-width: 1025px) and (max-width: 1150px) { .mkd-grid-1300.mkd-boxed .mkd-grid, .mkd-grid-1300.mkd-boxed .mkd-container-inner, .mkd-grid-1300.mkd-boxed .mkd-grid-section .mkd-section-inner, .mkd-grid-1300.mkd-boxed .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-1300.mkd-boxed .mkd-footer-bottom-border-holder.mkd-in-grid, .mkd-grid-1200.mkd-boxed .mkd-grid, .mkd-grid-1200.mkd-boxed .mkd-container-inner, .mkd-grid-1200.mkd-boxed .mkd-grid-section .mkd-section-inner, .mkd-grid-1200.mkd-boxed .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-1200.mkd-boxed .mkd-footer-bottom-border-holder.mkd-in-grid, .mkd-grid-1100.mkd-boxed .mkd-grid, .mkd-grid-1100.mkd-boxed .mkd-container-inner, .mkd-grid-1100.mkd-boxed .mkd-grid-section .mkd-section-inner, .mkd-grid-1100.mkd-boxed .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-1100.mkd-boxed .mkd-footer-bottom-border-holder.mkd-in-grid, .mkd-grid-1000.mkd-boxed .mkd-grid, .mkd-grid-1000.mkd-boxed .mkd-container-inner, .mkd-grid-1000.mkd-boxed .mkd-grid-section .mkd-section-inner, .mkd-grid-1000.mkd-boxed .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-1000.mkd-boxed .mkd-footer-bottom-border-holder.mkd-in-grid { width: 870px; } .mkd-grid-1300.mkd-boxed .mkd-footer-inner, .mkd-grid-1300.mkd-boxed .mkd-wrapper-inner, .mkd-grid-1300.mkd-boxed .mkd-top-bar-background, .mkd-grid-1200.mkd-boxed .mkd-footer-inner, .mkd-grid-1200.mkd-boxed .mkd-wrapper-inner, .mkd-grid-1200.mkd-boxed .mkd-top-bar-background, .mkd-grid-1100.mkd-boxed .mkd-footer-inner, .mkd-grid-1100.mkd-boxed .mkd-wrapper-inner, .mkd-grid-1100.mkd-boxed .mkd-top-bar-background, .mkd-grid-1000.mkd-boxed .mkd-footer-inner, .mkd-grid-1000.mkd-boxed .mkd-wrapper-inner, .mkd-grid-1000.mkd-boxed .mkd-top-bar-background { width: 1000px; } .mkd-grid-1300.mkd-boxed .mkd-page-header .mkd-sticky-header, .mkd-grid-1300.mkd-boxed .mkd-page-header .mkd-fixed-wrapper.fixed, .mkd-grid-1200.mkd-boxed .mkd-page-header .mkd-sticky-header, .mkd-grid-1200.mkd-boxed .mkd-page-header .mkd-fixed-wrapper.fixed, .mkd-grid-1100.mkd-boxed .mkd-page-header .mkd-sticky-header, .mkd-grid-1100.mkd-boxed .mkd-page-header .mkd-fixed-wrapper.fixed, .mkd-grid-1000.mkd-boxed .mkd-page-header .mkd-sticky-header, .mkd-grid-1000.mkd-boxed .mkd-page-header .mkd-fixed-wrapper.fixed { width: 1000px; left: auto; } } @media only screen and (min-width: 1400px) { .mkd-grid-1300 { /*&.mkd-header-vertical.page-template-full-width { .mkd-grid, .mkd-container-inner, .mkd-grid-section .mkd-section-inner, .mkd-footer-top-border-holder.mkd-in-grid, .mkd-footer-bottom-border-holder.mkd-in-grid { width: 1100px; } }*/ } .mkd-grid-1300 .mkd-grid, .mkd-grid-1300 .mkd-container-inner, .mkd-grid-1300 .mkd-grid-section .mkd-section-inner, .mkd-grid-1300 .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-1300 .mkd-footer-bottom-border-holder.mkd-in-grid { width: 1300px; } } @media only screen and (min-width: 1300px) { .mkd-grid-1200 .mkd-grid, .mkd-grid-1200 .mkd-container-inner, .mkd-grid-1200 .mkd-grid-section .mkd-section-inner, .mkd-grid-1200 .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-1200 .mkd-footer-bottom-border-holder.mkd-in-grid { width: 1200px; } } @media only screen and (min-width: 1200px) { .mkd-grid-1000 .mkd-grid, .mkd-grid-1000 .mkd-container-inner, .mkd-grid-1000 .mkd-grid-section .mkd-section-inner, .mkd-grid-1000 .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-1000 .mkd-footer-bottom-border-holder.mkd-in-grid { width: 1000px; } } @media only screen and (min-width: 1025px) { .mkd-grid-800 .mkd-grid, .mkd-grid-800 .mkd-container-inner, .mkd-grid-800 .mkd-grid-section .mkd-section-inner, .mkd-grid-800 .mkd-footer-top-border-holder.mkd-in-grid, .mkd-grid-800 .mkd-footer-bottom-border-holder.mkd-in-grid { width: 800px; } .mkd-grid-800.mkd-boxed .mkd-footer-inner, .mkd-grid-800.mkd-boxed .mkd-wrapper-inner, .mkd-grid-800.mkd-boxed .mkd-top-bar-background { width: 930px; } .mkd-grid-800.mkd-boxed .mkd-page-header .mkd-sticky-header, .mkd-grid-800.mkd-boxed .mkd-page-header .mkd-fixed-wrapper.fixed { width: 930px; left: auto; } } /* #General styles that are used in our theme - end ========================================================================== */ /* #Grid system styles - start * Here are defined styles for grid system that is used outside Visual Composer ========================================================================== */ .mkd-two-columns-66-33 { width: 100%; } .mkd-two-columns-66-33 .mkd-column1 { width: 66.66%; float: left; } .mkd-two-columns-66-33 .mkd-column1 .mkd-column-inner { padding: 0 15px 0 0; } .mkd-two-columns-66-33 .mkd-column2 { width: 33.33%; float: left; } .mkd-two-columns-66-33 .mkd-column2 .mkd-column-inner { padding: 0 0 0 15px; } .mkd-two-columns-33-66 { width: 100%; } .mkd-two-columns-33-66 .mkd-column1 { width: 33.33%; float: left; } .mkd-two-columns-33-66 .mkd-column1 .mkd-column-inner { padding: 0 15px 0 0; } .mkd-two-columns-33-66 .mkd-column2 { width: 66.66%; float: left; } .mkd-two-columns-33-66 .mkd-column2 .mkd-column-inner { padding: 0 0 0 15px; } .mkd-two-columns-75-25 { width: 100%; } .mkd-two-columns-75-25 .mkd-column1 { width: 75%; float: left; } .mkd-two-columns-75-25 .mkd-column1 .mkd-column-inner { padding: 0 15px 0 0; } .mkd-two-columns-75-25 .mkd-column2 { width: 25%; float: left; } .mkd-two-columns-75-25 .mkd-column2 .mkd-column-inner { padding: 0 0 0 15px; } .mkd-two-columns-25-75 { width: 100%; } .mkd-two-columns-25-75 .mkd-column1 { width: 25%; float: left; } .mkd-two-columns-25-75 .mkd-column1 .mkd-column-inner { padding: 0 15px 0 0; } .mkd-two-columns-25-75 .mkd-column2 { width: 75%; float: left; } .mkd-two-columns-25-75 .mkd-column2 .mkd-column-inner { padding: 0 0 0 15px; } .mkd-two-columns-50-50 { width: 100%; } .mkd-two-columns-50-50 > .mkd-two-columns-50-50-inner { margin: 0 -15px; } .mkd-two-columns-50-50 .mkd-column { width: 50%; float: left; } .mkd-two-columns-50-50 .mkd-column .mkd-column-inner { padding: 0 15px; } .mkd-three-columns { width: 100%; } .mkd-three-columns > .mkd-three-columns-inner { margin: 0 -15px; } .mkd-three-columns .mkd-column { width: 33.33%; float: left; } .mkd-three-columns .mkd-column .mkd-column-inner { padding: 0 15px; } .mkd-four-columns { width: 100%; } .mkd-four-columns > .mkd-four-columns-inner { margin: 0 -15px; } .mkd-four-columns .mkd-column { width: 25%; float: left; } .mkd-four-columns .mkd-column .mkd-column-inner { padding: 0 15px; } .mkd-five-columns { width: 100%; } .mkd-five-columns > .mkd-five-columns-inner { margin: 0 -15px; } .mkd-five-columns .mkd-column { width: 20%; float: left; } .mkd-five-columns .mkd-column .mkd-column-inner { padding: 0 15px; } /* #Grid system styles - end ========================================================================== */ @-webkit-keyframes preload-background { from { background-position: 0 0; } to { background-position: 100% 0; } } @keyframes preload-background { from { background-position: 0 0; } to { background-position: 100% 0; } } .mkd-preload-background { background-repeat: repeat !important; background-color: transparent !important; background-attachment: scroll !important; background-size: inherit !important; -webkit-animation-name: preload-background; -webkit-animation-duration: 40s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-fill-mode: forwards; /* this prevents the animation from restarting! */ animation-name: preload-background; animation-duration: 40s; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 0s; animation-fill-mode: forwards; /* this prevents the animation from restarting! */ } .mkd-grid { width: 1100px; margin: 0 auto; } .mkd-vertical-align-containers { position: relative; height: 100%; width: 100%; padding: 0 20px; box-sizing: border-box; } .mkd-vertical-align-containers.mkd-25-50-25 .mkd-position-left, .mkd-vertical-align-containers.mkd-25-50-25 .mkd-position-right { width: 25%; } .mkd-vertical-align-containers.mkd-25-50-25 .mkd-position-center { width: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mkd-vertical-align-containers.mkd-25-50-25 .mkd-position-left-inner, .mkd-vertical-align-containers.mkd-25-50-25 .mkd-position-center-inner, .mkd-vertical-align-containers.mkd-25-50-25 .mkd-position-right-inner { width: 98%; } .mkd-vertical-align-containers.mkd-33-33-33 .mkd-position-left, .mkd-vertical-align-containers.mkd-33-33-33 .mkd-position-center, .mkd-vertical-align-containers.mkd-33-33-33 .mkd-position-right { width: 33.33%; } .mkd-vertical-align-containers.mkd-33-33-33 .mkd-position-center { width: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mkd-vertical-align-containers.mkd-33-33-33 .mkd-position-left-inner, .mkd-vertical-align-containers.mkd-33-33-33 .mkd-position-center-inner, .mkd-vertical-align-containers.mkd-33-33-33 .mkd-position-right-inner { width: 98%; } .mkd-vertical-align-containers.mkd-50-50 .mkd-position-left, .mkd-vertical-align-containers.mkd-50-50 .mkd-position-right { width: 50%; } .mkd-vertical-align-containers.mkd-50-50 .mkd-position-left-inner, .mkd-vertical-align-containers.mkd-50-50 .mkd-position-center-inner, .mkd-vertical-align-containers.mkd-50-50 .mkd-position-right-inner { width: 98%; } .mkd-vertical-align-containers .mkd-position-left { position: relative; float: left; z-index: 2; height: 100%; } .mkd-vertical-align-containers .mkd-position-center { height: 100%; width: 100%; position: absolute; left: 0; text-align: center; z-index: 1; } .mkd-vertical-align-containers .mkd-position-right { position: relative; float: right; z-index: 2; height: 100%; text-align: right; } .mkd-vertical-align-containers .mkd-position-left-inner, .mkd-vertical-align-containers .mkd-position-center-inner, .mkd-vertical-align-containers .mkd-position-right-inner { vertical-align: middle; display: inline-block; } .mkd-vertical-align-containers .mkd-position-right.mkd-has-widget .mkd-position-right-inner { height: 100%; } .mkd-vertical-align-containers .mkd-position-left:before, .mkd-vertical-align-containers .mkd-position-center:before, .mkd-vertical-align-containers .mkd-position-right:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; margin-right: -3px; /* adjusts for spacing */ } /* ========================================================================== #Row styles - start ========================================================================== */ .mkd-section { position: relative; } .mkd-grid-section .mkd-section-inner { width: 1100px; margin: 0 auto; position: relative; z-index: 20; } .mkd-section-inner-margin { margin-left: -15px; margin-right: -15px; } .mkd-content-aligment-left { text-align: left; } .mkd-content-aligment-center { text-align: center; } .mkd-content-aligment-right { text-align: right; } /* #Parallax section styles - start ========================================================================== */ .mkd-parallax-section-holder { position: static; padding: 0px; background-repeat: no-repeat; background-color: transparent; background-position: center 0px; background-attachment: fixed; overflow: hidden; } .mkd-parallax-section-holder.mkd-vertical-middle-align { display: table; width: 100%; } .mkd-parallax-section-holder .mkd-parallax-content-outer { display: table-cell; height: 100%; vertical-align: middle; padding: 100% 0; } .touch .mkd-parallax-section-holder.mkd-parallax-section-holder-touch-disabled { height: auto !important; min-height: 300px; background-position: center top !important; background-attachment: scroll; background-size: cover; } .mkd-parallax-container { position: fixed; top: 0; left: 0; } .mkd-parallax-container > .mkd-parallax-image-frame { position: absolute; overflow: hidden; } .mkd-parallax-container > .mkd-parallax-image-frame > .mkd-parallax-image { position: absolute; top: 50%; left: 50%; max-width: 2000px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } /* ========================================================================== #Row styles - end ========================================================================== */ /* ========================================================================== #Animation styles - start ========================================================================== */ @-webkit-keyframes element-from-left { 0% { opacity: 0; transform: translate(-20%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes element-from-left { 0% { opacity: 0; transform: translate(-20%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @-webkit-keyframes element-from-right { 0% { opacity: 0; transform: translate(20%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes element-from-right { 0% { opacity: 0; transform: translate(20%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @-webkit-keyframes element-from-top { 0% { opacity: 0; transform: translate(0, -30%); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes element-from-top { 0% { opacity: 0; transform: translate(0, -30%); } 100% { opacity: 1; transform: translate(0, 0); } } @-webkit-keyframes element-from-bottom { 0% { opacity: 0; transform: translate(0, 30%); } 100% { opacity: 1; transform: translate(0, 30%); } } @keyframes element-from-bottom { 0% { opacity: 0; transform: translate(0, 30%); } 100% { opacity: 1; transform: translate(0, 30%); } } .mkd-element-from-left, .mkd-element-from-right, .mkd-element-from-top, .mkd-element-from-bottom, .mkd-element-from-fade { display: inline-block; width: 100%; } .touch .mkd-no-animations-on-touch .mkd-element-from-left > div, .touch .mkd-no-animations-on-touch .mkd-element-from-right > div, .touch .mkd-no-animations-on-touch .mkd-element-from-top > div, .touch .mkd-no-animations-on-touch .mkd-element-from-bottom > div, .touch .mkd-no-animations-on-touch .mkd-element-from-fade > div { opacity: 1; -webkit-animation: none; -moz-animation: none; animation: none; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .mkd-element-from-left > div, .mkd-element-from-right > div, .mkd-element-from-top > div, .mkd-element-from-bottom > div, .mkd-element-from-fade > div { opacity: 0; display: inline-block; width: 100%; vertical-align: middle; } .mkd-element-from-fade.mkd-element-from-fade-on > div { opacity: 1; -webkit-transition: opacity 0.8s ease 0s; -moz-transition: opacity 0.8s ease 0s; transition: opacity 0.8s ease 0s; -webkit-backface-visibility: hidden; } .mkd-element-from-left.mkd-element-from-left-on > div { -webkit-animation: element-from-left 0.7s 1 ease-in-out; -moz-animation: element-from-left 0.7s 1 ease-in-out; animation: element-from-left 0.7s 1 ease-in-out; opacity: 1; -webkit-backface-visibility: hidden; } .mkd-element-from-right.mkd-element-from-right-on > div { -webkit-animation: element-from-right 0.7s 1 ease-in-out; -moz-animation: element-from-right 0.7s 1 ease-in-out; animation: element-from-right 0.7s 1 ease-in-out; opacity: 1; -webkit-backface-visibility: hidden; } .mkd-element-from-top.mkd-element-from-top-on > div { -webkit-animation: element-from-top 0.7s 1 ease-in-out; -moz-animation: element-from-top 0.7s 1 ease-in-out; animation: element-from-top 0.7s 1 ease-in-out; opacity: 1; -webkit-backface-visibility: hidden; } .mkd-element-from-bottom.mkd-element-from-bottom-on > div { -webkit-animation: element-from-bottom 0.7s 1 ease-in-out; -moz-animation: element-from-bottom 0.7s 1 ease-in-out; animation: element-from-bottom 0.7s 1 ease-in-out; opacity: 1; -webkit-backface-visibility: hidden; } .touch .mkd-no-animations-on-touch .mkd-flip-in, .touch .mkd-no-animations-on-touch .mkd-grow-in, .touch .mkd-no-animations-on-touch .mkd-z-rotate, .touch .mkd-no-animations-on-touch .mkd-x-rotate, .touch .mkd-no-animations-on-touch .mkd-y-translate, .touch .mkd-no-animations-on-touch .mkd-fade-in-down, .touch .mkd-no-animations-on-touch .mkd-fade-in-left-x-rotate, .touch .mkd-no-animations-on-touch .mkd-fade-in { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; -webkit-transform: none !important; -moz-transform: none !important; transform: none !important; opacity: 1 !important; } .mkd-flip-in { opacity: 0; -webkit-transform: perspective(1000px) rotateY(25deg); -moz-transform: perspective(1000px) rotateY(25deg); transform: perspective(1000px) rotateY(25deg); -webkit-transition: all 1.1s ease-in-out; -moz-transition: all 1.1s ease-in-out; transition: all 1.1s ease-in-out; } .mkd-flip-in.mkd-flip-in-on { opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); } .mkd-grow-in { opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 1s cubic-bezier(0, 1, 0.5, 1); -moz-transition: all 1s cubic-bezier(0, 1, 0.5, 1); transition: all 1s cubic-bezier(0, 1, 0.5, 1); -webkit-backface-visibility: hidden; } .mkd-grow-in.mkd-grow-in-on { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .mkd-z-rotate { opacity: 0; -webkit-transform: rotateZ(7deg); -moz-transform: rotateZ(7deg); transform: rotateZ(7deg); -webkit-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform-origin: top right; -moz-transform-origin: top right; transform-origin: top right; -webkit-backface-visibility: hidden; } .mkd-z-rotate.mkd-z-rotate-on { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); transform: rotateZ(0deg); } .mkd-x-rotate { opacity: 0; -webkit-transform: perspective(900px) rotateX(-45deg); -moz-transform: perspective(900px) rotateX(-45deg); transform: perspective(900px) rotateX(-45deg); -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-backface-visibility: hidden; } .mkd-x-rotate.mkd-x-rotate-on { opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); } .mkd-y-translate { opacity: 0; -webkit-transform: translate(0, 30px); -moz-transform: translate(0, 30px); transform: translate(0, 30px); -webkit-transition: all 700ms cubic-bezier(0.68, -0.65, 0.265, 1.65); -moz-transition: all 700ms cubic-bezier(0.68, -0.65, 0.265, 1.65); transition: all 700ms cubic-bezier(0.68, -0.65, 0.265, 1.65); } .mkd-y-translate.mkd-y-translate-on { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); } .mkd-fade-in-down { opacity: 0; -webkit-transform: translate(0, -25px); -moz-transform: translate(0, -25px); transform: translate(0, -25px); -webkit-transition: all 0.9s cubic-bezier(0, 1, 0.5, 1); -moz-transition: all 0.9s cubic-bezier(0, 1, 0.5, 1); transition: all 0.9s cubic-bezier(0, 1, 0.5, 1); } .mkd-fade-in-down.mkd-fade-in-down-on { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); } .mkd-fade-in-left-x-rotate { opacity: 0; -webkit-transform: rotateZ(-5deg) translate(-30px, 0); -moz-transform: rotateZ(-5deg) translate(-30px, 0); transform: rotateZ(-5deg) translate(-30px, 0); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .mkd-fade-in-left-x-rotatemkd-fade-in-left-x-rotate-on { opacity: 1; -webkit-transform: rotateZ(0deg) translate(0, 0); -moz-transform: rotateZ(0deg) translate(0, 0); transform: rotateZ(0deg) translate(0, 0); } .mkd-fade-in { opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .mkd-fade-in.mkd-fade-in-on { opacity: 1; } @-webkit-keyframes owlfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes owlfadeOut { from { opacity: 1; } to { opacity: 0; } } .owlfadeOut { -webkit-animation-name: owlfadeOut; animation-name: owlfadeOut; } @-webkit-keyframes owlfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes owlfadeIn { from { opacity: 0; } to { opacity: 1; } } .owlfadeIn { -webkit-animation-name: owlfadeIn; animation-name: owlfadeIn; } /* ========================================================================== #Animation styles - end ========================================================================== */ /* ========================================================================== #Rev slider arrows - start ========================================================================== */ .rev_slider .mkd-icon-font-elegant { font-size: 20px !important; top: 3px !important; left: -6px !important; } /* ========================================================================== #Rev slider arrows - end ========================================================================== */ /* ========================================================================== #Owl Slider (SHORTCODES) - start ========================================================================== */ .mkd-owl-shortcode-slider .owl-controls { margin-top: 44px; text-align: center; } .mkd-owl-shortcode-slider .owl-controls .owl-nav { color: #8b8a8a; font-size: 40px; } .mkd-owl-shortcode-slider .owl-controls .owl-nav .owl-prev { left: -50px; position: absolute; top: calc(50% - 54px); } .mkd-owl-shortcode-slider .owl-controls .owl-nav .owl-next { position: absolute; right: -50px; top: calc(50% - 54px); } .mkd-owl-shortcode-slider .owl-controls .owl-dots { display: inline-block; margin: 0 auto; } .mkd-owl-shortcode-slider .owl-controls .owl-dots .owl-dot { float: left; } .mkd-owl-shortcode-slider .owl-controls .owl-dots .owl-dot:first-of-type:last-of-type { display: none; } .mkd-owl-shortcode-slider .owl-controls .owl-dots .owl-dot span { background: #8b8a8a; height: 12px; display: block; margin: 0 6px; width: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mkd-owl-shortcode-slider .owl-controls .owl-dots .owl-dot.active span { background: #38b9df; } .mkd-owl-shortcode-slider.mkd-nav-inside .owl-controls .owl-nav .owl-prev { left: 2%; } .mkd-owl-shortcode-slider.mkd-nav-inside .owl-controls .owl-nav .owl-next { right: 2%; } /* ========================================================================== #Owl Slider (SHORTCODES) - end ========================================================================== */ /* ========================================================================== #404 styles - start ========================================================================== */ .mkd-404-page { padding: 0; } .mkd-page-not-found { margin: 80px 0; text-align: center; } .mkd-page-not-found h2 { margin-top: 27px; margin-bottom: 40px; } .mkd-page-not-found p { font-size: 19px; margin: 10px 10% 50px 10%; } /* ========================================================================== #404 styles - end ========================================================================== */ /* ========================================================================== #Back to Top styles - start ========================================================================== */ #mkd-back-to-top { position: fixed; width: 64px; height: 64px; right: 32px; bottom: 32px; margin: 0; z-index: 10001; font-family: 'Fira Sans', sans-serif; -webkit-transition: opacity 0.15s ease-out, visibility 0.15s ease-out; -moz-transition: opacity 0.15s ease-out, visibility 0.15s ease-out; transition: opacity 0.15s ease-out, visibility 0.15s ease-out; opacity: 0; overflow: hidden; visibility: hidden; } #mkd-back-to-top.off { opacity: 0; visibility: hidden; } #mkd-back-to-top.on { opacity: 1; visibility: visible; } #mkd-back-to-top > span { width: 64px; height: 64px; line-height: 64px; text-align: center; display: block; color: #fff; font-size: 14px; background-color: #38b9df; box-sizing: border-box; } #mkd-back-to-top span span { display: block; line-height: inherit; } #mkd-back-to-top .mkd-icon-stack { -webkit-transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); font-size: 32px; background: #474546; position: absolute; top: 0; left: 0; height: 64px; width: 64px; z-index: 10001; } .mkd-back-to-top-inner { position: absolute; top: 0; left: 0; z-index: 10000; text-transform: uppercase; font-size: 14px; opacity: 0; transition: transform 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9), opacity 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9) 0.25s; -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9), opacity 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9) 0.25s; -webkit-transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); -webkit-transform: translate3d(0, 30%, 0); -moz-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } #mkd-back-to-top:hover .mkd-icon-stack { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } #mkd-back-to-top:hover .mkd-back-to-top-inner { opacity: 1; -webkit-transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* ========================================================================== #Back to Top styles - end ========================================================================== */ /* ========================================================================== 2. Header styles ========================================================================== */ .mkd-logo-wrapper { display: inline-block; vertical-align: middle; } .mkd-logo-wrapper a { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; } .mkd-logo-wrapper a img { height: 100%; width: auto; display: block; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .mkd-logo-wrapper a img.mkd-normal-logo { opacity: 1; } .mkd-logo-wrapper a img.mkd-dark-logo { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .mkd-logo-wrapper a img.mkd-light-logo { opacity: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); } .mkd-light-logo-area .mkd-logo-wrapper a img.mkd-normal-logo { opacity: 0; } .mkd-light-logo-area .mkd-logo-wrapper a img.mkd-dark-logo { opacity: 0; } .mkd-light-logo-area .mkd-logo-wrapper a img.mkd-light-logo { opacity: 1; } .mkd-dark-logo-area .mkd-logo-wrapper a img.mkd-normal-logo { opacity: 0; } .mkd-dark-logo-area .mkd-logo-wrapper a img.mkd-dark-logo { opacity: 1; } .mkd-dark-logo-area .mkd-logo-wrapper a img.mkd-light-logo { opacity: 0; } .mkd-main-menu { position: relative; display: inline-block; vertical-align: middle; height: 100%; margin-left: 15px; } .mkd-main-menu ul { list-style: none outside none; margin: 0px; padding: 0px; text-align: left; } .mkd-main-menu ul li { position: relative; display: inline-block; float: left; padding: 0px; margin: 0px; background-repeat: no-repeat; background-position: right; } .mkd-main-menu ul li a { font-size: 14px; font-family: "Raleway", sans-serif; } .mkd-main-menu ul li a.no_link { cursor: default; } .mkd-main-menu ul li:hover a, .mkd-main-menu ul li.mkd-active-item a { color: #38b9df; } .mkd-main-menu ul .mkd-menu-item-description { display: block; text-transform: none; font-size: 10px; color: #ccc; font-weight: 400; line-height: 1.7em; margin-top: -4px; } .mkd-main-menu ul .mkd-menu-featured-icon { position: relative; display: inline-block !important; top: -3px; margin-left: 5px; color: #38b9df; font-size: 11px; } .mkd-main-menu > ul { display: inline-block; vertical-align: middle; position: relative; height: 100%; } .mkd-main-menu > ul > li { height: 100%; } .mkd-main-menu > ul > li:last-child > a span.plus { display: none; } .mkd-main-menu > ul > li.has_sub > a i.q_menu_arrow { display: inline-block; margin-left: 6px; } .mkd-main-menu > ul > li.has_sub > a .item_inner > i.q_menu_arrow { position: relative; left: 4px; } .mkd-main-menu > ul > li.mkd-menu-item-with-description { text-align: center; } .mkd-main-menu > ul > li > a { position: relative; display: inline-block; height: 100%; padding: 0; font-family: "Raleway", sans-serif; font-size: 15px; font-weight: 500; vertical-align: middle; color: #323232; background-color: transparent; -webkit-transition: color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9), background-color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9), background-color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9), background-color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-main-menu > ul > li > a:before { height: 2px; bottom: 0px; } .mkd-main-menu > ul > li > a:after { height: 1px; bottom: 4px; } .mkd-main-menu > ul > li > a > span.item_outer { display: block; position: relative; top: 50%; -wwbkit-transform: translateY(-50%); transform: translateY(-50%); } .mkd-main-menu > ul > li > a span.item_inner { display: inline-block; padding: 0 15px; border-width: 0px; position: relative; border-color: transparent; background-color: transparent; -webkit-transition: text-decoration 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out; transition: text-decoration 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out; } .mkd-main-menu > ul > li > a span.item_inner:before, .mkd-main-menu > ul > li > a span.item_inner:after, .mkd-main-menu > ul > li > a:before, .mkd-main-menu > ul > li > a:after { content: ""; display: none; position: absolute; left: 0px; background-color: transparent; -webkit-transition: background-color 0.15s ease-out; transition: background-color 0.15s ease-out; width: 100%; } .mkd-main-menu > ul > li > a span.item_inner:before { bottom: 0px; height: 2px; } .mkd-main-menu > ul > li > a span.item_inner:after { height: 1px; bottom: 4px; } .mkd-main-menu > ul > li > a .mkd-menu-arrow { padding-left: 7px; } .mkd-main-menu > ul > li > a > i.blank { display: none; } .mkd-light-header .mkd-page-header > div:not(.mkd-sticky-header) .mkd-main-menu > ul > li > a, .mkd-light-header.mkd-header-style-on-scroll .mkd-page-header .mkd-main-menu > ul > li > a { color: #ffffff; } .mkd-dark-header .mkd-page-header > div:not(.mkd-sticky-header) .mkd-main-menu > ul > li > a, .mkd-dark-header.mkd-header-style-on-scroll .mkd-page-header .mkd-main-menu > ul > li > a { color: #000000; } /* Narrow drop down styles ========================================================================== */ .mkd-drop-down ul { list-style: none; } .mkd-drop-down ul li { position: relative; } header.transparent.fixed.scrolled .mkd-drop-down .second, header.transparent.fixed_hiding.scrolled .mkd-drop-down .second { top: 100%; } .mkd-drop-down .second { left: 0; margin: 0; top: 100%; position: absolute; display: block; visibility: hidden; overflow: hidden; opacity: 0; z-index: 10; -webkit-transition: top 0.15s ease-out; -moz-transition: top 0.15s ease-out; transition: top 0.15s ease-out; } header.transparent:not(.sticky) .mkd-drop-down .second { top: 75%; } header.transparent.with_border:not(.sticky) .mkd-drop-down .second, header.transparent.mkd-menu-item-first-level-bg-color:not(.sticky) .mkd-drop-down .second { top: 100%; } .mkd-drop-down li.left_position .second { left: 0px; } header.transparent.mkd-menu-item-first-level-bg-color .mkd-drop-down .second:not(.right) { left: 0; } .mkd-drop-down li.right_position .second { left: auto; right: 0; } .mkd-drop-down .second.mkd-drop-down-start { visibility: visible; overflow: visible; opacity: 1; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; } .mkd-drop-down > ul > li:hover > .second { z-index: 20; } .mkd-drop-down .second .inner { position: relative; padding: 0px; display: block; z-index: 997; } .mkd-drop-down .narrow .second i { display: inline-block; vertical-align: middle; color: inherit; } .mkd-drop-down .narrow .second i.blank { display: none; } .mkd-drop-down .narrow .second i.mkd-menu-arrow { position: absolute; top: 50%; right: 15px; display: inline-block; vertical-align: middle; color: #aeadad; font-size: 17px; -webkit-transform: translateY(-52%); -moz-transform: translateY(-52%); transform: translateY(-52%); -webkit-backface-visibility: hidden; } .mkd-drop-down .second .inner > ul, .mkd-drop-down li.narrow .second .inner ul { display: inline-block; position: relative; background-color: #ffffff; border: 1px solid #ffffff; padding: 18px 0px; box-sizing: border-box; } .mkd-drop-down > ul > li.narrow > .second > .inner > ul, .mkd-drop-down > ul > li.wide > .second > .inner > ul { background-color: #ffffff; border: 1px solid #ffffff; } .mkd-drop-down .second .inner ul li { display: block; padding: 0 15px; position: relative; float: none; height: auto; background: 0; width: 190px; -webkit-transition: background-color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: background-color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: background-color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); } li.narrow .second .inner ul li:last-child { border-bottom: none; } .mkd-drop-down .wide.left_position .second ul li, .mkd-drop-down .wide.right_position .second ul li { width: 180px; } .mkd-drop-down .narrow .second .inner ul li { padding: 0px; width: 220px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: background-color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: background-color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-drop-down .second .inner ul li a { display: block; font-family: "Raleway", sans-serif; color: #9b9a9a; height: auto; font-size: 14px; font-weight: 400; padding: 5px 26px; position: relative; -webkit-transition: color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9), background-color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9), background-color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9), background-color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-drop-down .second .inner ul li a:before { content: ""; position: absolute; top: 25%; left: -1px; height: 50%; width: 4px; transform-origin: left; background: #38b9df; -webkit-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } .mkd-drop-down .second .inner ul li a:hover:before { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } .mkd-drop-down .second .inner ul li.current-menu-item > a, .mkd-drop-down .second .inner > ul > li:hover > a, .mkd-drop-down .second .inner ul li.sub ul li:hover > a, .mkd-drop-down .second .inner ul li ul li:hover > a { color: #38b9df; } .mkd-drop-down .second .inner ul li a .item_text { display: block; margin: 0; overflow: hidden; padding: 0 30px 0 0; position: relative; transition: padding 0.2s ease 0s; } .mkd-drop-down .wide .second i { display: none; } .mkd-drop-down .narrow .second .inner ul li ul { position: absolute; left: calc(100% + 1px); /* cuz of border */ top: -19px; height: auto; opacity: 0; overflow: hidden; z-index: 10; -webkit-transition: opacity 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: opacity 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: opacity 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -webkit-transform: translateZ(0); } .mkd-drop-down .second .inner ul.right li ul { margin-left: -2px; } .mkd-drop-down .second .inner ul li:hover ul { z-index: 20; opacity: 1; } .mkd-drop-down .second .inner ul li ul li:hover ul { z-index: 20; opacity: 1 !important; display: block !important; visibility: visible !important; } .mkd-drop-down .menu_icon_wrapper { font-size: 14px; color: inherit; } .mkd-drop-down .menu_icon_wrapper > .menu_icon:not(.blank) { margin-right: 10px; } /* slide_from_bottom start */ body.mkd-dropdown-slide-from-bottom .mkd-drop-down .second { -webkit-transition: top 0.15s cubic-bezier(0.35, 0.7, 0.32, 0.9), opacity 0.2s cubic-bezier(0.35, 0.7, 0.32, 0.9), height 0s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: top 0.15s cubic-bezier(0.35, 0.7, 0.32, 0.9), opacity 0.2s cubic-bezier(0.35, 0.7, 0.32, 0.9), height 0s cubic-bezier(0.35, 0.7, 0.32, 0.9); } body.mkd-dropdown-slide-from-bottom .mkd-drop-down .wide .second { -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; -webkit-transform: translate3d(0, 30px, 0); -moz-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } body.mkd-dropdown-slide-from-bottom .mkd-drop-down .wide .second .inner > ul { visibility: hidden; top: 0; opacity: 0; -webkit-transition: all 0.25s cubic-bezier(0, 0.57, 0.58, 1); transition: all 0.25s cubic-bezier(0, 0.57, 0.58, 1); } body.mkd-dropdown-slide-from-bottom .mkd-drop-down .narrow .second .inner > ul { visibility: hidden; top: 30px; opacity: 0; -webkit-transition: all 0.25s cubic-bezier(0, 0.57, 0.58, 1); transition: all 0.25s cubic-bezier(0, 0.57, 0.58, 1); } body.mkd-dropdown-slide-from-bottom .mkd-drop-down .narrow .second .inner ul li:hover ul { opacity: 1; visibility: visible; top: 0; } body.mkd-dropdown-slide-from-bottom .mkd-drop-down .narrow .second .inner ul li ul { opacity: 0; visibility: hidden; top: 22px; -webkit-transition: all 0.25s cubic-bezier(0, 0.57, 0.58, 1); transition: all 0.25s cubic-bezier(0, 0.57, 0.58, 1); } body.mkd-dropdown-slide-from-bottom .mkd-drop-down .wide .second.mkd-drop-down-start { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } body.mkd-dropdown-slide-from-bottom .mkd-drop-down .wide .second.mkd-drop-down-start .inner > ul, body.mkd-dropdown-slide-from-bottom .mkd-drop-down .narrow .second.mkd-drop-down-start .inner > ul { top: 0; opacity: 1; visibility: visible; overflow: visible; } /* slide_from_bottom end */ /* slide_from_top start */ body.mkd-dropdown-slide-from-top .mkd-drop-down .second { overflow: visible; -webkit-transition: top 0.15s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.5s; transition: top 0.15s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.5s; } body.mkd-dropdown-slide-from-top .mkd-drop-down .wide .second .inner > ul, body.mkd-dropdown-slide-from-top .mkd-drop-down .narrow .second .inner > ul { top: -30px; -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); } body.mkd-dropdown-slide-from-top .mkd-drop-down .narrow .second .inner ul li ul { top: -22px; -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); } body.mkd-dropdown-slide-from-top .mkd-drop-down .wide .second.mkd-drop-down-start .inner > ul, body.mkd-dropdown-slide-from-top .mkd-drop-down .narrow .second.mkd-drop-down-start .inner > ul { top: 0; } body.mkd-dropdown-slide-from-top .mkd-drop-down .narrow .second .inner ul li:hover ul { top: -1px; /* same as padding in father ul */ } /* slide_from_top end */ /* slide_from_left start */ body.mkd-dropdown-slide-from-left .mkd-drop-down .second { overflow: visible; -webkit-transition: top 0.2s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.4s; transition: top 0.2s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.4s; } body.mkd-dropdown-slide-from-left .mkd-drop-down .wide .second .inner > ul, body.mkd-dropdown-slide-from-left .mkd-drop-down .narrow .second .inner > ul { left: -30px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } body.mkd-dropdown-slide-from-left .mkd-drop-down .narrow .second .inner ul li ul { left: calc(100% - 30px); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } body.mkd-dropdown-slide-from-left .mkd-drop-down .wide .second.mkd-drop-down-start .inner > ul, body.mkd-dropdown-slide-from-left .mkd-drop-down .narrow .second.mkd-drop-down-start .inner > ul { left: 0; } body.mkd-dropdown-slide-from-left .mkd-drop-down .narrow .second .inner ul li:hover ul { left: calc(100% + 1px); } /* slide_from_left end */ .mkd-drop-down .second.right { right: 0px; left: auto; } .mkd-drop-down .second .inner ul.right li a { text-align: right; } .mkd-drop-down .second .inner ul.right li ul { left: -100%; } /* Wide drop down styles ========================================================================== */ .mkd-drop-down .wide .second ul { padding: 33px 0; vertical-align: middle; } .mkd-drop-down .wide .second.mkd-dropdown-with-background-image ul { background-color: transparent; } .mkd-drop-down .wide .second ul li { float: left; padding: 0px; border-bottom: 0; width: 100%; border-right: 1px solid #e1e1e1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkd-drop-down .wide .second ul li:last-child { border: 0; } .mkd-drop-down .wide .second ul li a { padding: 6px 15px; } .mkd-drop-down .wide .second > .inner > ul { width: 1100px; } .mkd-drop-down .wide .second .inner > ul > li:hover > a { background-color: #f0f0ef; } .mkd-drop-down .wide .second .inner > ul > li > a { color: #262932; } @media only screen and (min-width: 1400px) { .mkd-grid-1300 .mkd-drop-down .wide .second > .inner > ul { width: 1300px; } } @media only screen and (min-width: 1300px) { .mkd-grid-1200 .mkd-drop-down .wide .second > .inner > ul { width: 1200px; } } .mkd-grid-1000 .mkd-drop-down .wide .second > .inner > ul { width: 1000px; } .mkd-grid-800 .mkd-drop-down .wide .second > .inner > ul { width: 800px; } .mkd-drop-down .wide .second > .inner > ul > li { width: 25%; } .mkd-drop-down .wide .second ul li:last-child { margin-right: 0; } .mkd-drop-down .wide.right_position .second ul li { float: right; } .mkd-drop-down .wide .second ul li:hover { background-color: transparent; } .mkd-drop-down .wide .second ul li:nth-child(4n+1) { clear: both; } .mkd-drop-down .wide .second .inner > ul > li > a { color: #2b2a28; font-weight: 700; font-size: 16px; line-height: 1.5em; font-family: "Raleway", sans-serif; padding-top: 0px; padding-bottom: 5px; } .mkd-drop-down .wide .second .inner > ul > li > a .item_text { padding: 0px; } .mkd-drop-down .wide .second .inner > ul > li > a .mkd-menu-item-description { font-size: 14px; } .mkd-drop-down .wide .second ul li ul { display: block; left: 0; padding: 0; position: relative; top: 0; visibility: visible; background-color: transparent !important; } .mkd-drop-down .wide .second ul li ul:before, .mkd-drop-down .wide .second ul li ul:after { content: " "; /* 1 */ display: table; /* 2 */ } .mkd-drop-down .wide .second ul li ul:after { clear: both; } .mkd-drop-down .wide .second ul li ul { *zoom: 1; } .mkd-drop-down .wide .second ul li ul li { padding: 0; margin: 0; border: 0; } /* Wide drop down with full width background styles ========================================================================== */ .mkd-full-width-wide-menu .mkd-drop-down .wide .second { background-color: #ffffff; border: 1px solid #ffffff; } .mkd-full-width-wide-menu .mkd-drop-down .wide .second .inner ul { background-color: transparent !important; border-color: transparent !important; } .mkd-full-width-wide-menu .wide .second .inner { text-align: center; } .mkd-full-width-wide-menu .second .inner ul { text-align: left; } /* Wide with icons drop down styles ========================================================================== */ .mkd-drop-down .wide.icons .second ul li a span { position: relative; display: block; } .mkd-drop-down .wide.icons .second ul li.mkd-menu-item-with-icon > a .item_text { padding: 0 !important; } .mkd-drop-down .wide.icons .second ul li.mkd-menu-item-with-icon .menu_icon_wrapper { position: relative; } .mkd-drop-down .wide.icons .second ul li.mkd-menu-item-with-icon .menu_icon_wrapper:before { content: "\45"; font-family: ElegantIcons; text-rendering: auto; vertical-align: middle; display: inline-block; font-size: 14px; left: -5px; line-height: 14px; position: absolute; text-transform: none; top: 13px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: left 0.2s cubic-bezier(0.54, 0.49, 0, 1.75), opacity 0.1s ease-out; -moz-transition: left 0.2s cubic-bezier(0.54, 0.49, 0, 1.75), opacity 0.1s ease-out; transition: left 0.2s cubic-bezier(0.54, 0.49, 0, 1.75), opacity 0.1s ease-out; opacity: 0; } .mkd-drop-down .wide.icons .second ul li.mkd-menu-item-with-icon .menu_icon_wrapper i { -webkit-transition: -webkit-transform .0s .0s, opacity .15s ease-out .05s; transition: transform .0s .0s, opacity .15s ease-out .05s; } .mkd-drop-down .wide.icons .second ul li.mkd-menu-item-with-icon:hover .menu_icon_wrapper i { -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); transform: translateX(-5px); opacity: 0; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.54, 0.49, 0, 1.75) 0s, opacity 0.15s ease-out; transition: transform 0.2s cubic-bezier(0.54, 0.49, 0, 1.75) 0s, opacity 0.15s ease-out; } .mkd-drop-down .wide.icons .second ul li.mkd-menu-item-with-icon:hover .menu_icon_wrapper:before { opacity: 1; left: 0; -webkit-transition: left 0.2s cubic-bezier(0.54, 0.49, 0, 1.75) 0.15s, opacity 0.15s ease-out 0.15s; -moz-transition: left 0.2s cubic-bezier(0.54, 0.49, 0, 1.75) 0.15s, opacity 0.15s ease-out 0.15s; transition: left 0.2s cubic-bezier(0.54, 0.49, 0, 1.75) 0.15s, opacity 0.15s ease-out 0.15s; } .mkd-drop-down .wide.icons .second i { width: 24px; height: auto; float: left; display: inline-block; vertical-align: middle; color: inherit; line-height: inherit; } .mkd-drop-down .wide.icons .second i.blank { background: none; border: 0px; display: none; } /* Begining of menu latest post widget styles ========================================================================== */ .mkd-drop-down .wide .second ul li div.flexslider li:nth-child(4n+1) { clear: none; } .mkd-drop-down .wide .second ul li .flexslider ul { padding: 0; border: none; } .mkd-drop-down .wide .second .inner ul li.sub .flexslider ul li a:hover, .mkd-drop-down .wide .second ul li .flexslider ul li a:hover { color: #38b9df; } .mkd-drop-down .wide .second .inner ul li .flexslider.widget_flexslider .menu_recent_post_text a, .mkd-drop-down .wide .second .inner ul li .flexslider.widget_flexslider a { display: inline-block; margin: 0; } .mkd-drop-down .wide .second .inner ul li .flexslider.widget_flexslider > a { vertical-align: middle; } .mkd-drop-down .wide .second ul li ul.flex-direction-nav a { position: absolute; top: 0; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); border: none; margin: 0px 0 0 0; } .mkd-drop-down .wide .second ul li ul.flex-direction-nav { position: absolute; top: 50%; overflow: visible; width: 100%; } .mkd-drop-down .wide .second ul li div.flexslider { margin: 0 !important; } .mkd-drop-down .wide .second ul li .flexslider.widget_flexslider ul.flex-direction-nav li { width: 100%; } .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev, .mkd-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev { left: 0; height: 15px; width: 15px; line-height: 15px; padding: 0; } .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next, .mkd-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next { right: 0; height: 15px; width: 15px; line-height: 15px; padding: 0; } .mkd-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text { padding: 18px 0; } .mkd-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text a { display: inline; padding: 0; color: #000; } .mkd-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text a:hover { color: #38b9df; } .mkd-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider a, .mkd-drop-down .wide .second ul li .flexslider.widget_flexslider a { padding: 0; text-align: center; } /* ========================================================================== End of menu latest post widget styles ========================================================================== */ .mkd-vertical-menu { font-family: "Raleway", sans-serif; } .mkd-search-form { position: relative; } .mkd-search-form input[type='text'] { width: 235px; border: 1px solid transparent; background-color: #f3f5f6; border-radius: 20px; box-sizing: border-box; height: 38px; padding: 0 10px 0px 45px; margin: 0; font-family: "Raleway", sans-serif; font-size: 13px; font-weight: 500; color: #8a95a8; } .mkd-search-form input[type='submit'] { font-family: 'ElegantIcons'; margin: 0px; padding: 0px; background-color: transparent; border: 0; color: #a7b0be; font-size: 16px; position: absolute; left: 15px; top: 9px; cursor: pointer; } .mkd-dark-header .mkd-search-form input[type='text'] { background-color: transparent; border-color: #000000; color: #000000; } .mkd-dark-header .mkd-search-form input[type='text']::-webkit-input-placeholder { color: #000000; } .mkd-dark-header .mkd-search-form input[type='text']:-moz-placeholder { color: #000000; } .mkd-dark-header .mkd-search-form input[type='text']::-moz-placeholder { color: #000000; } .mkd-dark-header .mkd-search-form input[type='text']:-ms-input-placeholder { color: #000000; } .mkd-dark-header .mkd-search-form input[type='submit'] { color: #000000; } .mkd-light-header .mkd-search-form input[type='text'] { background-color: transparent; border-color: #ffffff; color: #ffffff; } .mkd-light-header .mkd-search-form input[type='text']::-webkit-input-placeholder { color: #ffffff; } .mkd-light-header .mkd-search-form input[type='text']:-moz-placeholder { color: #ffffff; } .mkd-light-header .mkd-search-form input[type='text']::-moz-placeholder { color: #ffffff; } .mkd-light-header .mkd-search-form input[type='text']:-ms-input-placeholder { color: #ffffff; } .mkd-light-header .mkd-search-form input[type='submit'] { color: #ffffff; } .mkd-sections-link a { color: #fff; } .mkd-sections-link a span { font-size: 10px; font-weight: 700; } .mkd-sections-link a i { display: inline-block; vertical-align: middle; margin-right: 10px; } .mkd-banner { display: inline-block; vertical-align: middle; } .mkd-top-bar-background { position: absolute; height: 90px; width: 100%; top: 0; background-color: #333232; z-index: 101; width: 100% !important; } .mkd-top-bar { width: 100%; background-color: #333232; color: #fff; position: relative; font-weight: 400; height: 45px; font-size: 13px; z-index: 111; box-sizing: border-box; display: inline-block; vertical-align: middle; } .mkd-top-bar .mkd-grid { height: 100%; } .mkd-top-bar .mkd-grid .mkd-vertical-align-containers { padding-left: 0; padding-right: 0; } .mkd-top-bar .mkd-vertical-align-containers .mkd-position-left:before, .mkd-top-bar .mkd-vertical-align-containers .mkd-position-center:before, .mkd-top-bar .mkd-vertical-align-containers .mkd-position-right:before { margin-right: 0px; } .mkd-top-bar .mkd-top-bar-widget-area, .mkd-top-bar .mkd-top-bar-widget-area-inner { height: 100%; } .mkd-top-bar .mkd-top-bar-widget-area-inner { box-sizing: border-box; } .mkd-top-bar .mkd-top-bar-widget { display: table; float: left; height: 100%; padding-right: 24px; } .mkd-top-bar .mkd-top-bar-widget:last-child { padding-right: 0; } .mkd-top-bar .mkd-top-bar-widget.widget_text { position: relative; } .mkd-top-bar .mkd-top-bar-widget-inner { display: table-cell; vertical-align: middle; } .mkd-top-bar .mkd-logo-wrapper a { max-height: 45px; } .mkd-top-bar-light .mkd-top-bar { color: #ffffff; } .mkd-top-bar-light .mkd-top-bar .widget { color: #ffffff; } .mkd-top-bar-light .mkd-top-bar .widget p, .mkd-top-bar-light .mkd-top-bar .widget a, .mkd-top-bar-light .mkd-top-bar .widget span, .mkd-top-bar-light .mkd-top-bar .widget i, .mkd-top-bar-light .mkd-top-bar .widget .widgettitle { color: #ffffff !important; } .mkd-top-bar-dark .mkd-top-bar { color: #000000; } .mkd-top-bar-dark .mkd-top-bar .widget { color: #000000; } .mkd-top-bar-dark .mkd-top-bar .widget p, .mkd-top-bar-dark .mkd-top-bar .widget a, .mkd-top-bar-dark .mkd-top-bar .widget span, .mkd-top-bar-dark .mkd-top-bar .widget i, .mkd-top-bar-dark .mkd-top-bar .widget .widgettitle { color: #000000 !important; } .mkd-top-bar-gray .mkd-top-bar { color: #777777; } .mkd-top-bar-gray .mkd-top-bar .widget { color: #777777; } .mkd-top-bar-gray .mkd-top-bar .widget p, .mkd-top-bar-gray .mkd-top-bar .widget a, .mkd-top-bar-gray .mkd-top-bar .widget span, .mkd-top-bar-gray .mkd-top-bar .widget i, .mkd-top-bar-gray .mkd-top-bar .widget .widgettitle { color: #777777; } .mkd-header-standard .mkd-main-menu { margin-left: 18px; } .mkd-header-standard .mkd-menu-area { background-color: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkd-header-standard .mkd-menu-area .mkd-vertical-align-containers .mkd-position-left-inner { height: 100%; } .mkd-header-standard .mkd-menu-area .mkd-vertical-align-containers .mkd-position-left-inner.mkd-menu-area-position-right { display: table; } .mkd-header-standard .mkd-menu-area .mkd-vertical-align-containers .mkd-position-left-inner.mkd-menu-area-position-right .mkd-logo-wrapper { display: table-cell; } .mkd-header-standard .mkd-menu-area .mkd-main-menu-widget-area { position: relative; display: inline-block; vertical-align: middle; margin-left: 8px; height: 100%; } .mkd-header-standard .mkd-menu-area .mkd-main-menu-widget-area-inner { height: 100%; } .mkd-header-standard .mkd-menu-area .mkd-right-from-main-menu-widget { display: table; float: left; padding: 0 15px 0 0; position: relative; vertical-align: middle; height: 100%; } .mkd-header-standard .mkd-menu-area .mkd-right-from-main-menu-widget:last-child { padding-right: 0; } .mkd-header-standard .mkd-menu-area .mkd-right-from-main-menu-widget .mkd-right-from-main-menu-widget-inner { display: table-cell; vertical-align: middle; } .mkd-header-standard.mkd-light-header .mkd-menu-area .mkd-right-from-main-menu-widget:before { background-color: rgba(255, 255, 255, 0.5); } .mkd-header-standard.mkd-dark-header .mkd-menu-area .mkd-right-from-main-menu-widget:before { background-color: rgba(0, 0, 0, 0.5); } .mkd-header-standard.mkd-header-standard-shadow-disable .mkd-menu-area, .mkd-header-standard.mkd-header-standard-in-grid-shadow-disable .mkd-page-header .mkd-menu-area .mkd-grid .mkd-vertical-align-containers { box-shadow: none; } .mkd-header-standard-extended .mkd-page-header .mkd-logo-area { background-color: #fff; border-bottom: 1px solid #e2e2e2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100px; z-index: 1; } .mkd-header-standard-extended .mkd-page-header .mkd-logo-area .mkd-logo-wrapper a { max-height: 90px; } .mkd-header-standard-extended .mkd-page-header .mkd-logo-area .mkd-vertical-align-containers .mkd-position-right-inner { height: auto; } .mkd-header-standard-extended .mkd-page-header .mkd-logo-area .mkd-logo-widget-area { margin-left: 8px; position: relative; display: inline-block; vertical-align: middle; } .mkd-header-standard-extended .mkd-page-header .mkd-logo-area .mkd-right-from-logo-widget { float: left; padding: 0 25px 0 0; position: relative; } .mkd-header-standard-extended .mkd-page-header .mkd-logo-area .mkd-right-from-logo-widget:last-child { padding-right: 0; } .mkd-header-standard-extended .mkd-page-header .mkd-logo-area .mkd-right-from-logo-widget.widget_text h6 { text-align: left; } .mkd-header-standard-extended .mkd-page-header .mkd-logo-area .mkd-right-from-logo-widget.widget_text .mkd-iwt-title-holder h6 { font-size: 13px; margin-top: 2px; margin-bottom: 0px; } .mkd-header-standard-extended .mkd-page-header .mkd-logo-area .mkd-right-from-logo-widget.widget_text .mkd-iwt:not(.mkd-iwt-left-from-title) .mkd-iwt-title-holder { margin-bottom: 0; } .mkd-header-standard-extended .mkd-page-header .mkd-logo-area .mkd-right-from-logo-widget.widget_text .mkd-iwt-text-holder p { margin: 0; font-size: 13px; line-height: 1em; } .mkd-header-standard-extended .mkd-page-header .mkd-logo-area .mkd-right-from-logo-widget.widget_text .mkd-icon-top-left { float: left; margin-right: 15px; } .mkd-header-standard-extended .mkd-page-header .mkd-logo-area .mkd-right-from-logo-widget.widget_text .mkd-elements-top-right { float: left; } .mkd-header-standard-extended .mkd-page-header .mkd-menu-area { background-color: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 80px; } .mkd-header-standard-extended .mkd-page-header .mkd-menu-area .mkd-logo-wrapper a { max-height: 72px; } .mkd-header-standard-extended .mkd-page-header .mkd-menu-area .mkd-main-menu { margin-left: 0; } .mkd-header-standard-extended .mkd-page-header .mkd-menu-area .mkd-main-menu > ul > li:first-child > a span.item_inner { padding-left: 0; } .mkd-header-standard-extended .mkd-page-header .mkd-menu-area .mkd-vertical-align-containers .mkd-position-left-inner { height: 100%; } .mkd-header-standard-extended .mkd-page-header .mkd-menu-area .mkd-vertical-align-containers .mkd-position-right-inner { height: 100%; } .mkd-header-standard-extended .mkd-page-header .mkd-menu-area .mkd-main-menu-widget-area { margin-left: 8px; position: relative; display: inline-block; vertical-align: middle; height: 100%; } .mkd-header-standard-extended .mkd-page-header .mkd-menu-area .mkd-main-menu-widget-area .mkd-main-menu-widget-area-inner { height: 100%; } .mkd-header-standard-extended .mkd-page-header .mkd-menu-area .mkd-right-from-main-menu-widget { float: left; display: table; height: 100%; padding: 0 15px 0 0; position: relative; } .mkd-header-standard-extended .mkd-page-header .mkd-menu-area .mkd-right-from-main-menu-widget .mkd-right-from-main-menu-widget-inner { display: table-cell; vertical-align: middle; } .mkd-header-standard-extended .mkd-page-header .mkd-menu-area .mkd-right-from-main-menu-widget:last-child { padding-right: 0; } .mkd-header-standard-extended.mkd-header-standard-extended-menu-shadow-disable .mkd-menu-area, .mkd-header-standard-extended.mkd-header-standard-extended-menu-in-grid-shadow-disable .mkd-page-header .mkd-menu-area .mkd-grid .mkd-vertical-align-containers { box-shadow: none !important; } .mkd-header-standard-extended.mkd-header-standard-extended-logo-border-disable .mkd-logo-area, .mkd-header-standard-extended.mkd-header-standard-extended-logo-in-grid-border-disable .mkd-page-header .mkd-logo-area .mkd-grid .mkd-vertical-align-containers { border: none !important; } @media only screen and (max-width: 1440px) { .mkd-header-standard-extended .mkd-page-header .mkd-logo-area .mkd-logo-wrapper a { height: 25px !important; } } @media only screen and (max-width: 1280px) { .mkd-header-standard-extended .mkd-logo-widget-area { display: none !important; } } .mkd-header-box .mkd-top-bar { background-color: transparent !important; /* mkd-top-bar-background has this top bar in itself */ } .mkd-header-box .mkd-page-header .mkd-menu-area { height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkd-header-box .mkd-page-header .mkd-menu-area .mkd-logo-wrapper a { max-height: 90px; } .mkd-header-box .mkd-page-header .mkd-menu-area .mkd-vertical-align-containers { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); box-sizing: initial; margin: 0 -35px; padding: 0 35px !important; background-color: #fff; } .mkd-header-box .mkd-page-header .mkd-menu-area .mkd-vertical-align-containers .mkd-position-left-inner { height: 100%; } .mkd-header-box .mkd-page-header .mkd-menu-area .mkd-main-menu-widget-area { position: relative; display: inline-block; vertical-align: middle; margin-left: 8px; height: 100%; } .mkd-header-box .mkd-page-header .mkd-menu-area .mkd-main-menu-widget-area-inner { height: 100%; } .mkd-header-box .mkd-page-header .mkd-menu-area .mkd-right-from-main-menu-widget { display: table; float: left; padding: 0 15px 0 0; position: relative; vertical-align: middle; height: 100%; } .mkd-header-box .mkd-page-header .mkd-menu-area .mkd-right-from-main-menu-widget:last-child { padding-right: 0; } .mkd-header-box .mkd-page-header .mkd-menu-area .mkd-right-from-main-menu-widget .mkd-right-from-main-menu-widget-inner { display: table-cell; vertical-align: middle; } .mkd-header-box .mkd-page-header.mkd-page-header-offset { top: 45px; } .mkd-header-box .mkd-drop-down .wide .second > .inner > ul { width: 1200px; } .mkd-header-box.mkd-grid-1000 .mkd-drop-down .wide .second > .inner > ul { width: 1100px; } .mkd-header-box.mkd-grid-800 .mkd-drop-down .wide .second > .inner > ul { width: 900px; } @media only screen and (min-width: 1400px) { .mkd-header-box.mkd-grid-1300 .mkd-drop-down .wide .second > .inner > ul { width: 1400px; } } @media only screen and (min-width: 1300px) { .mkd-header-box.mkd-grid-1200 .mkd-drop-down .wide .second > .inner > ul { width: 1300px; } } .mkd-header-minimal .mkd-page-header .mkd-menu-area { background-color: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); box-sizing: border-box; } .mkd-header-minimal .mkd-page-header .mkd-menu-area .mkd-vertical-align-containers { padding: 0 29px; } .mkd-header-minimal .mkd-page-header .mkd-menu-area .mkd-position-right-inner { height: auto; } .mkd-header-minimal .mkd-page-header .mkd-menu-area .mkd-position-left:before, .mkd-header-minimal .mkd-page-header .mkd-menu-area .mkd-position-right:before, .mkd-header-minimal .mkd-page-header .mkd-menu-area .mkd-position-center:before { content: ""; } .mkd-header-minimal .mkd-page-header .mkd-sticky-header .mkd-position-left-inner { height: auto; } .mkd-header-minimal.mkd-header-minimal-shadow-disable .mkd-menu-area, .mkd-header-minimal.mkd-header-minimal-in-grid-shadow-disable .mkd-page-header .mkd-menu-area .mkd-grid .mkd-vertical-align-containers { box-shadow: none; } .mkd-header-divided .mkd-menu-area { background-color: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkd-header-divided .mkd-menu-area .mkd-grid { height: 100%; } .mkd-header-divided .mkd-logo-wrapper a img { margin: 0 auto; } .mkd-header-divided .mkd-main-menu { width: auto; margin: 0; } .mkd-header-divided .mkd-main-menu > ul > li > a span.item_inner { padding: 0px 28px; } .mkd-header-divided .mkd-vertical-align-containers { padding: 0; } .mkd-header-divided .mkd-vertical-align-containers .mkd-position-left { text-align: right; } .mkd-header-divided .mkd-vertical-align-containers .mkd-position-left .mkd-position-left-inner { height: 100%; text-align: left; padding-right: 50px; } .mkd-header-divided .mkd-vertical-align-containers .mkd-position-right { text-align: left; } .mkd-header-divided .mkd-vertical-align-containers .mkd-position-right .mkd-position-right-inner { height: 100%; padding-left: 50px; } .mkd-header-divided .mkd-page-header .mkd-vertical-align-containers .mkd-position-center { position: absolute; width: 100%; } .mkd-header-divided .mkd-page-header .mkd-vertical-align-containers .mkd-position-center:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; margin-right: -3px; /* adjusts for spacing */ } .mkd-header-divided.mkd-header-divided-shadow-disable .mkd-menu-area, .mkd-header-divided.mkd-header-divided-in-grid-shadow-disable .mkd-page-header .mkd-menu-area .mkd-grid .mkd-vertical-align-containers { box-shadow: none !important; } .mkd-header-divided .mkd-mobile-header .mkd-position-left-inner { height: auto !important; } @media only screen and (max-width: 1200px) { .mkd-header-divided .mkd-main-menu > ul > li > a span.item_inner { padding: 0px 20px; } } .mkd-header-centered .mkd-page-header .mkd-logo-area { background-color: #fff; height: 80px; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkd-header-centered .mkd-page-header .mkd-logo-area .mkd-logo-wrapper a { max-height: 72px; } .mkd-header-centered .mkd-page-header .mkd-menu-area { background-color: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkd-header-centered .mkd-page-header .mkd-menu-area .mkd-vertical-align-containers .mkd-position-center-inner { height: 100%; } .mkd-header-centered .mkd-page-header .mkd-page-header .mkd-sticky-header .mkd-position-left-inner { height: auto; } .mkd-header-centered .mkd-page-header .mkd-page-header .mkd-sticky-header .mkd-position-right-inner { height: 100%; } .mkd-header-centered.mkd-header-centered-logo-border-disable .mkd-logo-area, .mkd-header-centered.mkd-header-centered-logo-in-grid-border-disable .mkd-page-header .mkd-logo-area .mkd-grid .mkd-vertical-align-containers { border-bottom: none !important; } .mkd-header-centered.mkd-header-centered-menu-shadow-disable .mkd-menu-area, .mkd-header-centered.mkd-header-centered-menu-in-grid-shadow-disable .mkd-page-header .mkd-menu-area .mkd-grid .mkd-vertical-align-containers { box-shadow: none !important; } .mkd-header-vertical .mkd-logo-wrapper { z-index: 100; display: block; position: relative; overflow: hidden; } .mkd-header-vertical .mkd-logo-wrapper a { display: inline-block; vertical-align: middle; position: relative; height: 100%; } .mkd-header-vertical .mkd-logo-wrapper img { display: block; height: auto; max-height: 100%; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .mkd-header-vertical .mkd-vertical-area-widget-holder { z-index: 100; position: absolute; width: 100%; bottom: 0px; left: 0px; font-size: 13px; line-height: 23px; color: #465161; } .mkd-header-vertical .mkd-vertical-dropdown-float .menu-item .second { position: absolute; top: -15px; /*because of the padding*/ left: calc(100% + 40px); /*because of the padding*/ width: 100%; margin-left: 30px; opacity: 0; background-color: #fff; visibility: hidden; -webkit-transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-header-vertical .mkd-vertical-dropdown-float .menu-item .second * { visibility: hidden; -webkit-transition: visibility 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: visibility 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: visibility 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-header-vertical .mkd-vertical-dropdown-float .menu-item .second.mkd-float-open { margin-left: 0px; opacity: 1; visibility: visible; } .mkd-header-vertical .mkd-vertical-dropdown-float .menu-item .second.mkd-float-open * { visibility: visible; } .mkd-header-vertical .mkd-vertical-dropdown-float .menu-item .second.mkd-float-open li { overflow: hidden; } .mkd-header-vertical .mkd-vertical-dropdown-float .menu-item .second.mkd-float-open li:hover { overflow: visible; } .mkd-header-vertical .mkd-vertical-dropdown-float .menu-item .second.vertical_menu_start ul li ul, .mkd-header-vertical .mkd-vertical-dropdown-float .menu-item .second.vertical_menu_start ul li ul * { visibility: hidden; } .mkd-header-vertical .mkd-vertical-dropdown-float .menu-item .second.vertical_menu_start ul li ul.mkd-float-open, .mkd-header-vertical .mkd-vertical-dropdown-float .menu-item .second.vertical_menu_start ul li ul.mkd-float-open * { visibility: visible; opacity: 1; } .mkd-header-vertical .mkd-vertical-dropdown-float .second .inner ul { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px 0; } .mkd-header-vertical .mkd-vertical-dropdown-float li.narrow .second .inner ul { /*because of the .narrow styling*/ border: none; } .mkd-header-vertical .mkd-vertical-dropdown-float .second .inner ul ul { position: absolute; border: none; top: -15px; /*because of the padding*/ left: 100%; margin-left: 50px; height: auto; visibility: hidden; width: 100%; opacity: 0; overflow: hidden; z-index: 10; background-color: #fff; -webkit-transition: opacity 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: opacity 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: opacity 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-header-vertical .mkd-vertical-dropdown-float .second .inner ul ul.mkd-float-open { opacity: 1; margin-left: 0; visibility: visible; } .mkd-header-vertical .mkd-vertical-dropdown-float .second .inner ul li a { display: block; height: auto; line-height: 18px; font-size: 14px; font-weight: 400; color: #9b9a9a; text-decoration: none; position: relative; padding: 8px 20px; -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } .mkd-header-vertical .mkd-vertical-dropdown-float .second .inner ul li a:before { content: ""; position: absolute; top: 25%; left: 0; height: 50%; width: 3px; opacity: 0; background: #38b9df; -webkit-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); } .mkd-header-vertical .mkd-vertical-dropdown-float .second .inner ul li a:hover { color: #38b9df; } .mkd-header-vertical .mkd-vertical-dropdown-float .second .inner ul li a:hover:before { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } .mkd-header-vertical .mkd-vertical-dropdown-float ul li a .mkd-menu-arrow { display: none; } .mkd-header-vertical .mkd-vertical-dropdown-float .second .inner > ul > li > a .menu_icon { -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } .mkd-header-vertical .mkd-vertical-dropdown-click .second { margin: 0; display: none; overflow: hidden; z-index: 10; position: relative; } .mkd-header-vertical .mkd-vertical-dropdown-click .second:after { display: none; width: 44px; height: 1px; content: ''; position: absolute; left: 0; bottom: 0; background-color: #38b9df; } .mkd-header-vertical .mkd-vertical-dropdown-click .second .inner_arrow { display: none; } .mkd-header-vertical .mkd-vertical-dropdown-click .second ul ul { display: none; } .mkd-header-vertical .mkd-vertical-dropdown-click ul li a { display: block; } .mkd-header-vertical .mkd-vertical-dropdown-click ul li a .line { display: none; } .mkd-header-vertical .mkd-vertical-dropdown-click ul > li.menu-item-has-children > a .plus { width: 14px; height: 14px; z-index: 10000; display: block; position: absolute; top: 50%; right: 0; display: block; color: #9d9d9d; font-size: 14px; line-height: 14px; font-family: 'ElegantIcons'; cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .mkd-header-vertical .mkd-vertical-dropdown-click ul > li.menu-item-has-children > a .plus:before { content: "\4c"; } .mkd-header-vertical .mkd-vertical-dropdown-click .second ul > li.menu-item-has-children > a .plus { display: block; } .mkd-header-vertical .mkd-vertical-dropdown-click ul li.menu-item-has-children a span { display: inline-block; max-width: 180px; } .mkd-header-vertical .mkd-vertical-dropdown-click ul li a .mkd-menu-arrow { display: none; } .mkd-header-vertical .mkd-vertical-dropdown-click li.narrow .second .inner ul { background-color: transparent; padding: 0; width: 100%; border: none; } .mkd-header-vertical .mkd-vertical-dropdown-click .second .inner ul li a { display: block; height: auto; font-size: 14px; font-weight: 400; line-height: 18px; color: #a1a1a1; margin: 0; padding: 10px 0; text-decoration: none; position: relative; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease; } .mkd-header-vertical .mkd-vertical-dropdown-click .second .inner ul li a:hover { color: #38b9df; } .mkd-header-vertical .mkd-vertical-dropdown-click li.narrow .second .inner ul ul { display: none; } .mkd-header-vertical .mkd-vertical-dropdown-click .second .inner ul ul li a { padding-left: 15px; } .mkd-header-vertical .mkd-vertical-menu-outer { display: table; margin-left: 0; margin-right: 0; text-align: inherit; width: 100%; height: 70%; } .mkd-header-vertical .mkd-vertical-menu { display: table-cell; height: auto; min-height: 0; vertical-align: middle; position: relative; z-index: 101; margin: 0; text-align: inherit; } .mkd-header-vertical .mkd-vertical-menu ul { position: relative; list-style-type: none; } .mkd-header-vertical .mkd-vertical-menu ul li { position: relative; } .mkd-header-vertical .mkd-vertical-menu ul li a:hover { color: #38b9df; } .mkd-header-vertical .mkd-vertical-menu > ul > li > a { position: relative; display: block; padding: 10px 0; margin: 0; font-size: 15px; line-height: 18px; font-weight: 500; color: #444444; cursor: pointer; -webkit-transition: color 0.15s ease-out, text-decoration 0.15s ease-out, background-color 0.15s ease-out; -moz-transition: color 0.15s ease-out, text-decoration 0.15s ease-out, background-color 0.15s ease-out; transition: color 0.15s ease-out, text-decoration 0.15s ease-out, background-color 0.15s ease-out; } .mkd-header-vertical .mkd-vertical-menu > ul > li > a:before { content: ''; display: block; opacity: 0; height: 100%; position: absolute; top: 0; left: 0; width: 5px; background-color: #38b9df; -webkit-transition: background-color 0.2s ease-out, opacity 0.2s ease-out; -moz-transition: background-color 0.2s ease-out, opacity 0.2s ease-out; -o-transition: background-color 0.2s ease-out, opacity 0.2s ease-out; -ms-transition: background-color 0.2s ease-out, opacity 0.2s ease-out; transition: background-color 0.2s ease-out, opacity 0.2s ease-out; -webkit-transition: background-color 0.2s ease-out, opacity 0.2s ease-out; -moz-transition: background-color 0.2s ease-out, opacity 0.2s ease-out; transition: background-color 0.2s ease-out, opacity 0.2s ease-out; } .mkd-header-vertical .mkd-vertical-menu > ul > li > a:after { display: none; height: 1px; width: 44px; content: ''; position: absolute; left: 0; bottom: 0; background-color: #38b9df; } .mkd-header-vertical .mkd-vertical-menu > ul > li > a > span.item_inner { -webkit-transition: text-decoration 0.2s ease-out; -moz-transition: text-decoration 0.2s ease-out; transition: text-decoration 0.2s ease-out; } .mkd-header-vertical .mkd-vertical-menu > ul > li:last-child > a:after { content: none; } .mkd-header-vertical .mkd-vertical-menu ul > li.menu-item-has-children > a .plus { width: 14px; height: 14px; z-index: 10000; display: block; position: absolute; top: 50%; right: 20px; display: block; color: #9d9d9d; font-size: 14px; line-height: 14px; font-family: 'ElegantIcons'; cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .mkd-header-vertical .mkd-vertical-menu ul > li.menu-item-has-children > a .plus:before { content: "\4c"; } .mkd-header-vertical .mkd-vertical-menu ul > li.menu-item-has-children.open > a .plus:before { content: "\4b"; } .mkd-header-vertical .mkd-vertical-menu ul > li.menu-item-has-children a .plus { display: none; } .mkd-header-vertical .mkd-vertical-menu .second .inner { position: relative; display: block; padding: 0; z-index: 997; } .mkd-header-vertical .mkd-vertical-menu .menu_icon:not(.blank):not(.null) { padding-right: 5px; } .mkd-header-vertical .mkd-top-bar, .mkd-header-vertical .mkd-content, .mkd-header-vertical footer { padding-left: 290px; box-sizing: border-box; } .mkd-header-vertical a { color: #262932; } .mkd-header-vertical a.current, .mkd-header-vertical a:hover { color: #38b9df !important; } .mkd-header-vertical .mkd-vertical-menu-area { position: fixed; width: 290px; top: 0; left: 0; padding: 40px; background-color: transparent; height: 100%; z-index: 101; -webkit-backface-visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.13); -moz-box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.13); box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.13); } .mkd-header-vertical.admin-bar .mkd-vertical-menu-area { top: 33px; } .mkd-header-vertical .mkd-vertical-menu-area.mkd-with-scroll { overflow: hidden; } .mkd-header-vertical .mkd-vertical-area-background { position: fixed; width: 290px; height: 100%; background-position: right top; background-repeat: no-repeat; background-color: #fff; background-size: cover; top: 0; left: 0; z-index: 0; opacity: 1; -webkit-transition: opacity 0.5s ease, background-color 0.5s ease; -moz-transition: opacity 0.5s ease, background-color 0.5s ease; transition: opacity 0.5s ease, background-color 0.5s ease; } .mkd-header-vertical .mkd-vertical-menu-area-inner { position: relative; height: 100%; text-align: center; } .mkd-header-vertical.mkd-disable-header-shadow .mkd-vertical-menu-area { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .mkd-dark-header .mkd-vertical-menu > ul > li > a.current, .mkd-dark-header .mkd-vertical-menu > ul > li > a:hover { color: #38b9df !important; } .mkd-mobile-header .mkd-mobile-nav { display: none; background-color: #fff; } .mkd-mobile-header .mkd-mobile-nav ul { margin: 0; list-style-type: none; } .mkd-mobile-header .mkd-mobile-nav ul ul { margin-left: 20px; display: none; } .mkd-mobile-header .mkd-mobile-nav li { position: relative; } .mkd-mobile-header .mkd-mobile-nav a, .mkd-mobile-header .mkd-mobile-nav h4 { border-bottom: 1px solid #eaeaea; display: block; font-size: 14px; color: #8d8d8d; padding: 9px 0px; margin: 0px; display: block; position: relative; text-transform: none; line-height: 18px; letter-spacing: 0; } .mkd-mobile-header .mkd-mobile-nav a:hover, .mkd-mobile-header .mkd-mobile-nav h4:hover { color: #38b9df; } .mkd-mobile-header .mkd-mobile-nav .mobile_arrow { position: absolute; right: 0; top: 0; line-height: 35px; height: 35px; padding-right: 10px; width: 50px; text-align: right; } .mkd-mobile-header .mkd-mobile-nav .mobile_arrow:hover { cursor: pointer; } .mkd-mobile-header .mkd-mobile-nav .mobile_arrow .mkd-sub-arrow { -webkit-transition: transform 0.2s ease-in-out; -moz-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } .mkd-mobile-header .mkd-mobile-nav .mobile_arrow .fa-angle-down { display: none; } .mkd-mobile-header .mkd-mobile-nav li.mkd-opened > .mobile_arrow > .mkd-sub-arrow { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .mkd-mobile-header .mkd-mobile-nav > ul > li:last-child > a, .mkd-mobile-header .mkd-mobile-nav > .mkd-grid > ul > li:last-child > a { border-bottom: none; } /* ========================================================================== #Mobile header styles ========================================================================== */ .mkd-mobile-header { display: none; position: relative; z-index: 101; /* #General mobile header styles ========================================================================== */ /* #End of general mobile header styles ========================================================================== */ /* #Mobile logo styles ========================================================================== */ /* #End of mobile logo styles ========================================================================== */ /* #Mobile menu opener styles ========================================================================== */ /* #End of mobile menu opener styles ========================================================================== */ } .mkd-mobile-header .mkd-mobile-header-inner { height: 100px; background-color: #fff; position: relative; } .mkd-mobile-header .mkd-mobile-header-inner .mkd-mobile-header-holder { position: relative; z-index: 2; height: 100%; } .mkd-mobile-header .mkd-grid { height: 100%; } .mkd-mobile-header .mkd-vertical-align-containers { padding: 0; } .mkd-mobile-header .mkd-mobile-logo-wrapper a { display: block; max-height: 80px; } .mkd-mobile-header .mkd-mobile-logo-wrapper img { height: 100%; width: auto; } .mkd-mobile-header .mkd-mobile-menu-opener { float: left; position: relative; z-index: 112; height: 100%; } .mkd-mobile-header .mkd-mobile-menu-opener a { display: table; height: 100%; padding-right: 10px; color: #000; font-size: 17px; } .mkd-mobile-header .mkd-mobile-menu-opener a:hover { color: #38b9df; } .mkd-mobile-header .mkd-mobile-menu-opener .mkd-mobile-opener-icon-holder { display: table-cell; vertical-align: middle; } /* ========================================================================== #End of mobile header styles ========================================================================== */ /* ========================================================================== #Sticky mobile header styles ========================================================================== */ .mkd-sticky-up-mobile-header .mkd-animate-mobile-header .mkd-mobile-header-inner { width: 100%; -webkit-transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease; -moz-transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease; -o-transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease; transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .mkd-sticky-up-mobile-header .mobile-header-appear .mkd-mobile-header-inner { top: 0; left: 0; width: 100%; position: fixed; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } /* ========================================================================== #End of sticky mobile header styles ========================================================================== */ .mkd-page-header { display: inline-block; margin: 0; position: relative; vertical-align: middle; width: 100%; z-index: 110; /* ========================================================================== #General header layout - start ========================================================================== */ /* ========================================================================== #General header hover - start ========================================================================== */ /* ========================================================================== #General header hover - end ========================================================================== */ /* ========================================================================== #General header layout - end ========================================================================== */ /* ========================================================================== #Logo area styles - start ========================================================================== */ /* ========================================================================== #Logo area styles - end ========================================================================== */ /* ========================================================================== #Menu area styles - start ========================================================================== */ /* ========================================================================== #Menu area styles - end ========================================================================== */ /* ========================================================================== #Sticky header styles - start ========================================================================== */ /* ========================================================================== #Sticky header styles - end ========================================================================== */ /* ========================================================================== #Fixed header styles - start ========================================================================== */ /* ========================================================================== #Fixed header - end ========================================================================== */ } .mkd-page-header a img { display: block; } .mkd-page-header .mkd-grid { height: 100%; } .mkd-page-header .mkd-grid .mkd-vertical-align-containers { padding: 0; -webkit-transition: background-color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: background-color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: background-color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-page-header .mkd-main-menu > ul > li > a { position: relative; -webkit-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -webkit-box-shadow: inset 0 0 0 transparent; -moz-box-shadow: inset 0 0 0 transparent; box-shadow: inset 0 0 0 transparent; } .mkd-page-header .mkd-main-menu > ul > li > a.current, .mkd-page-header .mkd-main-menu > ul > li > a:hover { -webkit-box-shadow: inset 0 -4px 0 #38b9df; -moz-box-shadow: inset 0 -4px 0 #38b9df; box-shadow: inset 0 -4px 0 #38b9df; } .mkd-page-header .mkd-logo-area { height: 155px; position: relative; } .mkd-page-header .mkd-logo-area .mkd-logo-wrapper a { max-height: 139.5px; } .mkd-page-header .mkd-menu-area { height: 100px; position: relative; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .mkd-page-header .mkd-menu-area .mkd-logo-wrapper a { max-height: 90px; } .mkd-page-header .mkd-menu-area .mkd-position-right-inner { height: 100%; } .mkd-page-header .mkd-menu-area .mkd-position-left:before, .mkd-page-header .mkd-menu-area .mkd-position-right:before, .mkd-page-header .mkd-menu-area .mkd-position-center:before { content: normal; } .mkd-page-header .mkd-sticky-header { height: 60px; width: 100%; position: fixed; top: 0; left: 0; z-index: 100; -webkit-transform: translateY(-110%); transform: translateY(-110%); -webkit-transition: -webkit-transform 0.33s ease; transition: transform 0.3s ease; -webkit-backface-visibility: hidden; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); } .mkd-page-header .mkd-sticky-header.header-appear { transform: translateY(0%); } body:not(.mkd-header-divided) .mkd-page-header .mkd-sticky-header .mkd-vertical-align-containers .mkd-position-left-inner, body:not(.mkd-header-divided) .mkd-page-header .mkd-sticky-header .mkd-vertical-align-containers .mkd-position-center-inner, body:not(.mkd-header-divided) .mkd-page-header .mkd-sticky-header .mkd-vertical-align-containers .mkd-position-right-inner { display: table; height: 100%; } body:not(.mkd-header-divided) .mkd-page-header .mkd-sticky-header .mkd-main-menu, body:not(.mkd-header-divided) .mkd-page-header .mkd-sticky-header .mkd-logo-wrapper { display: table-cell; } body:not(.mkd-header-divided) .mkd-page-header .mkd-sticky-header .mkd-position-left:before, body:not(.mkd-header-divided) .mkd-page-header .mkd-sticky-header .mkd-position-right:before, body:not(.mkd-header-divided) .mkd-page-header .mkd-sticky-header .mkd-position-center:before { content: normal; } .mkd-page-header .mkd-sticky-header .mkd-sticky-holder { height: 100%; background-color: #fff; position: relative; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .admin-bar .mkd-page-header .mkd-sticky-header.header-appear { top: 32px; } .mkd-page-header .mkd-sticky-header .mkd-position-left-inner { height: 100%; } .mkd-page-header .mkd-sticky-header .mkd-sticky-holder .mkd-logo-wrapper a { max-height: 54px; } .mkd-page-header .mkd-sticky-header .mkd-sticky-right-widget-area { height: 100%; display: inline-block; vertical-align: middle; color: #fff; } .mkd-page-header .mkd-sticky-header .mkd-sticky-right-widget-area:before, .mkd-page-header .mkd-sticky-header .mkd-sticky-right-widget-area:after { content: " "; /* 1 */ display: table; /* 2 */ } .mkd-page-header .mkd-sticky-header .mkd-sticky-right-widget-area:after { clear: both; } .mkd-page-header .mkd-sticky-header .mkd-sticky-right-widget-area { *zoom: 1; } .mkd-page-header .mkd-sticky-header .mkd-sticky-right-widget { display: table; height: 100%; float: left; margin-left: 15px; } .mkd-page-header .mkd-sticky-header .mkd-sticky-right-widget-inner { display: table-cell; vertical-align: middle; } .mkd-page-header .mkd-sticky-header .mkd-sticky-right { display: inline-block; vertical-align: middle; } .mkd-page-header .mkd-sticky-header .mkd-main-menu > ul > li > a, .mkd-page-header .mkd-sticky-header .mkd-main-menu > ul > li.mkd-active-item > a, .mkd-page-header .mkd-sticky-header .mkd-side-menu-button-opener, .mkd-page-header .mkd-sticky-header .mkd-search-opener { display: block; } .mkd-page-header .mkd-sticky-header .mkd-main-menu > ul > li:hover > a, .mkd-page-header .mkd-sticky-header .mkd-side-menu-button-opener:hover, .mkd-page-header .mkd-sticky-header .mkd-search-opener:hover { opacity: 0.8; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mkd-page-header .mkd-fixed-wrapper.fixed { width: 100%; position: fixed; left: 0px; top: 0px; -webkit-backface-visibility: hidden; } .mkd-page-header .mkd-search-opener { color: #323232; font-size: 20px; display: block; } .mkd-page-header .mkd-search-opener:hover { opacity: 0.8; } /* ========================================================================== #Light header - begin ========================================================================== */ .mkd-light-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart), .mkd-light-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart), .mkd-light-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) { color: #ffffff; } .mkd-light-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) p, .mkd-light-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) a, .mkd-light-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) span, .mkd-light-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) i, .mkd-light-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) .widgettitle, .mkd-light-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) p, .mkd-light-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) a, .mkd-light-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) span, .mkd-light-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) i, .mkd-light-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) .widgettitle, .mkd-light-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) p, .mkd-light-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) a, .mkd-light-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) span, .mkd-light-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) i, .mkd-light-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) .widgettitle { color: #ffffff; } .mkd-light-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) a, .mkd-light-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) a, .mkd-light-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) a { padding: 30px 0 30px 15px; border-color: #fff !important; } .mkd-light-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) .mkd-btn:hover .mkd-btn-text, .mkd-light-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) .mkd-btn:hover .mkd-btn-text, .mkd-light-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) .mkd-btn:hover .mkd-btn-text { color: #222328 !important; } .mkd-light-header .mkd-logo-area .mkd-light-logo, .mkd-light-header .mkd-menu-area .mkd-light-logo, .mkd-light-header .mkd-vertical-menu-area .mkd-light-logo { opacity: 1; } .mkd-light-header .mkd-logo-area .mkd-dark-logo, .mkd-light-header .mkd-logo-area .mkd-normal-logo, .mkd-light-header .mkd-menu-area .mkd-dark-logo, .mkd-light-header .mkd-menu-area .mkd-normal-logo, .mkd-light-header .mkd-vertical-menu-area .mkd-dark-logo, .mkd-light-header .mkd-vertical-menu-area .mkd-normal-logo { opacity: 0; } .mkd-light-header .mkd-vertical-menu > ul > li > a, .mkd-light-header .mkd-vertical-area-widget-holder { color: #ffffff !important; } .mkd-light-header .mkd-dark-header .mkd-vertical-menu > ul > li > a.current, .mkd-light-header .mkd-dark-header .mkd-vertical-menu > ul > li > a:hover { color: #38b9df !important; } .mkd-light-header .mkd-page-header #lang_sel > ul > li > a { color: #fff; } /* ========================================================================== #Light header - end ========================================================================== */ /* ========================================================================== #Dark header - begin ========================================================================== */ .mkd-dark-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart), .mkd-dark-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart), .mkd-dark-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) { color: #000000 !important; } .mkd-dark-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) p, .mkd-dark-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) a, .mkd-dark-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) span, .mkd-dark-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) i, .mkd-dark-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) .widgettitle, .mkd-dark-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) p, .mkd-dark-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) a, .mkd-dark-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) span, .mkd-dark-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) i, .mkd-dark-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) .widgettitle, .mkd-dark-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) p, .mkd-dark-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) a, .mkd-dark-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) span, .mkd-dark-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) i, .mkd-dark-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) .widgettitle { color: #000000 !important; } .mkd-dark-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) p:hover, .mkd-dark-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) a:hover, .mkd-dark-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) span:hover, .mkd-dark-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) i:hover, .mkd-dark-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) .widgettitle:hover, .mkd-dark-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) p:hover, .mkd-dark-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) a:hover, .mkd-dark-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) span:hover, .mkd-dark-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) i:hover, .mkd-dark-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) .widgettitle:hover, .mkd-dark-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) p:hover, .mkd-dark-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) a:hover, .mkd-dark-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) span:hover, .mkd-dark-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) i:hover, .mkd-dark-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) .widgettitle:hover { opacity: 0.8; } .mkd-dark-header .mkd-logo-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) .mkd-btn:hover .mkd-btn-text, .mkd-dark-header .mkd-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) .mkd-btn:hover .mkd-btn-text, .mkd-dark-header .mkd-vertical-menu-area .mkd-main-menu-widget-area .widget:not(.widget_mkd_woocommerce_dropdown_cart) .mkd-btn:hover .mkd-btn-text { color: #fff !important; } .mkd-dark-header .mkd-logo-area .mkd-dark-logo, .mkd-dark-header .mkd-menu-area .mkd-dark-logo, .mkd-dark-header .mkd-vertical-menu-area .mkd-dark-logo { opacity: 1; } .mkd-dark-header .mkd-logo-area .mkd-normal-logo, .mkd-dark-header .mkd-logo-area .mkd-light-logo, .mkd-dark-header .mkd-menu-area .mkd-normal-logo, .mkd-dark-header .mkd-menu-area .mkd-light-logo, .mkd-dark-header .mkd-vertical-menu-area .mkd-normal-logo, .mkd-dark-header .mkd-vertical-menu-area .mkd-light-logo { opacity: 0; } .mkd-dark-header .mkd-vertical-menu > ul > li > a, .mkd-dark-header .mkd-vertical-area-widget-holder { color: #000000 !important; } .mkd-dark-header .mkd-menu-area .mkd-side-menu-button-opener:hover { opacity: 0.7; } /* ========================================================================== #Dark header - end ========================================================================== */ /* ========================================================================== #Search opener default style - begin ========================================================================== */ .mkd-search-opener { line-height: 0; } /* ========================================================================== #Search opener default style - end ========================================================================== */ /* ========================================================================== 3. Footer styles ========================================================================== */ /* ========================================================================== # Footer style - begin ========================================================================== */ footer { display: block; width: 100%; margin: 0 auto; z-index: 100; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } footer .mkd-footer-inner { position: relative; /* for triangle back to top and ajax transitions */ } footer .mkd-container { background-color: inherit; } footer .mkd-container-inner { position: relative; } footer .mkd-container-inner > .widget { text-align: center; } footer a { text-decoration: none; } footer .mkd-footer-ingrid-border-holder-outer { background-color: #393939; } footer .mkd-footer-top-border-holder, footer .mkd-footer-bottom-border-holder { position: relative; display: block; width: 100%; } footer .mkd-footer-top-border-holder.mkd-in-grid, footer .mkd-footer-bottom-border-holder.mkd-in-grid { width: 1100px; margin: 0 auto; } footer .mkd-footer-top-holder { display: block; background-color: #221f1b; position: relative; background-position: center center; background-size: cover; } footer .mkd-footer-top:not(.mkd-footer-top-full) .mkd-container-inner { padding: 80px 0 70px; } footer .mkd-footer-top.mkd-footer-top-full { padding: 80px 25px 70px; } footer .mkd-footer-top.mkd-footer-top-aligment-center { text-align: center; } footer .mkd-footer-top.mkd-footer-top-aligment-left { text-align: left; } footer .mkd-footer-top.mkd-footer-top-aligment-right { text-align: right; } footer .mkd-footer-bottom-holder { display: table; width: 100%; background-color: #3b3b3b; vertical-align: middle; text-align: center; min-height: 70px; } footer .mkd-footer-bottom-holder .mkd-column-inner { text-align: center; vertical-align: middle; } footer .mkd-footer-bottom-holder .mkd-three-columns .mkd-column:first-child .mkd-column-inner { text-align: left; } footer .mkd-footer-bottom-holder .mkd-three-columns .mkd-column:last-child .mkd-column-inner { text-align: right; } footer .mkd-footer-bottom-holder .mkd-two-columns-50-50 .mkd-column:first-child .mkd-column-inner { text-align: left; } footer .mkd-footer-bottom-holder .mkd-two-columns-50-50 .mkd-column:last-child .mkd-column-inner { text-align: right; } footer .mkd-footer-bottom-holder .mkd-footer-bottom-border-bottom-holder { clear: both; } footer .mkd-footer-bottom-holder .widget { padding: 23px 0; } /* Footer uncover - begin ========================================================================== */ footer.mkd-footer-uncover { position: fixed; bottom: 0; left: 0; z-index: 99; -webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); } footer.mkd-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-text, footer.mkd-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-number, footer.mkd-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-date, footer.mkd-footer-uncover .cf7_custom_style_2 textarea.wpcf7-form-control.wpcf7-textarea, footer.mkd-footer-uncover .cf7_custom_style_2 select.wpcf7-form-control.wpcf7-select, footer.mkd-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-quiz { transform: none; } /* Footer uncover - end ========================================================================== */ /* Footer boxed - begin ========================================================================== */ .boxed footer { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ } /* Footer boxed - end ========================================================================== */ /* Footer disabled - begin ========================================================================== */ footer.mkd-disable-footer { display: none; } /* Footer disabled - end ========================================================================== */ /* ========================================================================== # Footer style - end ========================================================================== */ /* ========================================================================== 4. Title area styles ========================================================================== */ /* ========================================================================== # Title area style - start ========================================================================== */ @-webkit-keyframes title-animation-from-right { 0% { opacity: 0; transform: translate(50%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes title-animation-from-right { 0% { opacity: 0; transform: translate(50%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @-webkit-keyframes title-animation-from-left { 0% { opacity: 0; transform: translate(-50%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes title-animation-from-left { 0% { opacity: 0; transform: translate(-50%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } .mkd-title.mkd-title-standard.mkd-has-background .mkd-title-subtitle-holder { padding-bottom: 14px; } .mkd-title { display: block; width: 100%; height: 114px; text-align: left; position: relative; z-index: 101; background-color: #f0f0ef; background-position: center 0; background-repeat: no-repeat; } .mkd-title.mkd-has-parallax-background { background-attachment: fixed; background-repeat: no-repeat; position: relative; z-index: 101; } .mkd-title.mkd-content-center-alignment { text-align: center; } .mkd-title.mkd-content-center-alignment .mkd-title-holder .mkd-title-subtitle-holder { margin: auto; } .mkd-title.mkd-content-right-alignment { text-align: right; } .mkd-title.mkd-content-right-alignment .mkd-title-holder .mkd-title-subtitle-holder { float: right; } .mkd-title.mkd-animation-right-left h1, .mkd-title.mkd-animation-right-left .mkd-subtitle span, .mkd-title.mkd-animation-right-left .mkd-breadcrumbs-holder { -webkit-animation-name: title-animation-from-right; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-animation-delay: 1s; -webkit-animation-fill-mode: forwards; /* this prevents the animation from restarting! */ animation-name: title-animation-from-right; animation-duration: 0.5s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); animation-delay: 1s; animation-fill-mode: forwards; /* this prevents the animation from restarting! */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .mkd-title.mkd-animation-left-right h1, .mkd-title.mkd-animation-left-right .mkd-subtitle span, .mkd-title.mkd-animation-left-right .mkd-breadcrumbs-holder { -webkit-animation-name: title-animation-from-left; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-animation-delay: 1s; -webkit-animation-fill-mode: forwards; /* this prevents the animation from restarting! */ animation-name: title-animation-from-left; animation-duration: 0.5s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); animation-delay: 1s; animation-fill-mode: forwards; /* this prevents the animation from restarting! */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .mkd-title.mkd-has-responsive-background { height: auto !important; } .mkd-title.mkd-has-responsive-background .mkd-title-holder { display: block; position: absolute; top: 0; left: 0; } .mkd-title.mkd-has-responsive-background .mkd-title-holder .mkd-container { display: block; height: 100%; } .mkd-title.mkd-has-responsive-background .mkd-title-holder .mkd-container-inner { display: table; height: 100%; } .mkd-title.mkd-has-responsive-background .mkd-title-holder .mkd-title-subtitle-holder { display: table-cell; vertical-align: middle; width: 100%; } .mkd-title .mkd-title-image img { display: block; position: relative; width: 100%; } .mkd-title .mkd-separator-holder .mkd-separator { border-bottom-width: 3px; border-color: #38b9df; width: 40px; margin-top: 15px; margin-bottom: 20px; } .mkd-title .mkd-separator-holder.mkd-separator-center { text-align: inherit; } .mkd-title.mkd-title-image-not-responsive .mkd-title-image { display: none; } .mkd-title .mkd-title-holder { display: table; height: 100%; position: relative; width: 100%; /* #Standard title - start ========================================================================== */ /* #Standard title - end ========================================================================== */ /* #Breadcrumb title - start ========================================================================== */ /* #Breadcrumb title - end ========================================================================== */ } .mkd-title .mkd-title-holder .mkd-container { background-color: transparent; display: table-row; vertical-align: middle; } .mkd-title .mkd-title-holder .mkd-container-inner { display: table-cell; padding: 0 !important; vertical-align: middle; } .mkd-title .mkd-title-holder .mkd-title-subtitle-holder { display: block; padding: 0; position: relative; z-index: 25; } .mkd-title .mkd-title-holder .mkd-title-subtitle-holder-inner { position: relative; } .mkd-title .mkd-title-holder h1 { font-size: 21px; font-weight: 600; display: inline-block; line-height: 1.2em; vertical-align: middle; margin: 0; } .mkd-title .mkd-title-holder h1 span { display: inline-block; } .mkd-title .mkd-title-holder .mkd-subtitle { display: block; color: #8b8a8a; margin-top: 15px; margin-bottom: 0; font-weight: 400; } .mkd-title .mkd-title-holder .mkd-subtitle span { display: inline-block; vertical-align: middle; } .mkd-title .mkd-title-holder .mkd-breadcrumbs-holder { display: inline-block; vertical-align: middle; } .mkd-title .mkd-title-holder .mkd-breadcrumbs a, .mkd-title .mkd-title-holder .mkd-breadcrumbs span { color: #8b8a8a; font-size: 13px; font-family: "Raleway", sans-serif; font-weight: 500; line-height: 1em; display: inline-block; vertical-align: middle; text-transform: uppercase; } .mkd-title .mkd-title-holder .mkd-breadcrumbs a.mkd-current, .mkd-title .mkd-title-holder .mkd-breadcrumbs span.mkd-current { color: #262932; } .mkd-title .mkd-title-holder .mkd-breadcrumbs a:hover { color: #38b9df; } .mkd-title.mkd-standard-type .mkd-breadcrumbs-holder { position: absolute; top: 0; height: 100%; } .mkd-title.mkd-standard-type .mkd-breadcrumbs-holder .mkd-breadcrumbs { display: table; height: 100%; width: 100%; } .mkd-title.mkd-standard-type .mkd-breadcrumbs-holder .mkd-breadcrumbs-inner { display: table-cell; vertical-align: middle; } .mkd-title.mkd-standard-type.mkd-content-left-alignment .mkd-breadcrumbs-holder { right: 0; } .mkd-title.mkd-standard-type.mkd-content-right-alignment .mkd-breadcrumbs-holder { left: 0; } .mkd-title.mkd-standard-type.mkd-content-center-alignment .mkd-breadcrumbs-holder { position: relative; top: auto; height: auto; display: block; } /* ========================================================================== # Title area style - end ========================================================================== */ /* ========================================================================== 5. Side area styles ========================================================================== */ /* ========================================================================== # Side area style - start ========================================================================== */ /* Side area general style - start ========================================================================== */ .mkd-light-header .mkd-page-header > div:not(.mkd-sticky-header) .mkd-side-menu-button-opener, .mkd-light-header.mkd-header-style-on-scroll .mkd-page-header .mkd-side-menu-button-opener, .mkd-light-header .mkd-top-bar .mkd-side-menu-button-opener, .mkd-light-header .mkd-page-header > div:not(.mkd-sticky-header) .mkd-side-menu-button-opener:hover { color: #ffffff !important; } .mkd-dark-header .mkd-page-header > div:not(.mkd-sticky-header) .mkd-side-menu-button-opener, .mkd-dark-header.mkd-header-style-on-scroll .mkd-page-header .mkd-side-menu-button-opener, .mkd-dark-header .mkd-top-bar .mkd-side-menu-button-opener { color: #000000 !important; } .mkd-light-header .mkd-page-header > div:not(.mkd-sticky-header) .mkd-side-menu-button-opener:hover, .mkd-light-header.mkd-header-style-on-scroll .mkd-page-header .mkd-side-menu-button-opener:hover, .mkd-light-header .mkd-top-bar .mkd-side-menu-button-opener:hover, .mkd-dark-header .mkd-page-header > div:not(.mkd-sticky-header) .mkd-side-menu-button-opener:hover, .mkd-dark-header.mkd-header-style-on-scroll .mkd-page-header .mkd-side-menu-button-opener:hover, .mkd-dark-header .mkd-top-bar .mkd-side-menu-button-opener:hover { opacity: 0.8; } .mkd-side-menu-button-opener { font-size: 25px; color: #2b2a28; display: block; height: auto; line-height: 0; -webkit-transition: initial; -moz-transition: initial; transition: initial; } .mkd-side-menu-button-opener.medium { display: inline-block; font-size: 21px; line-height: 30px; height: 30px; width: 19px; } .mkd-side-menu-button-opener.large { display: inline-block; font-size: 28px; line-height: 34px; height: 34px; width: 24px; } .mkd-side-menu-button-opener > i { display: inline-block; color: inherit !important; /* because of light and dardk header */ height: inherit; line-height: inherit; vertical-align: bottom; width: inherit; text-align: center; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .mkd-side-menu-button-opener:hover { color: #38b9df; } .mkd-side-menu-button-opener span.social_icon { font-family: 'ElegantIcons' !important; } .mkd-side-menu-button-opener i.social_icon { font-family: 'FontAwesome', serif !important; } .mkd-side-menu { background-color: #f0f0ef; height: 100%; min-height: 100%; overflow: hidden; padding: 30px 50px; position: fixed; top: 0; right: -270px; width: 210px; z-index: 9999; -webkit-backface-visibility: hidden; /* h4{ margin: 0 0 15px 0; } h5, h6 { margin: 0 0 12px 0; } .widget { margin: 0 0 30px; li { position:relative; list-style-type: none; } ul li.page_item_has_children, ul li.menu-item-has-children{ padding-right: 0; border-bottom:none; } ul ul { padding: 6px 0 0 10px; } } a:not(.qbutton), li, span, p, .widget_rss li a.rsswidget { color: #9d9d9d; line-height: 31px; @include mkdTransition(color 0.15s ease-out); } .widget_calendar { font-size: 14px; a{ color:#fff; } caption, th, td { color: #9d9d9d; line-height: 31px; @include mkdTransition(color 0.15s ease-out); } thead tr, tbody tr, tbody td { border-color: #9d9d9d; } }*/ /*.widget_nav_menu { li:last-child, li a { margin: 0; } }*/ } .mkd-side-menu .mkd-side-menu-title { display: block; margin: 0 0 12px; } .mkd-side-menu .mkd-close-side-menu-holder { display: table; height: 90px; position: absolute; top: 0px; right: 38px; z-index: 1000; } .mkd-side-menu .mkd-close-side-menu-holder-inner { display: table-cell; vertical-align: middle; } .mkd-side-menu a.mkd-close-side-menu { display: inline-block; height: 40px; width: 40px; padding: 0 2px 4px 0; /* in order to align icon in horizontal and vertical center */ z-index: 1000; -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; transition: transform 0.5s ease; } .mkd-side-menu a.mkd-close-side-menu span { color: #000; display: inline-block; font-size: 40px; height: 40px; line-height: 40px; position: relative; text-align: center; width: 40px; } .mkd-side-menu a.mkd-close-side-menu:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .admin-bar .mkd-side-menu .mkd-close-side-menu-holder { top: 32px; } /* Side area general style - end ========================================================================== */ /* Side area slides over content style - start ========================================================================== */ .mkd-side-menu-slide-from-right .mkd-wrapper { background-color: #fff; position: relative; z-index: 1000; -webkit-transition: left 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: left 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); transition: left 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); } .mkd-side-menu-slide-from-right .mkd-wrapper .mkd-cover { z-index: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; filter: alpha(opacity=0); background: #fff; -webkit-transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out, z-index 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out, z-index 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out, z-index 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out, z-index 0.2s ease-in-out; } .mkd-side-menu-slide-from-right .carousel-inner { -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .mkd-side-menu-slide-from-right .mkd-side-menu { padding: 40px 40px 40px 51px; top: 0; right: -45%; width: 26%; z-index: 9999; text-align: left; visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .mkd-side-menu-slide-from-right .mkd-sticky-header, .mkd-side-menu-slide-from-right .mkd-fixed-wrapper.fixed { -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.33s ease; transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.33s ease; } .mkd-side-menu-slide-from-right footer.uncover { -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .mkd-side-menu-slide-from-right.mkd-right-side-menu-opened .mkd-cover { cursor: url("img/close.png"), pointer; z-index: 1002; opacity: 0.6; filter: alpha(opacity=60); } .mkd-side-menu-slide-from-right.mkd-right-side-menu-opened .mkd-side-menu { right: 0px; visibility: visible; } /* Side area slides over content style - end ========================================================================== */ /* Side area slides with content style - start ========================================================================== */ .mkd-side-menu-slide-with-content { overflow-x: hidden; position: relative; left: 0; -webkit-overflow-scrolling: auto !important; -webkit-transition: left 0.2s ease, right 0.2s ease; -moz-transition: left 0.2s ease, right 0.2s ease; -o-transition: left 0.2s ease, right 0.2s ease; transition: left 0.2s ease, right 0.2s ease; } .mkd-side-menu-slide-with-content .mkd-side-menu { position: fixed; visibility: visible; -webkit-box-sizing: border-box; box-sizing: border-box; width: 470px; right: -470px; height: 100%; top: 0; z-index: 9999; -webkit-transition: left 0.2s ease, right 0.2s ease; -moz-transition: left 0.2s ease, right 0.2s ease; -o-transition: left 0.2s ease, right 0.2s ease; transition: left 0.2s ease, right 0.2s ease; } .mkd-side-menu-slide-with-content footer.uncover, .mkd-side-menu-slide-with-content .mkd-wrapper { -webkit-transition: left 0.2s ease, right 0.2s ease; -moz-transition: left 0.2s ease, right 0.2s ease; -o-transition: left 0.2s ease, right 0.2s ease; transition: left 0.2s ease, right 0.2s ease; } .mkd-side-menu-slide-with-content .mkd-sticky-header, .mkd-side-menu-slide-with-content .mkd-fixed-wrapper.fixed, .mkd-side-menu-slide-with-content .mkd-mobile-header-inner { -webkit-transition: left 0.2s ease, right 0.2s ease, -webkit-transform 0.33s ease; transition: left 0.2s ease, right 0.2s ease, transform 0.33s ease; } .mkd-side-menu-slide-with-content .carousel-inner { left: 0 !important; -webkit-transition: left 0.2s ease; -moz-transition: left 0.2s ease; transition: left 0.2s ease; } .mkd-side-menu-slide-with-content.mkd-side-menu-open .mkd-wrapper, .mkd-side-menu-slide-with-content.mkd-side-menu-open footer.uncover, .mkd-side-menu-slide-with-content.mkd-side-menu-open .mkd-sticky-header, .mkd-side-menu-slide-with-content.mkd-side-menu-open .mkd-fixed-wrapper, .mkd-side-menu-slide-with-content.mkd-side-menu-open .mkd-mobile-header-inner { left: -470px; } .mkd-side-menu-slide-with-content.mkd-side-menu-open .mkd-side-menu { right: 0; } .mkd-side-menu-slide-with-content.mkd-side-menu-open .carousel-inner:not(.relative_position) { left: -470px !important; } /* width 270px start */ .mkd-side-menu-slide-with-content.mkd-width-270.mkd-side-menu-open .mkd-wrapper, .mkd-side-menu-slide-with-content.mkd-width-270.mkd-side-menu-open footer.uncover, .mkd-side-menu-slide-with-content.mkd-width-270.mkd-side-menu-open .mkd-sticky-header, .mkd-side-menu-slide-with-content.mkd-width-270.mkd-side-menu-open .mkd-fixed-wrapper, .mkd-side-menu-slide-with-content.mkd-width-270.mkd-side-menu-open .mkd-mobile-header-inner { left: -270px; } .mkd-side-menu-slide-with-content.mkd-width-270.mkd-side-menu-open .mkd-side-menu { right: 0; } .mkd-side-menu-slide-with-content.mkd-width-270.mkd-side-menu-open .carousel-inner:not(.relative_position) { left: -270px !important; } .mkd-side-menu-slide-with-content.mkd-width-270 .mkd-side-menu { width: 270px; right: -270px; } /* width 270px end */ /* width 370px start */ .mkd-side-menu-slide-with-content.mkd-width-370.mkd-side-menu-open .mkd-wrapper, .mkd-side-menu-slide-with-content.mkd-width-370.mkd-side-menu-open footer.uncover, .mkd-side-menu-slide-with-content.mkd-width-370.mkd-side-menu-open .mkd-sticky-header, .mkd-side-menu-slide-with-content.mkd-width-370.mkd-side-menu-open .mkd-fixed-wrapper, .mkd-side-menu-slide-with-content.mkd-width-370.mkd-side-menu-open .mkd-mobile-header-inner { left: -370px; } .mkd-side-menu-slide-with-content.mkd-width-370.mkd-side-menu-open .mkd-side-menu { right: 0; } .mkd-side-menu-slide-with-content.mkd-width-370.mkd-side-menu-open .carousel-inner:not(.relative_position) { left: -370px !important; } .mkd-side-menu-slide-with-content.mkd-width-370 .mkd-side-menu { width: 370px; right: -370px; } /* width 370px end */ /* Side area slides with content style - end ========================================================================== */ /* Side area uncovering - start ========================================================================== */ .mkd-side-area-uncovered-from-content .mkd-side-menu { background-color: #1b1b1b; height: 100%; min-height: 100%; overflow: hidden; padding: 30px; position: fixed; top: 0; right: 0; width: 210px; z-index: 90; visibility: hidden; } .mkd-side-area-uncovered-from-content .mkd-sticky-header, .mkd-side-area-uncovered-from-content .mkd-fixed-wrapper.fixed { -webkit-transition: left 0.3s ease, right 0.2s ease; -moz-transition: left 0.3s ease, right 0.2s ease; -o-transition: left 0.3s ease, right 0.2s ease; transition: left 0.3s ease, right 0.2s ease; } /* Side area uncovering - end ========================================================================== */ /* ========================================================================== # Side area style - end ========================================================================== */ /* ========================================================================== 6. Fullscreen Menu area styles ========================================================================== */ /* ========================================================================== # Fullscreen menu style - begin ========================================================================== */ .mkd-dark-header.mkd-header-style-on-scroll .mkd-page-header .mkd-fullscreen-menu-opener:not(.opened) .mkd-line, .mkd-dark-header .mkd-top-bar .mkd-fullscreen-menu-opener:not(.opened) .mkd-line { background-color: #000000 !important; } .mkd-dark-header .mkd-page-header > div:not(.mkd-sticky-header) .mkd-fullscreen-menu-opener { color: #000000 !important; } .mkd-light-header.mkd-header-style-on-scroll .mkd-page-header .mkd-fullscreen-menu-opener:not(.opened) .mkd-line, .mkd-light-header .mkd-top-bar .mkd-fullscreen-menu-opener:not(.opened) .mkd-line { background-color: #ffffff !important; } .mkd-light-header .mkd-page-header > div:not(.mkd-sticky-header) .mkd-fullscreen-menu-opener:not(.opened) { color: #ffffff !important; } .mkd-fullscreen-menu-opener { font-size: 16px; position: relative; display: inline-block; vertical-align: middle; -webkit-transition: color 0.2s ease, opacity 0.2s ease; -moz-transition: color 0.2s ease, opacity 0.2s ease; transition: color 0.2s ease, opacity 0.2s ease; color: #b9b9b9; width: 25px; vertical-align: baseline; } .mkd-fullscreen-menu-opener .mkd-position-left-inner, .mkd-fullscreen-menu-opener .mkd-position-center-inner, .mkd-position-right-inner .mkd-fullscreen-menu-opener { display: table-cell; vertical-align: middle; } .mkd-fullscreen-menu-opener .mkd-fullscreen-menu-opener-icon { display: inline-block; line-height: inherit; vertical-align: top; text-align: center; width: 100%; height: 20px; position: relative; } .mkd-fullscreen-menu-opener .mkd-fullscreen-menu-opener-icon .mkd-fsm-first-line, .mkd-fullscreen-menu-opener .mkd-fullscreen-menu-opener-icon .mkd-fsm-second-line, .mkd-fullscreen-menu-opener .mkd-fullscreen-menu-opener-icon .mkd-fsm-third-line { border-radius: 3px; position: absolute; top: 45%; left: 0; height: 0; border: 2px solid; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mkd-fullscreen-menu-opener .mkd-fullscreen-menu-opener-icon .mkd-fsm-first-line { width: 16px; -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .mkd-fullscreen-menu-opener .mkd-fullscreen-menu-opener-icon .mkd-fsm-second-line { width: 20px; -webkit-transition-delay: 0.05s; /* Safari */ transition-delay: 0.05s; } .mkd-fullscreen-menu-opener .mkd-fullscreen-menu-opener-icon .mkd-fsm-third-line { width: 22px; -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); -webkit-transition-delay: 0.1s; /* Safari */ transition-delay: 0.1s; } .mkd-fullscreen-menu-opener:hover { color: #303030; } .mkd-fullscreen-menu-opener:hover .mkd-fsm-first-line, .mkd-fullscreen-menu-opener:hover .mkd-fsm-second-line, .mkd-fullscreen-menu-opener:hover .mkd-fsm-third-line { width: 25px; } .mkd-fullscreen-menu-opener.opened { color: #fff; } .mkd-fullscreen-menu-opener.opened:hover { opacity: 0.8; } .mkd-fullscreen-menu-opener.opened .mkd-fsm-first-line { -webkit-transition-delay: 0s; transition-delay: 0s; width: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .mkd-fullscreen-menu-opener.opened .mkd-fsm-second-line { opacity: 0; } .mkd-fullscreen-menu-opener.opened .mkd-fsm-third-line { -webkit-transition-delay: 0s; transition-delay: 0s; width: 25px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .mkd-fullscreen-menu-opened .mkd-page-header, .mkd-fullscreen-menu-opened .mkd-top-bar, .mkd-fullscreen-menu-opened #multiscroll-nav { visibility: hidden; } .mkd-fullscreen-menu-opened .mkd-fullscreen-menu-opener { visibility: visible; } .mkd-fullscreen-menu-holder-outer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden !important; visibility: hidden; opacity: 0; z-index: 105; /* this has to be between header z-index and content z-index */ } .mkd-fullscreen-menu-holder { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); display: table; background-repeat: repeat; background-position: 0px 0px; } .mkd-fullscreen-menu-holder-inner { display: table-cell; vertical-align: middle; padding: 50px 0px; } .touch .mkd-fullscreen-menu-holder-outer { display: none; } .touch .mkd-fullscreen-menu-opened .mkd-fullscreen-menu-holder-outer { display: block; } .mkd-fullscreen-logo-wrapper { margin-bottom: 60px; text-align: center; } .mkd-fullscreen-logo-wrapper a { display: inline-block; max-width: 100%; position: relative; vertical-align: middle; } .mkd-fullscreen-logo-wrapper a img { height: 100%; width: auto; } nav.mkd-fullscreen-menu { margin: 0 auto; position: relative; top: 0; text-align: left; } nav.mkd-fullscreen-menu ul { position: relative; list-style: none; padding: 0; margin: 0; } nav.mkd-fullscreen-menu ul li { margin: 0; padding: 0; text-align: center; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } nav.mkd-fullscreen-menu ul > li:hover > a { color: #38b9df; } nav.mkd-fullscreen-menu ul > li:hover > a .mkd-underline { background-color: #38b9df; width: 100%; } nav.mkd-fullscreen-menu ul li a { font-family: "Raleway", sans-serif; font-size: 40px; font-weight: 700; line-height: 55px; color: #fff; padding: 0px; display: block; position: relative; text-decoration: none; cursor: pointer; -webkit-transition: color 0.15s ease; -moz-transition: color 0.15s ease; transition: color 0.15s ease; } nav.mkd-fullscreen-menu ul li a span { display: inline-block; position: relative; margin: 15px 0; } nav.mkd-fullscreen-menu ul li a .mkd-underline { background-color: #fff; margin: 0; display: block; position: absolute; bottom: 0px; left: 0px; height: 2px; width: 0px; -webkit-transition: background-color 0.15s cubic-bezier(0.6, 0, 0.26, 0.99), width 0.15s cubic-bezier(0.6, 0, 0.26, 0.99); -moz-transition: background-color 0.15s cubic-bezier(0.6, 0, 0.26, 0.99), width 0.15s cubic-bezier(0.6, 0, 0.26, 0.99); transition: background-color 0.15s cubic-bezier(0.6, 0, 0.26, 0.99), width 0.15s cubic-bezier(0.6, 0, 0.26, 0.99); } nav.mkd-fullscreen-menu ul li ul li a { font-size: 20px; line-height: 1.8em; } nav.mkd-fullscreen-menu ul li ul li a span { margin: 10px 0; } nav.mkd-fullscreen-menu ul li ul li ul li a { font-size: 15px; } nav.mkd-fullscreen-menu > ul { display: block; } nav.mkd-fullscreen-menu ul.sub_menu { display: none; } .mkd-fullscreen-below-menu-widget-holder { text-align: center; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); bottom: 5%; } .mkd-fullscreen-above-menu-widget-holder { text-align: center; margin-bottom: 50px; } /* Fullscreen general style - end ========================================================================== */ /* Fullscreen fade animations general - begin ========================================================================== */ @-webkit-keyframes fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @-moz-keyframes fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @-webkit-keyframes fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } @-moz-keyframes fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } @keyframes fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } .mkd-fade-push-text-right .mkd-fullscreen-menu-holder-outer, .mkd-fade-push-text-top .mkd-fullscreen-menu-holder-outer, .mkd-fade-text-scaledown .mkd-fullscreen-menu-holder-outer { width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; overflow: hidden !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: fixed; z-index: 105; opacity: 0; } .mkd-fullscreen-fade-out .mkd-fullscreen-menu-holder-outer { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-animation: fade_out .25s linear both; animation: fade_out .25s linear both; } .mkd-fullscreen-menu-opened.mkd-fullscreen-fade-in .mkd-fullscreen-menu-holder-outer { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-animation: fade_in .25s linear both; animation: fade_in .25s linear both; } /* Fullscreen fade animations general - end ========================================================================== */ /* Fullscreen animation push text right - begin ========================================================================== */ @-webkit-keyframes push_text_right { 0% { opacity: 0; -webkit-transform: translateX(0); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes push_text_right { 0% { opacity: 0; -moz-transform: translateX(0); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes push_text_right { 0% { opacity: 0; transform: translateX(0); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes push_nav_right { 0% { opacity: 0; -webkit-transform: translateX(-60px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes push_nav_right { 0% { opacity: 0; -moz-transform: translateX(-60px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes push_nav_right { 0% { opacity: 0; transform: translateX(-60px); } 100% { opacity: 1; transform: translateX(0); } } .mkd-fullscreen-menu-opened.mkd-fade-push-text-right .mkd-fullscreen-menu-holder-outer .mkd-fullscreen-logo-wrapper, .mkd-fullscreen-menu-opened.mkd-fade-push-text-right .mkd-fullscreen-menu-holder-outer nav > ul > li > a, .mkd-fullscreen-menu-opened.mkd-fade-push-text-right .mkd-fullscreen-menu-holder-outer .mkd-fullscreen-below-menu-widget-holder > div, .mkd-fullscreen-menu-opened.mkd-fade-push-text-right .mkd-fullscreen-menu-holder-outer .mkd-fullscreen-above-menu-widget-holder > div { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation: push_text_right 0.4s cubic-bezier(0.175, 0.885, 0.32, 1) both; -moz-animation: push_text_right 0.4s cubic-bezier(0.175, 0.885, 0.32, 1) both; animation: push_text_right 0.4s cubic-bezier(0.175, 0.885, 0.32, 1) both; } .mkd-fade-push-text-right.mkd-push-nav-right .mkd-fullscreen-menu-holder-outer .mkd-fullscreen-logo-wrapper, .mkd-fade-push-text-right.mkd-push-nav-right .mkd-fullscreen-menu-holder-outer nav, .mkd-fade-push-text-right.mkd-push-nav-right .mkd-fullscreen-menu-holder-outer .mkd-fullscreen-below-menu-widget-holder, .mkd-fade-push-text-right.mkd-push-nav-right .mkd-fullscreen-menu-holder-outer .mkd-fullscreen-above-menu-widget-holder { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.75s ease-out; -moz-transition: all 0.75s ease-out; transition: all 0.75s ease-out; } /* Fullscreen animation push text right - end /*---------------Fade animation with PUSH TEXT TOP------------*/ @-webkit-keyframes search_push_text_top { 0% { opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes search_push_text_top { 0% { opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .mkd-top-bar .mkd-position-left .mkd-search-dropdown-holder { left: 0; right: auto; } /* ========================================================================== Portfolio shortcode style - begin ========================================================================== */ .mkd-portfolio-list-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; /***** Article Global Style - begin *****/ /***** Article Global Style - end *****/ /***** Portfolio Columns Space - begin *****/ /***** Portfolio Columns Space - end *****/ /***** Portfolio Types - begin *****/ /***** Portfolio Types - end *****/ /***** Additional Features - begin *****/ /***** Additional Features - end *****/ } .mkd-portfolio-list-holder article { position: relative; display: inline-block; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .touch .mkd-portfolio-list-holder article { cursor: pointer; } .mkd-portfolio-list-holder article .mkd-pl-item-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkd-portfolio-list-holder article .mkd-pli-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .mkd-portfolio-list-holder article .mkd-pli-image img { display: block; width: 100%; } .mkd-portfolio-list-holder article .mkd-pli-link { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; } .mkd-portfolio-list-holder article .mkd-pli-text-wrapper { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .mkd-portfolio-list-holder article .mkd-pli-text { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; } .mkd-portfolio-list-holder article .mkd-pli-text .mkd-pli-title { margin: 0; } .mkd-portfolio-list-holder article .mkd-pli-text .mkd-pli-category-holder { position: relative; display: block; margin: 1px 0 0; z-index: 11; } .mkd-portfolio-list-holder article .mkd-pli-text .mkd-pli-category-holder h6 { position: relative; display: block; vertical-align: middle; margin: 0; } .mkd-portfolio-list-holder article .mkd-pli-text .mkd-pli-category-holder h6 a { display: inline-block; position: relative; margin: 0 6px 0 0; padding: 0 10px 0 0; color: #8b8a8a; } .mkd-portfolio-list-holder article .mkd-pli-text .mkd-pli-category-holder h6 a:after { content: ""; display: block; height: 11px; position: absolute; right: -1px; top: 3px; width: 1px; background-color: #e2e3e3; } .mkd-portfolio-list-holder article .mkd-pli-text .mkd-pli-category-holder h6 a:hover { color: #38b9df; } .mkd-portfolio-list-holder article .mkd-pli-text .mkd-pli-category-holder h6:last-child a:after { display: none; } .mkd-portfolio-list-holder article .mkd-pli-text .mkd-pli-excerpt { margin: 3px 0 0; } .mkd-portfolio-list-holder.mkd-pl-no-space .mkd-pl-inner { margin: 0 -0px; overflow: hidden; } .mkd-portfolio-list-holder.mkd-pl-no-space article { padding: 0 0px; margin: 0 0 0px; } .mkd-portfolio-list-holder.mkd-pl-tiny-space .mkd-pl-inner { margin: 0 -5px; overflow: hidden; } .mkd-portfolio-list-holder.mkd-pl-tiny-space article { padding: 0 5px; margin: 0 0 10px; } .mkd-portfolio-list-holder.mkd-pl-small-space .mkd-pl-inner { margin: 0 -10px; overflow: hidden; } .mkd-portfolio-list-holder.mkd-pl-small-space article { padding: 0 10px; margin: 0 0 20px; } .mkd-portfolio-list-holder.mkd-pl-normal-space .mkd-pl-inner { margin: 0 -15px; overflow: hidden; } .mkd-portfolio-list-holder.mkd-pl-normal-space article { padding: 0 15px; margin: 0 0 30px; } .mkd-portfolio-list-holder.mkd-pl-gallery:not(.mkd-pl-one-column) article { float: left; } .mkd-portfolio-list-holder.mkd-pl-gallery.mkd-pl-two-columns article { width: 50%; } @media only screen and (min-width: 1025px) { .mkd-portfolio-list-holder.mkd-pl-gallery.mkd-pl-two-columns article:nth-child(2n+1) { clear: both; } } .mkd-portfolio-list-holder.mkd-pl-gallery.mkd-pl-three-columns article { width: 33.3333333333%; } @media only screen and (min-width: 1025px) { .mkd-portfolio-list-holder.mkd-pl-gallery.mkd-pl-three-columns article:nth-child(3n+1) { clear: both; } } .mkd-portfolio-list-holder.mkd-pl-gallery.mkd-pl-four-columns article { width: 25%; } @media only screen and (min-width: 1201px) { .mkd-portfolio-list-holder.mkd-pl-gallery.mkd-pl-four-columns article:nth-child(4n+1) { clear: both; } } .mkd-portfolio-list-holder.mkd-pl-gallery.mkd-pl-five-columns article { width: 20%; } @media only screen and (min-width: 1201px) { .mkd-portfolio-list-holder.mkd-pl-gallery.mkd-pl-five-columns article:nth-child(5n+1) { clear: both; } } .mkd-portfolio-list-holder.mkd-pl-masonry .mkd-pl-inner { opacity: 0; } .mkd-portfolio-list-holder.mkd-pl-masonry article, .mkd-portfolio-list-holder.mkd-pl-masonry .mkd-pl-grid-sizer { width: 100%; } .mkd-portfolio-list-holder.mkd-pl-masonry .mkd-pl-grid-gutter { width: 0; } .mkd-portfolio-list-holder.mkd-pl-masonry.mkd-pl-two-columns article, .mkd-portfolio-list-holder.mkd-pl-masonry.mkd-pl-two-columns .mkd-pl-grid-sizer { width: 50%; } .mkd-portfolio-list-holder.mkd-pl-masonry.mkd-pl-two-columns article.mkd-pl-masonry-large-width { width: 100%; } .mkd-portfolio-list-holder.mkd-pl-masonry.mkd-pl-three-columns article, .mkd-portfolio-list-holder.mkd-pl-masonry.mkd-pl-three-columns .mkd-pl-grid-sizer { width: 33.3333333333%; } .mkd-portfolio-list-holder.mkd-pl-masonry.mkd-pl-three-columns article.mkd-pl-masonry-large-width { width: 66.6666666667%; } .mkd-portfolio-list-holder.mkd-pl-masonry.mkd-pl-four-columns article, .mkd-portfolio-list-holder.mkd-pl-masonry.mkd-pl-four-columns .mkd-pl-grid-sizer { width: 25%; } .mkd-portfolio-list-holder.mkd-pl-masonry.mkd-pl-four-columns article.mkd-pl-masonry-large-width { width: 50%; } .mkd-portfolio-list-holder.mkd-pl-masonry.mkd-pl-five-columns article, .mkd-portfolio-list-holder.mkd-pl-masonry.mkd-pl-five-columns .mkd-pl-grid-sizer { width: 20%; } .mkd-portfolio-list-holder.mkd-pl-masonry.mkd-pl-five-columns article.mkd-pl-masonry-large-width { width: 40%; } .mkd-portfolio-list-holder.mkd-pl-has-animation article { opacity: 0; -webkit-transform: translateY(80px); -moz-transform: translateY(80px); transform: translateY(80px); -webkit-transition: opacity 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04), transform 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04); -moz-transition: opacity 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04), transform 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04); transition: opacity 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04), transform 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04); } .mkd-portfolio-list-holder.mkd-pl-has-animation article.mkd-item-show { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .mkd-portfolio-list-holder.mkd-pl-has-animation article.mkd-item-show.mkd-item-shown { -webkit-transition: none; -moz-transition: none; transition: none; } .touch .mkd-portfolio-list-holder.mkd-pl-has-animation article { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } /***** Layout Collections Style - begin *****/ /* ========================================================================== Portfolio Item Layout - Standard Shader style - begin ========================================================================== */ .mkd-portfolio-list-holder.mkd-pl-standard-shader article { margin-bottom: 47px !important; } .mkd-portfolio-list-holder.mkd-pl-standard-shader article a { position: relative; } .mkd-portfolio-list-holder.mkd-pl-standard-shader article a i { position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; speak: none; color: #fff; font-size: 21px; line-height: 60px; height: 60px; width: 60px; background: #000; text-align: center; z-index: 2; opacity: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translate3d(0, 25%, 0); -moz-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); transition: opacity 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9), transform 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9) 0.25s; -webkit-transform: opacity 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9), -webkit-transform 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9) 0.25s; } .mkd-portfolio-list-holder.mkd-pl-standard-shader article a .mkd-pli-image:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; z-index: 1; background-color: rgba(143, 120, 252, 0.7); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .mkd-portfolio-list-holder.mkd-pl-standard-shader article a .mkd-pli-link { z-index: 2; } .mkd-portfolio-list-holder.mkd-pl-standard-shader article a:hover i { opacity: 1; -webkit-transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mkd-portfolio-list-holder.mkd-pl-standard-shader article a:hover i:hover { background: rgba(0, 0, 0, 0.75); } .mkd-portfolio-list-holder.mkd-pl-standard-shader article a:hover .mkd-pli-image:after { opacity: 1; } .mkd-portfolio-list-holder.mkd-pl-standard-shader .mkd-pli-text-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 12px 0 0; } .mkd-portfolio-list-holder.mkd-pl-standard-shader .mkd-pli-text-holder .mkd-pli-title { margin-top: 4px; } .mkd-portfolio-list-holder.mkd-pl-standard-shader .mkd-pli-text-holder .mkd-pli-excerpt { margin-top: 5px; } .mkd-portfolio-list-holder.mkd-pl-standard-shader .mkd-pli-text-holder .mkd-pli-category-holder { margin-top: 0; } /* ========================================================================== Portfolio Item Layout - Standard Shader style - end ========================================================================== */ /* ========================================================================== 9. Shortcodes styles ========================================================================== */ /* ========================================================================== Elements Holder start style ========================================================================== */ .mkd-elements-holder { width: 100%; display: table; table-layout: fixed; } .mkd-elements-holder .mkd-elements-holder-item.mkd-width-1-1 { width: 100%; } .mkd-elements-holder .mkd-elements-holder-item.mkd-width-1-2 { width: 50%; } .mkd-elements-holder .mkd-elements-holder-item.mkd-width-1-3 { width: 33.3333%; } .mkd-elements-holder .mkd-elements-holder-item.mkd-width-2-3 { width: 66.6666%; } .mkd-elements-holder .mkd-elements-holder-item.mkd-width-1-4 { width: 25%; } .mkd-elements-holder .mkd-elements-holder-item.mkd-width-3-4 { width: 75%; } .mkd-elements-holder .mkd-elements-holder-item.mkd-width-1-5 { width: 20%; } .mkd-elements-holder .mkd-elements-holder-item.mkd-width-2-5 { width: 40%; } .mkd-elements-holder .mkd-elements-holder-item.mkd-width-3-5 { width: 60%; } .mkd-elements-holder .mkd-elements-holder-item.mkd-width-4-5 { width: 80%; } .mkd-elements-holder .mkd-elements-holder-item.mkd-width-1-6 { width: 16.6666%; } .mkd-elements-holder .mkd-elements-holder-item.mkd-width-5-6 { width: 83.3333%; } .mkd-elements-holder .mkd-elements-holder-item { display: table-cell; vertical-align: middle; position: relative; height: 100%; } .mkd-elements-holder .mkd-elements-holder-item .mkd-elements-holder-item-content { background-size: cover; background-repeat: no-repeat; background-position: center; } .mkd-elements-holder .mkd-elements-holder-item.mkd-vertical-alignment-top { vertical-align: top; } .mkd-elements-holder .mkd-elements-holder-item.mkd-vertical-alignment-bottom { vertical-align: bottom; } .mkd-elements-holder .mkd-elements-holder-item.mkd-horizontal-alignment-center { text-align: center; } .mkd-elements-holder .mkd-elements-holder-item.mkd-horizontal-alignment-right { text-align: right; } .mkd-elements-holder .mkd-elements-holder-item.mkd-horizontal-alignment-left { text-align: left; } .mkd-elements-holder .mkd-elements-holder-item .mkd-elements-holder-item-inner { width: 100%; } .mkd-elements-holder .mkd-elements-holder-item.mkd-shadow .mkd-elements-holder-item-content { box-shadow: 2px 3px 3.76px 0.24px rgba(0, 0, 0, 0.04); } .mkd-elements-holder .mkd-elements-holder-item.mkd-shadow .mkd-elements-holder-item-content { border: 1px solid #cccccc; } .mkd-elements-holder.mkd-elements-items-float .mkd-elements-holder-item.mkd-width-1-3 { width: 33.33333333333333%; } .mkd-elements-holder.mkd-elements-items-float .mkd-elements-holder-item.mkd-width-1-6 { width: 16.66666666666667%; } .mkd-elements-holder.mkd-elements-items-float .mkd-elements-holder-item { float: left; } .mkd-elements-holder .mkd-elements-holder-item-content { padding: 0 20px; } /* ========================================================================== End of Elements Holder style ========================================================================== */ .touch .mkd-team .mkd-team-social-holder { cursor: pointer; } /* ========================================================================== # Call to action style - begin ========================================================================== */ .mkd-call-to-action { position: relative; display: block; box-sizing: border-box; /*&.mkd-light { color: $light-skin-text-color; .mkd-button-wrapper { .mkd-btn.mkd-light:hover { background-color: $light-skin-text-color !important; border-color: $light-skin-text-color !important; color: $dark-skin-text-color !important; } } } &.mkd-dark { color: $dark-skin-text-color; .mkd-button-wrapper { .mkd-btn.mkd-dark:hover { background-color: $dark-skin-text-color !important; border-color: $dark-skin-text-color !important; color: $light-skin-text-color !important; } } }*/ } .mkd-call-to-action .mkd-call-to-action-row-75-25, .mkd-call-to-action .mkd-call-to-action-row-50-50, .mkd-call-to-action .mkd-call-to-action-row-66-33 { display: table; box-sizing: border-box; width: 100%; } .mkd-call-to-action .mkd-call-to-action-row-75-25 .mkd-call-to-action-column1 { width: 75%; } .mkd-call-to-action .mkd-call-to-action-row-75-25 .mkd-call-to-action-column2 { width: 25%; } .mkd-call-to-action .mkd-call-to-action-row-50-50 .mkd-call-to-action-column1, .mkd-call-to-action .mkd-call-to-action-row-50-50 .mkd-call-to-action-column2 { width: 50%; } .mkd-call-to-action .mkd-call-to-action-row-66-33 .mkd-call-to-action-column1 { width: 66%; } .mkd-call-to-action .mkd-call-to-action-row-66-33 .mkd-call-to-action-column2 { width: 34%; } .mkd-call-to-action .mkd-call-to-action-column2 { text-align: right; } .mkd-call-to-action .mkd-call-to-action-cell { display: table-cell; vertical-align: middle; } .mkd-call-to-action .mkd-text-wrapper .mkd-call-to-action-text { font-size: 19px; font-weight: 400; } .mkd-call-to-action .mkd-text-wrapper .mkd-call-to-action-icon-holder { position: absolute; height: 100%; top: 0; } .mkd-call-to-action .mkd-text-wrapper .mkd-call-to-action-icon-holder .mkd-call-to-action-icon { display: table; height: 100%; } .mkd-call-to-action .mkd-text-wrapper .mkd-call-to-action-icon-holder .mkd-call-to-action-icon .mkd-call-to-action-icon-inner { display: table-cell; height: 100%; vertical-align: middle; } .mkd-call-to-action .mkd-text-wrapper .mkd-call-to-action-icon-holder .mkd-call-to-action-icon .mkd-call-to-action-icon-inner .mkd-call-to-action-icon { font-size: 40px; display: inline; } .mkd-call-to-action.with-icon .mkd-text-wrapper .mkd-call-to-action-text { padding: 0 20px 0 70px; font-weight: 400; } .mkd-call-to-action .mkd-button-wrapper .mkd-btn.mkd-btn-solid, .mkd-call-to-action .mkd-button-wrapper .mkd-btn.mkd-btn-solid.mkd-light, .mkd-call-to-action .mkd-button-wrapper .mkd-btn.mkd-btn-solid.mkd-dark { background-color: #221f1b !important; border-color: #221f1b !important; color: #ffffff !important; } .mkd-call-to-action .mkd-button-wrapper .mkd-btn.mkd-btn-solid:hover, .mkd-call-to-action .mkd-button-wrapper .mkd-btn.mkd-btn-solid.mkd-light:hover, .mkd-call-to-action .mkd-button-wrapper .mkd-btn.mkd-btn-solid.mkd-dark:hover { background-color: #221f1b !important; border-color: #221f1b !important; color: #ffffff !important; } /* ========================================================================== # Call to action style - end ========================================================================== */ .mkd-icon-shortcode { display: inline-block; } .mkd-icon-shortcode.circle, .mkd-icon-shortcode.square { background-color: #38b9df; width: 2em; height: 2em; line-height: 2em; text-align: center; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } .mkd-icon-shortcode.circle a, .mkd-icon-shortcode.square a { display: inline-block; width: 100%; height: 100%; } .mkd-icon-shortcode.circle .mkd-icon-element, .mkd-icon-shortcode.square .mkd-icon-element { color: #fff; line-height: inherit; } .mkd-icon-shortcode.circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mkd-icon-shortcode .mkd-icon-element { -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } .mkd-icon-animation-holder { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.15s ease-in-out; -moz-transition: transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out; display: inline-block; } .mkd-icon-animation-holder.mkd-icon-animation-show { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .mkd-icon-tiny { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; } .mkd-icon-small { font-size: 2em; } .mkd-icon-medium { font-size: 3em; } .mkd-icon-large { font-size: 4em; } .mkd-icon-huge { font-size: 5em; } /* ========================================================================== # Message style - begin ========================================================================== */ /* Unique style for both types - begin ========================================================================== */ .mkd-message { position: relative; padding: 24px 27px; margin: 0; background-color: #f3f3f3; border: 0 solid #cccccc; } @media only screen and (max-width: 480px) { .mkd-message { padding: 20px 22px; } } .mkd-message .mkd-message-inner { position: relative; padding-right: 20px; } .mkd-message .mkd-message-inner .mkd-message-text { display: table; height: 100%; } @media screen and (max-width: 320px) { .mkd-message .mkd-message-inner .mkd-message-text { line-height: normal !important; } } .mkd-message .mkd-message-inner .mkd-message-text .mkd-message-text-inner { display: table-cell; height: 100%; vertical-align: middle; color: #8b8a8a; font-size: 18px; font-weight: 400; font-size: 14px; font-style: normal; font-weight: 400; } .mkd-message .mkd-message-inner a.mkd-close { position: absolute; right: 6px; top: 3px; line-height: 13px; font-size: 18px; } .mkd-message .mkd-message-inner a.mkd-close i { width: 14px; height: 14px; color: #ffffff; font-weight: 700; display: inline-block; } .mkd-message .mkd-message-inner a.mkd-close i:hover { color: #38b9df; } /* Unique style for both types - end ========================================================================== */ /* Type with icon - begin ========================================================================== */ .mkd-message.mkd-with-icon .mkd-message-icon-holder { float: right; padding: 0 20px 0 34px; } @media only screen and (max-width: 600px) { .mkd-message.mkd-with-icon .mkd-message-icon-holder { padding: 20px 22px; } } .mkd-message.mkd-with-icon .mkd-message-icon-holder .mkd-message-icon { display: table; height: 100%; } .mkd-message.mkd-with-icon .mkd-message-icon-holder .mkd-message-icon .mkd-message-icon-inner { display: table-cell; height: 100%; vertical-align: middle; color: #fff; font-size: 18px; font-weight: 400; } .mkd-message.mkd-with-icon .mkd-message-icon-holder .mkd-message-icon .mkd-message-icon-inner > i, .mkd-message.mkd-with-icon .mkd-message-icon-holder .mkd-message-icon .mkd-message-icon-inner > span { color: #fff; line-height: 1em; padding: 8px; } /* Type with icon - end ========================================================================== /* ========================================================================== # Message style - end ========================================================================== */ .mkd-ordered-list ol { counter-reset: li; display: block; list-style-type: none; margin: 0; padding: 0; } .mkd-ordered-list ol > li.mkd-list-item { border: none; font-family: inherit; margin-bottom: 10px; position: relative; } .mkd-ordered-list ol > li.mkd-list-item:before { color: #38b9df; counter-increment: li; display: inline-block; margin-right: 1em; width: 1em; } .mkd-ordered-list.mkd-roman ol > li:before { content: counter(li, upper-roman); } .mkd-ordered-list.mkd-decimal ol > li:before { content: counter(li, decimal-leading-zero); } .mkd-unordered-list ul { display: block; list-style-type: none; margin: 0; padding: 0; } .mkd-unordered-list ul > li.mkd-list-item { border: none; display: table; font-family: inherit; line-height: 0; position: relative; margin-bottom: 21px; width: 100%; } .mkd-unordered-list ul > li.mkd-list-item .icon { display: table-cell; height: 100%; vertical-align: middle; width: 1%; } .mkd-unordered-list ul > li.mkd-list-item .icon i { color: #38b9df; } .mkd-unordered-list ul > li.mkd-list-item .text { display: table-cell; height: 100%; line-height: 1em; padding-left: 1em; vertical-align: middle; width: 99%; } .mkd-ordered-list.mkd-animate-list ul li.list-item, .mkd-ordered-list.mkd-animate-list ol li.list-item, .mkd-unordered-list.mkd-animate-list ul li.list-item, .mkd-unordered-list.mkd-animate-list ol li.list-item { opacity: 0; top: -40px; -webkit-transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out; } .mkd-ordered-list.mkd-animate-list.mkd-appeared ul li.list-item, .mkd-ordered-list.mkd-animate-list.mkd-appeared ol li.list-item, .mkd-unordered-list.mkd-animate-list.mkd-appeared ul li.list-item, .mkd-unordered-list.mkd-animate-list.mkd-appeared ol li.list-item { opacity: 1; top: 0; } /* ========================================================================== Progress bar shortcode start styles ========================================================================== */ .mkd-progress-bar { position: relative; margin: 0 0 25px; width: 100%; overflow: hidden; text-align: left; padding-right: 24px; } .mkd-progress-bar .mkd-progress-title-holder { position: relative; margin: 0 0 11px; } .mkd-progress-bar .mkd-progress-title-holder .mkd-progress-title { display: inline-block; z-index: 100; } .mkd-progress-bar .mkd-progress-number-wrapper { text-align: right; position: absolute; left: 0; z-index: 10; opacity: 0; color: #ffffff; bottom: 0; } .mkd-progress-bar .mkd-progress-number-wrapper .mkd-progress-number { font-size: 12px; font-weight: 600; color: #ffffff; display: inline-block; text-align: center; float: right; height: 16px; line-height: 16px; padding-left: 8px; padding-right: 8px; } .mkd-progress-bar .mkd-progress-number-wrapper .mkd-progress-number .mkd-percent:after { content: '%'; margin-left: 0.1em; font-size: 1em; } .mkd-progress-bar .mkd-progress-number-wrapper.mkd-floating { width: 100%; height: 100%; } .mkd-progress-bar .mkd-progress-number-wrapper.mkd-floating .mkd-progress-number { position: absolute; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .mkd-progress-bar .mkd-progress-number-wrapper.mkd-floating .mkd-down-arrow { display: none; } .mkd-progress-bar .mkd-progress-number-wrapper.mkd-floating-outside .mkd-progress-number { background-color: transparent; bottom: 0; color: #221f1b; font-size: 13px; font-weight: 600; } .mkd-progress-bar .mkd-progress-number-wrapper.mkd-floating-inside .mkd-progress-number { bottom: -3px; height: 16px; line-height: 16px; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } .mkd-progress-bar .mkd-progress-number-wrapper.mkd-floating-inside .mkd-progress-number .mkd-percent { display: inline-block; } .mkd-progress-bar .mkd-progress-number-wrapper.mkd-static { width: 100%; margin-left: 0; } .mkd-progress-bar .mkd-progress-number-wrapper.mkd-static .mkd-progress-number { color: #279eff; font-size: 14px; } .mkd-progress-bar .mkd-progress-content-outer { background-color: #f5f7f6; position: relative; overflow: hidden; height: 11px; } .mkd-progress-bar .mkd-progress-content-outer .mkd-progress-content { max-width: 100%; width: 0; overflow: hidden; background-color: #38b9df; height: 11px; border: 1px solid transparent; box-sizing: border-box; } /* ========================================================================== Progress bar shortcode end styles ========================================================================== */ .mkd-testimonials-holder .mkd-grid { position: relative; } .mkd-testimonials-holder .mkd-testimonials { opacity: 0; } .mkd-testimonials-holder .mkd-testimonials .mkd-testimonial-image-holder { display: block; } .mkd-testimonials-holder .mkd-testimonials .mkd-testimonial-image-holder img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mkd-testimonials-holder .mkd-testimonials .owl-controls .owl-nav .owl-prev, .mkd-testimonials-holder .mkd-testimonials .owl-controls .owl-nav .owl-next { -webkit-transition: all 0.15s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.15s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.15s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-testimonials-holder .mkd-testimonials .owl-controls .owl-nav .owl-prev:hover { -webkit-transform: translate3d(-5px, 0, 0); -moz-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } .mkd-testimonials-holder .mkd-testimonials .owl-controls .owl-nav .owl-next:hover { -webkit-transform: translate3d(5px, 0, 0); -moz-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-slider { margin-top: -21px; text-align: center; } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-slider .mkd-testimonial-content { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-slider .mkd-testimonial-image-holder { height: 90px; margin: 0 auto; margin-bottom: 32px; width: 90px; } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-slider .mkd-testimonial-image-holder img { max-width: 90px; } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-slider .mkd-testimonial-text-holder { position: relative; display: block; } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-slider .mkd-testimonial-text-holder .mkd-testimonial-text-inner { display: block; text-align: center; } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-slider .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-testimonial-text { color: #f3f3f3; font-size: 22px; line-height: 1.6em; padding: 0 150px; -webkit-transform: translateZ(0); } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-slider .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-separator-holder { margin-top: 26px; } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-slider .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-separator-holder .mkd-separator { border-color: #38b9df; } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-slider .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-testimonial-title { margin: 20px 0; font-size: 30px; line-height: 1.6em; font-weight: 700; -webkit-transform: translateZ(0); } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-slider .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-testimonial-author { margin: 0; color: #f3f3f3; -webkit-transform: translateZ(0); } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-slider .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-testimonials-job { color: #38b9df; margin-top: 7px; -webkit-transform: translateZ(0); } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-slider .owl-controls { margin-top: 19px; } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-carousel .owl-stage { -webkit-filter: blur(0); } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-carousel .mkd-testimonial-content { -webkit-transform: translateZ(0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-carousel .mkd-testimonial-content .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-testimonial-title { margin: 0 0 15px 0; } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-carousel .mkd-testimonial-content .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-testimonial-text { font-size: 16px; } .mkd-boxed-layout .mkd-testimonial-text-holder { background-color: #ffffff; padding: 40px 40px 37px 40px; } .mkd-flat-layout .mkd-testimonial-text-holder { background-color: transparent; padding: 0; } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-carousel .mkd-testimonial-content .mkd-testimonial-bottom { margin-top: 30px; } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-carousel .mkd-testimonial-content .mkd-testimonial-bottom .mkd-testimonial-image-holder { float: left; height: 60px; margin-right: 30px; width: 60px; } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-carousel .mkd-testimonial-content .mkd-testimonial-bottom .mkd-testimonial-image-holder img { max-width: 60px; } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-carousel .mkd-testimonial-content .mkd-testimonial-bottom .mkd-testimonial-author { margin: 0; padding-top: 3px; } .mkd-testimonials-holder .mkd-testimonials.mkd-testimonials-carousel .mkd-testimonial-content .mkd-testimonial-bottom .mkd-testimonial-job { color: #8b8a8a; margin: 5px 0 0 0; } .mkd-testimonials-holder.mkd-light .mkd-testimonials.mkd-testimonials-slider .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-testimonial-text { color: #ffffff; } .mkd-testimonials-holder.mkd-light .mkd-testimonials.mkd-testimonials-slider .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-testimonial-author { color: #ffffff; } .mkd-testimonials-holder.mkd-light .mkd-testimonials.mkd-testimonials-slider .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-testimonial-job { color: #888888; } .mkd-testimonials-holder.mkd-light .mkd-testimonials.mkd-testimonials-carousel .mkd-testimonial-content .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-testimonial-title { color: #221f1b; } .mkd-testimonials-holder.mkd-light .mkd-testimonials.mkd-testimonials-carousel .mkd-testimonial-content .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-testimonial-text { color: #221f1b; } .mkd-boxed-layout.mkd-light .mkd-testimonial-text-holder { background-color: #ffffff; } .mkd-testimonials-holder.mkd-light .mkd-testimonials.mkd-testimonials-carousel .mkd-testimonial-content .mkd-testimonial-bottom .mkd-testimonial-author { color: #ffffff; } .mkd-testimonials-holder.mkd-light .mkd-testimonials.mkd-testimonials-carousel .mkd-testimonial-content .mkd-testimonial-bottom .mkd-testimonial-job { color: #ffffff; } .mkd-testimonials-holder.mkd-light .owl-controls .owl-dots .owl-dot span { background: #ffffff; } .mkd-testimonials-holder.mkd-light .owl-controls .owl-dots .owl-dot.active span { background: #888888; } .mkd-testimonials-holder.mkd-dark .mkd-testimonials.mkd-testimonials-slider .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-testimonial-text { color: #221f1b; } .mkd-testimonials-holder.mkd-dark .mkd-testimonials.mkd-testimonials-slider .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-testimonial-author { color: #221f1b; } .mkd-testimonials-holder.mkd-dark .mkd-testimonials.mkd-testimonials-slider .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-testimonial-job { color: #888888; } .mkd-testimonials-holder.mkd-dark .mkd-testimonials.mkd-testimonials-carousel .mkd-testimonial-content .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-testimonial-title { color: #221f1b; } .mkd-testimonials-holder.mkd-dark .mkd-testimonials.mkd-testimonials-carousel .mkd-testimonial-content .mkd-testimonial-text-holder .mkd-testimonial-text-inner .mkd-testimonial-text { color: #221f1b; } .mkd-boxed-layout.mkd-dark .mkd-testimonial-text-holder { background-color: #eeeeee; } .mkd-testimonials-holder.mkd-dark .mkd-testimonials.mkd-testimonials-carousel .mkd-testimonial-content .mkd-testimonial-bottom .mkd-testimonial-author { color: #221f1b; } .mkd-testimonials-holder.mkd-dark .mkd-testimonials.mkd-testimonials-carousel .mkd-testimonial-content .mkd-testimonial-bottom .mkd-testimonial-job { color: #221f1b; } .mkd-testimonials-holder.mkd-dark .owl-controls .owl-dots .owl-dot span { background: #221f1b; } .mkd-testimonials-holder.mkd-dark .owl-controls .owl-dots .owl-dot.active span { background: #888888; } .mkd-full-width .mkd-testimonials-holder .mkd-tes-nav > *.mkd-tes-nav-prev { left: 112px; } .mkd-full-width .mkd-testimonials-holder .mkd-tes-nav > *.mkd-tes-nav-next { right: 112px; } .mkd-full-width .mkd-testimonials-holder.mkd-tes-skin-light .mkd-tes-nav > * { color: #fff; } .mkd-full-width .mkd-grid-section .mkd-testimonials-holder .mkd-tes-nav > *.mkd-tes-nav-prev { left: -98px; } .mkd-full-width .mkd-grid-section .mkd-testimonials-holder .mkd-tes-nav > *.mkd-tes-nav-next { right: -98px; } /* ========================================================================== # Testimonial style - end ========================================================================== */ /* ========================================================================== Accordion shortcode start styles ========================================================================== */ .mkd-accordion-holder { position: relative; } .mkd-accordion-holder .mkd-accordion-title-holder { background: #ffffff; color: #8b8a8a; cursor: pointer; display: table; min-height: 25px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-accordion-holder .mkd-accordion-title-holder .mkd-accordion-icon-holder { display: table-cell; font-size: 25px; padding-right: 20px; vertical-align: middle; width: 1%; -webkit-transition: color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: color 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-accordion-holder .mkd-accordion-title-holder .mkd-accordion-title { color: inherit; display: table-cell; vertical-align: middle; width: 98%; } .mkd-accordion-holder .mkd-accordion-title-holder .mkd-accordion-mark-holder { display: table-cell; vertical-align: middle; width: 1%; } .mkd-accordion-holder .mkd-accordion-title-holder .mkd-accordion-mark-holder .mkd-accordion-mark-icon { position: relative; } .mkd-accordion-holder .mkd-accordion-title-holder .mkd-accordion-mark-holder .mkd-accordion-mark-icon > span { font-size: 25px; height: 25px; position: absolute; right: 0; top: 0; width: 25px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .mkd-accordion-holder .mkd-accordion-title-holder .mkd-accordion-mark-holder .mkd-accordion-mark-icon > span.mkd-open { opacity: 1; } .mkd-accordion-holder .mkd-accordion-title-holder .mkd-accordion-mark-holder .mkd-accordion-mark-icon > span.mkd-close { opacity: 0; } .mkd-accordion-holder .mkd-accordion-title-holder.ui-state-active { color: #262932; } .mkd-accordion-holder .mkd-accordion-title-holder.ui-state-active .mkd-accordion-icon-holder { color: #38b9df; } .mkd-accordion-holder .mkd-accordion-title-holder.ui-state-active .mkd-accordion-mark-icon > span.mkd-open { opacity: 0; } .mkd-accordion-holder .mkd-accordion-title-holder.ui-state-active .mkd-accordion-mark-icon > span.mkd-close { opacity: 1; } .mkd-accordion-holder .mkd-accordion-title-holder.ui-state-hover { color: #262932; } .mkd-accordion-holder .mkd-accordion-title-holder.ui-state-hover .mkd-accordion-icon-holder { color: #38b9df; } .mkd-accordion-holder .mkd-accordion-content { background: #f3f3f3; margin: 0; padding: 23px 33px 43px; } .mkd-accordion-holder.mkd-boxed { border: 1px solid #cccccc; border-bottom: none; } .mkd-accordion-holder.mkd-boxed .mkd-accordion-title-holder { border-bottom: 1px solid #cccccc; padding: 15px 25px; } .mkd-accordion-holder.mkd-boxed .mkd-accordion-content { border-bottom: 1px solid #cccccc; } /* ========================================================================== Google Map start style ========================================================================== */ .mkd-google-map-holder { position: relative; } .mkd-google-map { display: block; width: 100%; height: 300px; } .mkd-google-map iframe, .mkd-google-map object, .mkd-google-map embed { width: 100%; display: block; } .mkd-google-map img { max-width: none; } .mkd-google-map-overlay { position: absolute; z-index: 1000; width: 100%; height: 100%; display: none; top: 0; left: 0; } /* ========================================================================== End of Google Map style ========================================================================== */ /* ========================================================================== Separator start style ========================================================================== */ .mkd-separator-holder { position: relative; height: auto; font-size: 0; line-height: 1em; } .mkd-separator-holder.mkd-separator-center { text-align: center; } .mkd-separator-holder.mkd-separator-left { text-align: left; } .mkd-separator-holder.mkd-separator-right { text-align: right; } .mkd-separator-holder.mkd-separator-full-width .mkd-separator { width: 100% !important; } .mkd-separator { position: relative; display: inline-block; vertical-align: middle; border-bottom: 1px solid #d3d3d2; margin: 10px 0; } /* ========================================================================== End of Separator style ========================================================================== */ /* #Latest posts ========================================================================== */ .mkd-blog-list-holder { display: inline-block; width: 100%; } .mkd-blog-list-holder > ul { list-style: none; display: inline-block; width: 100%; height: 100%; position: relative; margin: 0; padding: 0; vertical-align: top; } .mkd-blog-list-holder > ul > li { display: block; float: left; margin-bottom: 30px; margin-right: 30px; position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkd-blog-list-holder > ul > li:last-child { margin-bottom: 0; } .mkd-blog-list-holder .mkd-item-text-holder { display: inline-block; padding: 20px 0 0 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkd-blog-list-holder .mkd-item-text-holder .mkd-item-title { line-height: 1.4em; margin: 0; } .mkd-blog-list-holder .mkd-item-text-holder .mkd-excerpt { margin: 15px 0 0 0; } .mkd-blog-list-holder .mkd-item-text-holder .mkd-item-info-section { margin-top: 15px; } /*------------------ boxes shortcode -----------------------------*/ .mkd-blog-list-holder.mkd-boxes > ul > li { background: #ffffff; } .mkd-blog-list-holder.mkd-boxes > ul > li .mkd-item-text-holder { padding: 35px 40px; } .mkd-blog-list-holder.mkd-boxes > ul > li .mkd-item-text-holder .mkd-item-info-section { margin-top: 19px; } .mkd-blog-list-holder.mkd-boxes > ul > li .mkd-item-text-holder .mkd-read-more-holder { margin-top: 15px; } .mkd-blog-list-holder.mkd-boxes > ul > li .mkd-item-text-holder .mkd-read-more-holder > a .arrow_carrot-right { position: relative; } .mkd-blog-list-holder.mkd-boxes > ul > li .mkd-item-text-holder .mkd-read-more-holder > a .arrow_carrot-right:before { display: inline-block; -webkit-transition: all 0.2s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.2s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.2s cubic-bezier(0.35, 0.7, 0.32, 0.9); -webkit-transform: translate3d(-4px, 0, 0); -moz-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); } .mkd-blog-list-holder.mkd-boxes > ul > li .mkd-item-text-holder .mkd-read-more-holder > a .arrow_carrot-right:after { content: ""; position: absolute; top: 50%; left: 3px; width: 0; height: 1px; background: #38b9df; transform-origin: right; -webkit-transition: all 0.2s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.2s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.2s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-blog-list-holder.mkd-boxes > ul > li .mkd-item-text-holder .mkd-read-more-holder > a:hover .arrow_carrot-right:before { -webkit-transform: translate3d(2px, 0, 0); -moz-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } .mkd-blog-list-holder.mkd-boxes > ul > li .mkd-item-text-holder .mkd-read-more-holder > a:hover .arrow_carrot-right:after { width: 10px; } /*------------------ masonry shortcode -----------------------------*/ .mkd-blog-list-holder.mkd-masonry.mkd-column-1 .mkd-blog-list-masonry-grid-sizer, .mkd-blog-list-holder.mkd-masonry.mkd-column-1 .mkd-blog-list-masonry-item { width: calc((100% - ((1 - 1) * 30px)) / 1); } .mkd-blog-list-holder.mkd-masonry.mkd-column-2 .mkd-blog-list-masonry-grid-sizer, .mkd-blog-list-holder.mkd-masonry.mkd-column-2 .mkd-blog-list-masonry-item { width: calc((100% - ((2 - 1) * 30px)) / 2); } .mkd-blog-list-holder.mkd-masonry.mkd-column-3 .mkd-blog-list-masonry-grid-sizer, .mkd-blog-list-holder.mkd-masonry.mkd-column-3 .mkd-blog-list-masonry-item { width: calc((100% - ((3 - 1) * 30px)) / 3); } .mkd-blog-list-holder.mkd-masonry.mkd-column-4 .mkd-blog-list-masonry-grid-sizer, .mkd-blog-list-holder.mkd-masonry.mkd-column-4 .mkd-blog-list-masonry-item { width: calc((100% - ((4 - 1) * 30px)) / 4); } .mkd-blog-list-holder.mkd-masonry .mkd-blog-list-masonry-grid-gutter { width: 30px; } .mkd-blog-list-holder.mkd-masonry.mkd-with-separator.mkd-column-1 .mkd-blog-list-masonry-grid-sizer, .mkd-blog-list-holder.mkd-masonry.mkd-with-separator.mkd-column-1 .mkd-blog-list-masonry-item { width: calc((100% - ((1 - 1) * (30px * 2))) / 1); } .mkd-blog-list-holder.mkd-masonry.mkd-with-separator.mkd-column-1 .mkd-blog-list-masonry-item:nth-child(1n):before { display: none; } .mkd-blog-list-holder.mkd-masonry.mkd-with-separator.mkd-column-2 .mkd-blog-list-masonry-grid-sizer, .mkd-blog-list-holder.mkd-masonry.mkd-with-separator.mkd-column-2 .mkd-blog-list-masonry-item { width: calc((100% - ((2 - 1) * (30px * 2))) / 2); } .mkd-blog-list-holder.mkd-masonry.mkd-with-separator.mkd-column-2 .mkd-blog-list-masonry-item:nth-child(2n):before { display: none; } .mkd-blog-list-holder.mkd-masonry.mkd-with-separator.mkd-column-3 .mkd-blog-list-masonry-grid-sizer, .mkd-blog-list-holder.mkd-masonry.mkd-with-separator.mkd-column-3 .mkd-blog-list-masonry-item { width: calc((100% - ((3 - 1) * (30px * 2))) / 3); } .mkd-blog-list-holder.mkd-masonry.mkd-with-separator.mkd-column-3 .mkd-blog-list-masonry-item:nth-child(3n):before { display: none; } .mkd-blog-list-holder.mkd-masonry.mkd-with-separator.mkd-column-4 .mkd-blog-list-masonry-grid-sizer, .mkd-blog-list-holder.mkd-masonry.mkd-with-separator.mkd-column-4 .mkd-blog-list-masonry-item { width: calc((100% - ((4 - 1) * (30px * 2))) / 4); } .mkd-blog-list-holder.mkd-masonry.mkd-with-separator.mkd-column-4 .mkd-blog-list-masonry-item:nth-child(4n):before { display: none; } .mkd-blog-list-holder.mkd-masonry.mkd-with-separator .mkd-blog-list-masonry-grid-gutter { width: calc(30px * 2); } .mkd-blog-list-holder.mkd-masonry.mkd-with-separator .mkd-blog-list-masonry-item:before { background: #cccccc; content: ''; display: block; height: 100%; left: -30px; position: absolute; top: 0; width: 1px; z-index: 1; } .mkd-blog-list-holder.mkd-masonry .mkd-blog-list { opacity: 0; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .mkd-blog-list-holder.mkd-masonry .mkd-blog-list.mkd-appeared { opacity: 1; } .mkd-blog-list-holder.mkd-masonry .mkd-item-image { position: relative; } .mkd-blog-list-holder.mkd-masonry .mkd-item-image .mkd-post-info-category { right: 20px; top: 23px; position: absolute; z-index: 1; } .mkd-blog-list-holder.mkd-masonry .mkd-item-image .mkd-post-info-category:first-child:last-child { position: relative; top: auto; right: auto; } .mkd-blog-list-holder.mkd-masonry .mkd-item-image .mkd-post-info-category a { background: #f3f3f3; color: #8b8a8a; display: inline-block; padding: 10px 20px; font-family: "Raleway", sans-serif; font-size: 11px; font-weight: 500; line-height: 1em; text-transform: uppercase; } .mkd-blog-list-holder.mkd-masonry .mkd-item-image .mkd-post-info-category a:hover { color: #38b9df; } .mkd-blog-list-holder.mkd-masonry .mkd-item-text-holder { padding-top: 23px; } /*------------------ image in left box -----------------------------*/ .mkd-blog-list-holder.mkd-image-in-box .mkd-item-image { float: left; min-width: 110px; width: 20%; } .mkd-blog-list-holder.mkd-image-in-box .mkd-item-text-holder { float: right; max-width: calc(100% - 110px); padding: 0 0 0 30px; width: 80%; } .mkd-blog-list-holder.mkd-image-in-box .mkd-item-text-holder .mkd-excerpt { margin-top: 3px; } .mkd-blog-list-holder.mkd-image-in-box .mkd-item-text-holder .mkd-item-info-section { margin-top: 9px; } /*------------------ minimal type styles -----------------------------*/ .mkd-blog-list-holder.mkd-minimal .mkd-item-text-holder { padding-top: 0; } .mkd-blog-list-holder.mkd-minimal .mkd-item-text-holder .mkd-item-info-section { margin-top: 0; } .mkd-btn { display: inline-block; font-size: 14px; font-style: normal; font-weight: 600; letter-spacing: 0.5px; line-height: 1em; outline: none; padding: 18px 39px; position: relative; font-family: "Raleway", sans-serif; -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out; -moz-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out; transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkd-btn .mkd-btn-text { display: inline-block; line-height: 1em; vertical-align: middle; } .mkd-btn .mkd-icon-font-elegant { display: inline-block; vertical-align: middle; margin-left: -6px; } .mkd-btn.mkd-btn-solid { background-color: #38b9df; border: 1px solid #38b9df; color: #ffffff; } .mkd-btn.mkd-btn-solid.mkd-light { background-color: #221f1b; border: 1px solid #221f1b; color: #ffffff; } .mkd-btn.mkd-btn-solid.mkd-dark { background-color: #ffffff; border: 1px solid #ffffff; color: #221f1b; } .mkd-btn.mkd-btn-outline { border: 1px solid #38b9df; color: #38b9df; background-color: transparent; } .mkd-btn.mkd-btn-outline.mkd-light { border: 1px solid #ffffff; color: #ffffff; background-color: transparent; } .mkd-btn.mkd-btn-outline.mkd-dark { border: 1px solid #221f1b; color: #221f1b; background-color: transparent; } .mkd-btn.mkd-btn-minimal { background-color: transparent; border: 0; color: #38b9df; padding-left: 0 !important; padding-right: 0 !important; } .mkd-btn.mkd-btn-minimal:not(.mkd-btn-custom-hover-color):hover { color: #ffffff !important; } .mkd-btn.mkd-btn-minimal.mkd-light { color: #ffffff; } .mkd-btn.mkd-btn-minimal.mkd-light:not(.mkd-btn-custom-hover-color):hover { color: #38b9df !important; } .mkd-btn.mkd-btn-minimal.mkd-dark { color: #221f1b; } .mkd-btn.mkd-btn-minimal.mkd-dark:not(.mkd-btn-custom-hover-color):hover { color: #38b9df !important; } .mkd-btn.mkd-btn-small { font-size: 13px; padding: 15px 36px; } .mkd-btn.mkd-btn-small .mkd-icon-font-elegant { font-size: 16px; } .mkd-btn.mkd-btn-medium .mkd-icon-font-elegant { font-size: 18px; } .mkd-btn.mkd-btn-large { font-size: 15px; padding: 21px 42px; } .mkd-btn.mkd-btn-large .mkd-icon-font-elegant { font-size: 20px; margin-top: -3px; } .mkd-btn.mkd-btn-huge, .mkd-btn.mkd-btn-huge-full-width { font-size: 16px; padding: 24px 45px; } .mkd-btn.mkd-btn-huge .mkd-icon-font-elegant, .mkd-btn.mkd-btn-huge-full-width .mkd-icon-font-elegant { font-size: 22px; } .mkd-btn.mkd-btn-huge-full-width { display: block; text-align: center; } .mkd-btn.mkd-btn-huge-full-width .mkd-icon-font-elegant { font-size: 22px; } .mkd-btn.mkd-btn-icon .mkd-btn-text { margin-right: 2px; } .mkd-btn.mkd-btn-icon .arrow_carrot-right { position: relative; } .mkd-btn.mkd-btn-icon .arrow_carrot-right:before { display: inline-block; opacity: 0; -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .mkd-btn.mkd-btn-icon .arrow_carrot-right:after { content: "\35"; opacity: 1; display: inline-block; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mkd-btn.mkd-btn-icon:hover .arrow_carrot-right:before { color: inherit; opacity: 1; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mkd-btn.mkd-btn-icon:hover .arrow_carrot-right:after { color: inherit; opacity: 0; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; -webkit-transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } input[type=submit].mkd-btn, button.mkd-btn { cursor: pointer; } .rev-btn .arrow_carrot-right { position: relative; } .rev-btn .arrow_carrot-right:before { display: inline-block; opacity: 0; height: 12px !important; -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .rev-btn .arrow_carrot-right:after { content: "\35"; opacity: 1; display: inline-block; height: 12px !important; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .rev-btn:hover .arrow_carrot-right:before { color: inherit; opacity: 1; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .rev-btn:hover .arrow_carrot-right:after { color: inherit; opacity: 0; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; -webkit-transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } /* ========================================================================== # Clients carousels style - begin ========================================================================== */ .mkd-clients-carousel { opacity: 0; } .mkd-clients-carousel.owl-carousel .owl-stage-outer { margin: -20px; padding: 20px; } .mkd-clients-carousel .mkd-clients-carousel-item-holder { position: relative; /* Image zoom - begin ========================================================================== */ /* Image zoom - end ========================================================================== */ /* Image change on hover - begin ========================================================================== */ /* Image change on hover - end ========================================================================== */ /* Image flip on hover - begin ========================================================================== */ /* Image flip on hover - end ========================================================================== */ } .mkd-clients-carousel .mkd-clients-carousel-item-holder .mkd-clients-carousel-first-image-holder.mkd-image-zoom img { -webkit-transition: transform 0.15s ease-out; -moz-transition: transform 0.15s ease-out; transition: transform 0.15s ease-out; -webkit-backface-visibility: hidden; } .mkd-clients-carousel .mkd-clients-carousel-item-holder .mkd-clients-carousel-first-image-holder.mkd-image-zoom:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .mkd-clients-carousel .mkd-clients-carousel-item-holder .mkd-clients-carousel-first-image-holder.mkd-image-change { left: 0; opacity: 1; position: absolute; top: 0; z-index: 5; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .mkd-clients-carousel .mkd-clients-carousel-item-holder .mkd-clients-carousel-second-image-holder { display: block; opacity: 0; position: relative; top: 0; left: 0; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .mkd-clients-carousel .mkd-clients-carousel-item-holder .mkd-clients-carousel-second-image-holder img { width: auto; } .mkd-clients-carousel .mkd-clients-carousel-item-holder:hover .mkd-clients-carousel-first-image-holder.mkd-image-change { opacity: 0; } .mkd-clients-carousel .mkd-clients-carousel-item-holder:hover .mkd-clients-carousel-second-image-holder { opacity: 1; } .mkd-clients-carousel .mkd-clients-carousel-item-holder .mkd-image-flip.mkd-clients-carousel-first-image-holder, .mkd-clients-carousel .mkd-clients-carousel-item-holder .mkd-image-flip.mkd-clients-carousel-second-image-holder { display: block; opacity: 1; -webkit-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-clients-carousel .mkd-clients-carousel-item-holder .mkd-image-flip.mkd-clients-carousel-second-image-holder { position: absolute; top: 0; left: 0; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .mkd-clients-carousel .mkd-clients-carousel-item-holder:hover .mkd-image-flip.mkd-clients-carousel-first-image-holder { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .mkd-clients-carousel .mkd-clients-carousel-item-holder:hover .mkd-image-flip.mkd-clients-carousel-second-image-holder { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mkd-clients-carousel .owl-controls .owl-dots { margin-top: 61px; } .mkd-clients-carousel .owl-controls .owl-nav { color: #8b8a8a; font-size: 40px; } .mkd-clients-carousel .owl-controls .owl-nav .owl-prev, .mkd-clients-carousel .owl-controls .owl-nav .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .mkd-clients-carousel .owl-controls .owl-nav .owl-prev { left: 20px; } .mkd-clients-carousel .owl-controls .owl-nav .owl-next { right: 20px; } .mkd-clients-carousel .owl-controls .owl-dots { display: inline-block; margin: 0 auto; } .mkd-clients-carousel .owl-controls .owl-dots .owl-dot { float: left; } .mkd-clients-carousel .owl-controls .owl-dots .owl-dot span { background: #8b8a8a; height: 12px; display: block; margin: 0 6px; width: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mkd-clients-carousel .owl-controls .owl-dots .owl-dot.active:first-of-type:last-of-type { display: none; } .mkd-clients-carousel .owl-controls .owl-dots .owl-dot.active span { background: #38b9df; } /* ========================================================================== Blockquote shortcode start styles ========================================================================== */ blockquote { position: relative; display: table; } blockquote .mkd-icon-quotations-holder { display: table-cell; width: 1%; padding: 0; font-size: 70px; line-height: 40px; font-weight: 400; color: #38b9df; } blockquote .mkd-icon-quotations-holder .icon_quotations { position: relative; top: -16px; left: -16px; } blockquote .mkd-blockquote-text { display: table-cell; vertical-align: top; } /* ========================================================================== Blockquote shortcode end styles ========================================================================== */ /* ========================================================================== # Image Gallery - begin ========================================================================== */ /* Image Gallery Grid - begin ========================================================================== */ .mkd-image-gallery .mkd-grayscale .mkd-gallery-image img { filter: grayscale(100%); -webkit-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-image-gallery .mkd-grayscale .mkd-gallery-image:hover img { filter: none; } .mkd-image-gallery .mkd-gallery-image img { display: block; } .mkd-image-gallery .mkd-image-gallery-grid.mkd-gallery-columns-2 .mkd-gallery-image { width: 49%; margin-right: 2%; margin-bottom: 2%; display: inline-block; float: left; } .mkd-image-gallery .mkd-image-gallery-grid.mkd-gallery-columns-2 .mkd-gallery-image:nth-child(2n) { margin-right: 0; } .mkd-image-gallery .mkd-image-gallery-grid.mkd-gallery-columns-2 .mkd-gallery-image:nth-child(2n+1) { clear: both; } .mkd-image-gallery .mkd-image-gallery-grid.mkd-gallery-columns-3 .mkd-gallery-image { width: 32%; margin-right: 2%; margin-bottom: 2%; display: inline-block; float: left; } .mkd-image-gallery .mkd-image-gallery-grid.mkd-gallery-columns-3 .mkd-gallery-image:nth-child(3n) { margin-right: 0; } .mkd-image-gallery .mkd-image-gallery-grid.mkd-gallery-columns-3 .mkd-gallery-image:nth-child(3n+1) { clear: both; } .mkd-image-gallery .mkd-image-gallery-grid.mkd-gallery-columns-4 .mkd-gallery-image { width: 24%; margin-right: 1.33333%; margin-bottom: 1.33333%; display: inline-block; float: left; } .mkd-image-gallery .mkd-image-gallery-grid.mkd-gallery-columns-4 .mkd-gallery-image:nth-child(4n) { margin-right: 0; } .mkd-image-gallery .mkd-image-gallery-grid.mkd-gallery-columns-4 .mkd-gallery-image:nth-child(4n+1) { clear: both; } .mkd-image-gallery .mkd-image-gallery-grid.mkd-gallery-columns-5 .mkd-gallery-image { width: 19%; margin-right: 1.25%; margin-bottom: 1.25%; display: inline-block; float: left; } .mkd-image-gallery .mkd-image-gallery-grid.mkd-gallery-columns-5 .mkd-gallery-image:nth-child(5n) { margin-right: 0; } .mkd-image-gallery .mkd-image-gallery-grid.mkd-gallery-columns-5 .mkd-gallery-image:nth-child(5n+1) { clear: both; } /* Image Gallery Grid - end ========================================================================== */ /* Image Gallery Slider - begin ========================================================================== */ .mkd-image-gallery .mkd-image-gallery-slider { opacity: 0; } .mkd-image-gallery .mkd-image-gallery-slider .owl-controls .owl-nav .owl-prev { left: 2%; } .mkd-image-gallery .mkd-image-gallery-slider .owl-controls .owl-nav .owl-next { right: 2%; } /* Image Gallery Slider - end ========================================================================== */ /* ========================================================================== # Image Gallery - end ========================================================================== */ .mkd-video-button-play { display: block; font-size: 50px; height: 75px; line-height: 75px; margin: 0 auto; width: 75px; } .mkd-video-button-play .mkd-video-button-wrapper { background-color: #f3f3f3; color: #38b9df; display: block; height: 100%; position: relative; width: 100%; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; transition: all 0.15s ease; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mkd-video-button-play .mkd-video-button-wrapper:hover { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15); } .mkd-video-button-play .mkd-video-button-wrapper span { left: 50%; margin-left: 5px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mkd-video-button-title { margin-top: 20px; text-align: center; } /* ========================================================================== Dropcaps shortcodes styles ========================================================================== */ .mkd-dropcaps { position: relative; display: inline-block; float: left; height: 45px; width: 45px; line-height: 45px; font-size: 40px; color: #38b9df; font-weight: 700; text-align: center; margin: 5px 20px 0 0; } .mkd-dropcaps.mkd-square, .mkd-dropcaps.mkd-circle { font-size: 25px; background-color: #38b9df; color: #fff; } .mkd-dropcaps.mkd-circle { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } /* ========================================================================== Dropcaps shortcode end styles ========================================================================== */ .mkd-iwt { -webkit-transform: translate3d(-5px, 0, 0); -moz-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); -webkit-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-iwt .mkd-iwt-link { margin-top: 20px; display: inline-block; } .mkd-iwt.mkd-iwt-icon-top { text-align: center; } .mkd-iwt.mkd-iwt-icon-top .mkd-iwt-icon-holder { margin-bottom: 23px; } .mkd-iwt.mkd-iwt-icon-top .mkd-iwt-content-holder .mkd-iwt-title { margin: 0; margin-bottom: 15px; } .mkd-iwt.mkd-iwt-icon-left, .mkd-iwt.mkd-iwt-icon-left-from-title { text-align: left; } .mkd-iwt:not(.mkd-iwt-left-from-title) .mkd-iwt-title-holder { margin-bottom: 13px; } .mkd-iwt.mkd-iwt-icon-left .mkd-iwt-icon-holder { float: left; } .mkd-iwt.mkd-iwt-icon-left .mkd-iwt-title-holder { margin-bottom: 13px; } .mkd-iwt.mkd-iwt-icon-left .mkd-iwt-title-holder .mkd-iwt-title { margin: 0; } .mkd-iwt.mkd-iwt-icon-left.mkd-iwt-icon-tiny .mkd-iwt-content-holder { padding-left: 50px; } .mkd-iwt.mkd-iwt-icon-left.mkd-iwt-icon-small .mkd-iwt-content-holder { padding-left: 61px; } .mkd-iwt.mkd-iwt-icon-left.mkd-iwt-icon-medium .mkd-iwt-content-holder { padding-left: 80px; } .mkd-iwt.mkd-iwt-icon-left.mkd-iwt-icon-large .mkd-iwt-content-holder { padding-left: 95px; } .mkd-iwt.mkd-iwt-icon-left.mkd-iwt-icon-huge .mkd-iwt-content-holder { padding-left: 110px; } .mkd-iwt.mkd-iwt-icon-right { text-align: right; } .mkd-iwt.mkd-iwt-icon-right .mkd-iwt-icon-holder { float: right; } .mkd-iwt.mkd-iwt-icon-right .mkd-iwt-title-holder { margin-bottom: 13px; } .mkd-iwt.mkd-iwt-icon-right .mkd-iwt-title-holder .mkd-iwt-title { margin: 0; } .mkd-iwt.mkd-iwt-icon-right.mkd-iwt-icon-tiny .mkd-iwt-content-holder { padding-right: 50px; } .mkd-iwt.mkd-iwt-icon-right.mkd-iwt-icon-small .mkd-iwt-content-holder { padding-right: 61px; } .mkd-iwt.mkd-iwt-icon-right.mkd-iwt-icon-medium .mkd-iwt-content-holder { padding-right: 80px; } .mkd-iwt.mkd-iwt-icon-right.mkd-iwt-icon-large .mkd-iwt-content-holder { padding-right: 95px; } .mkd-iwt.mkd-iwt-icon-right.mkd-iwt-icon-huge .mkd-iwt-content-holder { padding-right: 110px; } .mkd-iwt.mkd-iwt-left-from-title .mkd-iwt-icon-title-holder { margin-bottom: 13px; } .mkd-iwt.mkd-iwt-left-from-title .mkd-iwt-icon-holder { margin-right: 20px; } .mkd-iwt.mkd-iwt-left-from-title .mkd-iwt-icon-holder, .mkd-iwt.mkd-iwt-left-from-title .mkd-iwt-title-holder { display: inline-block; vertical-align: middle; } /* ========================================================================== # Social Share style - begin ========================================================================== */ .mkd-social-share-holder ul { list-style: none; display: inline-block; margin: 0; } /* List type - begin ========================================================================== */ .mkd-social-share-holder.mkd-list { position: relative; } .mkd-social-share-holder.mkd-list a { color: #8b8a8a; font-size: 13px; line-height: 28px; vertical-align: top; } .mkd-social-share-holder.mkd-list:before { content: "\f3ac"; position: absolute; top: 0; left: -20px; display: block; margin: 0 5px 0 0; width: 27px; height: 24px; font-family: "Ionicons"; font-style: normal; font-variant: normal; text-transform: none; text-rendering: auto; font-size: 15px; text-align: left; color: #8b8a8a; line-height: 24px; -webkit-transition: color cubic-bezier(0.35, 0.7, 0.32, 0.9) 0.3s; -moz-transition: color cubic-bezier(0.35, 0.7, 0.32, 0.9) 0.3s; transition: color cubic-bezier(0.35, 0.7, 0.32, 0.9) 0.3s; } .mkd-social-share-holder.mkd-list li { display: inline-block; margin-right: 10px; } .mkd-social-share-holder.mkd-list li.mkd-facebook-share a:hover { color: #295396 !important; } .mkd-social-share-holder.mkd-list li.mkd-twitter-share a:hover { color: #31CBFD !important; } .mkd-social-share-holder.mkd-list li.mkd-google_plus-share a:hover { color: #DC4B38 !important; } .mkd-social-share-holder.mkd-list li.mkd-linkedin-share a:hover { color: #0072B0 !important; } .mkd-social-share-holder.mkd-list li.mkd-tumblr-share a:hover { color: #32526B !important; } .mkd-social-share-holder.mkd-list li.mkd-pinterest-share a:hover { color: #C21E25 !important; } .mkd-social-share-holder.mkd-list li.mkd-vk-share a:hover { color: #476A94 !important; } /* List type - end ========================================================================== */ /* ========================================================================== # Social Share style - end ========================================================================== */ /* ========================================================================== Mikado slider styles ========================================================================== */ .mkd-slider { position: relative; width: 100%; overflow: hidden; z-index: 10; } .mkd-slider-preloader { position: absolute; width: 100%; height: 1500px; background-color: #fff; z-index: 20; } .carousel { position: relative; margin: 0; } .carousel.mkd-full-screen { height: 1500px; } .carousel .carousel-inner { position: relative; top: 0; left: 0; width: 100%; overflow: hidden; z-index: 1; } .carousel .carousel-inner .item { position: relative; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .carousel .carousel-inner .item.active, .carousel .carousel-inner .item.prev, .carousel .carousel-inner .item.next { display: block; } .carousel .carousel-inner .item.prev, .carousel .carousel-inner .item.next { position: absolute; top: 0; width: 100%; } .carousel .carousel-inner .item .mkd-image { position: absolute; top: 0px; left: 0px; width: 100%; height: 110%; background-position: center 0px; background-repeat: no-repeat; background-size: cover; } .carousel .carousel-inner .item .mkd-image img { display: none !important; width: 0px; height: 0px; } .carousel .carousel-inner .item .mkd-image-pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .carousel .carousel-inner .item .mkd-slider-elements-container { position: absolute; top: 50%; left: 50%; z-index: 12; /* above the background video */ -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .carousel .carousel-inner .item .mkd-slider-elements-container:not(.mkd-grid) { width: 100%; } .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slider-elements-container-inner { position: relative; width: 100%; padding-bottom: 0; } .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slider-elements-container-inner .mkd-slider-elements-holder-frame { position: absolute; top: 0; left: 0; } .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slider-elements-container-inner .mkd-slider-elements-holder-frame:not(.mkd-grid) { width: 100%; } .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slide-element { position: absolute; margin: 0; color: #fff; /* Default Text styles */ } .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slide-element.mkd-slide-element-animation-flip .mkd-slide-element-inner, .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slide-element.mkd-slide-element-animation-spin .mkd-slide-element-inner, .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slide-element.mkd-slide-element-animation-fade .mkd-slide-element-inner, .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slide-element.mkd-slide-element-animation-from_top .mkd-slide-element-inner, .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slide-element.mkd-slide-element-animation-from_bottom .mkd-slide-element-inner, .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slide-element.mkd-slide-element-animation-from_left .mkd-slide-element-inner, .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slide-element.mkd-slide-element-animation-from_right .mkd-slide-element-inner { opacity: 0; } .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slide-element.mkd-slide-element-image { line-height: 0; } .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slide-element.mkd-slide-element-image img { vertical-align: middle; } .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slide-element.mkd-slide-element-text-small { font-size: 22px; line-height: 1.454545454545455em; /* 22px/32px */ font-weight: 500; color: #fff; } .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slide-element.mkd-slide-element-text-normal { font-size: 36px; line-height: 1.65em; /* 34px/56px */ font-weight: 700; color: #fff; } .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slide-element.mkd-slide-element-text-large { font-size: 60px; line-height: 1.285714285714286em; /* 60px/70px */ font-weight: 700; color: #fff; } .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slide-element.mkd-slide-element-text-extra-large { font-size: 100px; line-height: 1.2em; /* 100px/120px */ font-weight: 700; color: #fff; } .carousel .carousel-inner .item .mkd-slider-elements-container .mkd-slide-element .mkd-slide-element-wrapper-link.inheriting { color: inherit !important; /* Removing this class on hover lets the link have its hover color */ } .carousel .carousel-inner .item .mkd-slide-element-section-link { z-index: 13; position: absolute !important; /* Not to be overridden by pivot point settings */ left: 50% !important; /* Not to be overridden by pivot point settings */ -webkit-transform: translateX(-50%) !important; /* Not to be overridden by pivot point settings */ transform: translateX(-50%) !important; /* Not to be overridden by pivot point settings */ } .carousel .carousel-inner .item .mkd-slide-element-section-link .mkd-slide-anchor-holder { position: relative; display: inline-block; vertical-align: middle; text-align: center; } .carousel .carousel-inner .item .mkd-slide-element-section-link .mkd-slide-anchor-holder .mkd-slide-anchor-button { position: relative; display: inline-block; vertical-align: middle; font-size: 50px; color: #fff; } .carousel .carousel-inner .item .mkd-slide-element-section-link .mkd-slide-anchor-holder .mkd-slide-anchor-button .scroll-text { display: block; margin-top: 10px; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; } .carousel .carousel-inner .item.active .mkd-slide-element.mkd-slide-element-animation-fade .mkd-slide-element-inner { -webkit-animation: fade 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: fade 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -o-animation: fade 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: fade 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .carousel .carousel-inner .item.active .mkd-slide-element.mkd-slide-element-animation-flip .mkd-slide-element-inner { -webkit-animation: flip 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: flip 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -o-animation: flip 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: flip 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .carousel .carousel-inner .item.active .mkd-slide-element.mkd-slide-element-animation-spin .mkd-slide-element-inner { -webkit-animation: spin 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: spin 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -o-animation: spin 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: spin 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .carousel .carousel-inner .item.active .mkd-slide-element.mkd-slide-element-animation-from_top .mkd-slide-element-inner { -webkit-animation: from-top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: from-top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -o-animation: from-top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: from-top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .carousel .carousel-inner .item.active .mkd-slide-element.mkd-slide-element-animation-from_bottom .mkd-slide-element-inner { -webkit-animation: from-bottom 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: from-bottom 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -o-animation: from-bottom 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: from-bottom 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .carousel .carousel-inner .item.active .mkd-slide-element.mkd-slide-element-animation-from_left .mkd-slide-element-inner { -webkit-animation: from-left 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: from-left 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -o-animation: from-left 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: from-left 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .carousel .carousel-inner .item.active .mkd-slide-element.mkd-slide-element-animation-from_right .mkd-slide-element-inner { -webkit-animation: from-right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: from-right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; -o-animation: from-right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: from-right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both; } .touch .carousel .carousel-inner .item { background-position: center 0px !important; } .carousel .carousel-inner .mkd-video { position: static; left: 0; direction: ltr; } .carousel .carousel-inner .mkd-video video.mkd-video-element { object-fit: inherit; width: 100% !important; } .carousel .carousel-inner .mkd-slider-content-outer { position: relative; height: 100%; width: 1100px; margin: 0px auto; z-index: 12; } .carousel .carousel-inner .mkd-slider-content-outer .mkd-slide-anchor-holder { text-align: center; } .carousel .carousel-inner .mkd-slider-content-outer .mkd-slide-anchor-holder.mkd-slider-anchor-in-content { position: relative; margin-top: 80px; } .carousel .carousel-inner .mkd-slider-content-outer .mkd-slide-anchor-holder.mkd-slider-anchor-on-bottom-of-the-slider { position: absolute; bottom: 10%; left: 50%; margin: 0; -webkit-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32); -moz-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32); -o-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32); animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .carousel .carousel-inner .mkd-slider-content-outer .mkd-slide-anchor-holder .mkd-slide-anchor-button { position: relative; display: inline-block; vertical-align: middle; font-size: 50px; color: #fff; } .carousel .carousel-inner .mkd-slider-content-outer .mkd-slide-anchor-holder .mkd-slide-anchor-button .scroll-text { display: block; margin-top: 10px; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; } .carousel.mkd-slide .carousel-inner .item { -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel.mkd-slide .carousel-inner .item.prev { left: -100%; } .carousel.mkd-slide .carousel-inner .item.prev.right { left: 0; } .carousel.mkd-slide .carousel-inner .item.next { left: 100%; } .carousel.mkd-slide .carousel-inner .item.next.left { left: 0; } .carousel.mkd-slide .carousel-inner .item.active { left: 0; } .carousel.mkd-slide .carousel-inner .item.active.left { left: -100%; } .carousel.mkd-slide .carousel-inner .item.active.right { left: 100%; } .carousel.mkd-fade .carousel-inner .item { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .carousel.mkd-fade .carousel-inner .item.prev, .carousel.mkd-fade .carousel-inner .item.next { z-index: 1; } .carousel.mkd-fade .carousel-inner .item.active { opacity: 1; filter: alpha(opacity=100); } .carousel.mkd-fade .carousel-inner .item.active.left, .carousel.mkd-fade .carousel-inner .item.active.right { z-index: 2; opacity: 0; filter: alpha(opacity=0); } .carousel.mkd-vertical-up:not(.mkd-has-height) .carousel-inner { height: 100%; } .carousel.mkd-vertical-up .carousel-inner .item { -webkit-transition: -webkit-transform 0.6s ease; -moz-transition: -moz-transform 0.6s ease; transition: transform 0.6s ease; } .carousel.mkd-vertical-up .carousel-inner .item.prev { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .carousel.mkd-vertical-up .carousel-inner .item.prev.right { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } .carousel.mkd-vertical-up .carousel-inner .item.next { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } .carousel.mkd-vertical-up .carousel-inner .item.next.left { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } .carousel.mkd-vertical-up .carousel-inner .item.active { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } .carousel.mkd-vertical-up .carousel-inner .item.active.left { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .carousel.mkd-vertical-up .carousel-inner .item.active.right { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } .carousel.mkd-vertical-down:not(.mkd-has-height) .carousel-inner { height: 100%; } .carousel.mkd-vertical-down .carousel-inner .item { -webkit-transition: -webkit-transform 0.6s ease; -moz-transition: -moz-transform 0.6s ease; transition: transform 0.6s ease; } .carousel.mkd-vertical-down .carousel-inner .item.prev { -webkit-transform: translateY(99%); -moz-transform: translateY(99%); transform: translateY(99%); } .carousel.mkd-vertical-down .carousel-inner .item.prev.right { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } .carousel.mkd-vertical-down .carousel-inner .item.next { -webkit-transform: translateY(-99%); -moz-transform: translateY(-99%); transform: translateY(-99%); } .carousel.mkd-vertical-down .carousel-inner .item.next.left { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } .carousel.mkd-vertical-down .carousel-inner .item.active { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } .carousel.mkd-vertical-down .carousel-inner .item.active.left { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } .carousel.mkd-vertical-down .carousel-inner .item.active.right { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .carousel.mkd-slide-cover .carousel-inner .item { -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel.mkd-slide-cover .carousel-inner .item.prev { left: -100%; z-index: 100; } .carousel.mkd-slide-cover .carousel-inner .item.prev.right { left: 0; } .carousel.mkd-slide-cover .carousel-inner .item.next { left: 100%; z-index: 99; } .carousel.mkd-slide-cover .carousel-inner .item.next.left { left: 0; } .carousel.mkd-slide-cover .carousel-inner .item.active { left: 0; } .carousel.mkd-slide-cover .carousel-inner .item.active.left { left: -30%; } .carousel.mkd-slide-cover .carousel-inner .item.active.right { left: 30%; } .carousel.mkd-slide-peek .carousel-inner .item { -webkit-transition: left 0.6s ease-in-out, right 0.6s ease-in-out; -moz-transition: left 0.6s ease-in-out, right 0.6s ease-in-out; transition: left 0.6s ease-in-out, right 0.6s ease-in-out; } .carousel.mkd-slide-peek .carousel-inner .item.prev { left: 0%; right: 85%; width: auto; z-index: 100; overflow: hidden; } .carousel.mkd-slide-peek .carousel-inner .item.prev.right { left: 0%; right: 0%; } .carousel.mkd-slide-peek .carousel-inner .item.next { left: 85%; right: 0%; width: auto; z-index: 99; overflow: hidden; } .carousel.mkd-slide-peek .carousel-inner .item.next.left { left: 0%; right: 0%; } .carousel.mkd-slide-peek .carousel-inner .item.active { left: 0%; right: 0%; width: auto; } .carousel.mkd-slide-peek .carousel-inner .item.active.left { left: 0%; right: 0%; } .carousel.mkd-slide-peek .carousel-inner .item.active.right { left: 0%; right: 0%; } .carousel.mkd-slide-peek .carousel-inner .mkd-slider-peeker { position: absolute; top: 0; height: 110%; z-index: 98; overflow: hidden; -webkit-transition: left 0.3s ease-in-out, width 0.3s ease-in-out; -moz-transition: left 0.3s ease-in-out, width 0.3s ease-in-out; transition: left 0.3s ease-in-out, width 0.3s ease-in-out; } .carousel.mkd-slide-peek .carousel-inner .mkd-slider-peeker.mkd-slide-peek-in-progress { -webkit-transition: none; -moz-transition: none; transition: none; } .carousel.mkd-slide-peek .carousel-inner .mkd-slider-peeker.left { left: 0; width: 0; } .carousel.mkd-slide-peek .carousel-inner .mkd-slider-peeker.left.shown:not(.mkd-slide-peek-in-progress) { width: 15%; } .carousel.mkd-slide-peek .carousel-inner .mkd-slider-peeker.right { left: 100%; width: 0; } .carousel.mkd-slide-peek .carousel-inner .mkd-slider-peeker.right.shown:not(.mkd-slide-peek-in-progress) { left: 85%; width: 15%; } .carousel.mkd-slide-peek .carousel-inner .mkd-slider-peeker .mkd-slider-peeker-inner { position: absolute; top: 0; left: 50%; height: 100%; background: transparent center 0px no-repeat; background-size: cover; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .carousel .carousel-indicators { position: absolute; bottom: 20px; left: 50%; margin: 0 !important; padding: 0 !important; text-align: center; list-style: none; z-index: 15; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .carousel .carousel-indicators:not(.thumbnails) li { position: relative; display: inline-block; vertical-align: middle; width: 8px; height: 8px; margin: 0 3px; padding: 0; border-radius: 4em; cursor: pointer; text-indent: -999px; opacity: 0.4; background-color: #fff; -webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out; -moz-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out; transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out; } .carousel .carousel-indicators:not(.thumbnails) li.active { opacity: 1; } .carousel .carousel-indicators.thumbnails { bottom: 25px; width: 80%; } .carousel .carousel-indicators.thumbnails li { position: relative; display: inline-block; vertical-align: middle; width: 160px !important; /* must not to be overwritten by options */ height: 100px !important; margin: 0 5px 0 0; padding: 0; background-color: rgba(0, 0, 0, 0.8); cursor: pointer; } .carousel .carousel-indicators.thumbnails li:last-child { margin: 0; } .carousel .carousel-indicators.thumbnails li .thumb-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: rgba(255, 255, 255, 0.1); z-index: 100; opacity: 0; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .carousel .carousel-indicators.thumbnails li .thumb-frame-inner { position: relative; display: block; height: 100%; width: 100%; border: 5px solid #fff; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .carousel .carousel-indicators.thumbnails li img { position: relative; width: 100%; height: 100%; padding: 0; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: padding 0.2s ease-out; -moz-transition: padding 0.2s ease-out; transition: padding 0.2s ease-out; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .carousel .carousel-indicators.thumbnails li:hover .thumb-frame { opacity: 1; } .carousel .carousel-indicators.thumbnails li.active .thumb-frame, .carousel .carousel-indicators.thumbnails li.active .thumb-frame-inner { opacity: 1; } .carousel .carousel-indicators.thumbnails li.active img { padding: 5px; } .carousel .carousel-indicators.thumbnails.dark li .thumb-frame-inner { border-color: #000; } .mkd-dark-header .carousel .carousel-indicators li { background-color: #000 !important; } .mkd-light-header .carousel .carousel-indicators li { background-color: #fff !important; } .carousel .carousel-control { position: absolute; top: 0px; width: 8%; height: 100%; margin: 0px; outline: none; cursor: pointer; text-shadow: none; z-index: 2 !important; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; -webkit-backface-visibility: hidden; /* because navigation is not visible during animation on chrome */ -moz-backface-visibility: hidden; /* because navigation glitters in ff */ } .carousel .carousel-control:hover { opacity: 1 !important; } .carousel .carousel-control:hover.left .mkd-thumb-holder { left: 0; } .carousel .carousel-control:hover.right .mkd-thumb-holder { right: 0; } .carousel .carousel-control .mkd-prev-nav, .carousel .carousel-control .mkd-next-nav { position: absolute; top: 50%; margin: -27px 0 0; height: 54px; width: 54px; line-height: 54px; font-size: 32px; color: #fff; background-color: rgba(54, 54, 54, 0.6); border-radius: 4em; border: 1px solid transparent; text-align: center; z-index: 10; -webkit-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left 0.6s ease-in-out 0.3s, right 0.6s ease-in-out 0.3s; -moz-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left 0.6s ease-in-out 0.3s, right 0.6s ease-in-out 0.3s; transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left 0.6s ease-in-out 0.3s, right 0.6s ease-in-out 0.3s; } .carousel .carousel-control .mkd-prev-nav:hover, .carousel .carousel-control .mkd-next-nav:hover { background-color: #363636; } .carousel .carousel-control .mkd-prev-nav span, .carousel .carousel-control .mkd-next-nav span { display: block; line-height: inherit; } .carousel .carousel-control .mkd-prev-nav .mkd-numbers, .carousel .carousel-control .mkd-next-nav .mkd-numbers { position: absolute; left: 0; right: 0; top: 0; float: none; padding: 0; line-height: 50px; height: 50px; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .mkd-dark-header .carousel .carousel-control .mkd-prev-nav, .mkd-dark-header .carousel .carousel-control .mkd-next-nav { color: #fff; background-color: #000; } .mkd-light-header .carousel .carousel-control .mkd-prev-nav, .mkd-light-header .carousel .carousel-control .mkd-next-nav { color: #000; background-color: #fff; } .carousel .carousel-control .mkd-prev-nav { left: 20px; } .carousel .carousel-control .mkd-next-nav { right: 20px; } .carousel .carousel-control .mkd-thumb-holder { position: absolute; top: 50%; width: 150px; display: block; background-color: rgba(0, 0, 0, 0.8); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .carousel .carousel-control .mkd-thumb-holder .img { position: relative; display: block; width: 150px; margin: 0 0 -2px; background: transparent center center no-repeat; background-size: cover; overflow: hidden; clear: both; } .carousel .carousel-control .mkd-thumb-holder .img img { display: block; } .carousel .carousel-control .mkd-thumb-holder .mkd-video .mkd-video-wrap { position: relative; } .carousel .carousel-control .mkd-thumb-arrow { height: 50px; line-height: 50px; font-size: 25px; } .carousel .carousel-control .mkd-numbers { height: 50px; line-height: 50px; font-size: 15px; } .carousel .carousel-control .mkd-numbers span { display: inline; } .carousel .carousel-control.left .mkd-thumb-holder { left: -200px; -webkit-transition: left 0.6s ease-in-out 0.3s; -moz-transition: left 0.6s ease-in-out 0.3s; transition: left 0.6s ease-in-out 0.3s; } .carousel .carousel-control.left .mkd-thumb-arrow { float: left; padding: 0 0 0 20px; } .carousel .carousel-control.left .mkd-numbers { float: right; padding: 0 20px 0 0; } .carousel .carousel-control.right { right: 0; left: auto; } .carousel .carousel-control.right .mkd-thumb-holder { right: -200px; -webkit-transition: right 0.6s ease-in-out 0.3s; -moz-transition: right 0.6s ease-in-out 0.3s; transition: right 0.6s ease-in-out 0.3s; } .carousel .carousel-control.right .mkd-thumb-arrow { float: right; padding: 0 20px 0 0; } .carousel .carousel-control.right .mkd-numbers { float: left; padding: 0 0 0 20px; } .carousel.mkd-slider-thumbs .carousel-control .mkd-prev-nav { -webkit-transition: left 0.6s ease-in-out 0.3s; -moz-transition: left 0.6s ease-in-out 0.3s; transition: left 0.6s ease-in-out 0.3s; } .carousel.mkd-slider-thumbs .carousel-control .mkd-next-nav { -webkit-transition: right 0.6s ease-in-out 0.3s; -moz-transition: right 0.6s ease-in-out 0.3s; transition: right 0.6s ease-in-out 0.3s; } .carousel.mkd-slider-thumbs .carousel-control:hover .mkd-prev-nav { left: -100%; } .carousel.mkd-slider-thumbs .carousel-control:hover .mkd-next-nav { right: -100%; } .carousel .mkd-video .mkd-mobile-video-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 10; } .carousel .mkd-video .mkd-video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 3000px; opacity: 0; z-index: 11; } .carousel .mkd-video .mkd-video-overlay img { display: none !important; } .carousel .mkd-video .mkd-video-overlay.active { background-image: url("img/pixel-video.png"); background-position: 0px 0px; background-repeat: repeat; opacity: 1; } .carousel .mkd-video .mkd-video-wrap { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; z-index: 10; } .carousel .mkd-video .mkd-video-wrap .mejs-poster { background-size: cover !important; } .carousel .mkd-video .mkd-video-wrap .mejs-offscreen { display: none !important; } .carousel .mkd-video .mkd-video-wrap .mejs-container { background: none !important; height: auto !important; } .carousel .mkd-video .mkd-video-wrap .mejs-container .mejs-controls { display: none !important; } .carousel .mkd-video .mkd-video-wrap .mejs-container .mejs-poster img { max-width: none !important; width: 100% !important; } .carousel .mkd-video .mkd-video-wrap .mejs-controls .mejs-time-rail .mejs-time-loaded { background-color: rgba(255, 255, 255, 0.18) !important; } .carousel .mkd-video .mkd-video-wrap .mejs-controls .mejs-time-rail .mejs-time-total { background: #1f1f1f none repeat scroll 0 0 !important; } .carousel .mkd-video .mkd-video-wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: transparent !important; } .carousel .mkd-video .mkd-video-wrap .mejs-controls .mejs-button button:focus { outline: none !important; } .carousel .mkd-video .mkd-video-wrap .mejs-controls button { opacity: 0.8; } .carousel .mkd-video .mkd-video-wrap .mejs-controls button:hover { opacity: 1; } .carousel .mkd-video .mkd-video-wrap .mejs-controls .mejs-fullscreen-button:hover button { opacity: 1; } .carousel .mkd-video .mkd-video-wrap .mejs-mediaelement { background: none !important; border: 0 !important; } .mkd-in-progress .carousel-control.left .mkd-thumb-holder { left: -200px !important; } .mkd-in-progress .carousel-control.right .mkd-thumb-holder { right: -200px !important; } /* animate image - start */ @media only screen and (min-width: 1024px) { .carousel-inner .item.mkd-animate-image.zoom_center .mkd-image { position: absolute; top: 0%; left: 0%; width: 100%; height: 110%; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-backface-visibility: hidden; /* to prevent glittering on slide change */ backface-visibility: hidden; } .carousel-inner .item.mkd-animate-image.zoom_top_left .mkd-image, .carousel-inner .item.mkd-animate-image.zoom_top_right .mkd-image, .carousel-inner .item.mkd-animate-image.zoom_bottom_left .mkd-image, .carousel-inner .item.mkd-animate-image.zoom_bottom_right .mkd-image { position: absolute; top: -12%; left: -12%; width: 125%; height: 125%; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-backface-visibility: hidden; /* to prevent glittering on slide change */ backface-visibility: hidden; } } /* animate image - end */ /* -- Animations Start -- */ @-webkit-keyframes from-bottom { 0% { -webkit-transform: translate(0, 15%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes from-bottom { 0% { -moz-transform: translate(0, 15%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes from-bottom { 0% { -o-transform: translate(0, 15%); opacity: 0.5; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes from-bottom { 0% { transform: translate(0, 15%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes from-top { 0% { -webkit-transform: translate(0, -15%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes from-top { 0% { -moz-transform: translate(0, -15%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes from-top { 0% { -o-transform: translate(0, -15%); opacity: 0.5; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes from-top { 0% { transform: translate(0, -15%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes from-left { 0% { -webkit-transform: translate(-15%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes from-left { 0% { -moz-transform: translate(-15%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes from-left { 0% { -o-transform: translate(-15%, 0); opacity: 0.5; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes from-left { 0% { transform: translate(-15%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes from-right { 0% { -webkit-transform: translate(15%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes from-right { 0% { -moz-transform: translate(15%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes from-right { 0% { -o-transform: translate(15%, 0); opacity: 0.5; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes from-right { 0% { transform: translate(15%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 100% { -webkit-transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 100% { -moz-transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } } @-o-keyframes flip { 0% { -o-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0.2; } 100% { -o-transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } } @keyframes flip { 0% { transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 100% { transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(360deg) scale(0.5); opacity: 0; } 100% { -webkit-transform: rotate(0deg) scale(1); opacity: 1; } } @-moz-keyframes spin { 0% { -moz-transform: rotate(360deg) scale(0.5); opacity: 0; } 100% { -moz-transform: rotate(0deg) scale(1); opacity: 1; } } @-o-keyframes spin { 0% { -o-transform: rotate(360deg) scale(0.5); opacity: 0.2; } 100% { -o-transform: rotate(0deg) scale(1); opacity: 1; } } @keyframes spin { 0% { transform: rotate(360deg) scale(0.5); opacity: 0; } 100% { transform: rotate(0deg) scale(1); opacity: 1; } } /* -- Animations End -- */ /* ========================================================================== End of Mikado slider styles ========================================================================== */ /* ========================================================================== # Process Style - begin ========================================================================== */ .mkd-process-item { display: block; float: left; overflow: visible; text-align: center; padding: 0 15px; opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkd-process-item .mkd-process-item-title-holder h5 { margin: 12px 0 15px 0; } .mkd-process-item .mkd-process-item-icon-holder-wrapper { display: table; height: calc(175px + 26px); position: relative; width: 100%; } .mkd-process-item .mkd-process-item-icon-holder-wrapper .mkd-process-item-icon-holder-wrapper-inner { display: table-cell; height: calc(175px + 26px); vertical-align: middle; width: 100%; } .mkd-process-item .mkd-process-item-icon-holder-wrapper .mkd-process-item-icon-holder-wrapper-inner .mkd-process-item-icon-holder { background: #ffffff; border: 1px solid #cccccc; display: inline-block; height: 175px; position: relative; width: 175px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-process-item .mkd-process-item-icon-holder-wrapper .mkd-process-item-icon-holder-wrapper-inner .mkd-process-item-icon-holder:after { content: ""; left: 100%; position: absolute; top: 50%; width: 0; height: 1px; background: #cccccc; -webkit-transition: all 0.2s cubic-bezier(0.35, 0.7, 0.32, 0.9) 0.1s; -moz-transition: all 0.2s cubic-bezier(0.35, 0.7, 0.32, 0.9) 0.1s; transition: all 0.2s cubic-bezier(0.35, 0.7, 0.32, 0.9) 0.1s; } .mkd-process-item .mkd-process-item-icon-holder-wrapper .mkd-process-item-icon-holder-wrapper-inner .mkd-process-item-icon-holder .mkd-process-item-background-holder { border: 0 solid transparent; border-radius: 50%; left: 50%; line-height: 0; position: absolute; top: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: border 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: border 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: border 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-process-item .mkd-process-item-icon-holder-wrapper .mkd-process-item-icon-holder-wrapper-inner .mkd-process-item-icon-holder .mkd-process-item-background-holder .mkd-process-item-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mkd-process-item .mkd-process-item-icon-holder-wrapper .mkd-process-item-icon-holder-wrapper-inner .mkd-process-item-icon-holder .mkd-process-item-background-holder .mkd-process-item-background > span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); background-size: cover; } .mkd-process-item .mkd-process-item-icon-holder-wrapper .mkd-process-item-icon-holder-wrapper-inner .mkd-process-item-icon-holder .mkd-process-item-background-holder:hover .mkd-process-item-background > span { -webkit-transform: scale(1.2) translateZ(0); -moz-transform: scale(1.2) translateZ(0); transform: scale(1.2) translateZ(0); } .mkd-process-item.mkd-icon-and-number .mkd-process-item-icon-holder { background: #ffffff; } .mkd-process-item.mkd-icon-and-number .mkd-process-item-numeration { z-index: 1; } .mkd-process-item.mkd-icon-and-number .mkd-icon-shortcode.circle { position: relative; z-index: 1; } .mkd-process-item.mkd-icon-and-number .mkd-process-item-background { overflow: auto; } .mkd-process-item:first-child .mkd-process-item-icon-holder-wrapper .mkd-process-item-icon-holder-wrapper-inner .mkd-process-item-icon-holder:before { display: none; } .mkd-process-item:last-child .mkd-process-item-icon-holder-wrapper .mkd-process-item-icon-holder-wrapper-inner .mkd-process-item-icon-holder:after { display: none; } .mkd-process-item.mkd-process-holder-appeared { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .mkd-process-item.mkd-process-holder-appeared .mkd-process-item-icon-holder-wrapper .mkd-process-item-icon-holder-wrapper-inner .mkd-process-item-icon-holder:after { width: 100%; } .mkd-process-item.mkd-icon-or-number .mkd-process-item-background-holder { overflow: hidden; } .mkd-process-item.mkd-icon-or-number:hover .mkd-process-item-icon-holder-wrapper .mkd-process-item-icon-holder { border: 1px solid #cccccc; } .mkd-process-item:nth-child(1) .mkd-process-item-numeration:after { content: "1." !important; } .mkd-process-item:nth-child(2) .mkd-process-item-numeration:after { content: "2." !important; } .mkd-process-item:nth-child(3) .mkd-process-item-numeration:after { content: "3." !important; } .mkd-process-item:nth-child(4) .mkd-process-item-numeration:after { content: "4." !important; } .mkd-process-item:nth-child(5) .mkd-process-item-numeration:after { content: "5." !important; } .mkd-process-holder.columns-3 .mkd-process-item { width: calc(100% / 3); } .mkd-process-holder.columns-3 .mkd-process-item .mkd-process-item-icon-holder-wrapper:after { width: calc((100% / 3) - 20px); } .mkd-process-holder.columns-4 .mkd-process-item { width: calc(100% / 4); } .mkd-process-holder.columns-4 .mkd-process-item .mkd-process-item-icon-holder-wrapper:after { width: calc((100% / 4) - 20px); } .mkd-process-holder.columns-5 .mkd-process-item { width: calc(100% / 5); } .mkd-process-holder.columns-5 .mkd-process-item .mkd-process-item-icon-holder-wrapper:after { width: calc((100% / 5) - 20px); } .mkd-process-item.mkd-icon-and-number .mkd-process-item-numeration { background-color: #38b9df; height: 45px; top: 0; position: absolute; right: 0; font-family: 'Raleway', sans-serif; width: 45px; opacity: 0; -webkit-transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9) 0.1s; -moz-transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9) 0.1s; transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9) 0.1s; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mkd-process-item.mkd-icon-and-number .mkd-process-item-numeration:after { color: #ffffff; content: ""; display: block; font-size: 20px; font-weight: bold; height: 45px; line-height: 45px; text-align: center; width: 45px; } .mkd-process-item.mkd-icon-and-number .mkd-icon-shortcode.circle { background-color: transparent; border: 0; font-size: 60px; height: 175px; line-height: 175px; width: 175px; -webkit-transition: background-color 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: background-color 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: background-color 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-process-item.mkd-icon-and-number .mkd-icon-shortcode.circle .mkd-icon-element { color: #221f1b; } .mkd-process-item.mkd-icon-and-number.mkd-process-holder-appeared .mkd-process-item-numeration { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.25s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-process-item.mkd-icon-or-number .mkd-process-item-numeration { display: block; background-color: rgba(0, 0, 0, 0.5); height: 140px; width: 140px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mkd-process-item.mkd-icon-or-number .mkd-process-item-numeration:after { color: #ffffff; content: ""; display: block; font-family: 'Raleway', sans-serif; font-size: 35px; font-weight: bold; height: 140px; line-height: 140px; text-align: center; width: 140px; position: absolute; z-index: 1; } .mkd-process-item.mkd-icon-or-number .mkd-icon-shortcode.circle { background-color: #38b9df; border: 0; font-size: 35px; height: 140px; line-height: 140px; width: 140px; } .mkd-process-item.mkd-icon-or-number .mkd-icon-shortcode.circle .mkd-icon-element { color: #ffffff; position: absolute; z-index: 9; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .mkd-service-table { /*&.mkd-cols-1 { table { thead { th { &:first-child { width: 66.66%; } } } tbody { td { &:first-child { width: 66.66%; } } } } }*/ } .mkd-service-table .mkd-service-table-inner { background: #ffffff; } .mkd-service-table table { table-layout: fixed; width: 100%; /* must have this set */ } .mkd-service-table table thead tr { border: 1px solid #cccccc; } .mkd-service-table table thead tr th { border-right: 1px solid #cccccc; padding: 24px 20px; width: 23.33333%; } .mkd-service-table table thead tr th > span { margin: 0; display: block; color: #2b2a28; font-size: 21px; font-weight: 700; line-height: 1.47619em; } .mkd-service-table table thead tr th > span > span { color: #8b8a8a; font-family: "Raleway", sans-serif; } .mkd-service-table table thead tr th .mkd-interval { color: #8b8a8a; font-family: "Ubuntu", sans-serif; font-size: 16px; font-weight: normal; } .mkd-service-table table thead tr th:first-child { background-color: #f3f3f3; padding-left: 49px; text-align: left; width: 30%; } .mkd-service-table table thead tr th:first-child span { color: #262932; } .mkd-service-table table thead tr th:last-child { border-right: 0; } .mkd-service-table table tbody tr { border: 1px solid #cccccc; } .mkd-service-table table tbody tr td { vertical-align: middle; border-right: 1px solid #cccccc; padding: 2px 20px; } .mkd-service-table table tbody tr td.mkd-service-table-feature-title { padding-left: 49px; } .mkd-service-table table tbody tr td.mkd-service-table-feature-title h6 { color: #8b8a8a; } .mkd-service-table table tbody tr td:first-child { background-color: #f3f3f3; text-align: left; width: 50%; } .mkd-service-table table tbody tr td:last-child { border-right: 0; } .mkd-service-table table tbody tr td .mkd-mark { font-size: 30px; color: #ababac; opacity: 0; display: block; -webkit-transform: scale(1.75); -moz-transform: scale(1.75); transform: scale(1.75); -webkit-transition: all 0.2s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.2s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.2s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-service-table table tbody tr td .mkd-mark.mkd-checked { color: #38b9df; } .mkd-service-table table tbody tr td .mkd-mark.mkd-service-table-icon-appeared { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; } .mkd-service-table table tbody tr td .mkd-btn { background: #221f1b !important; border-color: #221f1b !important; } .mkd-service-table table tbody tr td .mkd-btn.mkd-btn-solid:not(.mkd-btn-custom-hover-bg):hover { background: #38b9df !important; border-color: #38b9df !important; color: #ffffff !important; } .mkd-service-table table tbody tr:last-child td { padding: 23px 0; } .mkd-service-table table tbody tr:last-child td:first-child { background: #e2e3e3; } .mkd-info-box-holder { border: 1px solid #cccccc; color: #8b8a8a; overflow: hidden; padding: 50px 0; position: relative; text-align: center; } .mkd-info-box-holder .mkd-info-box-inner { display: table; width: 100%; height: 100%; } .mkd-info-box-holder .mkd-ib-front-holder { padding: 0 30px; z-index: 3; position: relative; display: table-cell; vertical-align: middle; } .mkd-info-box-holder .mkd-ib-front-holder .mkd-ib-top-holder .mkd-ib-media-holder { height: 60px; margin: 0 auto; margin-bottom: 28px; overflow: hidden; position: relative; width: 60px; visibility: visible; opacity: 1; transition: visibility .15s linear .5s, opacity .15s linear .5s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mkd-info-box-holder .mkd-ib-front-holder .mkd-ib-top-holder .mkd-ib-media-holder .mkd-ib-icon-holder { font-size: 60px; line-height: 60px; } .mkd-info-box-holder .mkd-ib-front-holder .mkd-ib-top-holder .mkd-ib-media-holder img { height: 60px; left: 0; opacity: 0; position: absolute; top: 0; width: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: opacity 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: opacity 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: opacity 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-info-box-holder .mkd-ib-front-holder .mkd-ib-top-holder .mkd-ib-title { -webkit-transition: color 0.15s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: color 0.15s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: color 0.15s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-info-box-holder .mkd-ib-front-holder .mkd-ib-top-holder .mkd-ib-text-holder { -webkit-transition: color 0.15s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: color 0.15s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: color 0.15s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-info-box-holder .mkd-ib-front-holder .mkd-ib-bottom-holder { left: 0; opacity: 0; position: absolute; text-align: center; width: 100%; -webkit-transition: opacity 0.2s cubic-bezier(0.35, 0.7, 0.32, 0.9) 0.2s; -moz-transition: opacity 0.2s cubic-bezier(0.35, 0.7, 0.32, 0.9) 0.2s; transition: opacity 0.2s cubic-bezier(0.35, 0.7, 0.32, 0.9) 0.2s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkd-info-box-holder .mkd-ib-front-holder .mkd-ib-bottom-holder .mkd-ib-text-holder { margin-top: 10px; } .mkd-info-box-holder .mkd-ib-front-holder .mkd-ib-bottom-holder .mkd-ib-text-holder p { margin: 0; } .mkd-info-box-holder .mkd-ib-front-holder .mkd-ib-bottom-holder .mkd-ib-button-holder { margin-top: 30px; } .mkd-info-box-holder .mkd-ib-front-holder .mkd-ib-bottom-holder .mkd-ib-button-holder .mkd-btn.mkd-btn-solid, .mkd-info-box-holder .mkd-ib-front-holder .mkd-ib-bottom-holder .mkd-ib-button-holder .mkd-btn.mkd-btn-solid:hover { background: #ffffff !important; border: #ffffff !important; color: #221f1b !important; } .mkd-info-box-holder .mkd-ib-overlay { background-color: #ffffff; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; z-index: 1; width: 100%; } .mkd-info-box-holder.mkd-info-box-with-image .mkd-ib-overlay { visibility: hidden; -webkit-transition: visibility 1s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: visibility 1s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: visibility 1s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-info-box-holder.mkd-info-box-with-image .mkd-ib-overlay:before { position: absolute; top: 0; left: 0; content: ""; background-color: #ffffff; width: 100%; height: 100%; opacity: 1; visibility: visible; -webkit-transition: opacity 1s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: opacity 1s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: opacity 1s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-info-box-holder.mkd-info-box-with-image:hover .mkd-ib-overlay { visibility: visible; -webkit-transition: visibility 1s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: visibility 1s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: visibility 1s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-info-box-holder.mkd-info-box-with-image:hover .mkd-ib-overlay:before { opacity: 0; -webkit-transition: opacity 1s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: opacity 1s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: opacity 1s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-info-box-holder.mkd-info-box-with-image:hover .mkd-ib-media-holder .mkd-ib-icon-holder { color: #ffffff; } .mkd-info-box-holder.mkd-info-box-with-image:hover .mkd-ib-media-holder img { opacity: 1 !important; -webkit-transition: opacity 0.5s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: opacity 0.5s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: opacity 0.5s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-info-box-holder.mkd-info-box-with-image:hover .mkd-ib-top-holder .mkd-ib-title { color: #ffffff; } .mkd-info-box-holder.mkd-info-box-with-image:hover .mkd-ib-top-holder .mkd-ib-text-holder { color: #ffffff; } .mkd-info-box-holder.mkd-hide-icon { padding: 0; } .mkd-info-box-holder.mkd-hide-icon:hover .mkd-ib-media-holder { visibility: hidden !important; opacity: 0 !important; transition: visibility 0.5s linear, opacity 0.5s linear; } .mkd-info-box-holder.mkd-no-icon { padding: 0; } .mkd-info-box-holder:hover .mkd-ib-bottom-holder { opacity: 1; } .mkd-elements-holder .mkd-info-box-holder { display: table-cell; height: 100%; vertical-align: middle; } .mkd-elements-holder.mkd-two-columns .mkd-info-box-holder { width: 50%; } .mkd-elements-holder.mkd-three-columns .mkd-info-box-holder { width: 33%; } .mkd-elements-holder.mkd-four-columns .mkd-info-box-holder { width: 25%; } .mkd-elements-holder.mkd-five-columns .mkd-info-box-holder { width: 20%; } .mkd-elements-holder.mkd-six-columns .mkd-info-box-holder { width: 16%; } .mkd-workflow { margin-top: 50px; position: relative; } .mkd-workflow .main-line { background: #e2e3e3; left: 50%; margin-left: -1px; position: absolute; right: 50%; top: 0; height: 100%; width: 2px; } .mkd-workflow .mkd-workflow-item { margin-left: auto; margin-right: auto; max-width: 75%; position: relative; padding-bottom: 50px; overflow: hidden; } .mkd-workflow .mkd-workflow-item .mkd-workflow-item-inner { display: inline-block; position: relative; width: 100%; vertical-align: middle; } .mkd-workflow .mkd-workflow-item .mkd-workflow-item-inner .mkd-workflow-image, .mkd-workflow .mkd-workflow-item .mkd-workflow-item-inner .mkd-workflow-text { float: left; margin: 0; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkd-workflow .mkd-workflow-item .mkd-workflow-item-inner .mkd-workflow-image { margin-top: 9px; text-align: center; } .mkd-workflow .mkd-workflow-item .mkd-workflow-item-inner .mkd-workflow-image.left { padding: 0px 60px; text-align: left; } .mkd-workflow .mkd-workflow-item .mkd-workflow-item-inner .mkd-workflow-image.right { padding: 0px 60px; text-align: right; } .mkd-workflow .mkd-workflow-item .mkd-workflow-item-inner .mkd-workflow-text { padding: 0px 60px; } .mkd-workflow .mkd-workflow-item .mkd-workflow-item-inner .mkd-workflow-text h4 { margin-top: 0; margin-bottom: 0px; } .mkd-workflow .mkd-workflow-item .mkd-workflow-item-inner .mkd-workflow-text p.text { margin-top: 10px; } .mkd-workflow .mkd-workflow-item .mkd-workflow-item-inner .mkd-workflow-text .circle { background: #ffffff; border: 1px solid #e2e3e3; border-radius: 50%; content: ""; height: 22px; left: 50%; margin: 0 0 0 -12px; position: absolute; top: 0; width: 22px; } .mkd-workflow .mkd-workflow-item .mkd-workflow-item-inner .mkd-workflow-text .circle:after { background: #38b9df; border-radius: 50%; content: ""; height: 8px; left: 7px; position: absolute; top: 7px; width: 8px; } .mkd-workflow .mkd-workflow-item .mkd-workflow-item-inner.reverse { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mkd-workflow .mkd-workflow-item .line { display: none; background-color: #fff; height: 100%; left: 50%; margin-left: -1px; position: absolute; width: 2px; } .mkd-workflow .mkd-workflow-item:first-of-type .line { display: block; top: 4px; transform: translateY(-100%); } .mkd-workflow .mkd-workflow-item:last-of-type .line { display: block; top: 24px; } .mkd-workflow.mkd-workflow-animate { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); } .mkd-workflow.mkd-workflow-animate .main-line { opacity: 0; height: 0; -webkit-transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), height 1.8s ease-out; -moz-transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), height 1.8s ease-out; transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), height 1.8s ease-out; } .mkd-workflow.mkd-workflow-animate .circle { -webkit-transform: scale(0.2); -moz-transform: scale(0.2); transform: scale(0.2); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.68) 0.5s; transition: transform 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.68) 0.5s; } .mkd-workflow.mkd-workflow-animate .mkd-workflow-item .mkd-workflow-item-inner .mkd-workflow-image { opacity: 0; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.3s ease-out; transition: transform 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.3s ease-out; } .mkd-workflow.mkd-workflow-animate .mkd-workflow-item .mkd-workflow-item-inner .mkd-workflow-text h4, .mkd-workflow.mkd-workflow-animate .mkd-workflow-item .mkd-workflow-item-inner .mkd-workflow-text p { opacity: 0; -webkit-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s; -moz-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s; transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s; } .mkd-workflow.mkd-workflow-animate.mkd-appeared { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); opacity: 1; } .mkd-workflow.mkd-workflow-animate.mkd-appeared .main-line { opacity: 1; height: 100%; } .mkd-workflow.mkd-workflow-animate.mkd-appeared .mkd-workflow-item.mkd-appeared .mkd-workflow-image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .mkd-workflow.mkd-workflow-animate.mkd-appeared .mkd-workflow-item.mkd-appeared .mkd-workflow-text h4, .mkd-workflow.mkd-workflow-animate.mkd-appeared .mkd-workflow-item.mkd-appeared .mkd-workflow-text p { opacity: 1; } .mkd-workflow.mkd-workflow-animate.mkd-appeared .circle { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .mkd-video-banner-holder { position: relative; } .mkd-video-banner-holder a { color: #ffffff; display: block; } .mkd-video-banner-holder img { vertical-align: middle; width: 100%; } .mkd-video-banner-holder .mkd-video-banner-overlay { height: 100%; font-size: 60px; left: 0; position: absolute; text-align: center; top: 0; width: 100%; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .mkd-video-banner-holder .mkd-video-banner-overlay .mkd-video-banner-overlay-inner1 { display: table; width: 100%; height: 100%; } .mkd-video-banner-holder .mkd-video-banner-overlay .mkd-video-banner-overlay-inner1 .mkd-video-banner-overlay-inner2 { display: table-cell; vertical-align: middle; } .mkd-video-banner-holder .mkd-video-banner-overlay .mkd-video-banner-overlay-inner1 .mkd-video-banner-overlay-inner2 .mkd-video-banner-subtitle { margin-bottom: 40px; } .mkd-video-banner-holder .mkd-video-banner-overlay .mkd-video-banner-overlay-inner1 .mkd-video-banner-overlay-inner2 .mkd-icon-holder { background-color: #38b9df; display: block; height: 75px; margin: 0 auto; position: relative; text-align: center; width: 75px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.1, 0.11, 1.33); -moz-transition: all 0.3s cubic-bezier(0.25, 0.1, 0.11, 1.33); transition: all 0.3s cubic-bezier(0.25, 0.1, 0.11, 1.33); } .mkd-video-banner-holder .mkd-video-banner-overlay .mkd-video-banner-overlay-inner1 .mkd-video-banner-overlay-inner2 .mkd-icon-holder:after { color: #f3f3f3; content: "\f488"; font-family: Ionicons; font-size: 47px; line-height: 75px; margin-left: 5px; } .mkd-video-banner-holder:hover .mkd-icon-holder { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); } .mkd-video-banner-holder.mkd-dark .mkd-video-banner-title { color: #221f1b !important; } .mkd-video-banner-holder.mkd-dark .mkd-video-banner-subtitle { color: #221f1b !important; } .mkd-video-banner-holder.mkd-dark .mkd-icon-holder { background-color: #221f1b !important; } .mkd-video-banner-holder.mkd-dark .mkd-icon-holder:after { color: #ffffff !important; } .mkd-video-banner-holder.mkd-light .mkd-video-banner-title { color: #ffffff !important; } .mkd-video-banner-holder.mkd-light .mkd-video-banner-subtitle { color: #ffffff !important; } .mkd-video-banner-holder.mkd-light .mkd-icon-holder { background-color: #ffffff !important; } .mkd-video-banner-holder.mkd-light .mkd-icon-holder:after { color: #221f1b !important; } .mkd-twitter-slider { margin: 90px 0 82px; position: relative; text-align: center; } .mkd-twitter-slider .mkd-twitter-slider-title { color: #ffffff; margin: 0 0 36px; } .mkd-twitter-slider .mkd-twitter-slider-inner { opacity: 0; } .mkd-twitter-slider .mkd-twitter-slider-item { font-size: 22px; font-style: italic; line-height: 1.6em; padding: 0 150px; } .mkd-twitter-slider .mkd-twitter-slider-item .mkd-twitter-text { color: #ffffff; } .mkd-twitter-slider .mkd-twitter-slider-item .mkd-twitter-time { color: #ffffff; margin-top: 18px; } .mkd-twitter-slider .mkd-twitter-slider-item .mkd-twitter-time:before { color: #38b9df; content: "\f099"; font-family: FontAwesome; font-size: 25px; font-style: normal; margin-right: 10px; } .mkd-twitter-slider .owl-controls .owl-nav { color: #ffffff; } .mkd-twitter-slider .owl-controls .owl-dots .owl-dot span { background: rgba(194, 194, 194, 0.3); } .mkd-twitter-slider .owl-controls .owl-dots .owl-dot.active span { background: #ffffff; } .mkd-twitter-slider.mkd-light .mkd-twitter-slider-title { color: #ffffff; } .mkd-twitter-slider.mkd-light .mkd-twitter-slider-item { color: #ffffff; } .mkd-twitter-slider.mkd-light .mkd-twitter-slider-item a { color: #888888; } .mkd-twitter-slider.mkd-light .mkd-twitter-slider-item .mkd-twitter-time { color: #ffffff; } .mkd-twitter-slider.mkd-light .mkd-twitter-slider-item .mkd-twitter-time:before { color: #888888; } .mkd-twitter-slider.mkd-light .owl-controls .owl-nav { color: #ffffff; } .mkd-twitter-slider.mkd-light .owl-controls .owl-dots .owl-dot span { background: #ffffff; } .mkd-twitter-slider.mkd-light .owl-controls .owl-dots .owl-dot.active span { background: #888888; } .mkd-twitter-slider.mkd-dark .mkd-twitter-slider-title { color: #221f1b; } .mkd-twitter-slider.mkd-dark .mkd-twitter-slider-item { color: #221f1b; } .mkd-twitter-slider.mkd-dark .mkd-twitter-slider-item a { color: #888888; } .mkd-twitter-slider.mkd-dark .mkd-twitter-slider-item .mkd-twitter-time { color: #888888; } .mkd-twitter-slider.mkd-dark .mkd-twitter-slider-item .mkd-twitter-time:before { color: #221f1b; } .mkd-twitter-slider.mkd-dark .owl-controls .owl-nav { color: #221f1b; } .mkd-twitter-slider.mkd-dark .owl-controls .owl-dots .owl-dot span { background: #221f1b; } .mkd-twitter-slider.mkd-dark .owl-controls .owl-dots .owl-dot.active span { background: #888888; } .mkd-content-slider { margin: 0; opacity: 0; } .mkd-content-slider .mkd-content-slider-item { display: table; overflow: hidden; width: 100%; } .mkd-content-slider .mkd-content-slider-item .mkd-content-slider-image, .mkd-content-slider .mkd-content-slider-item .mkd-content-slider-content { display: table-cell; width: 50%; vertical-align: middle; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkd-content-slider .mkd-content-slider-item .mkd-content-slider-content { padding: 0 86px; background-color: #f3f3f3; } .mkd-content-slider .mkd-content-slider-item .mkd-content-slider-image img { vertical-align: middle; width: 100%; } /* ========================================================================== # Image With Hover Info Style - begin ========================================================================== */ .mkd-image-with-hover-info-holder { text-align: center; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkd-image-with-hover-info-item { display: inline-block; position: relative; vertical-align: middle; } .mkd-image-with-hover-info-holder.mkd-three-columns .mkd-image-with-hover-info-item { margin: 28px; width: calc(33% - 56px); } .mkd-image-with-hover-info-holder.mkd-four-columns .mkd-image-with-hover-info-item { margin: 25px; width: calc(25% - 56px); } .mkd-image-with-hover-info-item .mkd-iwh-image { display: block; position: relative; -webkit-box-shadow: 3px 5px 8px 0px rgba(44, 44, 44, 0.15); -moz-box-shadow: 3px 5px 8px 0px rgba(44, 44, 44, 0.15); box-shadow: 3px 5px 8px 0px rgba(44, 44, 44, 0.15); } .mkd-image-with-hover-info-item .mkd-iwh-image img { display: block; width: 100%; } .mkd-image-with-hover-info-item .mkd-iwh-image:before { background: #000000; content: ""; display: block; height: 100%; opacity: 0; position: absolute; width: 100%; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .mkd-image-with-hover-info-item .mkd-iwh-link:hover .mkd-iwh-image:before { opacity: .2; -webkit-transition: opacity 0.15s ease; -moz-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } .mkd-image-with-hover-info-item .mkd-iwh-title { color: #8b8a8a; margin-top: 25px; } /* ========================================================================== # Image With Hover Info Style - end ========================================================================== */ /* ========================================================================== 10. Widgets styles ========================================================================== */ footer .mkd-footer-top { color: #d3d3d2; /* ========================================================================== Default WordPress widgets styles - begin ========================================================================== */ /* ========================================================================== Instagram widget style - begin ========================================================================== */ /* ========================================================================== Instagram widget style - end ========================================================================== */ /* ========================================================================== #Twitter feed ========================================================================== */ /* ========================================================================== Social Icon widget start styles ========================================================================== */ /* ========================================================================== Social Icon widget end styles ========================================================================== */ /* ========================================================================== #Twitter feed ========================================================================== */ } footer .mkd-footer-top .widget { background-color: transparent; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 0; margin: 0 0 15px; padding: 0 0 0 0; } footer .mkd-footer-top .widget .mkd-widget-title-holder { margin-bottom: 15px; } footer .mkd-footer-top .widget .mkd-widget-title-holder .mkd-widget-title { color: #ffffff; margin-top: 0; margin-bottom: 3px; } footer .mkd-footer-top .widget .mkd-widget-title-holder .mkd-separator { border-color: #cccccc; border-bottom-width: 3px; width: 40px; } footer .mkd-footer-top .widget ul { padding: 0; margin: 0; list-style: none; } footer .mkd-footer-top .widget ul li { border-bottom-color: #5f5e5e; border-bottom-style: solid; border-bottom-width: 1px; display: block; line-height: 20px; margin: 0; min-height: 20px; padding: 15px 0; } footer .mkd-footer-top .widget ul li:last-child { border: 0; padding-bottom: 0; } footer .mkd-footer-top .widget ul li a { color: #cccccc; font-family: "Raleway", sans-serif; font-size: 13px; font-weight: 500; text-transform: uppercase; } footer .mkd-footer-top .widget ul li a:hover { color: #aaaaaa; } footer .mkd-footer-top .widget ul .children, footer .mkd-footer-top .widget ul .sub-menu { border-top: 1px solid #5f5e5e; margin-top: 15px; } footer .mkd-footer-top .widget ul .children .sub-menu, footer .mkd-footer-top .widget ul .sub-menu .sub-menu { padding-left: 15px; } footer .mkd-footer-top .widget ul .children .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu, footer .mkd-footer-top .widget ul .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu { padding-left: 0; } footer .mkd-footer-top .mkd-twitter-widget .mkd-tweet-time { margin-top: 7px; } footer .mkd-footer-top .widget_mkd_social_icon_widget { position: relative; display: inline-block; vertical-align: middle; margin: 0; } .mkd-top-bar footer .mkd-footer-top .widget_mkd_social_icon_widget, footer footer .mkd-footer-top .widget_mkd_social_icon_widget { color: #ffffff; } @media only screen and (max-width: 1024px) { footer .mkd-footer-top .mkd-image-in-box .mkd-item-image { float: none; margin-bottom: 15px; width: 100%; } footer .mkd-footer-top .mkd-image-in-box .mkd-item-text-holder { float: none; max-width: 100%; padding: 0; width: 100%; } } footer .mkd-footer-top .mkd-image-widget { position: relative; display: inline-block; width: 100%; vertical-align: middle; width: auto; } footer .mkd-footer-top .mkd-image-widget a, footer .mkd-footer-top .mkd-image-widget figure, footer .mkd-footer-top .mkd-image-widget img { display: block; margin: 0; } footer .mkd-footer-top .mkd-image-widget figure { overflow: hidden; } footer .mkd-footer-top .mkd-image-widget figure img { -webkit-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); } footer .mkd-footer-top .mkd-image-widget.mkd-zoom a:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); } footer .mkd-footer-top .mkd-image-widget.mkd-fade a img { opacity: 1; } footer .mkd-footer-top .mkd-image-widget.mkd-fade a:hover img { opacity: .7; } footer .mkd-footer-top .widget.mkd-separator-widget { margin: 0 !important; /* overwrite default widget margin */ } footer .mkd-footer-top .mkd-unordered-list .mkd-list-item, footer .mkd-footer-top .mkd-ordered-list .mkd-list-item { border: 0 !important; } footer .mkd-footer-top .mkd-latest-posts-widget .mkd-item-title a { font-size: 16px; font-weight: 600; text-transform: none; } .mkd-side-menu { /* ========================================================================== Default WordPress widgets styles - begin ========================================================================== */ /* ========================================================================== Instagram widget style - begin ========================================================================== */ /* ========================================================================== Instagram widget style - end ========================================================================== */ /* ========================================================================== #Twitter feed ========================================================================== */ /* ========================================================================== Social Icon widget start styles ========================================================================== */ /* ========================================================================== Social Icon widget end styles ========================================================================== */ /* ========================================================================== #Twitter feed ========================================================================== */ } .mkd-side-menu .widget { background-color: transparent; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 0; margin: 0 0 45px; padding: 0 0 0 0; } .mkd-side-menu .widget .mkd-widget-title-holder { margin-bottom: 15px; } .mkd-side-menu .widget .mkd-widget-title-holder .mkd-widget-title { color: #262932; margin-top: 0; margin-bottom: 3px; } .mkd-side-menu .widget .mkd-widget-title-holder .mkd-separator { border-color: #38b9df; border-bottom-width: 3px; width: 40px; } .mkd-side-menu .widget ul { padding: 0; margin: 0; list-style: none; } .mkd-side-menu .widget ul li { border-bottom-color: #cccccc; border-bottom-style: solid; border-bottom-width: 1px; display: block; line-height: 20px; margin: 0; min-height: 20px; padding: 15px 0; } .mkd-side-menu .widget ul li:last-child { border: 0; padding-bottom: 0; } .mkd-side-menu .widget ul li a { color: #38b9df; font-family: "Raleway", sans-serif; font-size: 13px; font-weight: 500; text-transform: uppercase; } .mkd-side-menu .widget ul li a:hover { color: #313131; } .mkd-side-menu .widget ul .children, .mkd-side-menu .widget ul .sub-menu { border-top: 1px solid #cccccc; margin-top: 15px; } .mkd-side-menu .widget_mkd_social_icon_widget { position: relative; display: inline-block; vertical-align: middle; margin: 0; } .mkd-top-bar .mkd-side-menu .widget_mkd_social_icon_widget, footer .mkd-side-menu .widget_mkd_social_icon_widget { color: #ffffff; } @media only screen and (max-width: 1024px) { .mkd-side-menu .mkd-image-in-box .mkd-item-image { float: none; margin-bottom: 15px; width: 100%; } .mkd-side-menu .mkd-image-in-box .mkd-item-text-holder { float: none; max-width: 100%; padding: 0; width: 100%; } } .mkd-side-menu .mkd-image-widget { position: relative; display: inline-block; width: 100%; vertical-align: middle; width: auto; } .mkd-side-menu .mkd-image-widget a, .mkd-side-menu .mkd-image-widget figure, .mkd-side-menu .mkd-image-widget img { display: block; margin: 0; } .mkd-side-menu .widget.mkd-separator-widget { margin: 0 !important; /* overwrite default widget margin */ } .mkd-side-menu .mkd-unordered-list .mkd-list-item, .mkd-side-menu .mkd-ordered-list .mkd-list-item { border: 0 !important; } .mkd-content-bottom { /* ========================================================================== Default WordPress widgets styles - begin ========================================================================== */ /* ========================================================================== Instagram widget style - begin ========================================================================== */ /* ========================================================================== Instagram widget style - end ========================================================================== */ /* ========================================================================== #Twitter feed ========================================================================== */ /* ========================================================================== Social Icon widget start styles ========================================================================== */ /* ========================================================================== Social Icon widget end styles ========================================================================== */ /* ========================================================================== #Twitter feed ========================================================================== */ } .mkd-content-bottom .widget { background-color: transparent; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 0; margin: 0 0 0; padding: 0 0 0 0; } .mkd-content-bottom .widget .mkd-widget-title-holder { margin-bottom: 13px; } .mkd-content-bottom .widget .mkd-widget-title-holder .mkd-widget-title { color: #262932; margin-top: 0; margin-bottom: 3px; } .mkd-content-bottom .widget .mkd-widget-title-holder .mkd-separator { border-color: #8b8a8a; border-bottom-width: 3px; width: 40px; } .mkd-content-bottom .widget ul { padding: 0; margin: 0; list-style: none; } .mkd-content-bottom .widget ul li { border-bottom-color: #cccccc; border-bottom-style: solid; border-bottom-width: 1px; display: block; line-height: 20px; margin: 0; min-height: 20px; padding: 13px 0; } .mkd-content-bottom .widget ul li:last-child { border: 0; padding-bottom: 0; } .mkd-content-bottom .widget ul li a { color: #8b8a8a; font-family: "Raleway", sans-serif; font-size: 13px; font-weight: 500; text-transform: uppercase; } .mkd-content-bottom .widget ul li a:hover { color: #38b9df; } .mkd-content-bottom .widget ul .children, .mkd-content-bottom .widget ul .sub-menu { border-top: 1px solid #cccccc; margin-top: 13px; } .mkd-content-bottom .widget ul .children .sub-menu, .mkd-content-bottom .widget ul .sub-menu .sub-menu { padding-left: 15px; } .mkd-content-bottom .widget_mkd_social_icon_widget { position: relative; display: inline-block; vertical-align: middle; margin: 0; } .mkd-top-bar .mkd-content-bottom .widget_mkd_social_icon_widget, footer .mkd-content-bottom .widget_mkd_social_icon_widget { color: #ffffff; } @media only screen and (max-width: 1024px) { .mkd-content-bottom .mkd-image-in-box .mkd-item-image { float: none; margin-bottom: 15px; width: 100%; } .mkd-content-bottom .mkd-image-in-box .mkd-item-text-holder { float: none; max-width: 100%; padding: 0; width: 100%; } } .mkd-content-bottom .mkd-image-widget { position: relative; display: inline-block; width: 100%; vertical-align: middle; width: auto; } .mkd-content-bottom .mkd-image-widget a, .mkd-content-bottom .mkd-image-widget figure, .mkd-content-bottom .mkd-image-widget img { display: block; margin: 0; } .mkd-content-bottom .mkd-image-widget figure { overflow: hidden; } .mkd-content-bottom .mkd-image-widget figure img { -webkit-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); -moz-transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); transition: all 0.3s cubic-bezier(0.35, 0.7, 0.32, 0.9); } .mkd-content-bottom .mkd-image-widget.mkd-zoom a:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); } .mkd-content-bottom .mkd-image-widget.mkd-fade a img { opacity: 1; } .mkd-content-bottom .mkd-image-widget.mkd-fade a:hover img { opacity: .7; } .mkd-content-bottom .widget.mkd-separator-widget { margin: 0 !important; /* overwrite default widget margin */ } .mkd-content-bottom .widget_text { margin-bottom: 0; } .mkd-content-bottom .mkd-separator { border-color: #d3d3d2 !important; } /*# sourceMappingURL=modules.css.map */