/* CityLife template for Joomla! Commercial Software Copyright 2013 joomlaxtc.com All Rights Reserved www.joomlaxtc.com */ /* ----------------------------------------------*/ /* C 00 - CSS3 Hover Effects /* ----------------------------------------------*/ #header ul.menu > li > a:hover,#header ul.menu > li > a,#header ul.menu li.parent > ul > li,#header ul.menu li.parent > ul > li > a,.suckerfish ul.menu > li > a,.dualfish ul.menu > li > a,.suckerfish ul.menu > li > a:hover,.dualfish ul.menu > li > a:hover,.login_slide_btn,.logout_slide_btn,.search_menu_btn,.social a,.flatgreybutton,.bargraphv a,.circle1,.ca-main,ul.menu.iconside li,ul.menu.iconside li:hover,.info:hover,.k2wall_introtext,.article_header,.article_header span,.article_text,.k2media_wrap_right,.k2media_wrap_left,.itemImageGallery .imagegalleryplg img,.opac,.eventwrap img,.buttonleft,.buttonright,.buttonright a:hover,.buttonleft a:hover,.newswrap h4.newswrapmore a,.newswrap h4.newswrapmore,.catItemImage img:hover,.catItemImage:hover,.imagepe img:hover,.newitemwrap,.article-wrap,a.article-intro-btn { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; -webkit-transition-duration: 0.15s,0.15s; -moz-transition-duration: 0.15s,0.15s; -o-transition-duration: 0.15s,0.15s; -ms-transition-duration: 0.15s, 0.15s; transition-duration: 0.15s, 0.15s; -webkit-transition-timing-function: ease-in,ease-out; -moz-transition-timing-function: ease-in,ease-out; -o-transition-timing-function: ease-in,ease-out; -ms-transition-timing-function: ease-in,ease-out; transition-timing-function: ease-in,ease-out; } /* ----------------------------------------------*/ /* C 00 - CSS3 Animated Component /* ----------------------------------------------*/ @-webkit-keyframes flyIN { 0% {opacity: 0;-moz-transform: rotateX(540deg) scale(0.3);} 100% {opacity: 1;-moz-transform: rotateX(0deg) scale(1);} } @-moz-keyframes flyIN { 0% {opacity: 0; -moz-transform: rotateX(540deg) scale(0.3); } 100% {opacity: 1;-moz-transform:rotateX(0deg) scale(1);} } @-o-keyframes flyIN { 0% {opacity: 0; -o-transform: rotateX(540deg) scale(0.3);} 100% {opacity: 1;-o-transform: rotateX(0deg) scale(1);} } @keyframes flyIN { 0% {opacity: 0;transform: rotateX(540deg) scale(0.3);} 100% {opacity: 1;transform: rotateX(0deg) scale(1);} } .flyIn { -webkit-animation-name: flyIN; -moz-animation-name: flyIN; -o-animation-name: flyIN; animation-name: flyIN; } /* ----------------------------------------------*/ /* C 02 - CSS3 Resposnive Animations /* ----------------------------------------------*/ /* CSS3 Responsive Breakpoints */ @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) { #region1wrap,#region2wrap,#region3wrap,#region4wrap,#region5wrap,#region6wrap,#region7wrap,#region8wrap,#region9wrap {background-attachment:scroll!important;} } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) { #region1wrap,#region2wrap,#region3wrap,#region4wrap,#region5wrap,#region6wrap,#region7wrap,#region8wrap,#region9wrap {background-attachment:scroll!important;} } @media(max-width:1496px){ .imagegalleryplg img {width:16.5%!important;} } @media(max-width:1455px){ .k2media_wrap_right {width:55%!important;} .k2media_wrap_left {width:40%!important;} div.items-leading.xtc-leading div.span6 h2.cat_title {font-size:48px!important;} } @media(max-width:1320px){ } @media(max-width:1260px){ } @media(max-width:1140px){ input#mod-search-searchword.inputbox {width:80%!important;} #header ul.menu > li > a,#header ul.menu > li.active > a,#header ul.menu > li:hover > a,#header ul.menu > li.parent:hover > a{font-size: 14px;} } @media screen and (max-width: 979px){ .leftlarge .items-leading .span6,.leftlarge .items-leading .span3{width:100%;margin-left:0;} .leftlarge .items-leading div:first-child + div{margin-left:0;} .rightlarge .items-leading .span6,.rightlarge .items-leading .span3{width:100%;margin-left:0;} .centerlarge .items-leading .span6,.centerlarge .items-leading .span3{width:100%;margin-left:0;} .span3.xtc-category-col.cols-4.item.column-2{margin-left:0;} .xtc-intro .row-fluid .span12 div:first-child + div + div{margin-left:0;} .centerlarge .items-leading div:first-child + div + div{margin-left:0;} .k2Container .rl_guest,.k2Container .rl_add,.k2Container .rl_remove{top:0px!important;right:0px!important;position:relative!important;} .itemAuthorLatest,.itemAuthorBlock {float:none!important;width:100%!important;} .product_price {display:inline-block!important;width:40%;} .product_quantity_input {display:inline-block!important;width:15%;} .k2store_add_to_cart {display:inline-block!important;width:20%;} #header ul.menu > li > a,#header ul.menu > li.active > a,#header ul.menu > li:hover > a,#header ul.menu > li.parent:hover > a{margin: 0px 6px;} } @media(max-width:930px){ .article_date {margin: 0px 22px 0px 0px;} #section-kmt {padding:0!important;} } @media screen and (max-width: 900px){ .imagegalleryplg img {width:33%!important;} #menuwrap {float:left;} .menur1social {padding-top: 6px!important;} #logo a {margin:8px 0 9px 10px;} .module.nopadbt {padding-left:8px!important;} body.sticky{margin-top:50px!important;} body.innerpage.sticky{margin-top:90px!important;} .row-fluid [class*="span"] {display: block; width: 100%;margin-left: 0!important;} .gridlast.span6.xtc-category-col.cols-2.item,#itemListLeading .span6,#itemListPrimary .span6,#itemListSecondary .span6 {margin-left:0;} #left.span3,#left2.span3,#left3.span3,#left4.span3,#left5.span3,#left6.span3,#left7.span3,#left8.span3 {margin-left:0;} #right.span3,#right2.span3,#right3.span3,#right4.span3,#right5.span3,#right6.span3,#right7.span3,#right8.span3{margin-left:0;} #left,#left2,#left3,#left4,#left5,#left6,#left7,#left8{margin-bottom:2%;padding-right:0;} #right,#right2,#right3,#right4,#right5,#right6,#right7,#right8{margin-top:2%;padding-left:0;} .item-page.wtitle #section-kmt {width:100%; margin-left:0;} .itemRatingLog {display:none;} .product_price, .product_quantity_input, .k2store_add_to_cart {display: inline-block !important;width: 32%;} .firstrow, .centerrow {padding-bottom:0!important;} .items-more {text-align:center;margin-bottom:20px;} div.itemToolbar {margin-bottom:4px!important;} div.itemFullText {margin-top:20px;} div.items-leading.xtc-leading div.span6 h2.cat_title,h2.cat_title a,h2.cat_title,.xtc-intro div.span3 h2.cat_title{font-size:62px!important;text-align:left!important;} #region3wrap .xtc-wrapper {padding:5px 0!important;} input#mod-search-searchword.inputbox {width:100%!important;} div.itemAttachmentsBlock span,div.itemExtraFields ul li span.itemExtraFieldsLabel,div.itemExtraFields ul li span.itemExtraFieldsValue,div.itemExtraFields ul li span.itemExtraFieldsValue a ,div.itemCategory span,div.itemCategory a,div.itemTagsBlock span,div.itemTagsBlock ul.itemTags li a,div.itemTagsBlock ul.itemTags li a:hover,div.itemAttachmentsBlock span,div.itemAttachmentsBlock ul.itemAttachments li a,div.itemAttachmentsBlock ul.itemAttachments li a:hover,div.itemAttachmentsBlock ul.itemAttachments li span,div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl,div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail,div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a, div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {font-size:18px!important;} .slideleft1,.slideleft2,.slideleft3,.slideright1,.slideright2,.slideright3 {left:0px!important;opacity:1!important;} } @media (min-width: 768px) and (max-width: 979px) { .xtc-intro div.span12 div.column-4,.xtc-intro div.span12 div.column-2,.blog-featured .row-fluid .row-fluid .span3:first-child,.blog-featured .row-fluid .row-fluid .span3:first-child.span3 + .span3{margin-left:0;} .xtc-intro .span3,.blog-featured .row-fluid .row-fluid .span3{float:left;width:100%;margin-left:0px} } @media(max-width:796px){ #component p {font-size:110%;line-height:133%} div.pagination span, div.pagination a, ul.pagenav a {font-size:100%;padding:6px 15px;} div.itemInfos,div.itemsTools,div.itemToolbar ul {float:none;} #sb-searchwrap{margin-right:-10px;} div.items-leading.xtc-leading div.span6 h2.cat_title,h2.cat_title a,h2.cat_title,.xtc-intro div.span3 h2.cat_title{font-size:52px!important;text-align:left!important;} } @media (max-width: 767px) { div.acymailing_form, div.acymailing_form input, div.acymailing_form textarea {text-align:center;} p.acysubbuttons {text-align:center !important;} input.button.subbutton.btn.btn-primary {width:85%;} .xtc-leading .span6,.xtc-leading .span3,.xtc-intro .span3{margin-left:0;float:none;width:100%;} .formwrap,form#finder-search {text-align:left; padding:10px;width:80%; } .k2media_wrap_right {width:100%!important;float:none!important;} .k2media_wrap_left {width:100%!important;float:none!important;} .itemRelatedk2store {display:none;} .k2rightcolumn {margin-top:24px;} div#region1wrap.xtc-bodygutter,div#region2wrap.xtc-bodygutter,div#region4wrap.xtc-bodygutter,div#region5wrap.xtc-bodygutter,div#region6wrap.xtc-bodygutter,div#region7wrap.xtc-bodygutter,div#region8wrap.xtc-bodygutter,div#region9wrap.xtc-bodygutter {background-position:top!important;background-attachment:scroll!important;} #region1wrap .xtc-wrapper,#region2wrap .xtc-wrapper,#region4wrap .xtc-wrapper,#region5wrap .xtc-wrapper,#region6wrap .xtc-wrapper,#region7wrap .xtc-wrapper,#region8wrap .xtc-wrapper{padding-top:100px!important;padding-bottom:100px!important;} .citylife_mainslide {padding:70px 0 40px!important;} .newmainslide {padding:0!important;} .acymailing_module_form {margin-top:0!important;margin-bottom:0!important;} } @media (max-width: 720px) { .commentsleft,.commentsright {float:none;width:100%;} .itemNavigation {text-align:center;} .itemNavigationTitle {width:100%;display:block;} div.items-leading.xtc-leading div.span6 h2.cat_title,h2.cat_title a,h2.cat_title,.xtc-intro div.span3 h2.cat_title{font-size:42px!important;text-align:left!important;} } @media(max-width:620px){ .article_date {padding: 20px 10px;} .article_info{margin-left:0;} #k2itemtabs.nav-tabs li {float:none!important;} #k2itemtabs.nav-tabs li a {margin-bottom: 2px!important;border-bottom:2px solid #fff;} .citylife_content_layout .centercol, .citylife_content_layout .lastcol {width: 100%!important;} h2.k2title {text-align:center;} .article_date {display:none;} h5.day {float:left;} .article_date .day {font-size:22px!important;} .article_header {padding:20px!important;} .article_header span {float:none!important;} h2.title a,h2.title {font-size:36px!important;} span.pagenav,.pagination-next,.pagination-end,.pagination-start,.pagination-prev {display:none!important;width:0px!important;} div.items-leading.xtc-leading div.span6 h2.cat_title,h2.cat_title a,h2.cat_title,.xtc-intro div.span3 h2.cat_title{font-size:32px!important;text-align:left!important;} .rmore1, .rmore2 {font-size:16px !important; padding:9px 0!important;} #region8 .acymailing_form .btn-primary {font-size:16px !important; padding:12px 0!important;} .citylife_mainslide h3, .newmainslide h3 {margin:14px 0 12px!important; font-size:16px !important;} .region8acy h3 {margin:24px 0 22px!important; font-size:16px !important;} .citylife_mainslide h2,.region8acy h2,.newmainslide h2 {font-size:38px!important;line-height:20%!important;margin:14px 0 12px!important;} .acymailing_module_form .acymailing_introtext {padding-bottom: 0!important; display: block;} #region1wrap .xtc-wrapper,#region2wrap .xtc-wrapper,#region4wrap .xtc-wrapper,#region5wrap .xtc-wrapper,#region6wrap .xtc-wrapper,#region7wrap .xtc-wrapper,#region8wrap .xtc-wrapper{padding-top:60px!important;padding-bottom:60px!important;} .citylife_mainslide {padding:60px 0 40px!important;} .slideleft1,.slideleft2,.slideleft3,.slideright1,.slideright2,.slideright3 {left:0px!important;opacity:1!important;} } @media(max-width:480px){ input, textarea, .uneditable-input{width:auto;} div.itemAuthorImg{float:left;width:100%;} div.itemAuthorBlock div.itemAuthorDetails {margin:20px 0 0 0px;padding:0 0 0 0;float:left;width:100%;} #section-kmt {padding:0px;} .cat-item div.action {position:relative!important;right:0px!important;bottom:0px;top:24px;} #component, #k2Container.itemView.nowrap {padding: 20px !important;} #k2Container.nowrap .featuredBadge {top:0px;right:0px;} .product_price, .k2store_add_to_cart {display:inline-block!important;width: 30%!important;} .product_quantity_input {display:inline-block!important;width: 20%!important;} a.rmore1.bslide1,.newmainslide .rmore1 {margin:12px 0px!important;} #region1wrap .xtc-wrapper,#region2wrap .xtc-wrapper,#region4wrap .xtc-wrapper,#region5wrap .xtc-wrapper,#region6wrap .xtc-wrapper,#region7wrap .xtc-wrapper,#region8wrap .xtc-wrapper{padding-top:20px!important;padding-bottom:30px!important;} .citylife_mainslide {padding:36px 0 0!important;} } @media(max-width:420px){ #region8 .inputbox {padding:16px 60px 16px 16px;border-radius:28px!important;display:inline-block!important;} } @media(max-width:320px){ #logo {padding:0 10px;} div.pagination span, div.pagination a,ul.pagenav a {font-size:1em!important;padding:2px 8px;border:2px solid #e3e3e3;} div.pagination ul li {padding:0 4px 0 0;} .showHere {display:none;} #component, #k2Container.itemView.nowrap {padding: 10px !important;} .k2title {padding:8px!important;} .product_price, .product_quantity_input, .k2store_add_to_cart {display: visible !important;margin-bottom:16px;width: 100%!important;font-size:48px;text-align:center;} } @media screen and (-webkit-min-device-pixel-ratio:0) {.newsdate{margin:0 30px 0 0;}}