/*-- FadeIn animation --*/ .kk_fadeIn { animation: kk_fadeIn 1s; -webkit-animation: kk_fadeIn 1s; -moz-animation: kk_fadeIn 1s; -ms-animation: kk_fadeIn 1s; } @keyframes kk_fadeIn { 0% { transform: scale3d(0,0,0); } 50% { transform: scale3d(1,1,1); } } @-ms-keyframes kk_fadeIn { 0% { -ms-transform: scale3d(0,0,0); } 50% { -ms-transform: scale3d(1,1,1); } } @-webkit-keyframes kk_fadeIn { 0% { -webkit-transform: scale3d(0,0,0); } 50% { -webkit-transform: scale3d(1,1,1); } } /* -- Heart animation --*/ .likeThis:hover > i{ animation: kk_heart linear 0.2s; animation-iteration-count: 1; -webkit-animation: kk_heart linear 0.2s; -moz-animation: kk_heart linear 0.2s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation: kk_heart linear 0.2s; -ms-animation-iteration-count: 1; } #grid .likeThis:hover > i, .single-post .likeThis:hover > i { animation: none; -webkit-animation: none; -ms-animation: none; -moz-animation: none; } @keyframes kk_heart{ 0% { transform: scaleX(1) ; } 50% { transform: scaleX(1.15) ; } 100% { transform: scaleX(1) ; } } @-webkit-keyframes kk_heart { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.15) ; } 100% { -webkit-transform: scale(1) ; } } @-moz-keyframes kk_heart { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.15) ; } 100% { -moz-transform: scale(1) ; } } @-ms-keyframes kk_heart { 0% { -ms-transform: scale(1) ; } 50% { -ms-transform: scale(1.15) ; } 100% { -ms-transform: scale(1) ; } } /*--- Button ---*/ .kk-menu-trigger { position: relative; display: block; margin-left: 0; padding: 5px; cursor: pointer; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: opacity 0.4s ease, transform 0.4s ease; } .kk-menu-trigger span { position: relative; margin-top: 9px; margin-bottom: 9px; } .kk-menu-trigger span, .kk-menu-trigger span:before, .kk-menu-trigger span:after { display: block; width: 26px; height: 3px; background-color: #444; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, transform; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; border-radius: 1px; } .kk_menu_default_hidden.kk-menu-open .kk-menu-trigger span, .kk_menu_default_hidden.kk-menu-open .kk-menu-trigger span:before, .kk_menu_default_hidden.kk-menu-open .kk-menu-trigger span:after { width: 20px; } .kk-menu-open .kk-menu-trigger span:before, .kk-menu-open .kk-menu-trigger span:after { background-color: #fff; } .kk-menu-trigger span:before, .kk-menu-trigger span:after { position: absolute; content: ""; } .kk-menu-trigger span:before { top: -8px; } .kk-menu-trigger span:after { top: 8px; } .kk-menu-open .kk-menu-trigger span { background-color: transparent!important; } .kk-menu-open .kk-menu-trigger span:before { -webkit-transform: translate3d(0, 8px, 0) rotate(45deg); -ms-transform: translate(0, 8px) rotate(45deg); transform: translate3d(0, 8px, 0) rotate(45deg); } .kk-menu-open .kk-menu-trigger span:after { -webkit-transform: translate3d(0, -8px, 0) rotate(-225deg); -ms-transform: translate(0, -8px) rotate(-225deg); transform: translate3d(0, -8px, 0) rotate(-225deg); } /*--- Menu effects ---*/ .kk-content-boxed.kk_menu_default_hidden.kk-menu-open .content { margin: 0; -webkit-transform: translate3d(300px, 0, 0); -ms-transform: translate(300px, 0); transform: translate3d(300px, 0, 0); } @media screen and (max-width: 1690px) { .kk-content-fullwidth.kk_menu_default_hidden.kk-menu-open .content { margin: 0; -webkit-transform: translate3d(200px, 0, 0); -webkit-transform: translate(200px, 0); transform: translate3d(200px, 0, 0); } } @media screen and (max-width: 1290px) { .kk-content-fullwidth.kk_menu_default_hidden.kk-menu-open .content { margin: 0; -webkit-transform: translate3d(240px, 0, 0); -ms-transform: translate(240px, 0); transform: translate3d(240px, 0, 0); } } .kk_menu_default_hidden .menu-wrapper { -webkit-transform: translate3d(-80%, 0, 0); -ms-transform: translate(-80%, 0); transform: translate3d(-80%, 0, 0); } .kk_menu_default_hidden.kk-menu-open .menu-wrapper { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate(0, 0); transform: translate3d(0, 0, 0); } .kk_menu_default_hidden.kk-menu-open .menu-helper { -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate(-100%, 0); transform: translate3d(-100%, 0, 0); } .kk_menu_slide_right .royalSlider_fullscreen, .kk_menu_slide_right .video-bg, .kk_menu_slide_right #kenburns { -webkit-transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate(0, 0); transform: translate3d(0, 0, 0); } .kk_menu_slide_right.kk-menu-open .royalSlider_fullscreen, .kk_menu_slide_right.kk-menu-open .video-bg, .kk_menu_slide_right.kk-menu-open #kenburns { -webkit-transform: translate3d(-50%, 0, 0); -ms-transform: translate(-50%, 0); transform: translate3d(-50%, 0, 0); } .kk_menu_slide_right.kk-content-fullwidth.kk-menu-open .content { -webkit-transform: translateX(-49.97%); -ms-transform: translate(-49.97%, 0); transform: translateX(-49.97%); } .kk_menu_slide_right .main-nav { -webkit-transition: -webkit-transform 0.7s; transition: transform 0.7s; -webkit-transform: translate3d(20%, -50%, 0); -ms-transform: translate(20%, -50%); transform: translate3d(20%, -50%, 0); } .kk_menu_slide_right.kk-menu-open .main-nav { -webkit-transform: translate3d(0, -50%, 0); -ms-transform: translate(0, -50%); transform: translate3d(0, -50%, 0); } .kk_menu_slide_right .main-nav .dl-menu { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .kk_menu_slide_right .main-nav .dl-menu.dl-menuopen, .kk_menu_fullscreen .main-nav .dl-menu.dl-menuopen { pointer-events: auto; margin: 0; } .kk_menu_slide_right .main-nav li .sub-menu, .kk_menu_fullscreen .main-nav li .sub-menu { display: none; } .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .sub-menu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .sub-menu { display: block; } .dl-menu.dl-subview li.dl-subviewopen > .sub-menu > li { display: inline-block; } .kk_menu_slide_right.kk-menu-open .menu.dl-menu.dl-animate-out-1, .kk_menu_fullscreen.kk-menu-open .menu.dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; -ms-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; } @-webkit-keyframes MenuAnimOut1 { 0% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(-20%, 0, 0); opacity: 0; } } @-ms-keyframes MenuAnimOut1 { 0% { -ms-transform: translate(0, 0); opacity: 1; } 100% { -ms-transform: translate(-20%, 0); opacity: 0; } } @keyframes MenuAnimOut1 { 0% { transform: translate3d(0, 0, 0); opacity: 1; } 100% { transform: translate3d(-20%, 0, 0); opacity: 0; } } .kk_menu_slide_right.kk-menu-open .menu.dl-menu.dl-animate-in-1, .kk_menu_fullscreen.kk-menu-open .menu.dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.4s ease; -ms-animation: MenuAnimIn1 0.4s ease; animation: MenuAnimIn1 0.4s ease; } @-webkit-keyframes MenuAnimIn1 { 0% { opacity: 0; -webkit-transform: translate3d(-20%, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } } @-ms-keyframes MenuAnimIn1 { 0% { opacity: 0; -ms-transform: translate(-20%, 0); } 100% { -ms-transform: translate(0, 0); opacity: 1; } } @keyframes MenuAnimIn1 { 0% { transform: translate3d(-20%, 0, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } .kk_menu_slide_right.kk-menu-open .main-nav > .sub-menu.dl-animate-in-1, .kk_menu_fullscreen.kk-menu-open .main-nav > .sub-menu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; -ms-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; } @-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translate3d(30%, -50%, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, -50%, 0); opacity: 1; } } @-ms-keyframes SubMenuAnimIn1 { 0% { -ms-transform: translate(30%, -50%); opacity: 0; } 100% { -ms-transform: translate(0, -50%); opacity: 1; } } @keyframes SubMenuAnimIn1 { 0% { transform: translate3d(30%, -50%, 0); opacity: 0; } 100% { transform: translate3d(0, -50%, 0); opacity: 1; } } .kk_menu_slide_right.kk-menu-open .main-nav > .sub-menu.dl-animate-out-1, .kk_menu_fullscreen.kk-menu-open .main-nav > .sub-menu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s cubic-bezier(0.49, 0.06, 0.66, 0.68); -ms-animation: SubMenuAnimOut1 0.4s cubic-bezier(0.49, 0.06, 0.66, 0.68); animation: SubMenuAnimOut1 0.4s cubic-bezier(0.49, 0.06, 0.66, 0.68); } @-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translate3d(0, -50%, 0); opacity: 1; } 100% { -webkit-transform: translate3d(30%, -50%, 0); opacity: 0; } } @-ms-keyframes SubMenuAnimOut1 { 0% { -ms-transform: translate(0, -50%); opacity: 1; } 100% { -ms-transform: translate(30%, -50%); opacity: 0; } } @keyframes SubMenuAnimOut1 { 0% { transform: translate3d(0, -50%, 0); opacity: 1; } 100% { transform: translate3d(30%, -50%, 0); opacity: 0; } } .kk_menu_slide_right.kk-menu-open .main-nav .menu-item-has-children>a:hover:after, .kk_menu_fullscreen.kk-menu-open .main-nav .menu-item-has-children>a:hover:after { -webkit-animation: arrAnim 0.7s linear infinite; -ms-animation: arrAnim 0.7s linear infinite; animation: arrAnim 0.7s linear infinite; } @-webkit-keyframes arrAnim { 0% { -webkit-transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(8px, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); } } @-ms-keyframes arrAnim { 0% { -ms-transform: translate(0, 0); } 50% { -ms-transform: translate(8px, 0); } 100% { -ms-transform: translate(0, 0); } } @keyframes arrAnim { 0% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(8px, 0, 0); } 100% { transform: translate3d(0, 0, 0); } } .kk_menu_slide_right.kk-menu-open .main-nav .sub-menu .dl-back>a:hover:before, .kk_menu_fullscreen.kk-menu-open .main-nav .sub-menu .dl-back>a:hover:before { -webkit-animation: arrAnimb 0.7s linear infinite; -ms-animation: arrAnimb 0.7s linear infinite; animation: arrAnimb 0.7s linear infinite; } @-webkit-keyframes arrAnimb { 0% { -webkit-transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(-8px, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); } } @-ms-keyframes arrAnimb { 0% { -ms-transform: translate(0, 0); } 50% { -ms-transform: translate(-8px, 0); } 100% { -ms-transform: translate(0, 0); } } @keyframes arrAnimb { 0% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(-8px, 0, 0); } 100% { transform: translate3d(0, 0, 0); } }