article, aside, figcaption, figure, footer, header, hgroup, nav, section, time { display:block; } /*All CSS Files*/ /*Yellow Project Version: 1.0.248*/ /*-----------------------------*/ /* *** Style.css *** */ .demo_panel { position:fixed; left:-234px; top:155px; width:234px; display:block; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); z-index:999; transition: all 400ms; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; } .demo_panel .panel_toggler { position:absolute; width:51px; height:51px; background:#3d3d3d url(../img/btn_panel.png) no-repeat center; display:block; right:-51px; top:0px; z-index:999; } .demo_panel.opacity { opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .demo_panel.showed { left:0px; } .demo_panel .panel_title { background:#3d3d3d; padding:0 0 0 17px; line-height:46px; height:51px; display:block; color:#ffd200; font-size:20px; font-weight:bold; text-align:left; } .demo_panel a:hover { text-decoration:none!important; } .ie8 .demo_panel { display:none!important; } .panel_item { display:block; background:#ececec; margin:0 0 3px 0; } .panel_item.color_panel { padding:20px 9px 9px 20px; } .panel_item.color_panel ul { margin:0!important; } .panel_item.color_panel li { margin:0 11px 11px 0; display:inline-block; float:left; width:30px; height:30px; } .panel_item.color_panel li a { width:30px; height:30px; display:block; border:#ffffff 3px solid; transition: border-color 200ms; -webkit-transition: border-color 200ms; -moz-transition: border-color 200ms; -o-transition: border-color 200ms; } .panel_item.color_panel li a.current, .panel_item.color_panel li a:hover { border-color:#3d3d3d; } .panel_item.color_panel li a.color1 { background:#ffd200; } .panel_item.color_panel li a.color2 { background:#ff8d00; } .panel_item.color_panel li a.color3 { background:#ff5b29; } .panel_item.color_panel li a.color4 { background:#ff60af; } .panel_item.color_panel li a.color5 { background:#b36aff; } .panel_item.color_panel li a.color6 { background:#5196da; } .panel_item.color_panel li a.color7 { background:#0ab7e1; } .panel_item.color_panel li a.color8 { background:#88c800; } .panel_item.color_panel li a.color9 { background:#dbe93a; } .panel_item.color_panel li a.color10 { background:#a3a3a3; } .panel_item.layout_item a { display:block; text-align:left; padding:0 0 0 20px; height:45px; line-height:45px; font-size:13px; color:#3d3d3d; position:relative; } .panel_item.layout_item a span { position:absolute; right:20px; top:15px; border:#ffffff 3px solid; background:#ffd200; border-radius:50% 50%; width:8px; height:8px; display:block; transition: border-color 200ms; -webkit-transition: border-color 200ms; -moz-transition: border-color 200ms; -o-transition: border-color 200ms; } .panel_item.layout_item a.current span, .panel_item.layout_item a:hover span { border-color:#3d3d3d; } /*-- iPhone Fixes --*/ input[type="text"], textarea, button { outline:none!important; background:none; border-radius:0; box-shadow:0!important; -webkit-appearance: none!important; } * { outline:none!important; -webkit-font-smoothing: ; } ::selection { color:#ffffff; opacity:1; } ::-moz-selection { color:#ffffff; opacity:1; } /*-- Main Classes --*/ body, html { padding:0; margin:0; width:100%; height:100%; } body { background:#ffffff; overflow-x:hidden; text-align:center; } form, body, iframe { margin: 0; padding: 0; } img, table, iframe { border: 0;} p { margin-top:0; margin:0 0 10px 0; } p.double_margin { margin:0 0 16px 0; } .spacer { display:block; height:10px; } table { border-collapse:collapse;} table td { padding:0;} .h100 { height:100%;} a { color:#ABABAB; text-decoration:none; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } .contentarea a { font-style:italic; } .carousel_title a, .btn_back, .shortcode_iconbox a, .gallery_item a, a.shortcode_button, .filter_navigation a, .filter_img a, .btn_load_more, .promo_button, .mainTitlePermalink, .pagerblock li a { font-style:normal!important; } a:hover { text-decoration:none; } ul { list-style:none; margin:0; padding:0 } #preloader { position:fixed; left:50%; top:50%; margin:-15px 0 0 -15px; display:block; } .wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor, .aligncenter { } /*H E A D E R --------------*/ nav.mobile_header { display:none; } header { border-top:#3d3d3d 5px solid; top:-63px; display:block!important; } header .header_wrapper { text-align:left; display:block; min-height:110px; position:relative; } header .logo { /**margin:34px 0 33px 0;*/ margin: 5px 0 10px 0; display:block; float:left; } header .logo img { display:block; } header .slogan { padding:9px 0 10px 21px; margin-left:18px; margin-top:34px; float:left; display:none; position:relative; } @media only screen and (min-width: 1200px) { header .slogan { display:block!important; } } header .slogan hr { opacity: 0.15; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=15); background:#3d3d3d; border:none!important; width:1px; height:100%; position:absolute; left:0; top:0; margin:0!important; } header .slogan span { font-size:11px; line-height:12px; text-transform:uppercase; color:#3d3d3d; display:block; width:225px; opacity: 0.4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); } header nav { padding:0px 0px 0px 0; position:absolute; right:0px; bottom:0px; } header nav ul.menu li { float:left; display:inline-block; text-transform:none; position:relative; min-height:69px; margin-left:1px; } header nav ul.menu li ul.sub-menu, header nav ul.menu li ul.sub-menu li ul.sub-menu { display:none; } header nav ul.menu li a { /**color:#3d3d3d;*/ color: #fff; text-decoration:none; font-weight:normal; padding:0px 20px 0 20px; margin-top:6px; height:69px; line-height:69px; font-size:15px; display:inline-block; /*background:#ffffff; opacity: 0.5;*/ background-color: transparent; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; } header nav ul.menu li a:hover{ color: #000; } header nav ul.menu li .menu_marker { /**background:url(../img/menu_marker.png) no-repeat 0 0px; display:none; position:absolute; top:6px; left:50%; margin-left:-6px; width:10px; height:0px; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; */ } header nav ul.menu li a:hover, header nav ul.menu li:hover a, header nav ul.menu li.current-menu-parent a, header nav ul.menu li.current-menu-item a { color: #000; height:75px; margin-top:0px; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } header.fixed_type nav ul.menu li { min-height:39px; } header.fixed_type nav ul.menu li a { height:39px; line-height:39px; margin-top:0px!important; } header.fixed_type nav ul.menu li a:hover, header.fixed_type nav ul.menu li:hover a, header.fixed_type nav ul.menu li.current-menu-parent a, header.fixed_type nav ul.menu li.current-menu-item a { height:39px; margin-top:0px!important; } header.fixed_type nav ul.sub-menu { top:39px; } header nav ul.menu li:hover .menu_marker, header nav ul.menu li.current-menu-parent .menu_marker, header nav ul.menu li.current-menu-item .menu_marker { display: none; top:0px; height:5px; opacity: 1; width:10px!important; display:block!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } header nav ul.sub-menu { display:block; position:absolute; top:75px; left:50%; margin-left:-83px; width:166px; display:block; padding:0; z-index:99; } header nav ul.sub-menu:before { content:''; position:absolute; left:79px; top:-5px; display:block; background:url(../img/submenu_mark.png) no-repeat center; width:9px; height:5px; } header nav ul.sub-menu li ul.sub-menu:before { display:none!important; } header nav ul.sub-menu li { display:block; text-align:left; width:100%; } header nav ul.sub-menu li, header nav ul.sub-menu li ul.sub-menu li { position:relative!important; height:auto!important; min-height:38px!important; margin:0!important; padding:0!important; border-bottom:#2c2c2c 1px solid; } ul.sub-menu li:first-child { border-top:none!important; } header nav ul.sub-menu li a, header nav ul.sub-menu li ul.sub-menu li a { padding:10px 10px!important; font-size:13px!important; line-height:19px!important; font-family:Arial, Helvetica, sans-serif; color:#ececec!important; text-align:center; display:block; text-transform:none; background:#3d3d3d!important; height:auto!important; margin:0!important; opacity: 1!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)!important; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; } header nav ul.sub-menu li a:hover, header nav ul.sub-menu li:hover a, header nav ul.sub-menu li.current-menu-item a, header nav ul.sub-menu li:hover ul.sub-menu li:hover a, header nav ul.sub-menu li:hover ul.sub-menu li.current-menu-item a { color:#3d3d3d!important; } header nav ul.sub-menu li ul.sub-menu { display:block; position:absolute; left:165px!important; top:0px!important; margin-left:0!important; border-left:#2e2e2e 1px solid; } header.fixed_type { position:fixed; left:0px; top:0px; width:100%!important; z-index:99; transition: top 400ms; -webkit-transition: top 400ms; -moz-transition: top 400ms; -o-transition: top 400ms; } header.fixed_type .logo { display:none!important; } header.fixed_type .slogan { display:none!important; } header.fixed_type .header_wrapper { min-height:69px ; } header.fixed_type nav ul.menu li .menu_marker, header.fixed_type nav ul.menu li:hover .menu_marker, header.fixed_type nav ul.menu li.current-menu-parent .menu_marker { display:none!important; } header.fixed_type nav { position:static!important; margin:15px 0!important; } /*Content block ----------------*/ .content_wrapper { text-align:center; padding-top:40px; padding-bottom:30px; } .fixed_type_html .content_wrapper { margin-top:115px; } .content_block { text-align:left; } .no-sidebar .left-sidebar-block, .no-sidebar .right-sidebar-block { display:none!important; } .left-sidebar .right-sidebar-block { display:none!important; } .left-sidebar .left-sidebar-block { display:block!important; float:left!important; } .left-sidebar .posts-block { float:right!important; } .right-sidebar .left-sidebar-block { display:none!important; } .right-sidebar .right-sidebar-block { display:block!important; } /*Blog Classes ---------------*/ .right-sidebar .featured_image_full, .left-sidebar .featured_image_full, .both-sidebars .featured_image_full, .right-sidebar .featured_image_full img, .left-sidebar .featured_image_full img, .both-sidebars .featured_image_full img { float: none; width:100%; height:auto; } .featured_image_full iframe { height:529px; } .right-sidebar .featured_image_full iframe, .left-sidebar .featured_image_full iframe { height:394px; } .single-post .blog_post_preview { border-bottom:#e3e3e3 1px solid; margin-bottom:40px; padding-bottom:8px; } .module_blog .blog_post_preview { padding-bottom:6px; } .blog_post_preview .more-link { font-style:italic; text-decoration:none; color:#ababab; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } .blogpost_title { position:relative; padding:0 0 0 0px; } .blog_post_preview .blog_posttype { display:none; } .module_blog .blog_post_preview .blog_posttype { width:40px; height:40px; display:block; background-color:#3d3d3d; background-repeat:no-repeat; background-position:center; position:absolute; left:0px; top:0px; } .blog_posttype.blog_posttype.blog_slider { background-image:url(../img/icons/blogpost_slider.png); } .blog_posttype.blog_posttype.blog_video { background-image:url(../img/icons/blogpost_video.png); } .blog_posttype.blog_posttype.blog_image { background-image:url(../img/icons/blogpost_image.png); } .blog_posttype.blog_posttype.blog_text { background-image:url(../img/icons/blogpost_text.png); } .blog_posttype.blog_posttype.blog_link { background-image:url(../img/icons/blogpost_link.png); } .blogpost_title h4 { margin:0 0 17px 0; } .blogpost_title a { text-decoration:none!important; } .blog_info { position:relative; padding-right:0px; } .single .blog_info { position:relative; padding-right:172px; } .blog_info .portfolio_share { position:absolute; right:-3px; /*top:50%; margin-top:-20px;*/ top:0px; } .blog_info .portfolio_share a.ico_socialize { margin:0 3px 0 0!important; } .module_blog .blog_info { padding-left:50px; padding-right:0px; } .blog_info_block { display:block; border-left:6px solid; padding:10px 13px 10px 13px; margin-bottom:20px; font-size:13px; line-height:20px; background:#ececec; } .blog_info_block span { display:inline-block; font-size:13px; line-height:16px; } .ie8 .blog_info_block { overflow:hidden; } .ie8 .blog_info_block span { display:block; float:left; } .blog_info_block.blog_post { padding-left:36px; position:relative; } .blog_info_block .portfolio_share { position:absolute; right:-3px; top:0px; } .blog_info.blog_post .portfolio_share a { margin-right:3px; } .blog_info_block.blog_post .blog_posttype:after { content:''!important; padding:0!important; } .blog_info_block.blog_post .blog_tags:after { content:''!important; padding:0!important; } .blog_info_block span:after { content: '|'; padding:0 10px; font-size:13px; line-height:16px; color:#dbdbdb; } .blog_info_block span:last-child:after { content: ''; padding:0; } .blog_info_block span a { font-size:13px; line-height:20px; color:#ababab; text-decoration:none; font-style:italic; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } .blog_info_block span a:hover { text-decoration:none; } .blog_post_preview .featured_image_full { margin-bottom:30px; } .module_blog .blog_post_preview .featured_image_full { margin-bottom:15px; } .pagerblock { list-style:none; margin:0; padding:0; overflow:auto; margin:-8px 0 0 -3px; border-top:#ececec 6px solid; } .pagerblock li { padding:0 3px 0 0!important; margin:0!important; float:left; display:inline-block; } .pagerblock li:before { display:none!important; } .pagerblock li a { font-size:16px; display:block; width:40px; height:40px; line-height:40px; text-align:center; color:#ababab; text-decoration:none; background:#f3f3f3; border-bottom:#ffffff 6px solid; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; } .pagerblock li a.current, .pagerblock li a:hover { background-color:#ececec; } .pagerblock li a span { text-indent:-10000px; display:block; width:26px; height:26px; } .pagerblock li a span.btn_prev { background:url(../img/pager_prev.png) no-repeat center; } .pagerblock li a span.btn_next { background:url(../img/pager_next.png) no-repeat center; } .postcomment { margin:0px 0 28px 0; font-weight:normal; } .postcomment span.post_type { width:30px; height:30px; display:inline-block; float:left; text-align:left; font-size:16px; line-height:30px; margin-right:10px; position:relative; } .postcomment span.post_type span.ico { font-size:16px; line-height:30px; width:20px; padding-left:7px; height:30px; display:block; text-transform:none; } /*Comments*/ .comment-notes { margin-bottom:16px; } #comments { margin-bottom:0px; } ol.commentlist { list-style:none; margin:0 0 0px 0; padding:0; } ol.commentlist li { padding:0!important; list-style:none; margin:0; } ol.commentlist li:before { content:''!important; margin:0!important; padding:0!important; } ol.commentlist li .stand_comment { margin:0 0 20px 0; display:block; border-left:6px solid; padding:20px; background:#ececec; } ol.commentlist li .stand_comment .thiscommentbody p:last-child { margin:0; } ol.commentlist li ul { padding-left:26px!important; } ol.commentlist li .commentava { float:left; display:block; margin-right:20px; } ol.commentlist li .commentava img { display:block; } ol.commentlist li .stand_comment { overflow:hidden; } ol.commentlist li .thiscommentbody { margin:0px; float:left; display:block; } ol.commentlist li .thiscommentbody p { margin:0 0 5px 0; } ol.commentlist li .thiscommentbody .comment_info { margin:-5px 0 10px 0; } ol.commentlist li .thiscommentbody .comment_info span { display:inline-block; font-size:13px; line-height:16px; } ol.commentlist li .thiscommentbody .comment_info span:before { padding:0 10px 0 7px; content: '|'; font-size:13px; line-height:16px; color:#dbdbdb; } ol.commentlist li .thiscommentbody .comment_info span:first-child:before { padding:0!important; content:''!important; } ol.commentlist li .thiscommentbody .comment_info span a { color:#ababab; font-style:italic; font-size:13px; line-height:16px; text-decoration:none!important; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } form.comment-form { margin-top:10px; } form.comment-form p { margin:0 0 7px 0; } /*Portfolio ------------*/ .btn_load_more, .btn_back { transition: background-color 300ms, color 300ms; -webkit-transition: background-color 300ms, color 300ms; -moz-transition: background-color 300ms, color 300ms; -o-transition: background-color 300ms, color 300ms; } .btn_back { padding:10px 25px 10px 43px; height:40px; display:inline-block; background:#3d3d3d; color:#ececec; font-size:16px; line-height:20px; height:20px; position:relative; } .btn_back span { position:absolute; left:26px; top:13px; display:block; width:7px; height:13px; background:url(../img/btn_arrow.png) no-repeat 0 0; } .btn_back:hover span { background-position:0 -13px; } .btn_load_more span { transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } .module_postinfo .portfolio_type1 .portfolio_article { display:block; margin-bottom:20px; } .module_postinfo .portfolio_type2 .portfolio_article { display:none; } .module_postinfo .portfolio_date a, .module_postinfo .portfolio_skills a, .module_postinfo .portfolio_categ a, .module_postinfo .portfolio_url a, .module_postinfo .portfolio_tags a, .module_postinfo .portfolio_date, .module_postinfo .portfolio_skills, .module_postinfo .portfolio_categ, .module_postinfo .portfolio_url, .module_postinfo .portfolio_tags { font-size:13px; color:#a9a9a9; line-height:16px; font-style:italic; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } .module_postinfo .portfolio_date a:hover, .module_postinfo .portfolio_skills a:hover, .module_postinfo .portfolio_categ a:hover, .module_postinfo .portfolio_url a:hover, .module_postinfo .portfolio_tags a:hover { color:#5a5a5a; text-decoration:none; } .module_postinfo .portfolio_skills, .module_postinfo .portfolio_categ, .module_postinfo .portfolio_url, .module_postinfo .portfolio_tags { padding-bottom:14px; } .module_postinfo .portfolio_date span, .module_postinfo .portfolio_skills span, .module_postinfo .portfolio_categ span, .module_postinfo .portfolio_url span, .module_postinfo .portfolio_tags span { font-size:13px; color:#5a5a5a; font-style:normal; } .module_postinfo .portfolio_share a { margin:0 3px 0 0!important; } .module_postinfo .portfolio_date { line-height:26px; height:35px; padding:0 0 0 37px; position:relative; color:#a9a9a9; font-style:italic; white-space: nowrap; } .module_postinfo .portfolio_date .post_type { width:26px; height:26px; display:block; position:absolute; left:0px; top:0px; background-color:#dcdcdc!important; background-repeat:no-repeat; background-position:0 0; transition: bottom 400ms; -webkit-transition: bottom 400ms; -moz-transition: bottom 400ms; -o-transition: bottom 400ms; } .module_postinfo .portfolio_date .post_type_slider { background-image:url(../img/icons/blogpost_slider.png); } .module_postinfo .portfolio_date .post_type_video { background-image:url(../img/icons/blogpost_video.png); } .module_postinfo .portfolio_date .post_type_image { background-image:url(../img/icons/blogpost_image.png); } .module_postinfo .portfolio_date .post_type_text { background-image:url(../img/icons/blogpost_text.png); } .module_postinfo .portfolio_type2 { border-top:#dcdcdc 1px solid; border-bottom:#dcdcdc 1px solid; padding:4px 0; } .module_postinfo .portfolio_type2 .portfolio_info_item { float:left; display:inline-block; } .module_postinfo .portfolio_type2 .portfolio_date, .module_postinfo .portfolio_type2 .portfolio_skills, .module_postinfo .portfolio_type2 .portfolio_categ, .module_postinfo .portfolio_type2 .portfolio_url, .module_postinfo .portfolio_type2 .portfolio_tags { padding-top:5px; padding-bottom:5px; } .portfolio_type2 { position:relative; } .portfolio_type2 .portfolio_info_item:after { content: '/'; color:#a9a9a9; font-size:13px; line-height:16px; padding:0 8px; } .portfolio_type2 .portfolio_info_item:last-child:after { content: ''; padding:0; } .portfolio_type2 .portfolio_tags:after { content: ''; padding:0; } .module_postinfo .portfolio_type2 .portfolio_date { height:16px; line-height:16px; } .module_postinfo .portfolio_type2 .portfolio_share { right:-2px; top:4px; display:inline-block; position:absolute; } .worksslider ul { margin-left:-20px; } .worksslider ul li { width:100px!important; padding:0 10px!important; float:left; display:inline-block; text-align:center; } .worksslider li .item { width:100px; height:100px; display:block; position:relative; margin:0 auto; } .worksslider li .item .portfolio_wrapper { position:absolute; left:0; top:0; display:block; width:100%; height:100%; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; } .item a.wrapped_link { width:100%; height:100%; position:absolute; left:0px; top:0px; display:block; } .worksslider li .item:hover .portfolio_wrapper { opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } .worksslider li .item:hover a { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .worksslider .ico_zoom { margin:-8px 0 0 -29px; } .worksslider .ico_link { margin:-8px 0 0 10px; } /*Footer ---------*/ .pre_footer { width:100%; text-align:center; padding:45px 0 25px 0; background:#3d3d3d; margin-top: 30px; } .pre_footer .sidepanel { margin-bottom:0!important; } #footer_bar { text-align:left; } #footer_bar .sidepanel, #footer_bar .sidepanel p, #footer_bar .sidepanel div, #footer_bar .sidepanel span { color:#ffffff; } footer { border-bottom:#3d3d3d 5px solid; } footer .footer_wrapper { min-height:145px; position:relative; text-align:left; display:block; margin:0 auto; } footer .footer_wrapper .logo { margin:39px 0 13px 0; display:inline-block; } footer .footer_wrapper .copyright { color:#3d3d3d; font-size:13px; line-height:15px; margin-bottom:35px; display:block; } .footer_tools { position:absolute; right:0px; top:auto!important; bottom:69px; } .footer_tools .footer_socials, .footer_tools .footer_search { display:inline-block; float:right; } .footer_tools .footer_socials li { width:34px; height:34px; display:inline-block; margin:0 0 0 3px; float:left; } .footer_tools .footer_socials li a { width:34px; height:34px; display:block; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; } .footer_tools .footer_socials li a:hover { opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } .footer_tools .ico_social-facebook { background:url(../img/icons/ico_footer_facebook.png) no-repeat center; } .footer_tools .ico_social-twitter { background:url(../img/icons/ico_footer_twitter.png) no-repeat center; } .footer_tools .ico_social-flickr { background:url(../img/icons/ico_footer_flickr.png) no-repeat center; } .footer_tools .ico_social-vimeo { background:url(../img/icons/ico_footer_vimeo.png) no-repeat center; } .footer_tools .ico_social-tumbler { background:url(../img/icons/ico_footer_tumblr.png) no-repeat center; } .footer_tools .ico_social-delicious { background:url(../img/icons/ico_footer_delicious.png) no-repeat center; } .footer_tools .ico_social-pinterest { background:url(../img/icons/ico_footer_pinterest.png) no-repeat center; } .footer_tools .ico_social-dribbble { background:url(../img/icons/ico_footer_dribbble.png) no-repeat center; } .footer_tools .ico_social-linked_in { background:url(../img/icons/ico_footer_linked_in.png) no-repeat center; } .footer_tools .ico_social-youtube { background:url(../img/icons/ico_footer_youtube.png) no-repeat center; } .footer_tools .ico_social-gplus { background:url(../img/icons/ico_footer_gplus.png) no-repeat center; } .footer_tools .ico_social-instagram { background:url(../img/icons/ico_footer_instagram.png) no-repeat center; } .footer_search .field_search { background:#3d3d3d; border:none; padding:9px 10px; font-size:13px; line-height:16px; height:16px; width:190px; display:inline-block; float:left; margin-left:3px; margin-bottom:0!important; border-radius:0!important; box-shadow:none!important; } .footer_search .btn_search { background:url(../img/btn_search.png) center no-repeat; width:34px; height:34px; display:inline-block; float:left; border:none; cursor:pointer; } .footer_search .field_search, .footer_search .btn_search { opacity: 0.2; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; } .footer_search .field_search:focus, .footer_search .btn_search:hover { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } footer nav { padding:0px 0px 0px 0; position:absolute; right:0px; bottom:36px; } footer nav ul.menu li { float:left; display:inline-block; position:relative; margin-left:23px; } footer nav ul.menu li ul.sub-menu, footer nav ul.menu li ul.sub-menu li ul.sub-menu { display:none; } footer nav ul.menu li a { color:#3d3d3d; text-decoration:none; text-transform:none!important; font-weight:normal; padding:0 0 0px 0; font-size:13px; line-height:15px; font-family:Arial, Helvetica, sans-serif; display:inline-block; transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition:opacity 300ms; -o-transition: opacity 300ms; } footer nav ul.menu li a:hover, footer nav ul.menu li:hover a, footer nav ul.menu li.current-menu-item a, footer nav ul.menu li.current-menu-parent a { opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); } footer nav ul.sub-menu .menu_arrow { display:none!important; } footer nav ul.sub-menu { display:none!important; } /*Images ---------*/ img.alignright { float:right; margin:5px 30px 0px 0; } img.alignleft { float:left; margin:5px 30px 0px 0; } /*Lists --------*/ .contentarea ul, .content_area ol { list-style:none; margin:0; padding:0 0 18px 0px; } .contentarea ul li, .content_area ol li { line-height:20px; margin:0 0 0 0px; padding:0 0 0 16px; position:relative!important; color:#ababab; } .contentarea .module_custom_list ul li:before, .contentarea ul li:before { content: '\25cf'; padding-right: 0px; position:absolute; left:0px; top:0px; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#3d3d3d; } .contentarea ol { counter-reset:li; list-style:none; padding:0 0 15px 0; margin:0!important; } .contentarea ol li, .contentarea .module_custom_list ol li { line-height:20px; margin:0 0 0 0px; padding:0 0 0 18px; position:relative!important; color:#ababab; } .contentarea ol li:before { counter-increment: li; content:counter(li)"."; padding-right: 0px; position:absolute; left:0px; top:0px; font-weight:bold; color:#3d3d3d; } .contentarea ol li ol, .contentarea ol li ul, .contentarea ul li ul, .contentarea ul li ol { padding:0 0 0px 10px } .contentarea ul.list_type1 li:before, .contentarea ul.list_type2 li:before, .contentarea ul.list_type3 li:before, .contentarea ul.list_type4 li:before, .contentarea ul.list_type5 li:before, .contentarea ul.list_type6 li:before { content: ''; width:12px; height:11px; display:block; top:4px; } .contentarea ul.list_type1 li:before { background:url(../img/marker_list1.png) no-repeat 0 0; } .contentarea ul.list_type2 li:before { background:url(../img/marker_list2.png) no-repeat 0 0; } .contentarea ul.list_type3 li:before { background:url(../img/marker_list3.png) no-repeat 0 0; } .contentarea ul.list_type4 li:before { background:url(../img/marker_list4.png) no-repeat 0 0; } .contentarea ul.list_type5 li:before { background:url(../img/marker_list5.png) no-repeat 0 0; } .contentarea ul.list_type6 li:before { background:url(../img/marker_list6.png) no-repeat 0 0; top:5px; } .contentarea ul.list_type4 li { padding-left:18px; } ul.list_type0 { padding:0 0 0 10px; margin:0 0 10px 0; } ul.list_type0 li { color:#ababab; font-size:13px; position:relative; padding:0 0 0 15px; } ul.list_type0 li:before { display:block; position:absolute; left:0; top:0; content:'\25cf'; font-size:14px; line-height:18px; font-weight:normal; } ul.list_type0 li ul { padding-left:15px; } /*Shortcodes List*/ ul.list { list-style:none; margin:0; padding:0 0 0px 18px; overflow:hidden } ul.list li { line-height:16px; color:#a5a5a5; position:relative!important; } ul.list li:before { content: '\25cf'; padding-right: 0px; position:absolute; left:0px; top:0px; font-size:12px; font-weight:normal; line-height: 18px; font-family:Arial, Helvetica, sans-serif; } ul.list.plus li:before { content: '+'; padding: 0px 5px 0 2px; padding-right: 0px; position:absolute; left:0px; top:2px; font-size:14px; line-height: 14px; font-weight:normal; } ol.list { counter-reset:li; padding:0 0 0px 18px; margin:0; list-style:none; } ol.list li { margin:0 0 0 0px; padding:0 0 0 15px; color:#a5a5a5; position:relative!important; } ol.list li:before { content:counter(li)"."; counter-increment:li; padding-right: 0px; position:absolute; left:0px; top:0px; font-weight:bold; } /*Sidebar ----------*/ .sidepanel { margin:0 0 30px 0; } .sidebar .sidepanel { border-bottom:#e3e3e3 1px solid; padding-bottom:15px; margin:0 0 35px 0; } .widget_nav_menu { border-bottom:none!important; margin-bottom:15px!important; } .sidebar .sidepanel:last-child { border-bottom:none!important; margin-bottom:15px!important; } .widget_video iframe { width:100%; height:auto; } /*-- Popular Posts & Recent Posts --*/ .popular_posts, .recent_posts { list-style:none; margin: 0; padding:0; } .popular_posts li, .recent_posts li { float:none; margin:0; overflow:hidden; margin-top:13px; } .popular_posts li:first-child, .recent_posts li:first-child { padding-top:0px; border:none; margin-top:0px; } .popular_posts li .img_wrapper, .recent_posts li .img_wrapper { float:left; margin:-2px 0px 0px 0; } .popular_posts li img, .recent_posts li img { display:block; margin-bottom:5px; } .recent_posts_content { color:#afafaf; } .popular_posts li p, .recent_posts li p { color:#5a5a5a; margin-bottom:12px; } .popular_posts li .post_date, .recent_posts li .post_date { display:block; font-size:13px; line-height:18px; margin-bottom:10px; } .popular_posts li .read_more a, .recent_posts li .read_more a { color:#ababab; display:inline-block; font-size:13px; line-height:15px; font-style:italic; } .popular_posts li a:hover, .recent_posts li a:hover { text-decoration:none; } /* About */ .widget_about .signature { font-style:italic; } .widget_about img { margin-top:1px; } /*-- Flickr --*/ .flickr_widget_wrapper { margin:0 0 0 -3px; padding:0 0 0px 0; list-style:none; overflow:hidden; } .flickr_widget_wrapper .flickr_badge_image { float:left; display:inline-block; margin:0 0 3px 3px!important; width:71px!important; height:71px!important; position:relative; } .flickr_widget_wrapper .flickr_badge_image a, .flickr_widget_wrapper .flickr_badge_image img { display:block!important; width:71px!important; height:71px!important; } .flickr_widget_wrapper .flickr_badge_image .flickr_fadder { width:71px; height:71px; display:block; position:absolute; left:0; top:0; background-color:#3d3d3d; opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); transition: opacity 400ms; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; } .left-sidebar-block .widget_flickr .flickr_badge_image .flickr_fadder, .right-sidebar-block .widget_flickr .flickr_badge_image .flickr_fadder { background:#ffffff; } .widget_flickr .flickr_badge_image:hover .flickr_fadder { opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .widget_flickr .flickr_badge_image .flickr_wrapper { border:6px solid; position:absolute; left:0px; top:0px; width:59px!important; height:59px!important; display:block; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 400ms; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; } @media only screen and (min-width: 1200px) { .widget_flickr .flickr_badge_image, .widget_flickr .flickr_badge_image a, .widget_flickr .flickr_badge_image img, .widget_flickr .flickr_badge_image .flickr_fadder { width:88px!important; height:88px!important; } .widget_flickr .flickr_badge_image .flickr_wrapper { width:76px!important; height:76px!important; } } .widget_flickr .flickr_badge_image:hover .flickr_wrapper { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } /*-- BlockRoll --*/ .widget_block_list { list-style:none; margin: 0; padding:0; } .widget_block_list li { float:none; margin:0; padding:6px 0; line-height:17px; border-top:#e6e6e6 1px solid; color:#2c2c2c; overflow:hidden; } .widget_block_list li a { color:#2c2c2c; text-decoration:none; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } /*-- Twitter --*/ .twitter_list { list-style:none; margin:0; padding:0; } .twitter_list li { float:none; margin:0; overflow:hidden; position:relative; background:none; margin-top:12px; padding-left: 28px; } .twitter_list li:first-child { border:none; padding-top:0; margin-top:0px; } .twitter_list li:before { width:19px; height:15px; background:url(../img/mark_twitter2.png) no-repeat center; position:absolute; left:0; top:2px; content:''; } #footer_bar .twitter_list li:before { width:19px; height:15px; background:url(../img/mark_twitter.png) no-repeat center; position:absolute; left:0; top:2px; content:''; } .twitter_list li .tweet_text:before { content:''; display:inline-block; width:19px; height:15px; margin-right:5px; } .twitter_list li a { color:#ababab; font-style:italic; } /*-- Text Widget --*/ .widget_text div { color:#a7a7a7; padding-bottom:7px; } .widget_text .textwidget { color:#2c2c2c; } /*-- Menu Widget --*/ .widget_nav_menu ul { padding:0; margin:0; } .widget_nav_menu ul li a { border-left:6px solid; margin-bottom:3px; display:block; padding:10px 10px; line-height:20px!important; font-size:16px; background:#ececec; transition: color 400ms, background-color 400ms; -webkit-transition: color 400ms, background-color 400ms; -moz-transition: color 400ms, background-color 400ms; -o-transition: color 400ms, background-color 400ms; } .widget_nav_menu ul li a:hover, .widget_nav_menu ul li.current-menu-item a { background:#3d3d3d; } /*Typograph ------------*/ h1, h2, h3, h4, h5, h6 { padding:0; } h1, h2, h3, h4 { font-weight:bold; } h5, h6 { font-weight:normal; } h1 { margin:0px 0 19px 0; } h2 { margin:0px 0 21px 0; } h3 { margin:0px 0 22px 0; } h4 { margin:0px 0 23px 0; } h5 { margin:0px 0 23px 0; } h6 { margin:0px 0 17px 0; } .module_feature_posts .headInModule, .module_teamslider .headInModule, .module_testimonial .headInModule, .module_partners .headInModule { padding-right:50px; } .page_title { height:50px; display:block; overflow:hidden; } .page_title h1 { margin:0; } .ico { font-family:'FBiconsRegular'} hr { margin:0; padding:0; border:none; height:5px; display:block; border-top:#a3a3a3 1px solid; } hr.light { border-color:#e3e3e3; } hr.dark{ border-color:#3d3d3d; } hr.invisible { border:none!important; height:15px!important } hr.nomar { margin:0!important; height:1px!important; } .text_light, .text_colored a, .text_light a:hover { color:#ababab; } .dropcap { margin:-3px 9px -3px 0; text-transform:uppercase; float:left; font-size:40px; line-height:42px; font-weight:bold; } .dropcap.light { color:#d1d1d1; } blockquote { padding:0 0 0px 0px; border:none; margin:0 0 10px 0; position:relative; min-height:20px; } blockquote p, blockquote span { padding-left:50px; } blockquote:before { content:''; display:block; width:34px; height:20px; background:#3d3d3d url(../img/blockquote.png) no-repeat 0 0; position:absolute; left:0px; top:3px; } blockquote.type1:before { background-color:#d1d1d1; } blockquote p { font-size:13px; line-height:18px; color:#ababab; margin-bottom:6px; } blockquote span { font-size:13px; display:block; color:#ababab; font-style:italic; } blockquote.right { width:47.5%; float:right; padding-right:0!important; margin-left:2.5%; } blockquote.left { width:47.5%; margin-right:2.5%; float:left; } .demo_columns { background:#3d3d3d; line-height:140px; color:#dadada; text-align:center; font-size:14px; } /*Contacts & Forms -------------------*/ /*-- Contact --*/ .contact_info { margin-bottom:20px } .contact_info li { padding:0 0 8px 25px; position:relative; } .contact_info .ico_contact { position:absolute; left:0px; top:0px; height:16px; width:16px; } .module_contact_info .continfo_item { display:block; padding:8px 0 8px 45px; line-height:20px; position:relative; margin-bottom:3px; } .module_contact_info .continfo_item span { position:absolute; left:0; top:0; } .module_contact_info .continfo_item span:hover { background-color:#3d3d3d!important; } .module_contact_info p { margin-top:8px; } .module_contact_info .continfo_item a { color:#ababab; font-style:italic; } .filter_navigation ul li ul li a:hover { background-color:#3d3d3d; } /*-- Form --*/ .feedback_form { width:100%; } .feedback_form .field-name, .feedback_form .field-email, .feedback_form .field-subject, .feedback_form .field-message, #commentform .form_field { box-shadow:none!important; border-radius:0!important; height:20px; line-height:20px; height:20px; font-size:16px; padding:10px 13px; background:none; border:none; background:#ececec; border-left:6px solid; margin-bottom:3px; transition: color 400ms, border-color 400ms; -webkit-transition: color 400ms, border-color 400ms; -moz-transition: color 400ms, border-color 400ms; -o-transition: color 400ms, border-color 400ms; } .feedback_form .field-name:focus, .feedback_form .field-email:focus, .feedback_form .field-subject:focus, .feedback_form .field-message:focus, #commentform .form_field:focus { background-color:#3d3d3d; } .feedback_form .field-message { height:135px; margin-bottom:3px; } #commentform #comment-message { height:170px; margin-bottom:4px; } #respond { border-bottom:#e3e3e3 1px solid; padding-bottom:27px; margin:0 0 35px 0; } .feedback_form .feedback_go, .feedback_form .feedback_reset, #commentform #reset, #commentform #submit { border:none; line-height:20px; height:40px; display:inline-block; cursor:pointer; padding:10px 25px; font-size:18px; margin:0 -1px 3px 0; background:#a3a3a3; transition: color 300ms, background-color 300ms; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; } #commentform #submit:hover, .feedback_form .feedback_go:hover { color:#3d3d3d; } .feedback_form .feedback_reset, #commentform #reset { background:#a3a3a3; color:#ececec; font-weight:normal!important; } .feedback_form .feedback_reset:hover, #commentform #reset:hover, .feedback_form .feedback_go, #commentform #submit { background:#3d3d3d; color:#ececec; font-weight:normal!important; } .ajaxanswer span { padding:10px 0; } .map_container { display:block; width:100%; } /*ShortCodes -------------*/ .fullscreen_image_wrapper { overflow:hidden; } /*-- My Team --*/ .carousel_wrapper { background:#3d3d3d; width:100%; height:100%; position:absolute; left:0px; top:-100%; display:none; opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); transition: top 400ms; -webkit-transition: top 400ms; -moz-transition: top 400ms; -o-transition: top 400ms; } .carouselslider .item:hover .img_block .carousel_wrapper { top:0%; } .carousel-wrap .carousel_wrapper { display:block; } .teamslider .carousel_wrapper { display:none!important; } .carouselslider, .team_slider { position:relative; } .team_slider .img_block { position:relative; } .team_slider { margin-bottom:20px!important} .left-sidebar .carouselslider, .left-sidebar .team_slider, .right-sidebar .carouselslider, .right-sidebar .team_slider { position:relative; } .carouselslider ul { margin:0; padding:0; list-style:none; margin:0 0 0 -30px; } .carouselslider ul li:before { content:''!important; margin:0!important; padding:0!important } .carouselslider ul li { float:left; display:inline-block; padding:0 0 0 30px!important; margin:0; } .team_slider ul li .item, .featured_slider ul li .item { background:#ececec; border-bottom:6px solid;!important; transition: background-color 400ms; -webkit-transition:background-color 400ms; -moz-transition:background-color 400ms; -o-transition:background-color 400ms; } .team_slider ul li .item:hover, .featured_slider ul li .item:hover { background:#3d3d3d; } .left-sidebar .team_slider ul li, .right-sidebar .team_slider ul li { float:left; display:inline-block; margin:0!important; padding:0 10px; /*width:160px;*/ } .team_slider ul li .img_block, .featured_slider ul li .img_block { display:block; } .team_slider ul li .img_block img, .featured_slider ul li .img_block img { width:100%; height:auto; padding:0; margin:0; display:block; background:#3d3d3d; } .carouselslider ul li h4 { text-align:center; padding:15px 20px 0 20px; margin-bottom:3px; transition: color 400ms; -webkit-transition:color 400ms; -moz-transition:color 400ms; -o-transition:color 400ms; } .teamslider ul li h4 { padding-top:30px; } .featured_slider ul li .carousel_title { text-align:left!important; } .carouselslider ul li .carousel_desc { padding:22px 0 0px 0; font-size:13px; line-height:18px; } .carouselslider ul li .carousel_desc a { color:#a9a9a9; font-style:italic; } .team_slider ul li .op { display:block; clear:both; color:#aaaaaa; font-size:16px; text-align:center } .team_slider ul .item:hover .op { color:#ffffff; } .carouselslider ul li .exc { padding:0 20px; margin-bottom:3px; text-align: center; transition: color 400ms; -webkit-transition:color 400ms; -moz-transition:color 400ms; -o-transition:color 400ms; } .carouselslider ul li .smallproflinks { text-align:center; padding:23px 0 25px 0 } .carouselslider ul li .smallproflinks a { width:34px; height:34px; display:inline-block; margin: 0 2px 0 1px; padding:0!important; background-color:#3d3d3d; background-repeat:no-repeat; background-position:0 0; transition: background-color 300ms; -webkit-transition:background-color 300ms; -moz-transition:background-color 300ms; -o-transition:background-color 300ms; } .carouselslider ul .item:hover .smallproflinks a { background-position:0 -34px; } .carouselslider ul li .smallproflinks a:hover { background-color:#ffffff!important; } .carouselslider ul li .smallproflinks a.facebook_link { background-image:url(../img/icons/ico_carousel_facebook.png); } .carouselslider ul li .smallproflinks a.twitter_link { background-image:url(../img/icons/ico_carousel_twitter.png); } .carouselslider ul li .smallproflinks a.tumbler_link { background-image:url(../img/icons/ico_carousel_tumbler.png); } .carouselslider ul li .smallproflinks a.linkedin_link { background-image:url(../img/icons/ico_carousel_linked.png); } .carouselslider ul li .smallproflinks a.member_email { background-image:url(../img/icons/ico_carousel_mail.png); } .carousel-previous, .carousel-next { width:21px!important; height:21px; padding:0!important; display:block; position:absolute!important; border:none; cursor:pointer; top:-27px!important; left:auto!important; border-radius:0!important; opacity: 1!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)!important; transition: background-color 300ms; -webkit-transition:background-color 300ms; -moz-transition:background-color 300ms; -o-transition:background-color 300ms; } .carouselslider a { transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } .carousel-previous { right:23px!important; background:#3d3d3d url(../img/carousel_prev.png) no-repeat 0 0; } .carousel-next { right:0px!important; background:#3d3d3d url(../img/carousel_next.png) no-repeat 0 0; } .carouselslider .disabled { opacity: 0.8!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80)!important; background-color:#3d3d3d!important; cursor:default!important; background-position:left top!important; } .carouselslider .carousel-previous:hover, .carouselslider .carousel-next:hover { background-position:left bottom; } .featured_slider ul li .carousel_title { padding:0!important; } .featured_slider ul li .carousel_title h5{ text-align:left!important; margin:13px 0 0 0; padding:0; line-height:20px!important; } .featured_slider .carousel_desc { border-top:0!important; padding-top:7px!important; padding-bottom:14px!important; text-align:center!important; } .featured_slider .carousel_desc .exc { text-align:center!important; } .featured_slider .carousel_desc a:hover { text-decoration:none; } .featured_slider .carousel_title { padding-top:0px; padding-bottom:0px; text-align:left; } .featured_slider .img_block { position:relative; overflow:hidden; } .featured_slider .img_block a { display:block; } .featured_slider .img_block .post_type { width:40px; height:40px; display:block; position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; background-repeat:no-repeat; background-position:0 0; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 400ms; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; } .featured_slider .item:hover .post_type { opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .featured_slider .img_block .post_type_image { background-image:url(../img/icons/post_type-image.png); } .featured_slider .img_block .post_type_slider { background-image:url(../img/icons/post_type-slider.png); } .featured_slider .img_block .post_type_text { background-image:url(../img/icons/post_type-text.png); } .featured_slider .img_block .post_type_link { background-image:url(../img/icons/post_type-link.png); } .featured_slider .img_block .post_type_video { background-image:url(../img/icons/post_type-video.png); } .featured_slider .featured_post_info { border-top:#dcdcdc 1px solid; border-bottom:#dcdcdc 1px solid; margin:13px 0 2px 0; } .featured_slider .featured_post_info span { line-height:32px; padding:0 9px; } .featured_slider .featured_post_info, .featured_slider .featured_post_info span, .featured_slider .featured_post_info a { line-height:32px; color:#a9a9a9; font-size:13px; font-style:italic; transition: color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms; } .featured_slider .featured_post_info a:hover { text-decoration:none; color:#5a5a5a; } .featured_slider .related_projects .item { border:none!important; } .featured_slider .item:hover a:hover { color:#5a5a5a!important; } .module_testimonial .item { border:none!important} .testimonials_list { /*width:458px!important;*/ } .testimonials_list li { /*width:458px!important;*/ float:left; display:inline-block; margin:0!important; } .testimonials_list li .testimonials_photo { display:inline-block; float:left; margin:4px 21px 0 0; } .testimonials_list li .testimonials_photo img { display:block; } .testimonials_list li .testimonials_text { } .testimonials_list li .author, .testimonials_list li .author_position { color:#afafaf; font-size:13px; font-style:italic; } .testimonials_list h6 { margin-bottom:10px; } .sponsors_works li .item { position:relative; display:block; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); transition: opacity 400ms; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; } .sponsors_works li .item img { width:100%; height:auto; display:block; } .sponsors_works li .item .partners_color { position:absolute; left:0; top:0; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 400ms; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; } .sponsors_works li .item:hover, .sponsors_works li .item:hover .partners_color { opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .module_partners_wrapper { margin-top:1px; } .module_partners_wrapper .item { width:16.66%; display:inline-block; margin:-1px -1px 0 0; float:left; } .module_partners_wrapper .item_content { border:#dcdcdc 1px solid; text-align:center; } .module_partners_wrapper .item_content img, .module_partners_wrapper .item_content .gsCanvas, .module_partners_wrapper .item_content .gsWrapper { width:100%; height:auto; display:block!important; } .module_partners_wrapper .item_content .partners_opacity:hover { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .module_highlighter .highlighter_item a { display:block; margin:0 0 3px 0; border-left:6px solid; font-size:16px; line-height:20px; padding:10px 10px; background:#ececec; text-decoration:none!important; transition: color 400ms, background-color 400ms; -webkit-transition: color 400ms, background-color 400ms; -moz-transition: color 400ms, background-color 400ms; -o-transition: color 400ms, background-color 400ms; } .module_highlighter .highlighter_item a:hover { background:#3d3d3d; } .module_feedback_form { color:#ababab; font-size:13px; line-height:18px; } .module_feedback_form form { margin-top:11px; margin-top:15px; } .module_gallery.module_gallery { margin-bottom:10px!important; } .module_gallery .list-of-images { margin-left:-30px; text-align:center; } .module_gallery .list-of-images .gallery_item { margin:0 0 30px 30px; display:inline-block; position:relative; float:left; overflow:hidden; background:#3d3d3d; } .module_gallery .gallery_item .gallery-stand-img { display:block; opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); transition: opacity 400ms; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; } .module_gallery .gallery_item:hover .gallery-stand-img { opacity:0.4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); } .module_gallery .list-of-images .gallery_item hr { display:block; border:none!important; margin:0!important; padding:0; height:6px; position:absolute; bottom:-6px; left:0; width:100%; transition: bottom 400ms; -webkit-transition: bottom 400ms; -moz-transition: bottom 400ms; -o-transition: bottom 400ms; } .module_gallery .list-of-images .gallery_item:hover hr { bottom:0px; } .module_gallery .list-of-images .gallery_item .post_type { width:40px; height:40px; display:block; position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; background-repeat:no-repeat; background-position:0 0; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 400ms; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; } .module_gallery .list-of-images .gallery_item:hover .post_type { opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .module_gallery .list-of-images .gallery_item .post_type_image { background-image:url(../img/icons/post_type-image.png); } .module_gallery .list-of-images .gallery_item .post_type_slider { background-image:url(../img/icons/post_type-slider.png); } .module_gallery .list-of-images .gallery_item .post_type_text { background-image:url(../img/icons/post_type-text.png); } .module_gallery .list-of-images .gallery_item .post_type_link { background-image:url(../img/icons/post_type-link.png); } .module_gallery .list-of-images .gallery_item .post_type_video { background-image:url(../img/icons/post_type-video.png); } .module_gallery .list-of-images .gallery_item img, .module_gallery .list-of-images .gallery_item .gallery-stand-link, .module_gallery .list-of-images .gallery_item .gsWrapper, .module_gallery .list-of-images .gallery_item .gsCanvas { display:block!important; } .module_divider { height:1px!important; } /*-- Wrapped Img --*/ .widget_flickr .img_wrapper { position:relative; display:block; } .widget_flickr .img_wrapper .img_fadder { width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition:opacity 300ms; -moz-transition:opacity 300ms; -o-transition:opacity 300ms; } .widget_flickr .img_wrapper:hover .img_fadder { opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } img.wrapped_zoomer { display:block; } div.zoomer_wrapper { display:block; position:relative; } div.zoomer_wrapper img { margin:0!important; } div.zoomer_wrapper.alignleft { float:left; margin:0 20px 10px 0px; } div.zoomer_wrapper.alignright { float:right; margin:0 0px 10px 20px; } div.zoomer_wrapper div.fader { display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition:opacity 300ms; -moz-transition:opacity 300ms; -o-transition:opacity 300ms; } div.zoomer_wrapper:hover div.fader { opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } div.zoomer_wrapper div.fader span.fader_caption { position:absolute; left:0; top:50%; margin-top:-20px; color:#ffffff; text-transform:uppercase; text-align:center; display:block; width:100%; } div.zoomer_wrapper div.fader a { position:absolute; left:50%; top:50%; margin:10px 0 0 -13px; width:26px; height:20px; } div.zoomer_wrapper div.fader a span.ico { color:#ffffff; font-size:16px; width:20px; height:20px; display:block; position:absolute; left:8px; top:0px; } /*-- IconBox --*/ .shortcode_iconbox { display:block; position:relative; cursor:default; padding:31px 20px 30px 20px; color:#5a5a5a; min-height:53px!important; background:#ececec; border-bottom:6px solid; transition: background-color 300ms; -webkit-transition:background-color 300ms; -moz-transition:background-color 300ms; -o-transition:background-color 300ms; } .shortcode_iconbox .ico { width:100%; height:72px; display:block; text-align:center; line-height:56px; font-size:54px; margin-left:-12px; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } .shortcode_iconbox .ico.fix2 { margin-left:-18px; } .shortcode_iconbox h4 { text-align:center; transition: color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms; } .shortcode_iconbox p { text-align:center; margin-top:-3px; margin-bottom:5px; transition: color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms; } .shortcode_iconbox:hover { background-color:#3d3d3d; } .shortcode_iconbox:hover a { color:#ffffff; } /*-- Accordion --*/ .shortcode_accordion_shortcode, .shortcode_toggles_shortcode { margin:0px 0 0px 0; } .shortcode_accordion_item_title, .shortcode_toggles_item_title { text-transform:none; position:relative; font-weight:normal; padding:10px 40px 10px 13px; margin:0 0 3px 0; cursor:pointer; font-size:16px; line-height:20px; min-height:22px; border-left: 6px solid; background:#ececec; transition:color 300ms, background-color 300ms; -webkit-transition:color 300ms, background-color 300ms; -moz-transition:color 300ms, background-color 300ms; -o-transition:color 300ms, background-color 300ms; } .shortcode_accordion_item_title:hover, .shortcode_toggles_item_title:hover { background:#3d3d3d; } .shortcode_accordion_item_title .ico, .shortcode_toggles_item_title .ico { display:block; position:absolute; right:15px; top:50%; margin-top:-4px; background:url(../img/accordion.png) no-repeat 0 0; width:13px; height:7px; } .shortcode_accordion_item_title:hover .ico, .shortcode_toggles_item_title:hover .ico { background-position:-13px 0px; } .shortcode_accordion_item_title.ui-state-active .ico, .shortcode_toggles_item_title.ui-state-active .ico { background-position:0 -7px; } .shortcode_accordion_item_title.ui-state-active:hover .ico, .shortcode_toggles_item_title.ui-state-active:hover .ico { background-position:-13px -7px; } .shortcode_accordion_item_body, .shortcode_toggles_item_body { padding:4px 0px 8px 0px; color:#ababab; font-size:13px; line-height:18px; border:none; border-top:none; } .shortcode_toggles_item_body { display:none } .shortcode_accordion_item_body div, .shortcode_toggles_item_body div { color:#ababab; font-size:13px; line-height:18px; } /*-- Highlighted text --*/ .highlighted_colored { color:#ffffff } .highlighted_dark { color:#dadada; background-color:#3d3d3d; } .highlighted_light { color:#ffffff; background-color:#a7a7a7; } /*-- Tabs --*/ .shortcode_tabs { padding:0 0 0px 0; overflow:hidden; } .shortcode_tabs .all_heads_cont { display:block; /*min-height:46px;*/ overflow:hidden; } .shortcode_tabs .all_heads_cont:after { content:''; clear:both; } .shortcode_tab_item_title { color:#ababab; display:inline-block; float:left; padding:0 18px; margin:0px 3px 0 0; cursor:pointer; border-top:#ffffff 6px solid; font-size:16px; line-height:40px; background:#f3f3f3; transition: all 400ms; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; } .shortcode_tab_item_title:hover { background:#3d3d3d; } .shortcode_tab_item_title.active { background:#ececec; color:#3d3d3d!important; } .all_body_cont { margin:0; border:none; background:#ececec; padding:20px; } .shortcode_tab_item_body { display:none; } .shortcode_tab_item_body.active { display:block; } /*-- Buttons --*/ .shortcode_button { display:inline-block; margin:5px 5px; border:none; text-decoration:none; float:left; background:#3d3d3d; color:#ececec; } .shortcode_button.btn_small { line-height:34px; font-size:13px; padding:0 18px; } .shortcode_button.btn_normal { line-height:40px; font-size:18px; padding:0 23px; } .shortcode_button.btn_large { line-height:42px; font-size:20px; font-weight:bold; padding: 0 31px; } .shortcode_button, .shortcode_button .ico { transition: background-color 300ms, color 300ms, border-color 300ms; -webkit-transition:background-color 300ms, color 300ms, border-color 300ms; -moz-transition:background-color 300ms, color 300ms, border-color 300ms; -o-transition:background-color 300ms, color 300ms, border-color 300ms; } .shortcode_button.btn_type1 { color:#ececec; background:#3d3d3d; } .shortcode_button.btn_type2 { color:#ececec; background:#a3a3a3; } .shortcode_button.btn_type3 { color:#a3a3a3; background:#ececec; } .shortcode_button.btn_type4 { color:#3d3d3d; } .shortcode_button.btn_type5 { color:#3d3d3d; background:#ffd200; } .shortcode_button.btn_type6 { color:#3d3d3d; background:#ff8d00; } .shortcode_button.btn_type7 { color:#3d3d3d; background:#ff5b29; } .shortcode_button.btn_type8 { color:#3d3d3d; background:#ff60af; } .shortcode_button.btn_type9 { color:#3d3d3d; background:#b36aff; } .shortcode_button.btn_type10 { color:#3d3d3d; background:#2e7cff; } .shortcode_button.btn_type11 { color:#3d3d3d; background:#0ab7e1; } .shortcode_button.btn_type12 { color:#3d3d3d; background:#88c800; } .shortcode_button.btn_type13 { color:#3d3d3d; background:#dbe93a; } .shortcode_button:hover { text-decoration:none; color:#ececec; background:#3d3d3d; } .shortcode_button.btn_type4:hover { color:#ececec!important; background:#3d3d3d!important; } .shortcode_button.btn_type1:hover { text-decoration:none; color:#3d3d3d; } /*-- MessageBoxes --*/ .shortcode_messagebox { display:block; padding:10px 40px 10px 14px; position:relative; margin-bottom:10px; border-left:#3d3d3d 6px solid; background:#ececec; color:#3d3d3d; font-size:16px; line-height:20px; } .shortcode_messagebox .box_close { position:absolute; right:11px; top:9px; display:block; width:21px; height:21px; background:url(../img/btn_box_close.png) no-repeat 0 0; } .shortcode_messagebox.box_type1 { border-color:#3d3d3d; } .shortcode_messagebox.box_type3 { border-color:#ff5b29; } .shortcode_messagebox.box_type4 { border-color:#ffd200; } .shortcode_messagebox.box_type5 { border-color:#88c800; } /*-- VideoFrame --*/ iframe.alignleft { float:left; margin:0 20px 10px 0 } iframe.alignright { float:right; margin:0 0px 10px 20px } .demo_frame { border:#3d3d3d 6px solid; } .demo_frame iframe { display:block!important; float:none!important; margin:0!important; } /*-- Color Blocks --*/ .shortcode_colorblocks { display:block; position:relative; cursor:pointer; padding:20px 0 0 0; transition: background-color 300ms; -webkit-transition:background-color 300ms; -moz-transition:background-color 300ms; -o-transition:background-color 300ms; } .shortcode_colorblocks .ico { width:100%; text-align:center; font-size:42px; display:block; height:44px; margin:0 0 8px -10px; padding:15px 0 0 0; transition: color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms; } .shortcode_colorblocks h5 { font-family:'OswaldBold'; text-align:center; width:100%; margin:0 0 15px 0; transition: color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms; } .shortcode_colorblocks p { padding:0 20px; margin-bottom:18px; text-align:center; transition: color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms; } .shortcode_colorblocks.light { background:#dadada; } .shortcode_colorblocks.grey { background:#a7a7a7; } .shortcode_colorblocks.dark, .shortcode_colorblocks.grey.hovered:hover, .shortcode_colorblocks.light.hovered:hover, .shortcode_colorblocks.colored.hovered:hover { background:#3d3d3d; } .shortcode_colorblocks.light p, .shortcode_colorblocks.light.hovered h5, .shortcode_colorblocks.grey h5, .shortcode_colorblocks.grey a, .shortcode_colorblocks.grey .ico{ color:#3d3d3d } .shortcode_colorblocks.grey p, .shortcode_colorblocks.grey.hovered h5, .shortcode_colorblocks.colored p, .shortcode_colorblocks.colored h5, .shortcode_colorblocks.colored .ico, .shortcode_colorblocks.dark.hovered:hover .ico, .shortcode_colorblocks.dark.hovered:hover p, .shortcode_colorblocks.hovered:hover a:hover, .shortcode_colorblocks.light.hovered:hover a, .shortcode_colorblocks.grey.hovered:hover a, .shortcode_colorblocks.colored.hovered:hover a, .shortcode_colorblocks.dark.hovered:hover h5 { color:#ffffff } .shortcode_colorblocks.colored a, .shortcode_colorblocks.dark p, .shortcode_colorblocks.dark.hovered h5, .shortcode_colorblocks.grey.hovered:hover .ico, .shortcode_colorblocks.light.hovered:hover p, .shortcode_colorblocks.grey.hovered:hover p, .shortcode_colorblocks.colored.hovered:hover p, .shortcode_colorblocks.light.hovered:hover h5, .shortcode_colorblocks.grey.hovered:hover h5, .shortcode_colorblocks.colored.hovered:hover h5, .shortcode_colorblocks.dark.hovered a { color:#dadada } .shortcode_colorblocks.hovered:hover a:hover, .shortcode_colorblocks.hovered:hover a { text-decoration:none; } .shortcode_promoblock { background:#ececec; border-left:6px solid; padding:30px; display:block; } .shortcode_promoblock .promo_text_block { text-align:right; } .shortcode_promoblock .promo_text_block.span12, .shortcode_promoblock .promo_text_block.span12 h4, .shortcode_promoblock .promo_text_block.span12 h1 { text-align:center!important; } .shortcode_promoblock .promo_button_block { text-align:left; } .shortcode_promoblock .promo_button { padding:0px 35px; font-size:20px; line-height:48px; color:#ececec; font-weight:bold; display:inline-block; text-align:center; background:#3d3d3d; margin-top:7px; transition: all 400ms; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; } .shortcode_promoblock .promo_button:hover { color:#3d3d3d; } .shortcode_promoblock h4 { text-align:right; font-size:24px; line-height:26px; color:#3d3d3d; margin:0 0 -2px 0; font-weight:300; } .shortcode_promoblock h1 { margin:0px 0 0px 0; text-align:right; font-size:31px; line-height:33px; color:#3d3d3d; } /*-- Socials Icons --*/ .ico_socialize { display:inline-block; float:left; margin:0 5px 5px 0; background-color:#3d3d3d; background-position:center; background-repeat:no-repeat; transition: background-color 300ms; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; -o-transition: background-color 300ms; } .ico_socialize:hover { background-color:#5a5a5a; } .ico_socialize.type1 { width:34px; height:34px; } .ico_socialize.type2 { width:40px; height:40px; } .ico_socialize_facebook1 { background-image:url(../img/icons/ico_socialize_facebook1.png) } .ico_socialize_facebook2 { background-image:url(../img/icons/ico_socialize_facebook2.png) } .ico_socialize_twitter1 { background-image:url(../img/icons/ico_socialize_twitter1.png) } .ico_socialize_twitter2 { background-image:url(../img/icons/ico_socialize_twitter2.png) } .ico_socialize_twitter3 { background-image:url(../img/icons/ico_socialize_twitter3.png) } .ico_socialize_digg1 { background-image:url(../img/icons/ico_socialize_digg1.png) } .ico_socialize_digg2 { background-image:url(../img/icons/ico_socialize_digg2.png) } .ico_socialize_google1 { background-image:url(../img/icons/ico_socialize_google1.png) } .ico_socialize_google2 { background-image:url(../img/icons/ico_socialize_google2.png) } .ico_socialize_tumbler { background-image:url(../img/icons/ico_socialize_tumbler.png) } .ico_socialize_delicious { background-image:url(../img/icons/ico_socialize_delicious.png) } .ico_socialize_plixi { background-image:url(../img/icons/ico_socialize_plixi.png) } .ico_socialize_dribbble1 { background-image:url(../img/icons/ico_socialize_dribbble1.png) } .ico_socialize_dribbble2 { background-image:url(../img/icons/ico_socialize_dribbble2.png) } .ico_socialize_stubleUpon { background-image:url(../img/icons/ico_socialize_stubleUpon.png) } .ico_socialize_lastfm { background-image:url(../img/icons/ico_socialize_lastfm.png) } .ico_socialize_moby { background-image:url(../img/icons/ico_socialize_moby.png) } .ico_socialize_vimeo { background-image:url(../img/icons/ico_socialize_vimeo.png) } .ico_socialize_youtube1 { background-image:url(../img/icons/ico_socialize_youtube1.png) } .ico_socialize_youtube2 { background-image:url(../img/icons/ico_socialize_youtube2.png) } .ico_socialize_myspace { background-image:url(../img/icons/ico_socialize_myspace.png) } .ico_socialize_linkedIn { background-image:url(../img/icons/ico_socialize_linkedIn.png) } .ico_socialize_pinterest { background-image:url(../img/icons/ico_socialize_pinterest.png) } .ico_socialize_flickr { background-image:url(../img/icons/ico_socialize_flickr.png) } .ico_socialize_vk1 { background-image:url(../img/icons/ico_socialize_vk1.png) } .ico_socialize_vk2 { background-image:url(../img/icons/ico_socialize_vk2.png) } .ico_socialize_odnoklassniki { background-image:url(../img/icons/ico_socialize_odnoklassniki.png) } .ico_socialize_gowalla { background-image:url(../img/icons/ico_socialize_gowalla.png) } .ico_socialize_dropbox { background-image:url(../img/icons/ico_socialize_dropbox.png) } .ico_socialize_skype { background-image:url(../img/icons/ico_socialize_skype.png) } .ico_socialize_iChat { background-image:url(../img/icons/ico_socialize_iChat.png) } .ico_socialize_instagram { background-image:url(../img/icons/ico_socialize_instagram.png) } .ico_socialize_evernote { background-image:url(../img/icons/ico_socialize_evernote.png) } .ico_socialize_deviantart { background-image:url(../img/icons/ico_socialize_deviantart.png) } .ico_socialize_blogspot { background-image:url(../img/icons/ico_socialize_blogspot.png) } .ico_socialize_reddit { background-image:url(../img/icons/ico_socialize_reddit.png) } .ico_socialize_technorati { background-image:url(../img/icons/ico_socialize_technorati.png) } .ico_socialize_yahoo { background-image:url(../img/icons/ico_socialize_yahoo.png) } .ico_socialize_diigo { background-image:url(../img/icons/ico_socialize_diigo.png) } .ico_socialize_blinklist { background-image:url(../img/icons/ico_socialize_blinklist.png) } .ico_socialize_bing { background-image:url(../img/icons/ico_socialize_bing.png) } .ico_socialize_behnce { background-image:url(../img/icons/ico_socialize_behnce.png) } .ico_socialize_picasa { background-image:url(../img/icons/ico_socialize_picasa.png) } .ico_socialize_forrst { background-image:url(../img/icons/ico_socialize_forrst.png) } .ico_socialize_ffffound { background-image:url(../img/icons/ico_socialize_ffffound.png) } .ico_socialize_viddler { background-image:url(../img/icons/ico_socialize_viddler.png) } .ico_socialize_friendfeed { background-image:url(../img/icons/ico_socialize_friendfeed.png) } .ico_socialize_mobileMe { background-image:url(../img/icons/ico_socialize_mobileMe.png) } .ico_socialize_wordpress { background-image:url(../img/icons/ico_socialize_wordpress.png) } .ico_socialize_drupal { background-image:url(../img/icons/ico_socialize_drupal.png) } .ico_socialize_paypal { background-image:url(../img/icons/ico_socialize_paypal.png) } .ico_socialize_share { background-image:url(../img/icons/ico_socialize_share.png) } .ico_socialize_mail { background-image:url(../img/icons/ico_socialize_mail.png) } .ico_socialize_rss { background-image:url(../img/icons/ico_socialize_rss.png) } .ico_socialize_home { background-image:url(../img/icons/ico_socialize_home.png) } .ico_socialize_phone { background-image:url(../img/icons/ico_socialize_phone.png) } .ico_socialize_facebook1:hover { background-color:#405890; } .ico_socialize_facebook2:hover { background-color:#405890; } .ico_socialize_twitter1:hover { background-color:#00abf0; } .ico_socialize_twitter2:hover { background-color:#00abf0; } .ico_socialize_twitter3:hover { background-color:#00abf0; } .ico_socialize_digg1:hover { background-color:#1a5891; } .ico_socialize_digg2:hover { background-color:#1a5891; } .ico_socialize_google1:hover { background-color:#1022ba; } .ico_socialize_google2:hover { background-color:#cb2028; } .ico_socialize_tumbler:hover { background-color:#2f4f68; } .ico_socialize_delicious:hover { background-color:#0000fe; } .ico_socialize_plixi:hover { background-color:#06b3f2; } .ico_socialize_dribbble1:hover { background-color:#f16097; } .ico_socialize_dribbble2:hover { background-color:#f16097; } .ico_socialize_stubleUpon:hover { background-color:#52b857; } .ico_socialize_lastfm:hover { background-color:#d21309; } .ico_socialize_moby:hover { background-color:#3199cc; } .ico_socialize_vimeo:hover { background-color:#1ab7ea; } .ico_socialize_youtube1:hover { background-color:#eb0000; } .ico_socialize_youtube2:hover { background-color:#eb0000; } .ico_socialize_myspace:hover { background-color:#00349a; } .ico_socialize_linkedIn:hover { background-color:#0072a4; } .ico_socialize_pinterest:hover { background-color:#cb2028; } .ico_socialize_flickr:hover { background-color:#ff0084; } .ico_socialize_vk1:hover { background-color:#4b6e91; } .ico_socialize_vk2:hover { background-color:#4b6e91; } .ico_socialize_odnoklassniki:hover { background-color:#f48222; } .ico_socialize_gowalla:hover { background-color:#fb7809; } .ico_socialize_dropbox:hover { background-color:#0f57a3; } .ico_socialize_skype:hover { background-color:#00aff0; } .ico_socialize_iChat:hover { background-color:#2388cd; } .ico_socialize_instagram:hover { background-color:#a4765c; } .ico_socialize_evernote:hover { background-color:#87c442; } .ico_socialize_deviantart:hover { background-color:#c8da30; } .ico_socialize_blogspot:hover { background-color:#f6821f; } .ico_socialize_reddit:hover { background-color:#fe4600; } .ico_socialize_technorati:hover { background-color:#00c400; } .ico_socialize_yahoo:hover { background-color:#650f6d; } .ico_socialize_diigo:hover { background-color:#4b8dc6; } .ico_socialize_blinklist:hover { background-color:#fe6400; } .ico_socialize_bing:hover { background-color:#067ecc; } .ico_socialize_behnce:hover { background-color:#2f99d2; } .ico_socialize_picasa:hover { background-color:#b262c7; } .ico_socialize_forrst:hover { background-color:#34712b; } .ico_socialize_ffffound:hover { background-color:#f81b98; } .ico_socialize_viddler:hover { background-color:#288cda; } .ico_socialize_friendfeed:hover { background-color:#a8c9f2; } .ico_socialize_mobileMe:hover { background-color:#1574ce; } .ico_socialize_wordpress:hover { background-color:#1d5379; } .ico_socialize_drupal:hover { background-color:#0173ba; } .ico_socialize_paypal:hover { background-color:#183962; } .ico_socialize_share:hover { background-color:#1d7c3e; } .ico_socialize_mail:hover { background-color:#06b3f2; } .ico_socialize_rss:hover { background-color:#ff9000; } .ico_socialize_home:hover, .ico_socialize_phone:hover { background-color:#a3a3a3; } ul.module_highlights { list-style:none!important; margin:0!important; padding:0!important; border-top:#e6e6e6 1px solid; } .module_highlights li { border-bottom:#e6e6e6 1px solid; line-height:16px!important; font-size:11px!important; padding:6px 0!important; color:#2c2c2c; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } .module_highlights li:before { content:''!important; padding:0!important; margin:0!important; } .module_highlights li:hover { cursor:pointer; font-weight:bold; } /*-- Price Table --*/ .module_price_table .price_item { padding: 16px 0 0 0; float:left; } .module_price_table .price_item.most_popular { padding:0px; } .module_price_table .price_item.most_popular .price_item_wrapper { border-color:#3d3d3d!important; } .module_price_table .price_item .price_item_wrapper { margin:0 0 0 1px; border-top:6px solid; } .module_price_table .price_item:first-child .price_item_wrapper { margin:0 0 0 0px!important; } .price_item .price_item_title { display:block; } .price_item .price_item_title h2 { color:#ececec; background:#3d3d3d; padding:10px 10px; text-align:center; margin-bottom:0; font-size:26px; line-height:38px; text-transform:none; font-weight:bold!important; } .price_item .price_item_cost { padding:21px 0 9px 0; background:#f3f3f3; margin:1px 0; transition: background 300ms; -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; } .module_price_table .price_item:hover .price_item_cost { background:#ffffff; } .price_item .price_item_cost h1 { color:#3d3d3d; text-align:center; margin:0; font-size:60px; line-height:62px; font-weight:bold; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } .price_item .price_item_cost h1 span { margin:0; text-transform:none; font-size:22px; line-height:62px; font-weight:normal!important; color:#3d3d3d; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } .price_item .price_item_text { background:#ececec; color:#3d3d3d; padding:11px 10px; text-align:center; margin-bottom:1px; font-size:13px; line-height:18px; } .price_item .price_item_text a { color:#3d3d3d; } .price_item .price_item_btn a { margin:0; padding:0 20px; text-align:center; height:48px; font-size:20px; line-height:48px; display:block; font-weight:bold; text-decoration:none!important; border:none; color:#ececec; float:none; background:#3d3d3d; overflow:hidden; transition: color 300ms, background-color 300ms; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; } .price_item .price_item_btn a:hover { color:#3d3d3d; } .price_item.most_popular .price_item_title { padding:0px 0 0px 0; } .price_item.most_popular .price_item_title h2 { color:#3d3d3d; padding:15px 10px; margin:0; font-size:28px; } .price_item.most_popular .price_item_cost { background:#ffffff; padding-bottom:15px; } .price_item.most_popular .price_item_cost h1 { font-size:70px; } .price_item.most_popular .price_item_cost h1 span { font-size:28px; } .price_item.most_popular .price_item_text { background:#f3f3f3; color:#3d3d3d; margin-top:0px; margin-bottom:1px; padding:13px 0; } .price_item.most_popular .price_item_btn a { color:#3d3d3d; } .price_item.most_popular .price_item_btn a:hover { background:#3d3d3d; color:#ececec; } .price_item.most_popular .price_item_btn a:hover { color:#ffffff; } .price_item.most_popular .price_item_title h2 { background:none; } .price_item.most_popular:hover .price_item_btn a { background:#3d3d3d; color:#ececec; } .price_item.most_popular .price_item_btn a:hover { color:#3d3d3d!important; } /*-- IconBox --*/ .module_iconboxes .iconbox_wrapper { border:#e6e6e6 1px solid; padding:9px; color:#2c2c2c; min-height:70px!important; transition: border-color 300ms, color 300ms, background-color 300ms; -webkit-transition: border-color 300ms, color 300ms, background-color 300ms; -moz-transition: border-color 300ms, color 300ms, background-color 300ms; -o-transition: border-color 300ms, color 300ms, background-color 300ms; } .module_iconboxes .iconbox_wrapper .ico { width:50px; padding:0 0 0 20px; height:70px; line-height:70px; text-align:left; font-size:30px; display:inline-block; float:left; margin:0 11px 11px 0; background:#c7c7c7; color:#ffffff; transition: color 300ms, background-color 300ms; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; } .module_iconboxes .iconbox_wrapper:hover { background:#2c2c2c; border-color:#2c2c2c; color:#e6e6e6; } .module_iconboxes .iconbox_wrapper h5 { margin:0 0 6px 0!important; color:#2c2c2c; } .module_iconboxes .iconbox_wrapper:hover h5 { color:#e6e6e6; } .module_iconboxes .iconbox_wrapper:hover .ico { color:#ffffff; } /*-- Camera Slider --*/ .camera_slider { width:100%; margin:0 0px 20px 0px; display:block; overflow:hidden; position:relative; /*height:223px!important*/ } /*Gallery ----------*/ /*Wrappers -----------*/ /*Misc -------*/ .breadcrumbs { background:#ececec; border-left:6px solid; padding:11px 13px; margin-bottom:40px; text-align:left; } .breadcrumbs ul li { display:inline-block; line-height:18px; font-size:13px; color:#3d3d3d; } .breadcrumbs ul li:before { content:'|'; padding:0 12px 0 8px; color:#dbdbdb; line-height:18px; font-size:13px; } .breadcrumbs ul li:first-child:before { content:''; display:none; } .breadcrumbs ul li a { font-style:italic; color:#ababab; } .breadcrumbs ul li a:hover { color:#3d3d3d; } .module_cont { margin-bottom:40px!important; } .module_cont:after { content:''; clear:both; display:block; } .module_cont.margin0 { margin-bottom:0px!important; } .module_cont.margin10 { margin-bottom:10px!important; } /*LandingLogo*/ .landing_logo {} .landing_logo img {} .landing_logo.hided {} .landing_enter {} .landing_enter img {} .landing_enter:hover img {} .landing_enter.hided {} /*ChromeFix*/ .grey_img { /* filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(greyScale.svg#greyscale); filter: gray; -webkit-filter: grayscale(1);*/ } /*Backgrounded Layout*/ .custom_bg_cont { background:#1e1e1e; position:fixed; z-index:-1; top:0px; left:0px; width:100%; height:100%; } .custom_bg_cont.bg_pic { background-image:url(../img/bg_user.jpg); background-position:center; background-attachment:fixed; } .custom_bg_cont.covered { background-size: cover;-webkit-background-size: cover;-o-background-size: cover;-moz-background-size: cover; } /*HTML only*/ .module_10px { margin-bottom:10px!important; } .module_30px { margin-bottom:30px!important; } .title { } .oneByOne1 { position:relative!important; } .OneByOne_container { opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 500ms; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; } .oneByOne1 .OneByOne_container { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .logo2_retina, .logo_retina { display:none!important; } .columns1 .portfolio_dscr a:hover { color:#5a5a5a; } .columns1 .portfolio_dscr h5 a { color:#5a5a5a!important; } /*Misc*/ .dn { display:none; } .clear { clear:both; } p.blog_intro { padding-bottom:16px; margin:0; border-bottom:#e3e3e3 1px solid; } /*Layout Styles*/ div.user_bg_image { background-attachment: fixed; background-size: cover; } div.user_bg_image, div.user_bg_layout { width:100%; height:100%; z-index:-1; position:fixed; left:0; top:0; display:block; } .user_bg_layout header, .user_img_layout header { width:1230px; margin:0 auto; } .user_bg_layout .content_wrapper, .user_img_layout .content_wrapper { width:1230px; margin:0 auto; background-color:#ffffff; } .user_bg_layout .pre_footer, .user_img_layout .pre_footer { width:1230px; margin:0 auto; } .user_bg_layout footer, .user_img_layout footer { width:1230px; margin:0 auto; } /* Nivo Slider */ /*Layer1*/ .oneByOne_item { position:absolute!important; display:block!important; } .oneByOne_item img, .oneByOne_item form { display:none; } .slider_type1 { overflow:hidden; } .slider_type1 .ls1_txt1 { position:absolute; top:43px; left:50%; margin-left:-522px; } .slider_type1 .ls1_txt2 { position:absolute; bottom:165px; left:50%; margin-left:-268px; } .slider_type1 .ls1_txt3 { position:absolute; bottom:165px; left:50%; margin-left:-522px; } .slider_type1 .ls1_txt4 { position:absolute; bottom:101px; left:50%; margin-left:-480px; } .slider_type1 .ls1_txt5 { position:absolute; bottom:101px; left:50%; margin-left:-267px; } .slider_type1 .ls1_txt6 { position:absolute; bottom:31px; left:50%; margin-left:-237px; } .slider_type1 .ls1_txt7 { position:absolute; bottom:31px; left:50%; margin-left:-522px; } .slider_type1 .ls2_txt1 { position:absolute; bottom:35px; left:50%; margin-left:-556px; } .slider_type1 .ls2_txt2 { position:absolute; bottom:37px; left:50%; margin-left:-278px; } .slider_type1 .ls2_txt3 { position:absolute; bottom:24px; left:50%; margin-left:77px; } .slider_type1 .ls2_txt4 { position:absolute; bottom:21px; left:50%; margin-left:308px; } .slider_type1 .ls2_txt5 { position:absolute; bottom:31px; left:50%; margin-left:496px; } .slider_type1 .ls2_txt6 { position:absolute; bottom:181px; left:50%; margin-left:-392px; } .slider_type1 .ls2_txt7 { position:absolute; top:94px; left:50%; margin-left:-556px; } .slider_type1 .ls2_txt8 { position:absolute; top:88px; left:50%; margin-left:238px; } .slider_type1 .ls2_txt9 { position:absolute; top:170px; left:50%; margin-left:354px; } .slider_type1 .ls3_txt1 { position:absolute; bottom:55px; left:50%; margin-left:-555px; } .slider_type1 .ls3_txt2 { position:absolute; bottom:60px; left:50%; margin-left:-231px; } .slider_type1 .ls4_txt1 { position:absolute; top:38px; left:50%; margin-left:-576px; } .slider_type1 .ls4_frame { position:absolute; top:64px; left:50%; margin-left:-481px; width:585px; height:365px; } .slider_type1 .ls4_txt2 { position:absolute; top:42px; left:50%; margin-left:130px; } .slider_type1 .ls4_txt3 { position:absolute; bottom:45px; left:50%; margin-left:222px; } .slider_type1 .ls4_txt4 { position:absolute; bottom:40px; left:50%; margin-left:373px; } .slider_type1 form.subscribe { position:absolute; top:194px; left:50%; margin-left:164px; width:395px; } .slider_type1 form.subscribe p { color:#232323; font-size:15px; margin-bottom:10px; } .slider_type1 form.subscribe .inline { display:inline-block; float:left; height:36px; margin-right:3px; } .slider_type1 form.subscribe .subscribe_field { padding:8px 14px; width:218px; background:#282828; color:#8b8b8b; line-height:20px; height:20px; border:none!important; border-radius:0!important; box-shadow:none!important; } .slider_type1 form.subscribe .btn_subscribe { padding:0px 10px; cursor:pointer; width:110px; background:#282828; color:#8b8b8b; line-height:36px; height:36px; background-color:#282828; color:#ffffff; font-size:13px; border:none!important; } .slider_type1 .ls5_txt1 { position:absolute; top:83px; left:50%; margin-left:-359px; } .slider_type1 .ls5_txt2 { position:absolute; top:225px; left:50%; margin-left:-209px; } .slider_type1 .ls5_txt3 { position:absolute; top:296px; left:50%; margin-left:-157px; } /*Layer2*/ .fullscreen_slider .ls1_txt1 { position:absolute; top:43px; left:50%; margin-left:-584px; } .fullscreen_slider .ls1_txt2 { position:absolute; top:189px; left:50%; margin-left:-330px; } .fullscreen_slider .ls1_txt3 { position:absolute; top:255px; left:50%; margin-left:-584px; } .fullscreen_slider .ls1_txt4 { position:absolute; top:319px; left:50%; margin-left:-541px; } .fullscreen_slider .ls1_txt5 { position:absolute; top:319px; left:50%; margin-left:-329px; } .fullscreen_slider .ls1_txt6 { position:absolute; top:383px; left:50%; margin-left:-299px; } .fullscreen_slider .ls1_txt7 { position:absolute; top:383px; left:50%; margin-left:-584px; } .fullscreen_slider .ls2_txt1 { position:absolute; bottom:50px; left:50%; margin-left:-586px; } .fullscreen_slider .ls2_txt2 { position:absolute; bottom:52px; left:50%; margin-left:-248px; } .fullscreen_slider .ls2_txt3 { position:absolute; bottom:39px; left:50%; margin-left:107px; } .fullscreen_slider .ls2_txt4 { position:absolute; bottom:36px; left:50%; margin-left:338px; } .fullscreen_slider .ls2_txt5 { position:absolute; bottom:46px; left:50%; margin-left:526px; } .fullscreen_slider .ls2_txt6 { position:absolute; bottom:196px; left:50%; margin-left:-422px; } .fullscreen_slider .ls2_txt7 { position:absolute; top:94px; left:50%; margin-left:-586px; } .fullscreen_slider .ls2_txt8 { position:absolute; top:98px; left:50%; margin-left:268px; } .fullscreen_slider .ls2_txt9 { position:absolute; top:180px; left:50%; margin-left:384px; } .fullscreen_slider .ls3_txt1 { position:absolute; top:60px; left:50%; margin-left:-550px; } .fullscreen_slider .ls3_txt2 { position:absolute; bottom:60px; left:50%; margin-left:-215px; } .fullscreen_slider .ls4_txt1 { position:absolute; top:38px; left:50%; margin-left:-586px; } .fullscreen_slider .ls4_frame { position:absolute; top:64px; left:50%; margin-left:-491px; width:585px; height:365px; } .fullscreen_slider .ls4_txt2 { position:absolute; top:42px; left:50%; margin-left:155px; } .fullscreen_slider .ls4_txt3 { position:absolute; bottom:45px; left:50%; margin-left:288px; } .fullscreen_slider .ls4_txt4 { position:absolute; bottom:40px; left:50%; margin-left:439px; } .fullscreen_slider form.subscribe { position:absolute; top:194px; left:50%; margin-left:194px; width:395px; } .fullscreen_slider form.subscribe p { color:#232323; font-size:15px; margin-bottom:10px; } .fullscreen_slider form.subscribe .inline { display:inline-block; float:left; height:36px; margin-right:3px; } .fullscreen_slider form.subscribe .subscribe_field { padding:8px 14px; width:218px; background:#282828; color:#8b8b8b; line-height:20px; height:20px; border:none!important; border-radius:0!important; box-shadow:none!important; } .fullscreen_slider form.subscribe .btn_subscribe { padding:0px 10px; cursor:pointer; width:110px; background:#282828; color:#8b8b8b; line-height:36px; height:36px; background-color:#282828; color:#ffffff; font-size:13px; border:none!important; } .fullscreen_slider .ls5_txt1 { position:absolute; top:83px; left:50%; margin-left:-359px; } .fullscreen_slider .ls5_txt2 { position:absolute; top:225px; left:50%; margin-left:-209px; } .fullscreen_slider .ls5_txt3 { position:absolute; top:296px; left:50%; margin-left:-157px; } /*Layer Slider*/ .fullscreen_slider .ls_bg1, .slider_type1 .ls_bg1 { background:url(../img/slider/bg_layer_slide1.jpg) no-repeat center; } .fullscreen_slider .ls_bg2, .slider_type1 .ls_bg2 { background:url(../img/slider/bg_layer_slide2.jpg) no-repeat center; } .fullscreen_slider .ls_bg3, .slider_type1 .ls_bg3 { background:url(../img/slider/bg_layer_slide3.jpg) no-repeat center; } .fullscreen_slider .ls_bg4, .slider_type1 .ls_bg4 { background:url(../img/slider/bg_layer_slide4.jpg) no-repeat center; } .fullscreen_slider .ls_bg5, .slider_type1 .ls_bg5 { background:url(../img/slider/bg_layer_slide5.jpg) no-repeat center; } .fullscreen_slider .ls-layer { width:100%; } .module_layer_slider .module_content { width:100%; } .module_layer_slider .OneByOne_container { position:absolute; width:100%; } .module_layer_slider .oneByOne_item { width:100%; } @media screen and ( -webkit-min-device-pixel-ratio : 0 ) { .fl-container .feedback_reset, .fl-container .feedback_go, .fl-container .comment_reset, .fl-container .send_comment, .contentarea .feedback_reset, .contentarea .feedback_go, .contentarea .comment_reset, .contentarea .send_comment { padding-top:10px!important; -webkit-appearance: none!important; -webkit-border-radius:0!important } .field-message, #commentform textarea { margin-bottom:3px!important; } .arrowButton .prevArrow { left:-1px!important; } } /* *** fonts.css *** */ /*All Font Families*/ @font-face { font-family: 'CoreIconsRegular'; src: url('fonts/coreicons-webfont.eot'); src: url('fonts/coreicons-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/coreicons-webfont.woff') format('woff'), url('fonts/coreicons-webfont.ttf') format('truetype'), url('fonts/coreicons-webfont.svg#coreiconsregular') format('svg'); font-weight: normal; font-style: normal; } .shortcode_iconbox .ico { font-family: 'CoreIconsRegular'; } header .slogan span, .price_item .price_item_text, .price_item .price_item_text a { font-family:Arial, Helvetica, sans-serif; } /* *** prettyPhoto.css *** */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../img/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../img/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../img/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../img/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../img/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../img/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_expand:hover{background:url(../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_contract:hover{background:url(../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{background:url(../img/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px} div.pp_default .pp_gallery ul li a{background:url(../img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px} div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px} div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../img/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{background:url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.light_rounded .pp_nav .pp_play{background:url(../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.dark_rounded .pp_description{color:#fff;margin-right:85px} div.dark_rounded .pp_nav .pp_play{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../img/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{background:url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{background:url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.light_square .pp_nav .pp_play{background:url(../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{background:url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;margin:2px 4px;white-space:nowrap} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0} .pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /* prettyPhoto styling for small screens */ @media only screen and (max-width: 767px) { .pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; } div.pp_default .pp_content_container .pp_left { padding-left: 0!important; } div.pp_default .pp_content_container .pp_right { padding-right: 0!important; } .pp_content { width: 100%!important; height: auto!important; } .pp_fade { width: 100%!important; height: 100%!important; } a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; } #pp_full_res img { width: 100%!important; height: auto!important; } .pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; } a.pp_close { right: 10px!important; top: 10px!important; } div.pp_default div .pp_content {min-height: 50px;} } /* *** tipsy.css *** */ .tipsy { font-size: 9px; position:absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #3d3d3d; max-width: 200px; padding: 5px 8px 7px 8px; text-align: center; font-size:13px; text-transform:none; line-height:13px} /* Rounded corners */ .tipsy-inner { /*border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; */} /* Uncomment for shadow */ /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/ .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } /* Rules to colour arrows */ .tipsy-arrow-n { border-bottom-color: #3d3d3d; } .tipsy-arrow-s { border-top-color: #3d3d3d;} .tipsy-arrow-s .tipsy-inner {color:#3d3d3d;} .tipsy-arrow-e { border-left-color: #3d3d3d; } .tipsy-arrow-w { border-right-color: #3d3d3d; } .tipsy-e { margin-left:-10px} .tipsy-w { margin-left:10px} .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-s {margin-top:-3px} .tipsy-n {margin-top:7px} /* *** portfolio_isotope.css *** */ /*All Resolutions ------------------*/ .filter_img { overflow:hidden; } .portfolio_block { margin-bottom:0!important } .filter_navigation { position:relative; overflow:hidden; min-height:52px; margin-bottom:30px; } .filter_navigation ul, .filter_navigation ul li ul { list-style:none; margin:0; padding:0; } .filter_navigation ul li { padding:0; } .filter_navigation ul li ul { border-bottom:#ececec 6px solid; overflow:hidden; } .filter_navigation ul li:before, .filter_navigation ul li ul li:before { display:none; padding:0; margin:0; } .filter_navigation ul li ul li { display:inline-block; float:left; margin:0 3px 0 0; } .filter_navigation ul li ul li a { padding:10px 18px; line-height:20px; font-size:16px; background:#f3f3f3; color:#ababab; display:block; border-top:#ffffff 6px solid; transition: all 400ms; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; } .filter_navigation ul li ul li.selected a { background-color:#ececec; color:#3d3d3d; } .filter_navigation ul li ul li.selected a:hover { color:#3d3d3d!important; } .image-grid .element { background:none; overflow:hidden; display:inline-block; margin-bottom:30px; } .filter_img { position:relative; } .filter_img img { display:block; width:100%; height:auto; } .columns1 .filter_img { background:#3d3d3d; } .columns1 .element { width:100%; margin-left: 0; min-height:400px; } .columns1 h4 a { color:#3d3d3d; text-decoration:none!important; font-style:normal!important; } .columns1 h4 { margin-top:-4px; } .portfolio_dscr a { font-style:italic; color:#ababab; } .portfolio_dscr a:hover { color:#3d3d3d!important; } /*Widths*/ .columns1 { margin:0 0 0 0px!important; width:1170px; } .columns2, .columns3, .columns4 { margin:0 0 0 -30px!important; width:1200px; } .columns2 .element { width:570px; margin:0 0 30px 30px; min-height:400px; float:left; display:inline-block; } .columns2 .element img { display:block; } .columns3 .element { width:370px; margin-left:30px; min-height:260px; } .columns4 .element { width:270px; margin-left:30px; min-height:189px; } /*sidebared*/ .left-sidebar .columns1, .right-sidebar .columns1 { margin:0 0 0 0px!important; width:870px; } .left-sidebar .columns2, .right-sidebar .columns2, .left-sidebar .columns3, .right-sidebar .columns3, .left-sidebar .columns4, .right-sidebar .columns4 { margin:0 0 0 -30px!important; width:900px; } .left-sidebar .columns2 .element, .right-sidebar .columns2 .element { width:420px; min-height:295px; } .left-sidebar .columns3 .element, .right-sidebar .columns3 .element { width:270px; min-height:190px; } .left-sidebar .columns4 .element, .right-sidebar .columns4 .element { width:195px; min-height:137px; } .filter_navigation { overflow:hidden } /*Wrapper & Hover*/ .filter_img { position:relative; } .filter_img .portfolio_wrapper { display: block; width:100%; height:100%; display:block; position:absolute; left:0; top:0; opacity: 0; text-align:center; color:#ffffff; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; } .portfolio_content { width:100%; display: block; display:block; position:absolute; left:0; top:50%; opacity: 0; text-align:center; color:#ffffff; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .filter_img:hover .portfolio_wrapper { opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } .filter_img img { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; } .filter_img, .filter_img a { background:#3d3d3d!important; } .filter_img:hover img { opacity: 0.4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; } .filter_img .portfolio_content { line-height:20px; } .filter_img .portfolio_content h5 { color:#ffffff; margin:2px 5px 15px 5px; font-size:19px; line-height:22px; } .columns4 .filter_img .portfolio_content h5 { font-size:15px; line-height:18px; } .columns-grid .filter_img .portfolio_content h5 { font-size:32px!important; line-height:34px!important; margin:0 0 8px 0!important; } .filter_img .portfolio_content p { color:#ffffff; margin:0 0 10px 0; padding:0 15px; text-align:center; } .filter_img .portfolio_content .ico_block, .filter_img .portfolio_content .more_block { padding:0 10px; } .filter_img .portfolio_content .ico_block a, .filter_img .portfolio_content .more_block a { color:#ffffff; } .filter_img .portfolio_content .ico_block .ico { width:25px; height:16px; font-size:16px; line-height:16px; color:#ffffff; display:inline-block; } /*-- Grid Portfolio --*/ .gallery_block { position:relative; padding:5px 0 0 0; } .columns-grid { list-style:none; margin:0; margin:0px 0 0 5px!important; } .columns-grid .element { height:auto; display:inline-block; float:left; margin:0px!important; padding:0px!important; border-right:#ffffff 5px solid; border-bottom:#ffffff 5px solid; } .columns-grid .element img { width:100%!important; height:auto!important; display:block!important; } .grid_img_wrapper { position:relative; width:100%; } .grid_img_wrapper .grid_overlay { position:absolute; left:0; top:0; display:block; width:100%; height:100%; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; } .grid_img_wrapper:hover .grid_overlay { opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } .gallery_block .load_more_grid { position:absolute; bottom:5px; display:block; background:#ffffff; background:rgba(255, 255, 255, 0.9); text-decoration:none; z-index:99; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .gallery_block .load_more_grid a { text-decoration:none; } .gallery_block .load_more_grid img { position:absolute; left:50%; top:50%; width:34px; height:34px; margin:-15px 0 0 -17px; display:block; opacity: 0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); margin:-37px 0 0 -17px; transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; } .gallery_block .load_more_grid span { line-height:100%; text-align:center; font-size:38px; line-height:40px; color:#202020; text-decoration:none; text-transform:uppercase; position:absolute; left:0px; width:100%; top:50%; display:block; margin:5px 0 0 0; opacity: 0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; } .gallery_block .load_more_grid:hover img, .gallery_block .load_more_grid:hover span { text-decoration:none; opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); } /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; transition: none; } .ico_link, .ico_link img, .ico_link div, .ico_link canvas { border:none!important; display:block!important; text-decoration:none!important; outline:none!important; background-color:#ffffff!important; } .portfolio_block .filter_img .post_type { width:40px; height:40px; display:block; top:0px; left:0px; position:absolute; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; } .columns1 .filter_img .post_type { top:50%; left:50%; margin:-20px 0 0 -20px; } .columns2 .filter_img .post_type, .columns3 .filter_img .post_type, .columns4 .filter_img .post_type { top:50%; left:50%; margin:-43px 0 0 -20px; } .filter_img:hover .post_type { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .portfolio_block .filter_img .post_type_image { background-image:url(../img/icons/post_type-image.png); } .portfolio_block .filter_img .post_type_slider { background-image:url(../img/icons/post_type-slider.png); } .portfolio_block .filter_img .post_type_text { background-image:url(../img/icons/post_type-text.png); } .portfolio_block .filter_img .post_type_link { background-image:url(../img/icons/post_type-link.png); } .portfolio_block .filter_img .post_type_video { background-image:url(../img/icons/post_type-video.png); } .portfolio_block .filter_img hr { border:none!important; height:6px!important; width:100%!important; display:block!important; position:absolute!important; bottom:0px!important; left:0px!important; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; } .portfolio_block .filter_img:hover hr { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .filter_img:hover .portfolio_line { bottom:0px; } .columns2 .portfolio_dscr .post_type, .columns3 .portfolio_dscr .post_type, .columns4 .portfolio_dscr .post_type { top:-36px; } .columns2 .filter_img .portfolio_dscr, .columns3 .filter_img .portfolio_dscr, .columns4 .filter_img .portfolio_dscr { position:absolute; left:0; bottom:-500px; background:#3d3d3d; width:100%; padding:10px 0px; border-bottom:solid 6px; text-align:center; transition: bottom 300ms; -webkit-transition: bottom 300ms; -moz-transition: bottom 300ms; -o-transition: bottom 300ms; } .columns2 .filter_img .portfolio_dscr .wrap_padding, .columns3 .filter_img .portfolio_dscr .wrap_padding, .columns4 .filter_img .portfolio_dscr .wrap_padding { padding:0 10px; font-size:16px; line-height:20px; } .columns2 .filter_img:hover .portfolio_dscr, .columns3 .filter_img:hover .portfolio_dscr, .columns4 .filter_img:hover .portfolio_dscr { bottom:0px!important; } .btn_load_more { background:#3d3d3d; width:100%; padding:0!important; margin:0!important; height:40px; line-height:40px; font-size:16px; color:#ececec; display:block; text-align:center; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; font-family:Arial, Helvetica, sans-serif; } .btn_load_more:hover { color:#3d3d3d!important; } /* *** nivo-slider.css *** */ /* * jQuery Nivo Slider v3.1 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { width:51px; height:51px; position:absolute; top:50%; margin-top:-25px; z-index:99; display:block; cursor:pointer; background:no-repeat 0 0; background-color:#3d3d3d!important; text-indent:-9999px; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: background-color 300ms, opacity 300ms; -webkit-transition:background-color 300ms, opacity 300ms; -moz-transition:background-color 300ms, opacity 300ms; -o-transition:background-color 300ms, opacity 300ms; } .nivoSlider:hover .nivo-directionNav a { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .nivo-directionNav a:hover { background-position: 0 -51px; } .nivo-prevNav { background-image:url(../img/slider_prev.png)!important; left: 0px; } .nivo-nextNav { background-image:url(../img/slider_next.png)!important; right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /*CustomCSS*/ .nivo-controlNav {display:none!important;} /* *** jquery.onebyone.css *** */ .buttonArea{ float: left; left: 50%; position: relative; top: 100%; margin-top: -32px; } .buttonCon{ float: left; left: -50%; position: relative; display:none!important; } .buttonCon .theButton { display: block; color: #B22222; width: 20px; height: 22px; text-indent: -9999px; border: 0; margin-right: 3px; float: left; } .buttonArea a.active { background-position: 0 -22px; } .animate0{ -webkit-animation-duration: .6s; -webkit-animation-delay: 0s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: 0s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: 0s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: 0s; animation-timing-function: ease; animation-fill-mode: both; } .animate1{ -webkit-animation-duration: .6s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; } .animate2{ -webkit-animation-duration: .6s; -webkit-animation-delay: .4s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .4s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .4s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .4s; animation-timing-function: ease; animation-fill-mode: both; } .animate3{ -webkit-animation-duration: .6s; -webkit-animation-delay: .6s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .6s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .6s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .6s; animation-timing-function: ease; animation-fill-mode: both; } .animate4{ -webkit-animation-duration: .6s; -webkit-animation-delay: .8s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .8s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .8s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .8s; animation-timing-function: ease; animation-fill-mode: both; } .animate5{ -webkit-animation-duration: .6s; -webkit-animation-delay: 1s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: 1s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: 1s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: 1s; animation-timing-function: ease; animation-fill-mode: both; } .animate6{ -webkit-animation-duration: .6s; -webkit-animation-delay: 1.2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: 1.2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: 1.2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: 1.2s; animation-timing-function: ease; animation-fill-mode: both; } .animate7{ -webkit-animation-duration: .6s; -webkit-animation-delay: 1.4s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: 1.4s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: 1.4s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: 1.4s; animation-timing-function: ease; animation-fill-mode: both; } .buttonArea { display:none!important;} /* *** animate.css *** */ @charset "UTF-8"; /* Animate.css - http://daneden.me/animate Licensed under the ☺ license (http://licence.visualidiot.com/) Copyright (c) 2012 Dan Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-o-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-o-keyframes shake { 0%, 100% {-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);} } @-o-keyframes tada { 0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 100% {-o-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedIn { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.lightSpeedOut { -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.wiggle { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; animation-duration: 0.75s; } /* *** base.css *** */ @media only screen and (min-width: 1200px) { .span12 .items6 li { width:170px; } .span12 .items5 li { width:210px; } .span12 .items4 li { width:270px; } .span12 .items3 li { width:370px; } .span12 .items2 li { width:570px; } .span12 .items1 li { width:1170px; } .span6 .items6 li { width:70px; } .span6 .items5 li { width:90px; } .span6 .items4 li { width:120px; } .span6 .items3 li { width:170px; } .span6 .items2 li { width:270px; } .span6 .items1 li { width:570px; } .span4 .items6 li { width:36px; } .span4 .items5 li { width:50px; } .span4 .items4 li { width:70px; } .span4 .items3 li { width:103px; } .span4 .items2 li { width:170px; } .span4 .items1 li { width:370px; } .span3 .items6 li { width:20px; } .span3 .items5 li { width:30px; } .span3 .items4 li { width:45px; } .span3 .items3 li { width:70px; } .span3 .items2 li { width:120px; } .span3 .items1 li { width:270px; } .span8 .items6 li { width:103px; } .span8 .items5 li { width:130px; } .span8 .items4 li { width:170px; } .span8 .items3 li { width:236px; } .span8 .items2 li { width:370px; } .span8 .items1 li { width:770px; } .span9 .items6 li { width:120px; } .span9 .items5 li { width:150px; } .span9 .items4 li { width:195px; } .span9 .items3 li { width:270px; } .span9 .items2 li { width:420px; } .span9 .items1 li { width:870px; } /* items size with sidebar*/ .left-sidebar .posts-block .span12 .items6 li, .right-sidebar .posts-block .span12 .items6 li { width:120px; } .left-sidebar .posts-block .span12 .items5 li, .right-sidebar .posts-block .span12 .items5 li { width:150px; } .left-sidebar .posts-block .span12 .items4 li, .right-sidebar .posts-block .span12 .items4 li { width:195px; } .left-sidebar .posts-block .span12 .items3 li, .right-sidebar .posts-block .span12 .items3 li { width:270px; } .left-sidebar .posts-block .span12 .items2 li, .right-sidebar .posts-block .span12 .items2 li { width:425px; } .left-sidebar .posts-block .span12 .items1 li, .right-sidebar .posts-block .span12 .items1 li { width:870px; } .left-sidebar .posts-block .span6 .items6 li, .right-sidebar .posts-block .span6 .items6 li { width:52px; } .left-sidebar .posts-block .span6 .items5 li, .right-sidebar .posts-block .span6 .items5 li { width:67px; } .left-sidebar .posts-block .span6 .items4 li, .right-sidebar .posts-block .span6 .items4 li { width:83px; } .left-sidebar .posts-block .span6 .items3 li, .right-sidebar .posts-block .span6 .items3 li { width:121px; } .left-sidebar .posts-block .span6 .items2 li, .right-sidebar .posts-block .span6 .items2 li { width:197px; } .left-sidebar .posts-block .span6 .items1 li, .right-sidebar .posts-block .span6 .items1 li { width:424px; } .left-sidebar .posts-block .span4 .items6 li, .right-sidebar .posts-block .span4 .items6 li { width:27px; } .left-sidebar .posts-block .span4 .items5 li, .right-sidebar .posts-block .span4 .items5 li { width:37px; } .left-sidebar .posts-block .span4 .items4 li, .right-sidebar .posts-block .span4 .items4 li { width:46px; } .left-sidebar .posts-block .span4 .items3 li, .right-sidebar .posts-block .span4 .items3 li { width:71px; } .left-sidebar .posts-block .span4 .items2 li, .right-sidebar .posts-block .span4 .items2 li { width:122px; } .left-sidebar .posts-block .span4 .items1 li, .right-sidebar .posts-block .span4 .items1 li { width:275px; } .left-sidebar .posts-block .span3 .items6 li, .right-sidebar .posts-block .span3 .items6 li { width:15px; } .left-sidebar .posts-block .span3 .items5 li, .right-sidebar .posts-block .span3 .items5 li { width:22px; } .left-sidebar .posts-block .span3 .items4 li, .right-sidebar .posts-block .span3 .items4 li { width:27px; } .left-sidebar .posts-block .span3 .items3 li, .right-sidebar .posts-block .span3 .items3 li { width:47px; } .left-sidebar .posts-block .span3 .items2 li, .right-sidebar .posts-block .span3 .items2 li { width:85px; } .left-sidebar .posts-block .span3 .items1 li, .right-sidebar .posts-block .span3 .items1 li { width:201px; } .left-sidebar .posts-block .span8 .items6 li, .right-sidebar .posts-block .span8 .items6 li { width:77px; } .left-sidebar .posts-block .span8 .items5 li, .right-sidebar .posts-block .span8 .items5 li { width:97px; } .left-sidebar .posts-block .span8 .items4 li, .right-sidebar .posts-block .span8 .items4 li { width:120px; } .left-sidebar .posts-block .span8 .items3 li, .right-sidebar .posts-block .span8 .items3 li { width:170px; } .left-sidebar .posts-block .span8 .items2 li, .right-sidebar .posts-block .span8 .items2 li { width:271px; } .left-sidebar .posts-block .span8 .items1 li, .right-sidebar .posts-block .span8 .items1 li { width:572px; } .left-sidebar .posts-block .span9 .items6 li, .right-sidebar .posts-block .span9 .items6 li { width:89px; } .left-sidebar .posts-block .span9 .items5 li, .right-sidebar .posts-block .span9 .items5 li { width:111px; } .left-sidebar .posts-block .span9 .items4 li, .right-sidebar .posts-block .span9 .items4 li { width:139px; } .left-sidebar .posts-block .span9 .items3 li, .right-sidebar .posts-block .span9 .items3 li { width:195px; } .left-sidebar .posts-block .span9 .items2 li, .right-sidebar .posts-block .span9 .items2 li { width:308px; } .left-sidebar .posts-block .span9 .items1 li, .right-sidebar .posts-block .span9 .items1 li { width:647px; } } /*Responsive*/ /*Style.css*/ @media only screen and (max-width: 1025px) { .demo_panel { display:none!important; } } @media only screen and (min-width: 960px) and (max-width: 1200px) { header .slogan { display:none!important; } header nav ul.sub-menu li ul.sub-menu { display:block; position:absolute; left:-165px!important; top:0px!important; margin-left:0!important; border-left:#2e2e2e 1px solid; } /*Shortcodes*/ .shortcode_promoblock { padding:30px!important; } .shortcode_promoblock .promo_text_block, .shortcode_promoblock .promo_text_block { width:100%!important; } .shortcode_promoblock .promo_text_block h4, .shortcode_promoblock .promo_text_block h1 { width:100%!important; text-align:center!important; } .shortcode_promoblock .promo_button_block { padding-top:20px!important; width:100%!important; text-align:center!important; } .user_bg_layout header, .user_img_layout header, .user_bg_layout .content_wrapper, .user_img_layout .content_wrapper, .user_bg_layout .pre_footer, .user_img_layout .pre_footer, .user_bg_layout footer, .user_img_layout footer { width:980px; } .widget_flickr .flickr_badge_image, .widget_flickr .flickr_badge_image a, .widget_flickr .flickr_badge_image img, .widget_flickr .flickr_badge_image .flickr_fadder { width:71px!important; height:71px!important; } .widget_flickr .flickr_badge_image .flickr_wrapper { width:59px!important; height:59px!important; } } /*IE8 Support*/ .ie8 .shortcode_promoblock { padding:30px!important; } .ie8 .shortcode_promoblock .promo_text_block, .ie8 .shortcode_promoblock .promo_text_block { width:100%!important; } .ie8 .shortcode_promoblock .promo_text_block h4, .ie8 .shortcode_promoblock .promo_text_block h1 { width:100%!important; text-align:center!important; } .ie8 .shortcode_promoblock .promo_button_block { padding-top:20px!important; width:100%!important; text-align:center!important; } @media only screen and (min-width: 766px) and (max-width: 959px) { header { min-height:63px!important; } .header_wrapper { min-height:63px!important; } header .slogan { display:none!important; } header nav ul.sub-menu li ul.sub-menu { display:block; position:absolute; left:-165px!important; top:0px!important; margin-left:0!important; border-left:#2e2e2e 1px solid; } header nav ul.menu > li { min-height:45px!important; } header nav ul.menu > li > a { height:40px!important; line-height:40px!important; font-size:11px!important; padding:0 15px!important; margin-top:5px!important; } header nav ul.menu > li > a:hover, header nav ul.menu > li:hover > a, header nav ul.menu > li.current-menu-parent > a, header nav ul.menu > li.current-menu-item > a { height:45px!important; margin-top:0px!important; } header nav ul.sub-menu { top:45px!important; } header nav ul.menu > li:hover .menu_marker, header nav ul.menu > li.current-menu-parent .menu_marker, header nav ul.menu > li.current-menu-item .menu_marker { height:5px!important; top:0px!important; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } footer .copyright { max-width:280px!important; } .list-of-images { margin-left:-20px!important; } .list-of-images .gallery_item { margin-left:20px!important; max-width:352px!important; margin-bottom:20px!important; } .list-of-images .gallery_item { max-width:352px!important; } .left-sidebar .list-of-images, .right-sidebar .list-of-images { margin-left:-14px!important; } .left-sidebar .list-of-images .gallery_item, .right-sidebar .list-of-images .gallery_item { margin-left:14px!important; max-width:262px!important; margin-bottom:14px!important; } .left-sidebar .list-of-images .gallery_item, .right-sidebar .list-of-images .gallery_item { max-width:262px!important; } .price_item { width:50%!important; } .shortcode_promoblock { padding:20px 30px!important; } .shortcode_promoblock .promo_text_block, .shortcode_promoblock .promo_text_block { width:100%!important; } .shortcode_promoblock .promo_text_block h4, .shortcode_promoblock .promo_text_block h1 { width:100%!important; text-align:center!important; } .shortcode_promoblock .promo_button_block { padding-top:20px!important; width:100%!important; text-align:center!important; } .user_bg_layout header, .user_img_layout header, .user_bg_layout .content_wrapper, .user_img_layout .content_wrapper, .user_bg_layout .pre_footer, .user_img_layout .pre_footer, .user_bg_layout footer, .user_img_layout footer { width:754px; } .widget_flickr .flickr_badge_image, .widget_flickr .flickr_badge_image a, .widget_flickr .flickr_badge_image img, .widget_flickr .flickr_badge_image .flickr_fadder { width:81px!important; height:81px!important; } .widget_flickr .flickr_badge_image .flickr_wrapper { width:69px!important; height:69px!important; } } @media only screen and (max-width: 760px) { body { padding:0!important; } header .slogan { display:none!important; } header nav { display:none!important; } .mobile_header { display:block!important; } .mobile_header select { width:100%; } .footer_tools, footer nav, footer .copyright { display:none!important; } footer_wrapper { position:relative; } .footer_wrapper { min-height:70px!important; } #footer_bar .sidepanel { margin-bottom:30px!important; } .flickr_wrapper { display:none!important; } .module_google_map iframe { height:320px!important; } .price_item { width:100%!important; } .span3 aside.sidebar { margin-top:40px!important; } iframe.alignleft, iframe.alignright { width:100%; display:block; float:none!important; padding:0!important; margin-left:0px!important; margin-right:0px!important; } .module_gallery { margin-left:0!important; } .list-of-images { margin-left:-2.5%!important; } .module_gallery .gallery_item { margin-left:2.5%!important; margin-bottom:2.5%!important; width:47.5%!important; } .module_gallery .gallery_item img { width:100%!important; height:auto!important; } .shortcode_promoblock { padding:20px!important; } .shortcode_promoblock .promo_text_block h4, .shortcode_promoblock .promo_text_block h1 { width:100%!important; text-align:center!important; } .shortcode_promoblock .promo_button_block { padding-top:20px!important; width:100%!important; text-align:center!important; } ol.commentlist li ul { padding-left:0px!important; } .blog_info { padding-right:0px!important; } .portfolio_share { position:static; } } @media only screen and (min-width: 459px) and (max-width: 766px) { .container { width:420px; margin:0 auto; } .user_bg_layout header, .user_img_layout header, .user_bg_layout .content_wrapper, .user_img_layout .content_wrapper, .user_bg_layout .pre_footer, .user_img_layout .pre_footer, .user_bg_layout footer, .user_img_layout footer { width:450px; } .widget_flickr .flickr_badge_image, .widget_flickr .flickr_badge_image a, .widget_flickr .flickr_badge_image img, .widget_flickr .flickr_badge_image .flickr_fadder { width:138px!important; height:138px!important; } .widget_flickr .flickr_badge_image .flickr_wrapper { width:126px!important; height:126px!important; } } @media only screen and (max-width: 459px) { .container { width:300px; margin:0 auto; } .user_bg_layout header, .user_img_layout header, .user_bg_layout .content_wrapper, .user_img_layout .content_wrapper, .user_bg_layout .pre_footer, .user_img_layout .pre_footer, .user_bg_layout footer, .user_img_layout footer { width:310px; } .widget_flickr .flickr_badge_image, .widget_flickr .flickr_badge_image a, .widget_flickr .flickr_badge_image img, .widget_flickr .flickr_badge_image .flickr_fadder { width:98px!important; height:98px!important; } .widget_flickr .flickr_badge_image .flickr_wrapper { width:86px!important; height:86px!important; } } /*portfolio_isotope.css*/ @media only screen and (min-width: 960px) and (max-width: 1200px) { .columns1 { width:940px!important; margin:0; } .columns1 .filter_img { width:48.75%; float:left; display:inline-block; } .columns1 .portfolio_dscr { width:48.75%; margin-left:2.5%; float:left; display:inline-block; } .columns1 .element { width:100%; margin-left: -2.5%; min-height:322px!important; } /*Widths*/ .columns2, .columns3, .columns4 { margin:0 0 0 4px; width:960px; margin-left:-20px!important; } .columns2 .element { width:460px!important; min-height:323px!important; float:left; margin-left:20px; margin-bottom:20px; display:inline-block; } .columns2 .element img { display:block; } .columns3 .element { width:300px!important; margin-left:20px; margin-bottom:20px; min-height:211px!important; } .columns4 .element { width:220px!important; margin-left:20px; margin-bottom:20px; min-height:154px!important; } .left-sidebar .columns1, .right-sidebar .columns1 { width:700px!important; } .left-sidebar .columns2, .right-sidebar .columns2, .left-sidebar .columns3, .right-sidebar .columns3, .left-sidebar .columns4, .right-sidebar .columns4 { width:720px!important; margin-left:-20px!important; } .left-sidebar .columns2 .element, .right-sidebar .columns2 .element { width:340px!important; min-height:239px!important; } .left-sidebar .columns3 .element, .right-sidebar .columns3 .element { width:220px!important; min-height:155px!important; } .left-sidebar .columns4 .element, .right-sidebar .columns4 .element { width:160px!important; min-height:112px!important; } } /*ie8 support*/ .ie8 .columns1 { width:940px!important; margin:0; } .ie8 .columns1 .filter_img { width:460px!important; min-height:323px!important; float:left; display:inline-block; } .ie8 .columns1 .portfolio_dscr { width:460px!important; min-height:323px!important; margin-left:20px; float:left; display:inline-block; } .ie8 .columns1 .element { width:100%; margin-left: -2.5%; min-height:322px!important; } /*Widths*/ .ie8 .columns2, .ie8 .columns3, .ie8 .columns4 { margin:0 0 0 4px; width:960px; margin-left:-20px!important; } .ie8 .columns2 .element { width:460px!important; min-height:323px!important; float:left; margin-left:20px; margin-bottom:20px; display:inline-block; } .ie8 .columns2 .element img { display:block; } .ie8 .columns3 .element { width:300px!important; margin-left:20px; margin-bottom:20px; min-height:211px!important; } .ie8 .columns4 .element { width:220px!important; margin-left:20px; margin-bottom:20px; min-height:154px!important; } .ie8 .left-sidebar .columns1, .ie8 .right-sidebar .columns1 { width:700px!important; } .ie8 .left-sidebar .columns2, .ie8 .right-sidebar .columns2, .ie8 .left-sidebar .columns3, .ie8 .right-sidebar .columns3, .ie8 .left-sidebar .columns4, .ie8 .right-sidebar .columns4 { width:720px!important; margin-left:-20px!important; } .ie8 .left-sidebar .columns2 .element, .ie8 .right-sidebar .columns2 .element { width:340px!important; min-height:239px!important; } .ie8 .left-sidebar .columns3 .element, .ie8 .right-sidebar .columns3 .element { width:220px!important; min-height:155px!important; } .ie8 .left-sidebar .columns4 .element, .ie8 .right-sidebar .columns4 .element { width:160px!important; min-height:112px!important; } @media only screen and (min-width: 767px) and (max-width: 959px) { .columns1, .columns2, .columns3, .columns4 { margin:0 0 0 4px; width:744px; margin-left:-20px!important; } .columns2 .element { width:352px!important; min-height:247px!important; float:left; margin-left:20px; margin-bottom:20px; display:inline-block; } .columns2 .element img { display:block; } .columns3 .element { width:228px!important; min-height:160px!important; float:left; margin-left:20px; margin-bottom:20px; display:inline-block; } .columns4 .element { width:166px!important; min-height:116px!important; float:left; margin-left:20px; margin-bottom:20px; display:inline-block; } .left-sidebar .columns1, .right-sidebar .columns1 { width:538px!important; } .left-sidebar .columns2, .right-sidebar .columns2, .left-sidebar .columns3, .right-sidebar .columns3, .left-sidebar .columns4, .right-sidebar .columns4 { width:558px!important; margin-left:-20px!important; } .left-sidebar .columns2 .element, .right-sidebar .columns2 .element { width:259px!important; min-height:182px!important; } .left-sidebar .columns3 .element, .right-sidebar .columns3 .element { width:166px!important; min-height:117px!important; } .left-sidebar .columns4 .element, .right-sidebar .columns4 .element { width:119px!important; min-height:83px!important; } } @media only screen and (min-width: 459px) and (max-width: 766px) { /*Widths*/ .columns1, .columns2, .columns3, .columns4, .left-sidebar .columns1, .left-sidebar .columns2, .left-sidebar .columns3, .left-sidebar .columns4, .right-sidebar .columns1, .right-sidebar .columns2, .right-sidebar .columns3, .right-sidebar .columns4 { margin:0 0 0 0px!important; width:420px!important; } .columns2 .element, .columns3 .element, .columns4 .element, .left-sidebar .columns2 .element, .left-sidebar .columns3 .element, .left-sidebar .columns4 .element, .right-sidebar .columns2 .element, .right-sidebar .columns3 .element, .right-sidebar .columns4 .element { width:420px!important; margin:0 0 20px 0px!important; min-height:271px!important; /*float:none!important;*/ display:inline-block!important; } .columns1 .element img, .columns2 .element img, .columns3 .element img, .columns4 .element img { display:block!important; } .filter_navigation { overflow:hidden!important; } .columns1 .filter_img, .left-sidebar .columns1 .filter_img, .right-sidebar .columns1 .filter_img { float:none!important; width:420px!important; margin-bottom:15px!important; } .columns1 .portfolio_dscr, .left-sidebar .columns1 .portfolio_dscr, .right-sidebar .columns1 .portfolio_dscr { float:none!important; width:420px!important; margin:0px!important; } .columns2 .element .portfolio_content p, .columns3 .element .portfolio_content p, .columns4 .element .portfolio_content p, .columns2 .element .portfolio_content h5, .columns3 .element .portfolio_content h5, .columns4 .element .portfolio_content h5 { display:none!important; } } @media only screen and (max-width: 459px) { /*Widths*/ .columns1, .columns2, .columns3, .columns4, .left-sidebar .columns1, .left-sidebar .columns2, .left-sidebar .columns3, .left-sidebar .columns4, .right-sidebar .columns1, .right-sidebar .columns2, .right-sidebar .columns3, .right-sidebar .columns4 { margin:0 0 0 0px!important; width:300px!important; } .columns1 .element, .left-sidebar .columns1 .element, .right-sidebar .columns1 .element { margin:0 0 20px 0!important; } .columns1 .element, .columns2 .element, .columns3 .element, .columns4 .element, .left-sidebar .columns1 .element, .left-sidebar .columns2 .element, .left-sidebar .columns3 .element, .left-sidebar .columns4 .element, .right-sidebar .columns1 .element, .right-sidebar .columns2 .element, .right-sidebar .columns3 .element, .right-sidebar .columns4 .element { width:300px!important; margin:0 0 20px 0px!important; min-height:194px!important; float:none!important; display:block!important; } .columns1 .element img, .columns2 .element img, .columns3 .element img, .columns4 .element img { display:block; } .columns2 .element .portfolio_content p, .columns3 .element .portfolio_content p, .columns4 .element .portfolio_content p, .columns2 .element .portfolio_content h5, .columns3 .element .portfolio_content h5, .columns4 .element .portfolio_content h5 { display:none!important; } .filter_navigation { overflow:hidden } .columns1 .filter_img, .left-sidebar .columns1 .filter_img, .right-sidebar .columns1 .filter_img { float:none!important; width:300px!important; margin-bottom:15px!important; } .columns1 .portfolio_dscr, .left-sidebar .columns1 .portfolio_dscr, .right-sidebar .columns1 .portfolio_dscr { float:none!important; width:300px!important; margin:0px!important; } } /*-- Carousel --*/ @media only screen and (min-width: 960px) and (max-width: 1199px) { .carouselslider ul { margin-left:-20px!important; } .carouselslider ul li { padding:0 0 0 20px!important; } .span12 .carouselslider { width:940px; } .span6 .carouselslider { width:458px; } .span4 .carouselslider { width:298px; } .span3 .carouselslider { width:220px; } .span8 .carouselslider { width:618px; } .span9 .carouselslider { width:700px; } .left-sidebar .posts-block .span12 .carouselslider, .right-sidebar .posts-block .span12 .carouselslider { width:700px; } .left-sidebar .posts-block .posts-block .span6 .carouselslider, .right-sidebar .posts-block .span6 .carouselslider { width:341px; } .left-sidebar .posts-block .span4 .carouselslider, .right-sidebar .posts-block .span4 .carouselslider { width:221px; } .left-sidebar .posts-block .span3 .carouselslider, .right-sidebar .posts-block .span3 .carouselslider { width:161px; } .left-sidebar .posts-block .span8 .carouselslider, .right-sidebar .posts-block .span8 .carouselslider { width:460px; } .left-sidebar .posts-block .span9 .carouselslider, .right-sidebar .posts-block .span9 .carouselslider { width:520px; } .span12 .items5 li { width:172px; } .span12 .items4 li { width:220px; } .span12 .items3 li { width:300px; } .span12 .items2 li { width:460px; } .span12 .items1 li { width:940px; } .span6 .items5 li { width:75px; } .span6 .items4 li { width:99px; } .span6 .items3 li { width:139px; } .span6 .items2 li { width:219px; } .span6 .items1 li { width:458px; } .span4 .items5 li { width:43px; } .span4 .items4 li { width:59px; } .span4 .items3 li { width:86px; } .span4 .items2 li { width:139px; } .span4 .items1 li { width:298px; } .span3 .items5 li { width:28px; } .span3 .items4 li { width:40px; } .span3 .items3 li { width:60px; } .span3 .items2 li { width:100px; } .span3 .items1 li { width:220px; } .span8 .items5 li { width:107px; } .span8 .items4 li { width:139px; } .span8 .items3 li { width:192px; } .span8 .items2 li { width:299px; } .span8 .items1 li { width:618px; } .span9 .items5 li { width:124px; } .span9 .items4 li { width:160px; } .span9 .items3 li { width:220px; } .span9 .items2 li { width:340px; } .span9 .items1 li { width:700px; } /* items size with sidebar*/ .left-sidebar .posts-block .span12 .items5 li, .right-sidebar .posts-block .span12 .items5 li { width:124px; } .left-sidebar .posts-block .span12 .items4 li, .right-sidebar .posts-block .span12 .items4 li { width:160px; } .left-sidebar .posts-block .span12 .items3 li, .right-sidebar .posts-block .span12 .items3 li { width:220px; } .left-sidebar .posts-block .span12 .items2 li, .right-sidebar .posts-block .span12 .items2 li { width:340px; } .left-sidebar .posts-block .span12 .items1 li, .right-sidebar .posts-block .span12 .items1 li { width:700px; } .left-sidebar .posts-block .span6 .items5 li, .right-sidebar .posts-block .span6 .items5 li { width:52px; } .left-sidebar .posts-block .span6 .items4 li, .right-sidebar .posts-block .span6 .items4 li { width:70px; } .left-sidebar .posts-block .span6 .items3 li, .right-sidebar .posts-block .span6 .items3 li { width:100px; } .left-sidebar .posts-block .span6 .items2 li, .right-sidebar .posts-block .span6 .items2 li { width:160px; } .left-sidebar .posts-block .span6 .items1 li, .right-sidebar .posts-block .span6 .items1 li { width:341px; } .left-sidebar .posts-block .span4 .items5 li, .right-sidebar .posts-block .span4 .items5 li { width:28px; } .left-sidebar .posts-block .span4 .items4 li, .right-sidebar .posts-block .span4 .items4 li { width:40px; } .left-sidebar .posts-block .span4 .items3 li, .right-sidebar .posts-block .span4 .items3 li { width:60px; } .left-sidebar .posts-block .span4 .items2 li, .right-sidebar .posts-block .span4 .items2 li { width:100px; } .left-sidebar .posts-block .span4 .items1 li, .right-sidebar .posts-block .span4 .items1 li { width:221px; } .left-sidebar .posts-block .span3 .items5 li, .right-sidebar .posts-block .span3 .items5 li { width:16px; } .left-sidebar .posts-block .span3 .items4 li, .right-sidebar .posts-block .span3 .items4 li { width:25px; } .left-sidebar .posts-block .span3 .items3 li, .right-sidebar .posts-block .span3 .items3 li { width:40px; } .left-sidebar .posts-block .span3 .items2 li, .right-sidebar .posts-block .span3 .items2 li { width:70px; } .left-sidebar .posts-block .span3 .items1 li, .right-sidebar .posts-block .span3 .items1 li { width:161px; } .left-sidebar .posts-block .span8 .items5 li, .right-sidebar .posts-block .span8 .items5 li { width:76px; } .left-sidebar .posts-block .span8 .items4 li, .right-sidebar .posts-block .span8 .items4 li { width:100px; } .left-sidebar .posts-block .span8 .items3 li, .right-sidebar .posts-block .span8 .items3 li { width:140px; } .left-sidebar .posts-block .span8 .items2 li, .right-sidebar .posts-block .span8 .items2 li { width:220px; } .left-sidebar .posts-block .span8 .items1 li, .right-sidebar .posts-block .span8 .items1 li { width:460px; } .left-sidebar .posts-block .span9 .items5 li, .right-sidebar .posts-block .span9 .items5 li { width:88px; } .left-sidebar .posts-block .span9 .items4 li, .right-sidebar .posts-block .span9 .items4 li { width:115px; } .left-sidebar .posts-block .span9 .items3 li, .right-sidebar .posts-block .span9 .items3 li { width:160px; } .left-sidebar .posts-block .span9 .items2 li, .right-sidebar .posts-block .span9 .items2 li { width:250px; } .left-sidebar .posts-block .span9 .items1 li, .right-sidebar .posts-block .span9 .items1 li { width:520px; } } @media only screen and (min-width: 767px) and (max-width: 959px) { .carouselslider ul { margin-left:-20px!important; } .carouselslider ul li { padding:0 0 0 20px!important; } .left-sidebar .carouselslider ul, .right-sidebar .carouselslider ul { margin-left:-14px!important; } .left-sidebar .carouselslider ul li, .right-sidebar .carouselslider ul li { padding:0 0 0 14px!important; } .span12 .carouselslider { width:724px!important; } .span6 .carouselslider { width:352px!important; } .span4 .carouselslider { width:228px!important; } .span3 .carouselslider { width:166px!important; } .span8 .carouselslider { width:476px!important; } .span9 .carouselslider { width:538px!important; } .left-sidebar .posts-block .span12 .carouselslider, .right-sidebar .posts-block .span12 .carouselslider { width:538px!important; } .left-sidebar .posts-block .span6 .carouselslider, .right-sidebar .posts-block .span6 .carouselslider { width:424px!important; } .left-sidebar .posts-block .span4 .carouselslider, .right-sidebar .posts-block .span4 .carouselslider { width:169px!important; } .left-sidebar .posts-block .span3 .carouselslider, .right-sidebar .posts-block .span3 .carouselslider { width:123px!important; } .left-sidebar .posts-block .span8 .carouselslider, .right-sidebar .posts-block .span8 .carouselslider { width:354px!important; } .left-sidebar .posts-block .span9 .carouselslider, .right-sidebar .posts-block .span9 .carouselslider { width:400px!important; } .span12 .items6 li { width:104px!important; } .span12 .items5 li { width:136px!important; } .span12 .items4 li { width:166px!important; } .span12 .items3 li { width:228px!important; } .span12 .items2 li { width:352px!important; } .span12 .items1 li { width:724px!important; } .span6 .items6 li { width:42px!important; } .span6 .items5 li { width:54px!important; } .span6 .items4 li { width:73px!important; } .span6 .items3 li { width:104px!important; } .span6 .items2 li { width:166px!important; } .span6 .items1 li { width:352px!important; } .span4 .items6 li { width:21px!important; } .span4 .items5 li { width:29px!important; } .span4 .items4 li { width:42px!important; } .span4 .items3 li { width:62px!important; } .span4 .items2 li { width:104px!important; } .span4 .items1 li { width:228px!important; } .span3 .items6 li { width:11px!important; } .span3 .items5 li { width:17px!important; } .span3 .items4 li { width:26px!important; } .span3 .items3 li { width:42px!important; } .span3 .items2 li { width:73px!important; } .span3 .items1 li { width:166px!important; } .span8 .items6 li { width:62px!important; } .span8 .items5 li { width:79px!important; } .span8 .items4 li { width:104px!important; } .span8 .items3 li { width:145px!important; } .span8 .items2 li { width:228px!important; } .span8 .items1 li { width:476px!important; } .span9 .items6 li { width:73px!important; } .span9 .items5 li { width:91px!important; } .span9 .items4 li { width:119px!important; } .span9 .items3 li { width:166px!important; } .span9 .items2 li { width:259px!important; } .span9 .items1 li { width:538px!important; } /* items size with sidebar*/ .left-sidebar .posts-block .span12 .items6 li, .right-sidebar .posts-block .span12 .items6 li { width:78px!important; } .left-sidebar .posts-block .span12 .items5 li, .right-sidebar .posts-block .span12 .items5 li { width:96px!important; } .left-sidebar .posts-block .span12 .items4 li, .right-sidebar .posts-block .span12 .items4 li { width:124px!important; } .left-sidebar .posts-block .span12 .items3 li, .right-sidebar .posts-block .span12 .items3 li { width:170px!important; } .left-sidebar .posts-block .span12 .items2 li, .right-sidebar .posts-block .span12 .items2 li { width:262px!important; } .left-sidebar .posts-block .span12 .items1 li, .right-sidebar .posts-block .span12 .items1 li { width:538px!important; } .left-sidebar .posts-block .span6 .items6 li, .right-sidebar .posts-block .span6 .items6 li { width:59px!important; } .left-sidebar .posts-block .span6 .items5 li, .right-sidebar .posts-block .span6 .items5 li { width:73px!important; } .left-sidebar .posts-block .span6 .items4 li, .right-sidebar .posts-block .span6 .items4 li { width:95px!important; } .left-sidebar .posts-block .span6 .items3 li, .right-sidebar .posts-block .span6 .items3 li { width:132px!important; } .left-sidebar .posts-block .span6 .items2 li, .right-sidebar .posts-block .span6 .items2 li { width:205px!important; } .left-sidebar .posts-block .span6 .items1 li, .right-sidebar .posts-block .span6 .items1 li { width:424px!important; } .left-sidebar .posts-block .span4 .items6 li, .right-sidebar .posts-block .span4 .items6 li { width:16px!important; } .left-sidebar .posts-block .span4 .items5 li, .right-sidebar .posts-block .span4 .items5 li { width:22px!important; } .left-sidebar .posts-block .span4 .items4 li, .right-sidebar .posts-block .span4 .items4 li { width:31px!important; } .left-sidebar .posts-block .span4 .items3 li, .right-sidebar .posts-block .span4 .items3 li { width:47px!important; } .left-sidebar .posts-block .span4 .items2 li, .right-sidebar .posts-block .span4 .items2 li { width:77px!important; } .left-sidebar .posts-block .span4 .items1 li, .right-sidebar .posts-block .span4 .items1 li { width:169px!important; } .left-sidebar .posts-block .span3 .items6 li, .right-sidebar .posts-block .span3 .items6 li { width:8px!important; } .left-sidebar .posts-block .span3 .items5 li, .right-sidebar .posts-block .span3 .items5 li { width:13px!important; } .left-sidebar .posts-block .span3 .items4 li, .right-sidebar .posts-block .span3 .items4 li { width:20px!important; } .left-sidebar .posts-block .span3 .items3 li, .right-sidebar .posts-block .span3 .items3 li { width:31px!important; } .left-sidebar .posts-block .span3 .items2 li, .right-sidebar .posts-block .span3 .items2 li { width:54px!important; } .left-sidebar .posts-block .span3 .items1 li, .right-sidebar .posts-block .span3 .items1 li { width:123px!important; } .left-sidebar .posts-block .span8 .items6 li, .right-sidebar .posts-block .span8 .items6 li { width:47px!important; } .left-sidebar .posts-block .span8 .items5 li, .right-sidebar .posts-block .span8 .items5 li { width:59px!important; } .left-sidebar .posts-block .span8 .items4 li, .right-sidebar .posts-block .span8 .items4 li { width:78px!important; } .left-sidebar .posts-block .span8 .items3 li, .right-sidebar .posts-block .span8 .items3 li { width:108px!important; } .left-sidebar .posts-block .span8 .items2 li, .right-sidebar .posts-block .span8 .items2 li { width:170px!important; } .left-sidebar .posts-block .span8 .items1 li, .right-sidebar .posts-block .span8 .items1 li { width:354px!important; } .left-sidebar .posts-block .span9 .items6 li, .right-sidebar .posts-block .span9 .items6 li { width:55px!important; } .left-sidebar .posts-block .span9 .items5 li, .right-sidebar .posts-block .span9 .items5 li { width:68px!important; } .left-sidebar .posts-block .span9 .items4 li, .right-sidebar .posts-block .span9 .items4 li { width:89px!important; } .left-sidebar .posts-block .span9 .items3 li, .right-sidebar .posts-block .span9 .items3 li { width:124px!important; } .left-sidebar .posts-block .span9 .items2 li, .right-sidebar .posts-block .span9 .items2 li { width:193px!important; } .left-sidebar .posts-block .span9 .items1 li, .right-sidebar .posts-block .span9 .items1 li { width:400px!important; } } @media only screen and (min-width: 459px) and (max-width: 766px) { .carouselslider ul { margin-left:-20px!important; } .carouselslider ul li { padding:0 0 0 20px!important; } .span12 .carouselslider, .span6 .carouselslider, .span4 .carouselslider, .span3 .carouselslider, .span8 .carouselslider, .span9 .carouselslider, .left-sidebar .posts-block .span12 .carouselslider, .right-sidebar .posts-block .span12 .carouselslider, .left-sidebar .posts-block .span6 .carouselslider, .right-sidebar .posts-block .span6 .carouselslider, .left-sidebar .posts-block .span4 .carouselslider, .right-sidebar .posts-block .span4 .carouselslider, .left-sidebar .posts-block .span3 .carouselslider, .right-sidebar .posts-block .span3 .carouselslider, .left-sidebar .posts-block .span8 .carouselslider, .right-sidebar .posts-block .span8 .carouselslider, .left-sidebar .posts-block .span9 .carouselslider, .right-sidebar .posts-block .span9 .carouselslider, .span12 .items6 li, .span12 .items5 li, .span12 .items4 li, .span12 .items3 li, .span12 .items2 li, .span12 .items1 li, .span6 .items6 li, .span6 .items5 li, .span6 .items4 li, .span6 .items3 li, .span6 .items2 li, .span6 .items1 li, .span4 .items6 li, .span4 .items5 li, .span4 .items4 li, .span4 .items3 li, .span4 .items2 li, .span4 .items1 li, .span4 .items6 li, .span4 .items5 li, .span3 .items4 li, .span3 .items3 li, .span3 .items2 li, .span3 .items1 li, .span8 .items6 li, .span8 .items5 li, .span8 .items4 li, .span8 .items3 li, .span8 .items2 li, .span8 .items1 li, .span8 .items6 li, .span9 .items5 li, .span9 .items4 li, .span9 .items3 li, .span9 .items2 li, .span9 .items1 li, .left-sidebar .posts-block .span12 .items6 li, .right-sidebar .posts-block .span12 .items6 li, .left-sidebar .posts-block .span12 .items5 li, .right-sidebar .posts-block .span12 .items5 li, .left-sidebar .posts-block .span12 .items4 li, .right-sidebar .posts-block .span12 .items4 li, .left-sidebar .posts-block .span12 .items3 li, .right-sidebar .posts-block .span12 .items3 li, .left-sidebar .posts-block .span12 .items2 li, .right-sidebar .posts-block .span12 .items2 li, .left-sidebar .posts-block .span12 .items1 li, .right-sidebar .posts-block .span12 .items1 li, .left-sidebar .posts-block .span6 .items6 li, .right-sidebar .posts-block .span6 .items6 li, .left-sidebar .posts-block .span6 .items5 li, .right-sidebar .posts-block .span6 .items5 li, .left-sidebar .posts-block .span6 .items4 li, .right-sidebar .posts-block .span6 .items4 li, .left-sidebar .posts-block .span6 .items3 li, .right-sidebar .posts-block .span6 .items3 li, .left-sidebar .posts-block .span6 .items2 li, .right-sidebar .posts-block .span6 .items2 li, .left-sidebar .posts-block .span6 .items1 li, .right-sidebar .posts-block .span6 .items1 li, .left-sidebar .posts-block .span4 .items6 li, .right-sidebar .posts-block .span4 .items6 li, .left-sidebar .posts-block .span4 .items5 li, .right-sidebar .posts-block .span4 .items5 li, .left-sidebar .posts-block .span4 .items4 li, .right-sidebar .posts-block .span4 .items4 li, .left-sidebar .posts-block .span4 .items3 li, .right-sidebar .posts-block .span4 .items3 li, .left-sidebar .posts-block .span4 .items2 li, .right-sidebar .posts-block .span4 .items2 li, .left-sidebar .posts-block .span4 .items1 li, .right-sidebar .posts-block .span4 .items1 li, .left-sidebar .posts-block .span3 .items6 li, .right-sidebar .posts-block .span3 .items6 li, .left-sidebar .posts-block .span3 .items5 li, .right-sidebar .posts-block .span3 .items5 li, .left-sidebar .posts-block .span3 .items4 li, .right-sidebar .posts-block .span3 .items4 li, .left-sidebar .posts-block .span3 .items3 li, .right-sidebar .posts-block .span3 .items3 li, .left-sidebar .posts-block .span3 .items2 li, .right-sidebar .posts-block .span3 .items2 li, .left-sidebar .posts-block .span3 .items1 li, .right-sidebar .posts-block .span3 .items1 li, .left-sidebar .posts-block .span8 .items6 li, .right-sidebar .posts-block .span8 .items6 li, .left-sidebar .posts-block .span8 .items5 li, .right-sidebar .posts-block .span8 .items5 li, .left-sidebar .posts-block .span8 .items4 li, .right-sidebar .posts-block .span8 .items4 li, .left-sidebar .posts-block .span8 .items3 li, .right-sidebar .posts-block .span8 .items3 li, .left-sidebar .posts-block .span8 .items2 li, .right-sidebar .posts-block .span8 .items2 li, .left-sidebar .posts-block .span8 .items1 li, .right-sidebar .posts-block .span8 .items1 li, .left-sidebar .posts-block .span9 .items6 li, .right-sidebar .posts-block .span9 .items6 li, .left-sidebar .posts-block .span9 .items5 li, .right-sidebar .posts-block .span9 .items5 li, .left-sidebar .posts-block .span9 .items4 li, .right-sidebar .posts-block .span9 .items4 li, .left-sidebar .posts-block .span9 .items3 li, .right-sidebar .posts-block .span9 .items3 li, .left-sidebar .posts-block .span9 .items2 li, .right-sidebar .posts-block .span9 .items2 li, .left-sidebar .posts-block .span9 .items1 li, .right-sidebar .posts-block .span9 .items1 li { width:420px!important; } } @media only screen and (max-width: 459px) { .carouselslider ul { margin-left:-20px!important; } .carouselslider ul li { padding:0 0 0 20px!important; } .span12 .carouselslider, .span6 .carouselslider, .span4 .carouselslider, .span3 .carouselslider, .span8 .carouselslider, .span9 .carouselslider, .left-sidebar .posts-block .span12 .carouselslider, .right-sidebar .posts-block .span12 .carouselslider, .left-sidebar .posts-block .span6 .carouselslider, .right-sidebar .posts-block .span6 .carouselslider, .left-sidebar .posts-block .span4 .carouselslider, .right-sidebar .posts-block .span4 .carouselslider, .left-sidebar .posts-block .span3 .carouselslider, .right-sidebar .posts-block .span3 .carouselslider, .left-sidebar .posts-block .span8 .carouselslider, .right-sidebar .posts-block .span8 .carouselslider, .left-sidebar .posts-block .span9 .carouselslider, .right-sidebar .posts-block .span9 .carouselslider, .span12 .items6 li, .span12 .items5 li, .span12 .items4 li, .span12 .items3 li, .span12 .items2 li, .span12 .items1 li, .span6 .items6 li, .span6 .items5 li, .span6 .items4 li, .span6 .items3 li, .span6 .items2 li, .span6 .items1 li, .span4 .items6 li, .span4 .items5 li, .span4 .items4 li, .span4 .items3 li, .span4 .items2 li, .span4 .items1 li, .span4 .items6 li, .span4 .items5 li, .span3 .items4 li, .span3 .items3 li, .span3 .items2 li, .span3 .items1 li, .span8 .items6 li, .span8 .items5 li, .span8 .items4 li, .span8 .items3 li, .span8 .items2 li, .span8 .items1 li, .span8 .items6 li, .span9 .items5 li, .span9 .items4 li, .span9 .items3 li, .span9 .items2 li, .span9 .items1 li, .left-sidebar .posts-block .span12 .items6 li, .right-sidebar .posts-block .span12 .items6 li, .left-sidebar .posts-block .span12 .items5 li, .right-sidebar .posts-block .span12 .items5 li, .left-sidebar .posts-block .span12 .items4 li, .right-sidebar .posts-block .span12 .items4 li, .left-sidebar .posts-block .span12 .items3 li, .right-sidebar .posts-block .span12 .items3 li, .left-sidebar .posts-block .span12 .items2 li, .right-sidebar .posts-block .span12 .items2 li, .left-sidebar .posts-block .span12 .items1 li, .right-sidebar .posts-block .span12 .items1 li, .left-sidebar .posts-block .span6 .items6 li, .right-sidebar .posts-block .span6 .items6 li, .left-sidebar .posts-block .span6 .items5 li, .right-sidebar .posts-block .span6 .items5 li, .left-sidebar .posts-block .span6 .items4 li, .right-sidebar .posts-block .span6 .items4 li, .left-sidebar .posts-block .span6 .items3 li, .right-sidebar .posts-block .span6 .items3 li, .left-sidebar .posts-block .span6 .items2 li, .right-sidebar .posts-block .span6 .items2 li, .left-sidebar .posts-block .span6 .items1 li, .right-sidebar .posts-block .span6 .items1 li, .left-sidebar .posts-block .span4 .items6 li, .right-sidebar .posts-block .span4 .items6 li, .left-sidebar .posts-block .span4 .items5 li, .right-sidebar .posts-block .span4 .items5 li, .left-sidebar .posts-block .span4 .items4 li, .right-sidebar .posts-block .span4 .items4 li, .left-sidebar .posts-block .span4 .items3 li, .right-sidebar .posts-block .span4 .items3 li, .left-sidebar .posts-block .span4 .items2 li, .right-sidebar .posts-block .span4 .items2 li, .left-sidebar .posts-block .span4 .items1 li, .right-sidebar .posts-block .span4 .items1 li, .left-sidebar .posts-block .span3 .items6 li, .right-sidebar .posts-block .span3 .items6 li, .left-sidebar .posts-block .span3 .items5 li, .right-sidebar .posts-block .span3 .items5 li, .left-sidebar .posts-block .span3 .items4 li, .right-sidebar .posts-block .span3 .items4 li, .left-sidebar .posts-block .span3 .items3 li, .right-sidebar .posts-block .span3 .items3 li, .left-sidebar .posts-block .span3 .items2 li, .right-sidebar .posts-block .span3 .items2 li, .left-sidebar .posts-block .span3 .items1 li, .right-sidebar .posts-block .span3 .items1 li, .left-sidebar .posts-block .span8 .items6 li, .right-sidebar .posts-block .span8 .items6 li, .left-sidebar .posts-block .span8 .items5 li, .right-sidebar .posts-block .span8 .items5 li, .left-sidebar .posts-block .span8 .items4 li, .right-sidebar .posts-block .span8 .items4 li, .left-sidebar .posts-block .span8 .items3 li, .right-sidebar .posts-block .span8 .items3 li, .left-sidebar .posts-block .span8 .items2 li, .right-sidebar .posts-block .span8 .items2 li, .left-sidebar .posts-block .span8 .items1 li, .right-sidebar .posts-block .span8 .items1 li, .left-sidebar .posts-block .span9 .items6 li, .right-sidebar .posts-block .span9 .items6 li, .left-sidebar .posts-block .span9 .items5 li, .right-sidebar .posts-block .span9 .items5 li, .left-sidebar .posts-block .span9 .items4 li, .right-sidebar .posts-block .span9 .items4 li, .left-sidebar .posts-block .span9 .items3 li, .right-sidebar .posts-block .span9 .items3 li, .left-sidebar .posts-block .span9 .items2 li, .right-sidebar .posts-block .span9 .items2 li, .left-sidebar .posts-block .span9 .items1 li, .right-sidebar .posts-block .span9 .items1 li { width:300px!important; } } /*IE8 Support*/ .ie8 .carouselslider ul { margin-left:-20px!important; } .ie8 .carouselslider ul li { padding:0 0 0 20px!important; } .ie8 .span12 .carouselslider { width:940px; } .ie8 .span6 .carouselslider { width:458px; } .ie8 .span4 .carouselslider { width:298px; } .ie8 .span3 .carouselslider { width:220px; } .ie8 .span8 .carouselslider { width:618px; } .ie8 .span9 .carouselslider { width:700px; } .ie8 .left-sidebar .posts-block .span12 .carouselslider, .ie8 .right-sidebar .posts-block .span12 .carouselslider { width:700px; } .ie8 .left-sidebar .posts-block .posts-block .span6 .carouselslider, .ie8 .right-sidebar .posts-block .span6 .carouselslider { width:341px; } .ie8 .left-sidebar .posts-block .span4 .carouselslider, .ie8 .right-sidebar .posts-block .span4 .carouselslider { width:221px; } .ie8 .left-sidebar .posts-block .span3 .carouselslider, .ie8 .right-sidebar .posts-block .span3 .carouselslider { width:161px; } .ie8 .left-sidebar .posts-block .span8 .carouselslider, .ie8 .right-sidebar .posts-block .span8 .carouselslider { width:460px; } .ie8 .left-sidebar .posts-block .span9 .carouselslider, .ie8 .right-sidebar .posts-block .span9 .carouselslider { width:520px; } .ie8 .span12 .items5 li { width:172px; } .ie8 .span12 .items4 li { width:220px; } .ie8 .span12 .items3 li { width:300px; } .ie8 .span12 .items2 li { width:460px; } .ie8 .span12 .items1 li { width:940px; } .ie8 .span6 .items5 li { width:75px; } .ie8 .span6 .items4 li { width:99px; } .ie8 .span6 .items3 li { width:139px; } .ie8 .span6 .items2 li { width:219px; } .ie8 .span6 .items1 li { width:458px; } .ie8 .span4 .items5 li { width:43px; } .ie8 .span4 .items4 li { width:59px; } .ie8 .span4 .items3 li { width:86px; } .ie8 .span4 .items2 li { width:139px; } .ie8 .span4 .items1 li { width:298px; } .ie8 .span3 .items5 li { width:28px; } .ie8 .span3 .items4 li { width:40px; } .ie8 .span3 .items3 li { width:60px; } .ie8 .span3 .items2 li { width:100px; } .ie8 .span3 .items1 li { width:220px; } .ie8 .span8 .items5 li { width:107px; } .ie8 .span8 .items4 li { width:139px; } .ie8 .span8 .items3 li { width:192px; } .ie8 .span8 .items2 li { width:299px; } .ie8 .span8 .items1 li { width:618px; } .ie8 .span9 .items5 li { width:124px; } .ie8 .span9 .items4 li { width:160px; } .ie8 .span9 .items3 li { width:220px; } .ie8 .span9 .items2 li { width:340px; } .ie8 .span9 .items1 li { width:700px; } /* items size with sidebar*/ .ie8 .left-sidebar .posts-block .span12 .items5 li, .ie8 .right-sidebar .posts-block .span12 .items5 li { width:124px; } .ie8 .left-sidebar .posts-block .span12 .items4 li, .ie8 .right-sidebar .posts-block .span12 .items4 li { width:160px; } .ie8 .left-sidebar .posts-block .span12 .items3 li, .ie8 .right-sidebar .posts-block .span12 .items3 li { width:220px; } .ie8 .left-sidebar .posts-block .span12 .items2 li, .ie8 .right-sidebar .posts-block .span12 .items2 li { width:340px; } .ie8 .left-sidebar .posts-block .span12 .items1 li, .ie8 .right-sidebar .posts-block .span12 .items1 li { width:700px; } .ie8 .left-sidebar .posts-block .span6 .items5 li, .ie8 .right-sidebar .posts-block .span6 .items5 li { width:52px; } .ie8 .left-sidebar .posts-block .span6 .items4 li, .ie8 .right-sidebar .posts-block .span6 .items4 li { width:70px; } .ie8 .left-sidebar .posts-block .span6 .items3 li, .ie8 .right-sidebar .posts-block .span6 .items3 li { width:100px; } .ie8 .left-sidebar .posts-block .span6 .items2 li, .ie8 .right-sidebar .posts-block .span6 .items2 li { width:160px; } .ie8 .left-sidebar .posts-block .span6 .items1 li, .ie8 .right-sidebar .posts-block .span6 .items1 li { width:341px; } .ie8 .left-sidebar .posts-block .span4 .items5 li, .ie8 .right-sidebar .posts-block .span4 .items5 li { width:28px; } .ie8 .left-sidebar .posts-block .span4 .items4 li, .ie8 .right-sidebar .posts-block .span4 .items4 li { width:40px; } .ie8 .left-sidebar .posts-block .span4 .items3 li, .ie8 .right-sidebar .posts-block .span4 .items3 li { width:60px; } .ie8 .left-sidebar .posts-block .span4 .items2 li, .ie8 .right-sidebar .posts-block .span4 .items2 li { width:100px; } .ie8 .left-sidebar .posts-block .span4 .items1 li, .ie8 .right-sidebar .posts-block .span4 .items1 li { width:221px; } .ie8 .left-sidebar .posts-block .span3 .items5 li, .ie8 .right-sidebar .posts-block .span3 .items5 li { width:16px; } .ie8 .left-sidebar .posts-block .span3 .items4 li, .ie8 .right-sidebar .posts-block .span3 .items4 li { width:25px; } .ie8 .left-sidebar .posts-block .span3 .items3 li, .ie8 .right-sidebar .posts-block .span3 .items3 li { width:40px; } .ie8 .left-sidebar .posts-block .span3 .items2 li, .ie8 .right-sidebar .posts-block .span3 .items2 li { width:70px; } .ie8 .left-sidebar .posts-block .span3 .items1 li, .ie8 .right-sidebar .posts-block .span3 .items1 li { width:161px; } .ie8 .left-sidebar .posts-block .span8 .items5 li, .ie8 .right-sidebar .posts-block .span8 .items5 li { width:76px; } .ie8 .left-sidebar .posts-block .span8 .items4 li, .ie8 .right-sidebar .posts-block .span8 .items4 li { width:100px; } .ie8 .left-sidebar .posts-block .span8 .items3 li, .ie8 .right-sidebar .posts-block .span8 .items3 li { width:140px; } .ie8 .left-sidebar .posts-block .span8 .items2 li, .ie8 .right-sidebar .posts-block .span8 .items2 li { width:220px; } .ie8 .left-sidebar .posts-block .span8 .items1 li, .ie8 .right-sidebar .posts-block .span8 .items1 li { width:460px; } .ie8 .left-sidebar .posts-block .span9 .items5 li, .ie8 .right-sidebar .posts-block .span9 .items5 li { width:88px; } .ie8 .left-sidebar .posts-block .span9 .items4 li, .ie8 .right-sidebar .posts-block .span9 .items4 li { width:115px; } .ie8 .left-sidebar .posts-block .span9 .items3 li, .ie8 .right-sidebar .posts-block .span9 .items3 li { width:160px; } .ie8 .left-sidebar .posts-block .span9 .items2 li, .ie8 .right-sidebar .posts-block .span9 .items2 li { width:250px; } .ie8 .left-sidebar .posts-block .span9 .items1 li, .ie8 .right-sidebar .posts-block .span9 .items1 li { width:520px; } /* S L I D E R*/ @media only screen and (min-width: 960px) and (max-width: 1200px) { /*80%*/ .slider_type1 .ls1_txt1 { top:34px; margin-left:-418px; width:422px; height:auto!important; } .slider_type1 .ls1_txt2 { bottom:132px; margin-left:-214px; width:200px; height:auto!important; } .slider_type1 .ls1_txt3 { bottom:132px; margin-left:-418px; width:200px; height:auto!important; } .slider_type1 .ls1_txt4 { bottom:81px; margin-left:-384px; width:166px; height:auto!important; } .slider_type1 .ls1_txt5 { bottom:81px; margin-left:-214px; width:200px; height:auto!important; } .slider_type1 .ls1_txt6 { bottom:25px; margin-left:-190px; width:176px; height:auto!important; } .slider_type1 .ls1_txt7 { bottom:25px; margin-left:-418px; width:224px; height:auto!important; } .slider_type1 .ls2_txt1 { bottom:28px; margin-left:-445px; width:332px; height:auto!important; } .slider_type1 .ls2_txt2 { bottom:29px; margin-left:-222px; width:400px; height:auto!important; } .slider_type1 .ls2_txt3 { bottom:19px; margin-left:61px; width:180px; height:auto!important; } .slider_type1 .ls2_txt4 { bottom:17px; margin-left:246px; width:144px; height:auto!important; } .slider_type1 .ls2_txt5 { bottom:25px; margin-left:397px; width:48px; height:auto!important; } .slider_type1 .ls2_txt6 { bottom:145px; margin-left:-313px; width:170px; height:auto!important; } .slider_type1 .ls2_txt7 { top:75px; margin-left:-445px; width:188px; height:auto!important; } .slider_type1 .ls2_txt8 { top:70px; margin-left:190px; width:256px; height:auto!important; } .slider_type1 .ls2_txt9 { top:136px; margin-left:283px; width:164px; height:auto!important; } .slider_type1 .ls3_txt1 { bottom:44px; margin-left:-444px; width:236px; height:auto!important; } .slider_type1 .ls3_txt2 { bottom:48px; margin-left:-185px; width:614px; height:auto!important; } .slider_type1 .ls4_txt1 { top:30px; margin-left:-461px; width:620px; height:auto!important; } .slider_type1 .ls4_frame { top:51px; margin-left:-385px; width:468px; height:292px; } .slider_type1 .ls4_txt2 { top:33px; margin-left:104px; width:344px; height:auto!important; } .slider_type1 .ls4_txt3 { bottom:36px; margin-left:177px; width:128px; height:auto!important; } .slider_type1 .ls4_txt4 { bottom:32px; margin-left:298px; width:102px; height:auto!important; } .slider_type1 form.subscribe { top:155px; margin-left:131px; width:325px; } .slider_type1 form.subscribe p { font-size:13px; line-height:15px; } .slider_type1 form.subscribe .subscribe_field { width:180px; } .slider_type1 .ls5_txt1 { top:66px; margin-left:-287px; width:584px; height:auto!important; } .slider_type1 .ls5_txt2 { top:180px; margin-left:-167px; width:336px; height:auto!important; } .slider_type1 .ls5_txt3 { top:237px; margin-left:-125px; width:252px; height:auto!important; } /*Layer2*/ .fullscreen_slider .ls1_txt1 { width:422px; height:auto; top:34px; margin-left:-467px; } .fullscreen_slider .ls1_txt2 { width:200px; height:auto; top:151px; margin-left:-264px; } .fullscreen_slider .ls1_txt3 { width:200px; height:auto; top:204px; margin-left:-467px; } .fullscreen_slider .ls1_txt4 { width:166px; height:auto; top:255px; margin-left:-433px; } .fullscreen_slider .ls1_txt5 { width:200px; height:auto; top:255px; margin-left:-263px; } .fullscreen_slider .ls1_txt6 { width:176px; top:306px; margin-left:-239px; } .fullscreen_slider .ls1_txt7 { width:224px; top:306px; height:auto; margin-left:-467px; } .fullscreen_slider .ls2_txt1 { width:332px; bottom:40px; height:auto; margin-left:-469px; } .fullscreen_slider .ls2_txt2 { width:400px; bottom:41px; height:auto; margin-left:-198px; } .fullscreen_slider .ls2_txt3 { width:180px; bottom:31px; height:auto; margin-left:85px; } .fullscreen_slider .ls2_txt4 { width:144px; bottom:29px; height:auto; margin-left:270px; } .fullscreen_slider .ls2_txt5 { width:48px; bottom:37px; height:auto; margin-left:421px; } .fullscreen_slider .ls2_txt6 { width:170px; bottom:157px; height:auto; margin-left:-337px; } .fullscreen_slider .ls2_txt7 { width:188px; top:75px; height:auto; margin-left:-469px; } .fullscreen_slider .ls2_txt8 { width:256px; top:78px; height:auto; margin-left:214px; } .fullscreen_slider .ls2_txt9 { width:164px; top:144px; height:auto; margin-left:307px; } .fullscreen_slider .ls3_txt1 { width:236px; top:48px; height:auto; margin-left:-440px; } .fullscreen_slider .ls3_txt2 { width:614px; bottom:48px; height:auto; margin-left:-172px; } .fullscreen_slider .ls4_txt1 { width:620px; top:30px; height:auto; margin-left:-469px; } .fullscreen_slider .ls4_frame { width:00px; top:51px; height:auto; margin-left:-393px; width:468px; height:292px; } .fullscreen_slider .ls4_txt2 { width:344px; top:33px; height:auto; margin-left:124px; } .fullscreen_slider .ls4_txt3 { width:128px; bottom:36px; height:auto; margin-left:230px; } .fullscreen_slider .ls4_txt4 { width:102px; bottom:32px; height:auto; margin-left:351px; } .fullscreen_slider form.subscribe { top:155px; margin-left:155px; width:325px; } .fullscreen_slider form.subscribe p { font-size:13px; line-height:15px; } .fullscreen_slider form.subscribe .subscribe_field { width:180px; } .fullscreen_slider .ls5_txt1 { width:584px; top:66px; height:auto; margin-left:-287px; } .fullscreen_slider .ls5_txt2 { width:336px; top:180px; height:auto; margin-left:-167px; } .fullscreen_slider .ls5_txt3 { width:252px; top:237px; height:auto; margin-left:-125px; } } @media only screen and (min-width: 767px) and (max-width: 959px) { /*62%*/ .module_layer_slider .module_content { width:100%; } .module_layer_slider .OneByOne_container { position:absolute; width:100%; } .module_layer_slider .oneByOne_item { width:100%; position:absolute!important; display:block!important; } /*Layer1*/ .slider_type1 .ls1_txt1 { width:327px; top:26px; height:auto; margin-left:-323px; } .slider_type1 .ls1_txt2 { width:155px; bottom:102px; height:auto; margin-left:-166px; } .slider_type1 .ls1_txt3 { width:155px; bottom:102px; height:auto; margin-left:-323px; } .slider_type1 .ls1_txt4 { width:129px; bottom:62px; height:auto; margin-left:-297px; } .slider_type1 .ls1_txt5 { width:155px; bottom:62px; height:auto; margin-left:-165px; } .slider_type1 .ls1_txt6 { width:136px; bottom:19px; height:auto; margin-left:-147px; } .slider_type1 .ls1_txt7 { width:174px; bottom:19px; height:auto; margin-left:-323px; } .slider_type1 .ls2_txt1 { width:257px; bottom:21px; height:auto; margin-left:-344px; } .slider_type1 .ls2_txt2 { width:310px; bottom:23px; height:auto; margin-left:-172px; } .slider_type1 .ls2_txt3 { width:140px; bottom:15px; height:auto; margin-left:48px; } .slider_type1 .ls2_txt4 { width:112px; bottom:13px; height:auto; margin-left:191px; } .slider_type1 .ls2_txt5 { width:37px; bottom:19px; height:auto; margin-left:307px; } .slider_type1 .ls2_txt6 { width:131px; bottom:112px; height:auto; margin-left:-243px; } .slider_type1 .ls2_txt7 { width:146px; top:58px; height:auto; margin-left:-344px; } .slider_type1 .ls2_txt8 { width:198px; top:54px; height:auto; margin-left:147px; } .slider_type1 .ls2_txt9 { width:127px; top:105px; height:auto; margin-left:219px; } .slider_type1 .ls3_txt1 { width:183px; bottom:34px; height:auto; margin-left:-344px; } .slider_type1 .ls3_txt2 { width:476px; bottom:37px; height:auto; margin-left:-143px; } .slider_type1 .ls4_txt1 { width:481px; top:23px; height:auto; margin-left:-357px; } .slider_type1 .ls4_frame { top:39px; margin-left:-298px; width:362px; height:226px; } .slider_type1 .ls4_txt2 { width:267px; top:26px; height:auto; margin-left:80px; } .slider_type1 .ls4_txt3 { width:99px; bottom:28px; height:auto; margin-left:137px; } .slider_type1 .ls4_txt4 { width:79px; bottom:25px; height:auto; margin-left:231px; } .slider_type1 form.subscribe { top:120px; height:auto; margin-left:101px; width:250px; } .slider_type1 form.subscribe p { display:none!important; } .slider_type1 form.subscribe .subscribe_field { width:105px; } .slider_type1 .ls5_txt1 { width:453px; top:51px; height:auto; margin-left:-222px; } .slider_type1 .ls5_txt2 { width:260px; top:139px; height:auto; margin-left:-129px; } .slider_type1 .ls5_txt3 { width:195px; top:183px; height:auto; margin-left:-97px; } /*Layer2*/ .fullscreen_slider .ls1_txt1 { width:327px; height:auto; top:26px; margin-left:-362px; } .fullscreen_slider .ls1_txt2 { width:155px; height:auto; top:117px; margin-left:-204px; } .fullscreen_slider .ls1_txt3 { width:155px; height:auto; top:158px; margin-left:-362px; } .fullscreen_slider .ls1_txt4 { width:129px; height:auto; top:197px; margin-left:-335px; } .fullscreen_slider .ls1_txt5 { width:155px; height:auto; top:197px; margin-left:-203px; } .fullscreen_slider .ls1_txt6 { width:136px; top:237px; margin-left:-185px; } .fullscreen_slider .ls1_txt7 { width:174px; top:237px; height:auto; margin-left:-362px; } .fullscreen_slider .ls2_txt1 { width:257px; bottom:31px; height:auto; margin-left:-363px; } .fullscreen_slider .ls2_txt2 { width:310px; bottom:32px; height:auto; margin-left:-153px; } .fullscreen_slider .ls2_txt3 { width:140px; bottom:24px; height:auto; margin-left:66px; } .fullscreen_slider .ls2_txt4 { width:112px; bottom:22px; height:auto; margin-left:209px; } .fullscreen_slider .ls2_txt5 { width:37px; bottom:28px; height:auto; margin-left:326px; } .fullscreen_slider .ls2_txt6 { width:131px; bottom:121px; height:auto; margin-left:-261px; } .fullscreen_slider .ls2_txt7 { width:146px; top:58px; height:auto; margin-left:-363px; } .fullscreen_slider .ls2_txt8 { width:198px; top:60px; height:auto; margin-left:166px; } .fullscreen_slider .ls2_txt9 { width:127px; top:111px; height:auto; margin-left:238px; } .fullscreen_slider .ls3_txt1 { width:183px; top:37px; height:auto; margin-left:-341px; } .fullscreen_slider .ls3_txt2 { width:476px; bottom:37px; height:auto; margin-left:-133px; } .fullscreen_slider .ls4_txt1 { width:481px; top:23px; height:auto; margin-left:-363px; } .fullscreen_slider .ls4_frame { top:39px; margin-left:-304px; width:362px; height:226px; } .fullscreen_slider .ls4_txt2 { width:267px; top:26px; height:auto; margin-left:96px; } .fullscreen_slider .ls4_txt3 { width:99px; bottom:28px; height:auto; margin-left:178px; } .fullscreen_slider .ls4_txt4 { width:79px; bottom:25px; height:auto; margin-left:272px; } .fullscreen_slider form.subscribe { top:120px; margin-left:120px; width:250px; } .fullscreen_slider form.subscribe p { display:none!important; } .fullscreen_slider form.subscribe .subscribe_field { width:105px; } .fullscreen_slider .ls5_txt1 { width:453px; top:51px; height:auto; margin-left:-222px; } .fullscreen_slider .ls5_txt2 { width:260px; top:139px; height:auto; margin-left:-129px; } .fullscreen_slider .ls5_txt3 { width:195px; top:183px; height:auto; margin-left:-97px; } } @media only screen and (min-width: 459px) and (max-width: 766px) { /*36%*/ .module_layer_slider .module_content { width:100%; } .module_layer_slider .OneByOne_container { position:absolute; width:100%; } .module_layer_slider .oneByOne_item { width:100%; position:absolute!important; display:block!important; } /*Layer1*/ .slider_type1 .ls1_txt1 { width:190px; top:15px; height:auto; margin-left:-187px; } .slider_type1 .ls1_txt2 { width:90px; bottom:59px; height:auto; margin-left:-96px; } .slider_type1 .ls1_txt3 { width:90px; bottom:59px; height:auto; margin-left:-187px; } .slider_type1 .ls1_txt4 { width:75px; bottom:36px; height:auto; margin-left:-172px; } .slider_type1 .ls1_txt5 { width:90px; bottom:36px; height:auto; margin-left:-96px; } .slider_type1 .ls1_txt6 { width:79px; bottom:11px; height:auto; margin-left:-85px; } .slider_type1 .ls1_txt7 { width:101px; bottom:11px; height:auto; margin-left:-187px; } .slider_type1 .ls2_txt1 { width:149px; bottom:12px; height:auto; margin-left:-200px; } .slider_type1 .ls2_txt2 { width:180px; bottom:13px; height:auto; margin-left:-100px; } .slider_type1 .ls2_txt3 { width:81px; bottom:8px; height:auto; margin-left:27px; } .slider_type1 .ls2_txt4 { width:65px; bottom:7px; height:auto; margin-left:110px; } .slider_type1 .ls2_txt5 { width:22px; bottom:11px; height:auto; margin-left:178px; } .slider_type1 .ls2_txt6 { width:76px; bottom:65px; height:auto; margin-left:-141px; } .slider_type1 .ls2_txt7 { width:85px; top:33px; height:auto; margin-left:-200px; } .slider_type1 .ls2_txt8 { width:115px; top:31px; height:auto; margin-left:85px; } .slider_type1 .ls2_txt9 { width:74px; top:61px; height:auto; margin-left:127px; } .slider_type1 .ls3_txt1 { width:106px; bottom:19px; height:auto; margin-left:-199px; } .slider_type1 .ls3_txt2 { width:276px; bottom:21px; height:auto; margin-left:-83px; } .slider_type1 .ls4_txt1 { width:279px; top:13px; height:auto; margin-left:-207px; } .slider_type1 .ls4_frame { width:00px; top:23px; height:auto; margin-left:-173px; width:210px; height:131px; } .slider_type1 .ls4_txt2 { width:155px; top:15px; height:auto; margin-left:46px; } .slider_type1 .ls4_txt3 { width:58px; bottom:16px; height:auto; margin-left:79px; } .slider_type1 .ls4_txt4 { width:46px; bottom:14px; height:auto; margin-left:134px; } .slider_type1 form.subscribe { display:none!important; } .slider_type1 .ls5_txt1 { width:263px; top:29px; height:auto; margin-left:-129px; } .slider_type1 .ls5_txt2 { width:151px; top:81px; height:auto; margin-left:-75px; } .slider_type1 .ls5_txt3 { width:113px; top:106px; height:auto; margin-left:-56px; } /*Layer2*/ .fullscreen_slider .ls1_txt1 { width:190px; height:auto; top:15px; margin-left:-210px; } .fullscreen_slider .ls1_txt2 { width:90px; height:auto; top:68px; margin-left:-118px; } .fullscreen_slider .ls1_txt3 { width:90px; height:auto; top:91px; margin-left:-210px; } .fullscreen_slider .ls1_txt4 { width:75px; height:auto; top:114px; margin-left:-194px; } .fullscreen_slider .ls1_txt5 { width:90px; height:auto; top:114px; margin-left:-118px; } .fullscreen_slider .ls1_txt6 { width:79px; top:137px; margin-left:-107px; } .fullscreen_slider .ls1_txt7 { width:101px; top:137px; height:auto; margin-left:-210px; } .fullscreen_slider .ls2_txt1 { width:149px; bottom:18px; height:auto; margin-left:-210px; } .fullscreen_slider .ls2_txt2 { width:180px; bottom:18px; height:auto; margin-left:-89px; } .fullscreen_slider .ls2_txt3 { width:81px; bottom:14px; height:auto; margin-left:38px; } .fullscreen_slider .ls2_txt4 { width:65px; bottom:12px; height:auto; margin-left:121px; } .fullscreen_slider .ls2_txt5 { width:22px; bottom:16px; height:auto; margin-left:189px; } .fullscreen_slider .ls2_txt6 { width:76px; bottom:70px; height:auto; margin-left:-151px; } .fullscreen_slider .ls2_txt7 { width:85px; top:33px; height:auto; margin-left:-210px; } .fullscreen_slider .ls2_txt8 { width:115px; top:35px; height:auto; margin-left:96px; } .fullscreen_slider .ls2_txt9 { width:74px; top:64px; height:auto; margin-left:138px; } .fullscreen_slider .ls3_txt1 { width:106px; top:21px; height:auto; margin-left:-198px; } .fullscreen_slider .ls3_txt2 { width:276px; bottom:21px; height:auto; margin-left:-77px; } .fullscreen_slider .ls4_txt1 { width:279px; top:13px; height:auto; margin-left:-210px; } .fullscreen_slider .ls4_frame { top:23px; margin-left:-176px; width:210px; height:131px; } .fullscreen_slider .ls4_txt2 { width:155px; top:15px; height:auto; margin-left:55px; } .fullscreen_slider .ls4_txt3 { width:58px; bottom:16px; height:auto; margin-left:103px; } .fullscreen_slider .ls4_txt4 { width:46px; bottom:14px; height:auto; margin-left:158px; } .fullscreen_slider form.subscribe { display:none!important; } .fullscreen_slider .ls5_txt1 { width:263px; top:29px; height:auto; margin-left:-129px; } .fullscreen_slider .ls5_txt2 { width:151px; top:81px; height:auto; margin-left:-75px; } .fullscreen_slider .ls5_txt3 { width:113px; top:106px; height:auto; margin-left:-56px; } } @media only screen and (max-width: 459px) { /*26%*/ .module_layer_slider .module_content { width:100%; } .module_layer_slider .OneByOne_container { position:absolute; width:100%; } .module_layer_slider .oneByOne_item { width:100%; position:absolute!important; display:block!important; } /*Layer1*/ .slider_type1 .ls1_txt1 { width:137px; top:11px; height:auto; margin-left:-135px; } .slider_type1 .ls1_txt2 { width:65px; bottom:42px; height:auto; margin-left:-69px; } .slider_type1 .ls1_txt3 { width:65px; bottom:42px; height:auto; margin-left:-135px; } .slider_type1 .ls1_txt4 { width:54px; bottom:26px; height:auto; margin-left:-124px; } .slider_type1 .ls1_txt5 { width:65px; bottom:26px; height:auto; margin-left:-69px; } .slider_type1 .ls1_txt6 { width:57px; bottom:8px; height:auto; margin-left:-61px; } .slider_type1 .ls1_txt7 { width:73px; bottom:8px; height:auto; margin-left:-135px; } .slider_type1 .ls2_txt1 { width:108px; bottom:9px; height:auto; margin-left:-144px; } .slider_type1 .ls2_txt2 { width:130px; bottom:9px; height:auto; margin-left:-72px; } .slider_type1 .ls2_txt3 { width:59px; bottom:6px; height:auto; margin-left:20px; } .slider_type1 .ls2_txt4 { width:47px; bottom:5px; height:auto; margin-left:80px; } .slider_type1 .ls2_txt5 { width:16px; bottom:8px; height:auto; margin-left:128px; } .slider_type1 .ls2_txt6 { width:55px; bottom:47px; height:auto; margin-left:-101px; } .slider_type1 .ls2_txt7 { width:61px; top:24px; height:auto; margin-left:-144px; } .slider_type1 .ls2_txt8 { width:83px; top:22px; height:auto; margin-left:61px; } .slider_type1 .ls2_txt9 { width:53px; top:44px; height:auto; margin-left:92px; } .slider_type1 .ls3_txt1 { width:77px; bottom:14px; height:auto; margin-left:-144px; } .slider_type1 .ls3_txt2 { width:199px; bottom:15px; height:auto; margin-left:-60px; } .slider_type1 .ls4_txt1 { width:202px; top:9px; height:auto; margin-left:-149px; } .slider_type1 .ls4_frame { top:16px; margin-left:-125px; width:152px; height:94px; } .slider_type1 .ls4_txt2 { width:112px; top:10px; height:auto; margin-left:33px; } .slider_type1 .ls4_txt3 { width:42px; bottom:11px; height:auto; margin-left:57px; } .slider_type1 .ls4_txt4 { width:33px; bottom:10px; height:auto; margin-left:96px; } .slider_type1 form.subscribe { display:none!important; } .slider_type1 .ls5_txt1 { width:190px; top:21px; height:auto; margin-left:-93px; } .slider_type1 .ls5_txt2 { width:109px; top:58px; height:auto; margin-left:-54px; } .slider_type1 .ls5_txt3 { width:82px; top:76px; height:auto; margin-left:-40px; } /*Layer2*/ .fullscreen_slider .ls1_txt1 { width:137px; height:auto; top:11px; margin-left:-151px; } .fullscreen_slider .ls1_txt2 { width:65px; height:auto; top:49px; margin-left:-85px; } .fullscreen_slider .ls1_txt3 { width:65px; height:auto; top:66px; margin-left:-151px; } .fullscreen_slider .ls1_txt4 { width:54px; height:auto; top:85px; margin-left:-140px; } .fullscreen_slider .ls1_txt5 { width:65px; height:auto; top:82px; margin-left:-85px; } .fullscreen_slider .ls1_txt6 { width:57px; top:99px; margin-left:-77px; } .fullscreen_slider .ls1_txt7 { width:73px; top:99px; height:auto; margin-left:-151px; } .fullscreen_slider .ls2_txt1 { width:108px; bottom:13px; height:auto; margin-left:-152px; } .fullscreen_slider .ls2_txt2 { width:130px; bottom:13px; height:auto; margin-left:-64px; } .fullscreen_slider .ls2_txt3 { width:59px; bottom:10px; height:auto; margin-left:27px; } .fullscreen_slider .ls2_txt4 { width:47px; bottom:9px; height:auto; margin-left:87px; } .fullscreen_slider .ls2_txt5 { width:16px; bottom:11px; height:auto; margin-left:136px; } .fullscreen_slider .ls2_txt6 { width:55px; bottom:50px; height:auto; margin-left:-109px; } .fullscreen_slider .ls2_txt7 { width:61px; top:24px; height:auto; margin-left:-152px; } .fullscreen_slider .ls2_txt8 { width:83px; top:25px; height:auto; margin-left:69px; } .fullscreen_slider .ls2_txt9 { width:53px; top:46px; height:auto; margin-left:99px; } .fullscreen_slider .ls3_txt1 { width:77px; top:15px; height:auto; margin-left:-143px; } .fullscreen_slider .ls3_txt2 { width:199px; bottom:15px; height:auto; margin-left:-55px; } .fullscreen_slider .ls4_txt1 { width:202px; top:9px; height:auto; margin-left:-152px; } .fullscreen_slider .ls4_frame { top:16px; margin-left:-127px; width:152px; height:94px; } .fullscreen_slider .ls4_txt2 { width:112px; top:10px; height:auto; margin-left:40px; } .fullscreen_slider .ls4_txt3 { width:42px; bottom:11px; height:auto; margin-left:74px; } .fullscreen_slider .ls4_txt4 { width:33px; bottom:10px; height:auto; margin-left:114px; } .fullscreen_slider form.subscribe { display:none!important; } .fullscreen_slider .ls5_txt1 { width:190px; top:21px; height:auto; margin-left:-93px; } .fullscreen_slider .ls5_txt2 { width:109px; top:58px; height:auto; margin-left:-54px; } .fullscreen_slider .ls5_txt3 { width:82px; top:76px; height:auto; margin-left:-40px; } } .ie8 .slider_type1 .ls1_txt1 { top:34px; margin-left:-418px; width:422px; height:auto!important; } .ie8 .slider_type1 .ls1_txt2 { bottom:132px; margin-left:-214px; width:200px; height:auto!important; } .ie8 .slider_type1 .ls1_txt3 { bottom:132px; margin-left:-418px; width:200px; height:auto!important; } .ie8 .slider_type1 .ls1_txt4 { bottom:81px; margin-left:-384px; width:166px; height:auto!important; } .ie8 .slider_type1 .ls1_txt5 { bottom:81px; margin-left:-214px; width:200px; height:auto!important; } .ie8 .slider_type1 .ls1_txt6 { bottom:25px; margin-left:-190px; width:176px; height:auto!important; } .ie8 .slider_type1 .ls1_txt7 { bottom:25px; margin-left:-418px; width:224px; height:auto!important; } .ie8 .slider_type1 .ls2_txt1 { bottom:28px; margin-left:-445px; width:332px; height:auto!important; } .ie8 .slider_type1 .ls2_txt2 { bottom:29px; margin-left:-222px; width:400px; height:auto!important; } .ie8 .slider_type1 .ls2_txt3 { bottom:19px; margin-left:61px; width:180px; height:auto!important; } .ie8 .slider_type1 .ls2_txt4 { bottom:17px; margin-left:246px; width:144px; height:auto!important; } .ie8 .slider_type1 .ls2_txt5 { bottom:25px; margin-left:397px; width:48px; height:auto!important; } .ie8 .slider_type1 .ls2_txt6 { bottom:145px; margin-left:-313px; width:170px; height:auto!important; } .ie8 .slider_type1 .ls2_txt7 { top:75px; margin-left:-445px; width:188px; height:auto!important; } .ie8 .slider_type1 .ls2_txt8 { top:70px; margin-left:190px; width:256px; height:auto!important; } .ie8 .slider_type1 .ls2_txt9 { top:136px; margin-left:283px; width:164px; height:auto!important; } .ie8 .slider_type1 .ls3_txt1 { bottom:44px; margin-left:-444px; width:236px; height:auto!important; } .ie8 .slider_type1 .ls3_txt2 { bottom:48px; margin-left:-185px; width:614px; height:auto!important; } .ie8 .slider_type1 .ls4_txt1 { top:30px; margin-left:-461px; width:620px; height:auto!important; } .ie8 .slider_type1 .ls4_frame { top:51px; margin-left:-385px; width:468px; height:292px; } .ie8 .slider_type1 .ls4_txt2 { top:33px; margin-left:104px; width:344px; height:auto!important; } .ie8 .slider_type1 .ls4_txt3 { bottom:36px; margin-left:177px; width:128px; height:auto!important; } .ie8 .slider_type1 .ls4_txt4 { bottom:32px; margin-left:298px; width:102px; height:auto!important; } .ie8 .slider_type1 form.subscribe { top:155px; margin-left:131px; width:325px; } .ie8 .slider_type1 form.subscribe p { font-size:13px; line-height:15px; } .ie8 .slider_type1 form.subscribe .subscribe_field { width:180px; } .ie8 .slider_type1 .ls5_txt1 { top:66px; margin-left:-287px; width:584px; height:auto!important; } .ie8 .slider_type1 .ls5_txt2 { top:180px; margin-left:-167px; width:336px; height:auto!important; } .ie8 .slider_type1 .ls5_txt3 { top:237px; margin-left:-125px; width:252px; height:auto!important; } /*Layer2*/ .ie8 .fullscreen_slider .ls1_txt1 { width:422px; height:auto; top:34px; margin-left:-467px; } .ie8 .fullscreen_slider .ls1_txt2 { width:200px; height:auto; top:151px; margin-left:-264px; } .ie8 .fullscreen_slider .ls1_txt3 { width:200px; height:auto; top:204px; margin-left:-467px; } .ie8 .fullscreen_slider .ls1_txt4 { width:166px; height:auto; top:255px; margin-left:-433px; } .ie8 .fullscreen_slider .ls1_txt5 { width:200px; height:auto; top:255px; margin-left:-263px; } .ie8 .fullscreen_slider .ls1_txt6 { width:176px; top:306px; margin-left:-239px; } .ie8 .fullscreen_slider .ls1_txt7 { width:224px; top:306px; height:auto; margin-left:-467px; } .ie8 .fullscreen_slider .ls2_txt1 { width:332px; bottom:40px; height:auto; margin-left:-469px; } .ie8 .fullscreen_slider .ls2_txt2 { width:400px; bottom:41px; height:auto; margin-left:-198px; } .ie8 .fullscreen_slider .ls2_txt3 { width:180px; bottom:31px; height:auto; margin-left:85px; } .ie8 .fullscreen_slider .ls2_txt4 { width:144px; bottom:29px; height:auto; margin-left:270px; } .ie8 .fullscreen_slider .ls2_txt5 { width:48px; bottom:37px; height:auto; margin-left:421px; } .ie8 .fullscreen_slider .ls2_txt6 { width:170px; bottom:157px; height:auto; margin-left:-337px; } .ie8 .fullscreen_slider .ls2_txt7 { width:188px; top:75px; height:auto; margin-left:-469px; } .ie8 .fullscreen_slider .ls2_txt8 { width:256px; top:78px; height:auto; margin-left:214px; } .ie8 .fullscreen_slider .ls2_txt9 { width:164px; top:144px; height:auto; margin-left:307px; } .ie8 .fullscreen_slider .ls3_txt1 { width:236px; top:48px; height:auto; margin-left:-440px; } .ie8 .fullscreen_slider .ls3_txt2 { width:614px; bottom:48px; height:auto; margin-left:-172px; } .ie8 .fullscreen_slider .ls4_txt1 { width:620px; top:30px; height:auto; margin-left:-469px; } .ie8 .fullscreen_slider .ls4_frame { width:00px; top:51px; height:auto; margin-left:-393px; width:468px; height:292px; } .ie8 .fullscreen_slider .ls4_txt2 { width:344px; top:33px; height:auto; margin-left:124px; } .ie8 .fullscreen_slider .ls4_txt3 { width:128px; bottom:36px; height:auto; margin-left:230px; } .ie8 .fullscreen_slider .ls4_txt4 { width:102px; bottom:32px; height:auto; margin-left:351px; } .ie8 .fullscreen_slider form.subscribe { top:155px; margin-left:155px; width:325px; } .ie8 .fullscreen_slider form.subscribe p { font-size:13px; line-height:15px; } .ie8 .fullscreen_slider form.subscribe .subscribe_field { width:180px; } .ie8 .fullscreen_slider .ls5_txt1 { width:584px; top:66px; height:auto; margin-left:-287px; } .ie8 .fullscreen_slider .ls5_txt2 { width:336px; top:180px; height:auto; margin-left:-167px; } .ie8 .fullscreen_slider .ls5_txt3 { width:252px; top:237px; height:auto; margin-left:-125px; } /*RETINA*/ @media only screen and (-webkit-min-device-pixel-ratio: 2) { .logo2_retina, .logo_retina { display:block!important; } .logo2_def, .logo_def { display:none!important; } a.menu_toggler { background-image:url(../img/retina/menu_btn.jpg)!important; background-size: 40px 40px!important; } .ico_socialize { background-size: 26px 26px!important; } .ico_socialize.type1 { width:36px; height:36px; } .ico_socialize.type2 { width:26px; height:26px; } .ico_socialize_facebook1 { background-image:url(../img/retina/icons/ico_socialize_facebook1.png) } .ico_socialize_facebook2 { background-image:url(../img/retina/icons/ico_socialize_facebook2.png) } .ico_socialize_twitter1 { background-image:url(../img/retina/icons/ico_socialize_twitter1.png) } .ico_socialize_twitter2 { background-image:url(../img/retina/icons/ico_socialize_twitter2.png) } .ico_socialize_twitter3 { background-image:url(../img/retina/icons/ico_socialize_twitter3.png) } .ico_socialize_digg1 { background-image:url(../img/retina/icons/ico_socialize_digg1.png) } .ico_socialize_digg2 { background-image:url(../img/retina/icons/ico_socialize_digg2.png) } .ico_socialize_google1 { background-image:url(../img/retina/icons/ico_socialize_google1.png) } .ico_socialize_google2 { background-image:url(../img/retina/icons/ico_socialize_google2.png) } .ico_socialize_tumbler { background-image:url(../img/retina/icons/ico_socialize_tumbler.png) } .ico_socialize_delicious { background-image:url(../img/retina/icons/ico_socialize_delicious.png) } .ico_socialize_plixi { background-image:url(../img/retina/icons/ico_socialize_plixi.png) } .ico_socialize_dribbble1 { background-image:url(../img/retina/icons/ico_socialize_dribbble1.png) } .ico_socialize_dribbble2 { background-image:url(../img/retina/icons/ico_socialize_dribbble2.png) } .ico_socialize_stubleUpon { background-image:url(../img/retina/icons/ico_socialize_stubleUpon.png) } .ico_socialize_lastfm { background-image:url(../img/retina/icons/ico_socialize_lastfm.png) } .ico_socialize_moby { background-image:url(../img/retina/icons/ico_socialize_moby.png) } .ico_socialize_vimeo { background-image:url(../img/retina/icons/ico_socialize_vimeo.png) } .ico_socialize_youtube1 { background-image:url(../img/retina/icons/ico_socialize_youtube1.png) } .ico_socialize_youtube2 { background-image:url(../img/retina/icons/ico_socialize_youtube2.png) } .ico_socialize_myspace { background-image:url(../img/retina/icons/ico_socialize_myspace.png) } .ico_socialize_linkedIn { background-image:url(../img/retina/icons/ico_socialize_linkedIn.png) } .ico_socialize_pinterest { background-image:url(../img/retina/icons/ico_socialize_pinterest.png) } .ico_socialize_flickr { background-image:url(../img/retina/icons/ico_socialize_flickr.png) } .ico_socialize_vk1 { background-image:url(../img/retina/icons/ico_socialize_vk1.png) } .ico_socialize_vk2 { background-image:url(../img/retina/icons/ico_socialize_vk2.png) } .ico_socialize_odnoklassniki { background-image:url(../img/retina/icons/ico_socialize_odnoklassniki.png) } .ico_socialize_gowalla { background-image:url(../img/retina/icons/ico_socialize_gowalla.png) } .ico_socialize_dropbox { background-image:url(../img/retina/icons/ico_socialize_dropbox.png) } .ico_socialize_skype { background-image:url(../img/retina/icons/ico_socialize_skype.png) } .ico_socialize_iChat { background-image:url(../img/retina/icons/ico_socialize_iChat.png) } .ico_socialize_instagram { background-image:url(../img/retina/icons/ico_socialize_instagram.png) } .ico_socialize_evernote { background-image:url(../img/retina/icons/ico_socialize_evernote.png) } .ico_socialize_deviantart { background-image:url(../img/retina/icons/ico_socialize_deviantart.png) } .ico_socialize_blogspot { background-image:url(../img/retina/icons/ico_socialize_blogspot.png) } .ico_socialize_reddit { background-image:url(../img/retina/icons/ico_socialize_reddit.png) } .ico_socialize_technorati { background-image:url(../img/retina/icons/ico_socialize_technorati.png) } .ico_socialize_yahoo { background-image:url(../img/retina/icons/ico_socialize_yahoo.png) } .ico_socialize_diigo { background-image:url(../img/retina/icons/ico_socialize_diigo.png) } .ico_socialize_blinklist { background-image:url(../img/retina/icons/ico_socialize_blinklist.png) } .ico_socialize_bing { background-image:url(../img/retina/icons/ico_socialize_bing.png) } .ico_socialize_behnce { background-image:url(../img/retina/icons/ico_socialize_behnce.png) } .ico_socialize_picasa { background-image:url(../img/retina/icons/ico_socialize_picasa.png) } .ico_socialize_forrst { background-image:url(../img/retina/icons/ico_socialize_forrst.png) } .ico_socialize_ffffound { background-image:url(../img/retina/icons/ico_socialize_ffffound.png) } .ico_socialize_viddler { background-image:url(../img/retina/icons/ico_socialize_viddler.png) } .ico_socialize_friendfeed { background-image:url(../img/retina/icons/ico_socialize_friendfeed.png) } .ico_socialize_mobileMe { background-image:url(../img/retina/icons/ico_socialize_mobileMe.png) } .ico_socialize_wordpress { background-image:url(../img/retina/icons/ico_socialize_wordpress.png) } .ico_socialize_drupal { background-image:url(../img/retina/icons/ico_socialize_drupal.png) } .ico_socialize_paypal { background-image:url(../img/retina/icons/ico_socialize_paypal.png) } .ico_socialize_share { background-image:url(../img/retina/icons/ico_socialize_share.png) } .ico_socialize_mail { background-image:url(../img/retina/icons/ico_socialize_mail.png) } .ico_socialize_rss { background-image:url(../img/retina/icons/ico_socialize_rss.png) } .ico_socialize_home { background-image:url(../img/retina/icons/ico_socialize_home.png) } .ico_socialize_phone { background-image:url(../img/retina/icons/ico_socialize_phone.png) } .contentarea ul.list_type1 li:before { background:url(../img/retina/marker_list1.png) no-repeat 0 0; background-size: 8px 11px!important; } .contentarea ul.list_type2 li:before { background:url(../img/retina/marker_list2.png) no-repeat 0 0; background-size: 9px 11px!important; } .contentarea ul.list_type3 li:before { background:url(../img/retina/marker_list3.png) no-repeat 0 0; background-size: 8px 11px!important; } .contentarea ul.list_type4 li:before { background:url(../img/retina/marker_list4.png) no-repeat 0 0; background-size: 12px 11px!important; } .contentarea ul.list_type5 li:before { background:url(../img/retina/marker_list5.png) no-repeat 0 0; background-size: 8px 11px!important; } .contentarea ul.list_type6 li:before { background:url(../img/retina/marker_list6.png) no-repeat 0 0; background-size: 8px 11px!important; } .carouselslider ul li .smallproflinks a { background-size: 34px 68px!important; } .carouselslider ul li .smallproflinks a.facebook_link { background-image:url(../img/retina/icons/ico_carousel_facebook.png); } .carouselslider ul li .smallproflinks a.twitter_link { background-image:url(../img/retina/icons/ico_carousel_twitter.png); } .carouselslider ul li .smallproflinks a.tumbler_link { background-image:url(../img/retina/icons/ico_carousel_tumbler.png); } .carouselslider ul li .smallproflinks a.linkedin_link { background-image:url(../img/retina/icons/ico_carousel_linked.png); } .carouselslider ul li .smallproflinks a.member_email { background-image:url(../img/retina/icons/ico_carousel_mail.png); } a.ico_social-facebook { background:url(../img/retina/icons/ico_social-facebook.png) 0 0; background-size: 16px 16px!important; } a.ico_social-delicious { background:url(../img/retina/icons/ico_social-delicious.png) 0 0; background-size: 16px 16px!important; } a.ico_social-tumbler { background:url(../img/retina/icons/ico_social-tumbler.png) 0 0; background-size: 16px 16px!important; } a.ico_social-twitter { background:url(../img/retina/icons/ico_social-twitter.png) 0 0; background-size: 20px 16px!important; } a.ico_social-vimeo { background:url(../img/retina/icons/ico_social-vimeo.png) 0 0; background-size: 16px 16px!important; } .footer_tools .ico_social-facebook { background-image:url(../img/retina/icons/ico_footer_facebook.png); background-size: 34px 34px!important; } .footer_tools .ico_social-twitter { background-image:url(../img/retina/icons/ico_footer_twitter.png); background-size: 34px 34px!important; } .footer_tools .ico_social-flickr { background-image:url(../img/retina/icons/ico_footer_flickr.png); background-size: 34px 34px!important; } .footer_tools .ico_social-vimeo { background-image:url(../img/retina/icons/ico_footer_vimeo.png); background-size: 34px 34px!important; } .footer_tools .ico_social-tumbler { background-image:url(../img/retina/icons/ico_footer_tumblr.png); background-size: 34px 34px!important; } .footer_tools .ico_social-delicious { background-image:url(../img/retina/icons/ico_footer_delicious.png); background-size: 34px 34px!important; } .footer_tools .ico_social-pinterest { background-image:url(../img/retina/icons/ico_footer_pinterest.png); background-size: 34px 34px!important; } .footer_tools .ico_social-dribbble { background-image:url(../img/retina/icons/ico_footer_dribbble.png); background-size: 34px 34px!important; } .footer_tools .ico_social-linked_in { background-image:url(../img/retina/icons/ico_footer_linked_in.png); background-size: 34px 34px!important; } .footer_tools .ico_social-youtube { background-image:url(../img/retina/icons/ico_footer_youtube.png); background-size: 34px 34px!important; } .footer_tools .ico_social-gplus { background-image:url(../img/retina/icons/ico_footer_gplus.png); background-size: 34px 34px!important; } .footer_tools .ico_social-instagram { background-image:url(../img/retina/icons/ico_footer_instagram.png); background-size: 34px 34px!important; } .carouselslider .carousel-previous { background-image:url(../img/retina/carousel_prev.png); background-size: 21px 42px!important; } .carouselslider .carousel-next { background-image:url(../img/retina/carousel_next.png); background-size: 21px 42px!important; } .nivo-nextNav { background-image:url(../img/retina/slider_next.png)!important; background-size: 36px 72px!important; } .nivo-prevNav { background-image:url(../img/retina/slider_prev.png)!important; background-size: 36px 72px!important; } .btn_load_more span { background-image:url(../img/retina/btn_arrow.png)!important; background-size: 7px 24px!important; } .btn_back span { background-image:url(../img/retina/btn_arrow.png)!important; background-size: 7px 24px!important; } .module_postinfo .portfolio_date .post_type_slider, .blog_posttype.blog_posttype.blog_slider { background-image:url(../img/retina/icons/blogpost_slider.png); background-size: 40px 40px!important; } .module_postinfo .portfolio_date .post_type_video, .blog_posttype.blog_posttype.blog_video { background-image:url(../img/retina/icons/blogpost_video.png); background-size: 40px 40px!important; } .module_postinfo .portfolio_date .post_type_image, .blog_posttype.blog_posttype.blog_image { background-image:url(../img/retina/icons/blogpost_image.png); background-size: 40px 40px!important; } .module_postinfo .portfolio_date .post_type_text, .blog_posttype.blog_posttype.blog_text { background-image:url(../img/retina/icons/blogpost_text.png); background-size: 40px 40px!important; } .blog_posttype.blog_posttype.blog_link { background-image:url(../img/retina/icons/blogpost_link.png); background-size: 40px 40px!important; } .pagerblock li a span.btn_prev { background:url(../img/retina/pager_prev.png) no-repeat center; background-size: 6px 10px!important; } .pagerblock li a span.btn_next { background:url(../img/retina/pager_next.png) no-repeat center; background-size: 6px 10px!important; } .shortcode_accordion_item_title .ico, .shortcode_toggles_item_title .ico { background-image:url(../img/retina/accordion.png)!important; background-size: 26px 14px!important; } .shortcode_messagebox .box_close { background-image:url(../img/retina/btn_box_close.png); background-size: 21px 21px!important; } blockquote .blockquote_wrapper:before { background-image:url(../img/retina/blockquote.png); background-size: 34px 20px!important; } .featured_slider .img_block .post_type_image { background-image:url(../img/retina/icons/post_type-image.png); background-size: 40px 40px!important; } .featured_slider .img_block .post_type_slider { background-image:url(../img/retina/icons/post_type-slider.png); background-size: 40px 40px!important; } .featured_slider .img_block .post_type_text { background-image:url(../img/retina/icons/post_type-text.png); background-size: 40px 40px!important; } .featured_slider .img_block .post_type_link { background-image:url(../img/retina/icons/post_type-link.png); background-size: 40px 40px!important; } .featured_slider .img_block .post_type_video { background-image:url(../img/retina/icons/post_type-video.png); background-size: 40px 40px!important; } .arrowButton .prevArrow { background-image:url(../img/retina/slider_prev.png); background-size: 51px 102px!important; } .arrowButton .nextArrow { background-image:url(../img/retina/slider_next.png); background-size: 51px 102px!important; } #footer_bar .twitter_list li:before { background-image:url(../img/retina/mark_twitter.png); background-size: 19px 15px!important; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 500px) { .arrowButton .prevArrow { background-size:10px 18px!important; background-image:url(../img/retina/slider_prev.png)!important; } .arrowButton .nextArrow { background-size:10px 18px!important; background-image:url(../img/retina/slider_next.png)!important; } } /*Module Padding*/ .module_normal_padding { margin-bottom: 40px !important; } .module_medium_padding { margin-bottom: 20px !important; } .module_small_padding { margin-bottom: 10px !important; } .module_none_padding { margin-bottom: 0 !important; } body .module_cont.module_divider { min-height: 5px; } /*Widgets*/ .widget_calendar table { width:100%; } .widget_calendar table caption { padding-bottom:10px; font-weight:bold; } .widget_calendar table tfoot td { text-align:center; padding-top:5px; } #footer_bar .sidepanel td { color:#ffffff!important; } .widget_calendar table thead th { font-weight:bold; } /*-- Menu Widget --*/ .widget_archive ul, .widget_meta ul, .widget_recent_entries ul, .widget_categories ul, .widget_pages ul { padding:0; margin:0; } .widget_archive ul li a, .widget_meta ul li a, .widget_recent_entries ul li a, .widget_categories ul li, .widget_pages ul li a { border-left:6px solid; margin-bottom:3px; display:block; padding:10px 10px; line-height:20px!important; font-size:16px; color:#3d3d3d!important; background:#ececec; transition: color 400ms, background-color 400ms; -webkit-transition: color 400ms, background-color 400ms; -moz-transition: color 400ms, background-color 400ms; -o-transition: color 400ms, background-color 400ms; } .widget_nav_menu ul li a, .widget_categories ul li a { color:#3d3d3d!important; } .widget_archive ul li a:hover, .widget_meta ul li a:hover, .widget_recent_entries ul li a:hover, .widget_categories ul li:hover, .widget_pages ul li a:hover { background:#3d3d3d; } .widget_categories ul li { cursor:pointer; } .widget_categories ul li a { line-height:20px!important; font-size:16px; color:#3d3d3d; } .widget_recent_comments ul li a { color:#ABABAB; } .widget_recent_comments ul li a:hover { color:#3D3D3D; } .widget_recent_comments ul li { padding-top:15px; } .widget_recent_comments ul li:first-child { padding-top:0px; } .widget_tag_cloud a { color:#ABABAB; } .widget_tag_cloud a:hover { color:#3d3d3d; } .widget_posts .recent_posts li:last-child .img_wrapper { margin-bottom:15px!important; } /*-- Search --*/ .widget_search { position:relative; } .widget_search input.field_search { border:none; border-left:6px solid; margin-bottom:3px; display:block; padding:10px 10px; line-height:20px!important; font-size:16px; color:#3d3d3d; background:#ececec; border-radius:0px!important; box-shadow:none; transition: color 400ms, background-color 400ms; -webkit-transition: color 400ms, background-color 400ms; -moz-transition: color 400ms, background-color 400ms; -o-transition: color 400ms, background-color 400ms; } .widget_search input.field_search:focus { background:#3d3d3d; } .widget_search .btn_search { position:absolute; left:0px; top:0px; width:1px; height:1px; display:block; border:none; visibility:hidden; } .btn2top { background:url(../img/btn2top.png) no-repeat top left; width:40px; height:40px; display:block; position:fixed; right:40px; bottom:40px; display:none; transition: background-color 300ms; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; -o-transition: background-color 300ms; } .btn2top:hover { background-color:#3d3d3d; background-position:bottom left; } @media only screen and (max-width: 1200px) { .btn2top { display:none!important; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .btn2top { background-image:url(../img/retina/btn2top.png); background-size: 40px 40px!important; } } /*LayerSlider*/ .ls-shadow, .ls-bottom-nav-wrapper, .ls-thumbnail-wrapper { display:none!important; } .ls-container { border-radius:0px!important; padding:0!important; box-shadow:none!important; } .ls-nav-prev, .ls-nav-next { cursor: pointer; width:51px!important; height:51px!important; display:block; position:absolute; top:50%!important; margin-top:-25px!important; background-color:#3d3d3d; background-position:0 0!important; background-repeat:no-repeat; z-index:90!important; transition: background-color 300ms; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; -o-transition: background-color 300ms; } .ls-nav-prev:hover, .ls-nav-next:hover { background-position:0 -51px!important; } .ls-nav-prev { background-image: url(../img/slider_prev.png)!important; left: 0px!important; } .ls-nav-next { background-image: url(../img/slider_next.png)!important; right: 0px!important; } /*Gallery Module Description*/ .gallery_descr { background:#3d3d3d; position:absolute; left:0; bottom:-100%; width:100%; display:block; transition: bottom 400ms; -webkit-transition: bottom 400ms; -moz-transition: bottom 400ms; -o-transition: bottom 400ms; } .gallery_descr .setme { padding:5px 10px 14px 10px; display:block; } .gallery_descr .gallery_title { font-size: 16px; line-height: 26px; padding: 0 15px; text-align:center; display:block; } .gallery_item:hover .gallery_descr { bottom:0px; } .gallery_item .post_type { margin-top:-43px!important; } .pf_video_container { margin-bottom: 10px; } .single .featured_image_full { margin-bottom: 25px; } .form-allowed-tags { display: none; } /*Resizeble Logo Styles for Responsive*/ @media only screen and (min-width: 960px) and (max-width: 1200px) { header .logo { max-width:222px!important; height:auto; } header .logo img { max-width:222px!important; height:auto; } footer .logo { max-width:222px!important; height:auto; } footer .logo img { max-width:222px!important; height:auto; } } @media only screen and (min-width: 766px) and (max-width: 959px) { header .logo { max-width:167px; height:auto; } footer .logo { max-width:222px; height:auto; margin-top:28px!important; margin-bottom:24px!important; } footer .footer_wrapper .copyright { margin-bottom:16px!important; } .footer_tools { bottom:50px!important; } .footer_tools .footer_socials, .footer_tools .footer_search { float:none; display:block; } .footer_tools .footer_search:before { content:''; clear:both; } .footer_tools .search_form { float:right; } .footer_tools .footer_socials { overflow:hidden; display:block; } footer nav { bottom:18px!important; } .footer_tools .footer_search { margin-top:3px!important; } } @media only screen and (max-width: 760px) { header .logo { max-width:290px; height:auto; margin:25px auto 25px auto!important; text-align:center; } header .logo img { max-width:290px!important; height:auto!important; margin:0 auto; } header nav.mobile_header { width:100%; position:static!important; margin-bottom:10px; } footer .logo { max-width:290px; height:auto; margin:25px auto 25px auto!important; text-align:center; display:block!important; } footer .logo img { max-width:290px!important; height:auto!important; margin:0 auto; } /*ShareModule*/ .blog_info .portfolio_share { position:static!important; margin:-10px 0 20px 0; } /*Gallery Module*/ .gallery_item a, .gallery_item img { width:100%!important; height:auto!important; } } /*Diagram Shortcode*/ .skills_list { padding:0!important; } .skill_li { list-style:none!important; padding:0!important; margin-top:15px!important; } .skill_li:before { content:''; display:none!important; } .diagram_bg { background:#ececec; display:block; width:100%; height:14px; margin-top:5px; } .diagram_bg .skill_div { height:14px; display:block; width:0%; border-right:#ffffff 1px solid; } .skills_list > .skill_li:first-child { margin:0!important; } .widget_posts img, .widget_text .alignleft { margin-right: 12px !important; } /*MobileMenu NEW*/ a.menu_toggler { display:none; } header .mobile_menu_wrapper { display:none; background:#3d3d3d; } nav.mobile_header { display:none!important; } @media only screen and (min-width: 761px) { header .mobile_menu_wrapper { display:none!important; } } @media only screen and (max-width: 760px) { .header_wrapper { min-height:40px!important; } header .logo { left:0px!important; margin-left:0px!important; } header.fixed_type { position:static!important; } a.menu_toggler { display:block!important; width:40px; height:40px; position:absolute; right:0; top:50%; margin-top:-20px; background:url(../img/menu_btn.jpg) no-repeat 0 0; } header .mobile_menu { padding: 0px 0px 0px 0px; } header .mobile_menu li a, header .mobile_menu .sub-menu li a { line-height:19px!important; font-size:13px!important; color:#ececec!important; display:block!important; text-align:center!important; padding:10px!important; text-align:left!important; border-bottom:#2C2C2C 1px solid; } header .mobile_menu .sub-menu { display:block!important; visibility:visible!important; } header .mobile_menu .sub-menu li a{ padding-left:30px!important; } header .mobile_menu .sub-menu li ul.sub-menu li a { padding-left:50px!important; } /*Responsive Fixes*/ blockquote.right { width:100%!important; float:none!important; padding-right:0!important; margin-left:0%!important; } blockquote.left { width:100%!important; margin-right:0%!important; float:none!important; } .textwidget { padding-bottom:0!important; } .pre_footer { padding:30px 0 10px 0!important; } #pp_full_res iframe { width:100%!important; height:200px!important; } .gallery_item .gallery_descr { display:none!important; } .price_item.most_popular { padding-top:16px!important; } .blog_info_block span:after, ol.commentlist li .thiscommentbody .comment_info span:before { content:''; display:none!important; } .author_name, .category, .date, .comments, .blog_tags { display:block!important; float:none!important; } } .btn_back { margin-bottom: 30px; font-family:Arial, Helvetica, sans-serif; } .contentarea .post { margin-bottom: 30px; } .widget_posts .recent_posts li:last-child .img_wrapper { margin-bottom: 0 !important; } .sidepanel.widget_search { border-bottom: 0 !important; padding-bottom: 0 !important; } /*Unit Fix*/ article.contentarea img { vertical-align:baseline!important; } img.aligncenter, div.aligncenter { clear: both!important; display: block!important; margin-left: auto!important; margin-right: auto!important; text-align:center; } div.alignleft { text-align:center; float:left; margin-right:30px; } div.alignright { text-align:center; float:right; margin-left:30px; } div.alignnone { float:none; text-align:center; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } .contentarea table { border-bottom: 1px solid #ddd; margin: 0 0 1.625em; width: 100%; } .contentarea th { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } .contentarea td { border-top: 1px solid #ddd; padding: 6px 10px 6px 0; } .label a { color:#ffffff; } .dn { display: none; } /* PORTFOLIO MODULE SUPPORT*/ .module_portfolio.span12 .columns1 { width:1170px; margin:0px!important; } .module_portfolio.span6 .columns1 { width:570px; margin:0px!important; } .module_portfolio.span9 .columns1 { width:870px; margin:0px!important; } .module_portfolio.span8 .columns1 { width:770px; margin:0px!important; } .module_portfolio.span4 .columns1 { width:370px; margin:0px!important; } .module_portfolio.span3 .columns1 { width:270px; margin:0px!important; } .left-sidebar .module_portfolio.span12 .columns1, .right-sidebar .module_portfolio.span12 .columns1 { width:870px; margin:0px!important; } .left-sidebar .module_portfolio.span6 .columns1, .right-sidebar .module_portfolio.span6 .columns1 { width:424px; margin:0px!important; } .left-sidebar .module_portfolio.span9 .columns1, .right-sidebar .module_portfolio.span9 .columns1 { width:647px; margin:0px!important; } .left-sidebar .module_portfolio.span8 .columns1, .right-sidebar .module_portfolio.span8 .columns1 { width:573px; margin:0px!important; } .left-sidebar .module_portfolio.span4 .columns1, .right-sidebar .module_portfolio.span4 .columns1 { width:275px; margin:0px!important; } .left-sidebar .module_portfolio.span3 .columns1, .right-sidebar .module_portfolio.span3 .columns1 { width:201px; margin:0px!important; } .module_portfolio.span12 .columns2, .module_portfolio.span12 .columns3, .module_portfolio.span12 .columns4 { width:1200px; margin:0px 0 0 -30px!important; } .module_portfolio.span6 .columns2, .module_portfolio.span6 .columns3, .module_portfolio.span6 .columns4 { width:600px; margin:0px 0 0 -30px!important; } .module_portfolio.span9 .columns2, .module_portfolio.span9 .columns3, .module_portfolio.span9 .columns4 { width:900px; margin:0px 0 0 -30px!important; } .module_portfolio.span8 .columns2, .module_portfolio.span8 .columns3, .module_portfolio.span8 .columns4 { width:800px; margin:0px 0 0 -30px!important; } .module_portfolio.span4 .columns2, .module_portfolio.span4 .columns3, .module_portfolio.span4 .columns4 { width:400px; margin:0px 0 0 -30px!important; } .module_portfolio.span3 .columns2, .module_portfolio.span3 .columns3, .module_portfolio.span3 .columns4 { width:300px; margin:0px 0 0 -30px!important; } .left-sidebar .module_portfolio.span12 .columns2, .right-sidebar .module_portfolio.span12 .columns2, .left-sidebar .module_portfolio.span12 .columns3, .right-sidebar .module_portfolio.span12 .columns3, .left-sidebar .module_portfolio.span12 .columns4, .right-sidebar .module_portfolio.span12 .columns4 { width:900px; margin:0px 0 0 -30px!important; } .left-sidebar .module_portfolio.span6 .columns2, .right-sidebar .module_portfolio.span6 .columns2, .left-sidebar .module_portfolio.span6 .columns3, .right-sidebar .module_portfolio.span6 .columns3, .left-sidebar .module_portfolio.span6 .columns4, .right-sidebar .module_portfolio.span6 .columns4 { width:454px; margin:0px 0 0 -30px!important; } .left-sidebar .module_portfolio.span9 .columns2, .right-sidebar .module_portfolio.span9 .columns2, .left-sidebar .module_portfolio.span9 .columns3, .right-sidebar .module_portfolio.span9 .columns3, .left-sidebar .module_portfolio.span9 .columns4, .right-sidebar .module_portfolio.span9 .columns4 { width:677px; margin:0px 0 0 -30px!important; } .left-sidebar .module_portfolio.span8 .columns2, .right-sidebar .module_portfolio.span8 .columns2, .left-sidebar .module_portfolio.span8 .columns3, .right-sidebar .module_portfolio.span8 .columns3, .left-sidebar .module_portfolio.span8 .columns4, .right-sidebar .module_portfolio.span8 .columns4 { width:603px; margin:0px 0 0 -30px!important; } .left-sidebar .module_portfolio.span4 .columns2, .right-sidebar .module_portfolio.span4 .columns2, .left-sidebar .module_portfolio.span4 .columns3, .right-sidebar .module_portfolio.span4 .columns3, .left-sidebar .module_portfolio.span4 .columns4, .right-sidebar .module_portfolio.span4 .columns4 { width:305px; margin:0px 0 0 -30px!important; } .left-sidebar .module_portfolio.span3 .columns2, .right-sidebar .module_portfolio.span3 .columns2, .left-sidebar .module_portfolio.span3 .columns3, .right-sidebar .module_portfolio.span3 .columns3, .left-sidebar .module_portfolio.span3 .columns4, .right-sidebar .module_portfolio.span3 .columns4 { width:231px; margin:0px 0 0 -30px!important; } .module_portfolio.span12 .columns2 .element { margin-left:30px; width:570px; min-height:10px; } .module_portfolio.span12 .columns3 .element { margin-left:30px; width:370px; min-height:10px; } .module_portfolio.span12 .columns4 .element { margin-left:30px; width:270px; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns2 .element, .right-sidebar .module_portfolio.span12 .columns2 .element { margin-left:30px; width:420px; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns3 .element, .right-sidebar .module_portfolio.span12 .columns3 .element { margin-left:30px; width:270px; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns4 .element, .right-sidebar .module_portfolio.span12 .columns4 .element { margin-left:30px; width:195px; min-height:10px; } .module_portfolio.span6 .columns2 .element { margin-left:30px; width:270px; min-height:10px; } .module_portfolio.span6 .columns3 .element { margin-left:30px; width:170px; min-height:10px; } .module_portfolio.span6 .columns4 .element { margin-left:30px; width:120px; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns2 .element, .right-sidebar .module_portfolio.span6 .columns2 .element { margin-left:30px; width:197px; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns3 .element, .right-sidebar .module_portfolio.span6 .columns3 .element { margin-left:30px; width:121px; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns4 .element, .right-sidebar .module_portfolio.span6 .columns4 .element { margin-left:30px; width:83px; min-height:10px; } .module_portfolio.span9 .columns2 .element { margin-left:30px; width:420px; min-height:10px; } .module_portfolio.span9 .columns3 .element { margin-left:30px; width:270px; min-height:10px; } .module_portfolio.span9 .columns4 .element { margin-left:30px; width:195px; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns2 .element, .right-sidebar .module_portfolio.span9 .columns2 .element { margin-left:30px; width:308px; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns3 .element, .right-sidebar .module_portfolio.span9 .columns3 .element { margin-left:30px; width:195px; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns4 .element, .right-sidebar .module_portfolio.span9 .columns4 .element { margin-left:30px; width:139px; min-height:10px; } .module_portfolio.span8 .columns2 .element { margin-left:30px; width:370px; min-height:10px; } .module_portfolio.span8 .columns3 .element { margin-left:30px; width:236px; min-height:10px; } .module_portfolio.span8 .columns4 .element { margin-left:30px; width:170px; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns2 .element, .right-sidebar .module_portfolio.span8 .columns2 .element { margin-left:30px; width:271px; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns3 .element, .right-sidebar .module_portfolio.span8 .columns3 .element { margin-left:30px; width:171px; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns4 .element, .right-sidebar .module_portfolio.span8 .columns4 .element { margin-left:30px; width:120px; min-height:10px; } .module_portfolio.span4 .columns2 .element { margin-left:30px; width:170px; min-height:10px; } .module_portfolio.span4 .columns3 .element { margin-left:30px; width:103px; min-height:10px; } .module_portfolio.span4 .columns4 .element { margin-left:30px; width:70px; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns2 .element, .right-sidebar .module_portfolio.span4 .columns2 .element { margin-left:30px; width:122px; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns3 .element, .right-sidebar .module_portfolio.span4 .columns3 .element { margin-left:30px; width:71px; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns4 .element, .right-sidebar .module_portfolio.span4 .columns4 .element { margin-left:30px; width:46px; min-height:10px; } .module_portfolio.span3 .columns2 .element { margin-left:30px; width:120px; min-height:10px; } .module_portfolio.span3 .columns3 .element { margin-left:30px; width:70px; min-height:10px; } .module_portfolio.span3 .columns4 .element { margin-left:30px; width:45px; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns2 .element, .right-sidebar .module_portfolio.span3 .columns2 .element { margin-left:30px; width:85px; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns3 .element, .right-sidebar .module_portfolio.span3 .columns3 .element { margin-left:30px; width:47px; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns4 .element, .right-sidebar .module_portfolio.span3 .columns4 .element { margin-left:30px; width:27px; min-height:10px; } /*Landscape iPad*/ @media only screen and (min-width: 960px) and (max-width: 1200px) { .module_portfolio.span12 .columns1 { width:940px!important; margin:0px!important; } .module_portfolio.span6 .columns1 { width:460px!important; margin:0px!important; } .module_portfolio.span9 .columns1 { width:700px!important; margin:0px!important; } .module_portfolio.span8 .columns1 { width:620px!important; margin:0px!important; } .module_portfolio.span4 .columns1 { width:300px!important; margin:0px!important; } .module_portfolio.span3 .columns1 { width:220px!important; margin:0px!important; } .left-sidebar .module_portfolio.span12 .columns1, .right-sidebar .module_portfolio.span12 .columns1 { width:700px!important; margin:0px!important; } .left-sidebar .module_portfolio.span6 .columns1, .right-sidebar .module_portfolio.span6 .columns1 { width:343px!important; margin:0px!important; } .left-sidebar .module_portfolio.span9 .columns1, .right-sidebar .module_portfolio.span9 .columns1 { width:521px!important; margin:0px!important; } .left-sidebar .module_portfolio.span8 .columns1, .right-sidebar .module_portfolio.span8 .columns1 { width:462px!important; margin:0px!important; } .left-sidebar .module_portfolio.span4 .columns1, .right-sidebar .module_portfolio.span4 .columns1 { width:223px!important; margin:0px!important; } .left-sidebar .module_portfolio.span3 .columns1, .right-sidebar .module_portfolio.span3 .columns1 { width:164px!important; margin:0px!important; } .module_portfolio.span12 .columns2, .module_portfolio.span12 .columns3, .module_portfolio.span12 .columns4 { width:960px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span6 .columns2, .module_portfolio.span6 .columns3, .module_portfolio.span6 .columns4 { width:480px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span9 .columns2, .module_portfolio.span9 .columns3, .module_portfolio.span9 .columns4 { width:720px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span8 .columns2, .module_portfolio.span8 .columns3, .module_portfolio.span8 .columns4 { width:640px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span4 .columns2, .module_portfolio.span4 .columns3, .module_portfolio.span4 .columns4 { width:320px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span3 .columns2, .module_portfolio.span3 .columns3, .module_portfolio.span3 .columns4 { width:240px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span12 .columns2, .right-sidebar .module_portfolio.span12 .columns2, .left-sidebar .module_portfolio.span12 .columns3, .right-sidebar .module_portfolio.span12 .columns3, .left-sidebar .module_portfolio.span12 .columns4, .right-sidebar .module_portfolio.span12 .columns4 { width:720px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span6 .columns2, .right-sidebar .module_portfolio.span6 .columns2, .left-sidebar .module_portfolio.span6 .columns3, .right-sidebar .module_portfolio.span6 .columns3, .left-sidebar .module_portfolio.span6 .columns4, .right-sidebar .module_portfolio.span6 .columns4 { width:363px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span9 .columns2, .right-sidebar .module_portfolio.span9 .columns2, .left-sidebar .module_portfolio.span9 .columns3, .right-sidebar .module_portfolio.span9 .columns3, .left-sidebar .module_portfolio.span9 .columns4, .right-sidebar .module_portfolio.span9 .columns4 { width:541px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span8 .columns2, .right-sidebar .module_portfolio.span8 .columns2, .left-sidebar .module_portfolio.span8 .columns3, .right-sidebar .module_portfolio.span8 .columns3, .left-sidebar .module_portfolio.span8 .columns4, .right-sidebar .module_portfolio.span8 .columns4 { width:482px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span4 .columns2, .right-sidebar .module_portfolio.span4 .columns2, .left-sidebar .module_portfolio.span4 .columns3, .right-sidebar .module_portfolio.span4 .columns3, .left-sidebar .module_portfolio.span4 .columns4, .right-sidebar .module_portfolio.span4 .columns4 { width:243px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span3 .columns2, .right-sidebar .module_portfolio.span3 .columns2, .left-sidebar .module_portfolio.span3 .columns3, .right-sidebar .module_portfolio.span3 .columns3, .left-sidebar .module_portfolio.span3 .columns4, .right-sidebar .module_portfolio.span3 .columns4 { width:184px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span12 .columns2 .element { margin-left:20px; width:460px!important; min-height:10px; } .module_portfolio.span12 .columns3 .element { margin-left:20px; width:300px!important; min-height:10px; } .module_portfolio.span12 .columns4 .element { margin-left:20px; width:220px!important; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns2 .element, .right-sidebar .module_portfolio.span12 .columns2 .element { margin-left:20px; width:340px!important; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns3 .element, .right-sidebar .module_portfolio.span12 .columns3 .element { margin-left:20px; width:220px!important; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns4 .element, .right-sidebar .module_portfolio.span12 .columns4 .element { margin-left:20px; width:160px!important; min-height:10px; } .module_portfolio.span6 .columns2 .element { margin-left:20px; width:220px!important; min-height:10px; } .module_portfolio.span6 .columns3 .element { margin-left:20px; width:140px!important; min-height:10px; } .module_portfolio.span6 .columns4 .element { margin-left:20px; width:100px!important; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns2 .element, .right-sidebar .module_portfolio.span6 .columns2 .element { margin-left:20px; width:161px!important; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns3 .element, .right-sidebar .module_portfolio.span6 .columns3 .element { margin-left:20px; width:101px!important; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns4 .element, .right-sidebar .module_portfolio.span6 .columns4 .element { margin-left:20px; width:70px!important; min-height:10px; } .module_portfolio.span9 .columns2 .element { margin-left:20px; width:340px!important; min-height:10px; } .module_portfolio.span9 .columns3 .element { margin-left:20px; width:220px!important; min-height:10px; } .module_portfolio.span9 .columns4 .element { margin-left:20px; width:160px!important; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns2 .element, .right-sidebar .module_portfolio.span9 .columns2 .element { margin-left:20px; width:250px!important; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns3 .element, .right-sidebar .module_portfolio.span9 .columns3 .element { margin-left:20px; width:160px!important; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns4 .element, .right-sidebar .module_portfolio.span9 .columns4 .element { margin-left:20px; width:115px!important; min-height:10px; } .module_portfolio.span8 .columns2 .element { margin-left:20px; width:300px!important; min-height:10px; } .module_portfolio.span8 .columns3 .element { margin-left:20px; width:193px!important; min-height:10px; } .module_portfolio.span8 .columns4 .element { margin-left:20px; width:140px!important; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns2 .element, .right-sidebar .module_portfolio.span8 .columns2 .element { margin-left:20px; width:221px!important; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns3 .element, .right-sidebar .module_portfolio.span8 .columns3 .element { margin-left:20px; width:140px!important; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns4 .element, .right-sidebar .module_portfolio.span8 .columns4 .element { margin-left:20px; width:100px!important; min-height:10px; } .module_portfolio.span4 .columns2 .element { margin-left:20px; width:140px!important; min-height:10px; } .module_portfolio.span4 .columns3 .element { margin-left:20px; width:86px!important; min-height:10px; } .module_portfolio.span4 .columns4 .element { margin-left:20px; width:60px!important; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns2 .element, .right-sidebar .module_portfolio.span4 .columns2 .element { margin-left:20px; width:101px!important; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns3 .element, .right-sidebar .module_portfolio.span4 .columns3 .element { margin-left:20px; width:61px!important; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns4 .element, .right-sidebar .module_portfolio.span4 .columns4 .element { margin-left:20px; width:40px!important; min-height:10px; } .module_portfolio.span3 .columns2 .element { margin-left:20px; width:100px!important; min-height:10px; } .module_portfolio.span3 .columns3 .element { margin-left:20px; width:60px!important; min-height:10px; } .module_portfolio.span3 .columns4 .element { margin-left:20px; width:40px!important; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns2 .element, .right-sidebar .module_portfolio.span3 .columns2 .element { margin-left:20px; width:72px!important; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns3 .element, .right-sidebar .module_portfolio.span3 .columns3 .element { margin-left:20px; width:41px!important; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns4 .element, .right-sidebar .module_portfolio.span3 .columns4 .element { margin-left:20px; width:26px!important; min-height:10px; } } /* IE8 Support*/ .ie8 .module_portfolio.span12 .columns1 { width:940px!important; margin:0px!important; } .ie8 .module_portfolio.span6 .columns1 { width:460px!important; margin:0px!important; } .ie8 .module_portfolio.span9 .columns1 { width:700px!important; margin:0px!important; } .ie8 .module_portfolio.span8 .columns1 { width:620px!important; margin:0px!important; } .ie8 .module_portfolio.span4 .columns1 { width:300px!important; margin:0px!important; } .ie8 .module_portfolio.span3 .columns1 { width:220px!important; margin:0px!important; } .ie8 .left-sidebar .module_portfolio.span12 .columns1, .ie8 .right-sidebar .module_portfolio.span12 .columns1 { width:700px!important; margin:0px!important; } .ie8 .left-sidebar .module_portfolio.span6 .columns1, .ie8 .right-sidebar .module_portfolio.span6 .columns1 { width:343px!important; margin:0px!important; } .ie8 .left-sidebar .module_portfolio.span9 .columns1, .ie8 .right-sidebar .module_portfolio.span9 .columns1 { width:521px!important; margin:0px!important; } .ie8 .left-sidebar .module_portfolio.span8 .columns1, .ie8 .right-sidebar .module_portfolio.span8 .columns1 { width:462px!important; margin:0px!important; } .ie8 .left-sidebar .module_portfolio.span4 .columns1, .ie8 .right-sidebar .module_portfolio.span4 .columns1 { width:223px!important; margin:0px!important; } .ie8 .left-sidebar .module_portfolio.span3 .columns1, .ie8 .right-sidebar .module_portfolio.span3 .columns1 { width:164px!important; margin:0px!important; } .ie8 .module_portfolio.span12 .columns2, .ie8 .module_portfolio.span12 .columns3, .ie8 .module_portfolio.span12 .columns4 { width:960px!important; margin:0px 0 0 -20px!important; } .ie8 .module_portfolio.span6 .columns2, .ie8 .module_portfolio.span6 .columns3, .ie8 .module_portfolio.span6 .columns4 { width:480px!important; margin:0px 0 0 -20px!important; } .ie8 .module_portfolio.span9 .columns2, .ie8 .module_portfolio.span9 .columns3, .ie8 .module_portfolio.span9 .columns4 { width:720px!important; margin:0px 0 0 -20px!important; } .ie8 .module_portfolio.span8 .columns2, .ie8 .module_portfolio.span8 .columns3, .ie8 .module_portfolio.span8 .columns4 { width:640px!important; margin:0px 0 0 -20px!important; } .ie8 .module_portfolio.span4 .columns2, .ie8 .module_portfolio.span4 .columns3, .ie8 .module_portfolio.span4 .columns4 { width:320px!important; margin:0px 0 0 -20px!important; } .ie8 .module_portfolio.span3 .columns2, .ie8 .module_portfolio.span3 .columns3, .ie8 .module_portfolio.span3 .columns4 { width:240px!important; margin:0px 0 0 -20px!important; } .ie8 .left-sidebar .module_portfolio.span12 .columns2, .ie8 .right-sidebar .module_portfolio.span12 .columns2, .ie8 .left-sidebar .module_portfolio.span12 .columns3, .ie8 .right-sidebar .module_portfolio.span12 .columns3, .ie8 .left-sidebar .module_portfolio.span12 .columns4, .ie8 .right-sidebar .module_portfolio.span12 .columns4 { width:720px!important; margin:0px 0 0 -20px!important; } .ie8 .left-sidebar .module_portfolio.span6 .columns2, .ie8 .right-sidebar .module_portfolio.span6 .columns2, .ie8 .left-sidebar .module_portfolio.span6 .columns3, .ie8 .right-sidebar .module_portfolio.span6 .columns3, .ie8 .left-sidebar .module_portfolio.span6 .columns4, .ie8 .right-sidebar .module_portfolio.span6 .columns4 { width:363px!important; margin:0px 0 0 -20px!important; } .ie8 .left-sidebar .module_portfolio.span9 .columns2, .ie8 .right-sidebar .module_portfolio.span9 .columns2, .ie8 .left-sidebar .module_portfolio.span9 .columns3, .ie8 .right-sidebar .module_portfolio.span9 .columns3, .ie8 .left-sidebar .module_portfolio.span9 .columns4, .ie8 .right-sidebar .module_portfolio.span9 .columns4 { width:541px!important; margin:0px 0 0 -20px!important; } .ie8 .left-sidebar .module_portfolio.span8 .columns2, .ie8 .right-sidebar .module_portfolio.span8 .columns2, .ie8 .left-sidebar .module_portfolio.span8 .columns3, .ie8 .right-sidebar .module_portfolio.span8 .columns3, .ie8 .left-sidebar .module_portfolio.span8 .columns4, .ie8 .right-sidebar .module_portfolio.span8 .columns4 { width:482px!important; margin:0px 0 0 -20px!important; } .ie8 .left-sidebar .module_portfolio.span4 .columns2, .ie8 .right-sidebar .module_portfolio.span4 .columns2, .ie8 .left-sidebar .module_portfolio.span4 .columns3, .ie8 .right-sidebar .module_portfolio.span4 .columns3, .ie8 .left-sidebar .module_portfolio.span4 .columns4, .ie8 .right-sidebar .module_portfolio.span4 .columns4 { width:243px!important; margin:0px 0 0 -20px!important; } .ie8 .left-sidebar .module_portfolio.span3 .columns2, .ie8 .right-sidebar .module_portfolio.span3 .columns2, .ie8 .left-sidebar .module_portfolio.span3 .columns3, .ie8 .right-sidebar .module_portfolio.span3 .columns3, .ie8 .left-sidebar .module_portfolio.span3 .columns4, .ie8 .right-sidebar .module_portfolio.span3 .columns4 { width:184px!important; margin:0px 0 0 -20px!important; } .ie8 .module_portfolio.span12 .columns2 .element { margin-left:20px; width:460px!important; min-height:10px; } .ie8 .module_portfolio.span12 .columns3 .element { margin-left:20px; width:300px!important; min-height:10px; } .ie8 .module_portfolio.span12 .columns4 .element { margin-left:20px; width:220px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span12 .columns2 .element, .ie8 .right-sidebar .module_portfolio.span12 .columns2 .element { margin-left:20px; width:340px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span12 .columns3 .element, .ie8 .right-sidebar .module_portfolio.span12 .columns3 .element { margin-left:20px; width:220px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span12 .columns4 .element, .ie8 .right-sidebar .module_portfolio.span12 .columns4 .element { margin-left:20px; width:160px!important; min-height:10px; } .ie8 .module_portfolio.span6 .columns2 .element { margin-left:20px; width:220px!important; min-height:10px; } .ie8 .module_portfolio.span6 .columns3 .element { margin-left:20px; width:140px!important; min-height:10px; } .ie8 .module_portfolio.span6 .columns4 .element { margin-left:20px; width:100px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span6 .columns2 .element, .ie8 .right-sidebar .module_portfolio.span6 .columns2 .element { margin-left:20px; width:161px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span6 .columns3 .element, .ie8 .right-sidebar .module_portfolio.span6 .columns3 .element { margin-left:20px; width:101px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span6 .columns4 .element, .ie8 .right-sidebar .module_portfolio.span6 .columns4 .element { margin-left:20px; width:70px!important; min-height:10px; } .ie8 .module_portfolio.span9 .columns2 .element { margin-left:20px; width:340px!important; min-height:10px; } .ie8 .module_portfolio.span9 .columns3 .element { margin-left:20px; width:220px!important; min-height:10px; } .ie8 .module_portfolio.span9 .columns4 .element { margin-left:20px; width:160px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span9 .columns2 .element, .ie8 .right-sidebar .module_portfolio.span9 .columns2 .element { margin-left:20px; width:250px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span9 .columns3 .element, .ie8 .right-sidebar .module_portfolio.span9 .columns3 .element { margin-left:20px; width:160px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span9 .columns4 .element, .ie8 .right-sidebar .module_portfolio.span9 .columns4 .element { margin-left:20px; width:115px!important; min-height:10px; } .ie8 .module_portfolio.span8 .columns2 .element { margin-left:20px; width:300px!important; min-height:10px; } .ie8 .module_portfolio.span8 .columns3 .element { margin-left:20px; width:193px!important; min-height:10px; } .ie8 .module_portfolio.span8 .columns4 .element { margin-left:20px; width:140px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span8 .columns2 .element, .ie8 .right-sidebar .module_portfolio.span8 .columns2 .element { margin-left:20px; width:221px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span8 .columns3 .element, .ie8 .right-sidebar .module_portfolio.span8 .columns3 .element { margin-left:20px; width:140px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span8 .columns4 .element, .ie8 .right-sidebar .module_portfolio.span8 .columns4 .element { margin-left:20px; width:100px!important; min-height:10px; } .ie8 .module_portfolio.span4 .columns2 .element { margin-left:20px; width:140px!important; min-height:10px; } .ie8 .module_portfolio.span4 .columns3 .element { margin-left:20px; width:86px!important; min-height:10px; } .ie8 .module_portfolio.span4 .columns4 .element { margin-left:20px; width:60px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span4 .columns2 .element, .ie8 .right-sidebar .module_portfolio.span4 .columns2 .element { margin-left:20px; width:101px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span4 .columns3 .element, .ie8 .right-sidebar .module_portfolio.span4 .columns3 .element { margin-left:20px; width:61px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span4 .columns4 .element, .ie8 .right-sidebar .module_portfolio.span4 .columns4 .element { margin-left:20px; width:40px!important; min-height:10px; } .ie8 .module_portfolio.span3 .columns2 .element { margin-left:20px; width:100px!important; min-height:10px; } .ie8 .module_portfolio.span3 .columns3 .element { margin-left:20px; width:60px!important; min-height:10px; } .ie8 .module_portfolio.span3 .columns4 .element { margin-left:20px; width:40px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span3 .columns2 .element, .ie8 .right-sidebar .module_portfolio.span3 .columns2 .element { margin-left:20px; width:72px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span3 .columns3 .element, .ie8 .right-sidebar .module_portfolio.span3 .columns3 .element { margin-left:20px; width:41px!important; min-height:10px; } .ie8 .left-sidebar .module_portfolio.span3 .columns4 .element, .ie8 .right-sidebar .module_portfolio.span3 .columns4 .element { margin-left:20px; width:26px!important; min-height:10px; } /*Portrait iPad*/ @media only screen and (min-width: 760px) and (max-width: 959px) { .module_portfolio.span12 .columns1 { width:724px!important; margin:0px!important; } .module_portfolio.span6 .columns1 { width:352px!important; margin:0px!important; } .module_portfolio.span9 .columns1 { width:538px!important; margin:0px!important; } .module_portfolio.span8 .columns1 { width:476px!important; margin:0px!important; } .module_portfolio.span4 .columns1 { width:228px!important; margin:0px!important; } .module_portfolio.span3 .columns1 { width:166px!important; margin:0px!important; } .left-sidebar .module_portfolio.span12 .columns1, .right-sidebar .module_portfolio.span12 .columns1 { width:538px!important; margin:0px!important; } .left-sidebar .module_portfolio.span6 .columns1, .right-sidebar .module_portfolio.span6 .columns1 { width:262px!important; margin:0px!important; } .left-sidebar .module_portfolio.span9 .columns1, .right-sidebar .module_portfolio.span9 .columns1 { width:400px!important; margin:0px!important; } .left-sidebar .module_portfolio.span8 .columns1, .right-sidebar .module_portfolio.span8 .columns1 { width:354px!important; margin:0px!important; } .left-sidebar .module_portfolio.span4 .columns1, .right-sidebar .module_portfolio.span4 .columns1 { width:169px!important; margin:0px!important; } .left-sidebar .module_portfolio.span3 .columns1, .right-sidebar .module_portfolio.span3 .columns1 { width:123px!important; margin:0px!important; } .module_portfolio.span12 .columns2, .module_portfolio.span12 .columns3, .module_portfolio.span12 .columns4 { width:744px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span6 .columns2, .module_portfolio.span6 .columns3, .module_portfolio.span6 .columns4 { width:372px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span9 .columns2, .module_portfolio.span9 .columns3, .module_portfolio.span9 .columns4 { width:558px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span8 .columns2, .module_portfolio.span8 .columns3, .module_portfolio.span8 .columns4 { width:496px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span4 .columns2, .module_portfolio.span4 .columns3, .module_portfolio.span4 .columns4 { width:248px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span3 .columns2, .module_portfolio.span3 .columns3, .module_portfolio.span3 .columns4 { width:186px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span12 .columns2, .right-sidebar .module_portfolio.span12 .columns2, .left-sidebar .module_portfolio.span12 .columns3, .right-sidebar .module_portfolio.span12 .columns3, .left-sidebar .module_portfolio.span12 .columns4, .right-sidebar .module_portfolio.span12 .columns4 { width:558px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span6 .columns2, .right-sidebar .module_portfolio.span6 .columns2, .left-sidebar .module_portfolio.span6 .columns3, .right-sidebar .module_portfolio.span6 .columns3, .left-sidebar .module_portfolio.span6 .columns4, .right-sidebar .module_portfolio.span6 .columns4 { width:282px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span9 .columns2, .right-sidebar .module_portfolio.span9 .columns2, .left-sidebar .module_portfolio.span9 .columns3, .right-sidebar .module_portfolio.span9 .columns3, .left-sidebar .module_portfolio.span9 .columns4, .right-sidebar .module_portfolio.span9 .columns4 { width:420px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span8 .columns2, .right-sidebar .module_portfolio.span8 .columns2, .left-sidebar .module_portfolio.span8 .columns3, .right-sidebar .module_portfolio.span8 .columns3, .left-sidebar .module_portfolio.span8 .columns4, .right-sidebar .module_portfolio.span8 .columns4 { width:374px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span4 .columns2, .right-sidebar .module_portfolio.span4 .columns2, .left-sidebar .module_portfolio.span4 .columns3, .right-sidebar .module_portfolio.span4 .columns3, .left-sidebar .module_portfolio.span4 .columns4, .right-sidebar .module_portfolio.span4 .columns4 { width:189px!important; margin:0px 0 0 -20px!important; } .left-sidebar .module_portfolio.span3 .columns2, .right-sidebar .module_portfolio.span3 .columns2, .left-sidebar .module_portfolio.span3 .columns3, .right-sidebar .module_portfolio.span3 .columns3, .left-sidebar .module_portfolio.span3 .columns4, .right-sidebar .module_portfolio.span3 .columns4 { width:143px!important; margin:0px 0 0 -20px!important; } .module_portfolio.span12 .columns2 .element { margin-left:20px; width:352px!important; min-height:10px; } .module_portfolio.span12 .columns3 .element { margin-left:20px; width:228px!important; min-height:10px; } .module_portfolio.span12 .columns4 .element { margin-left:20px; width:166px!important; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns2 .element, .right-sidebar .module_portfolio.span12 .columns2 .element { margin-left:20px; width:259px!important; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns3 .element, .right-sidebar .module_portfolio.span12 .columns3 .element { margin-left:20px; width:166px!important; min-height:10px; } .left-sidebar .module_portfolio.span12 .columns4 .element, .right-sidebar .module_portfolio.span12 .columns4 .element { margin-left:20px; width:119px!important; min-height:10px; } .module_portfolio.span6 .columns2 .element { margin-left:20px; width:166px!important; min-height:10px; } .module_portfolio.span6 .columns3 .element { margin-left:20px; width:104px!important; min-height:10px; } .module_portfolio.span6 .columns4 .element { margin-left:20px; width:73px!important; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns2 .element, .right-sidebar .module_portfolio.span6 .columns2 .element { margin-left:20px; width:121px!important; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns3 .element, .right-sidebar .module_portfolio.span6 .columns3 .element { margin-left:20px; width:74px!important; min-height:10px; } .left-sidebar .module_portfolio.span6 .columns4 .element, .right-sidebar .module_portfolio.span6 .columns4 .element { margin-left:20px; width:50px!important; min-height:10px; } .module_portfolio.span9 .columns2 .element { margin-left:20px; width:259px!important; min-height:10px; } .module_portfolio.span9 .columns3 .element { margin-left:20px; width:166px!important; min-height:10px; } .module_portfolio.span9 .columns4 .element { margin-left:20px; width:119px!important; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns2 .element, .right-sidebar .module_portfolio.span9 .columns2 .element { margin-left:20px; width:190px!important; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns3 .element, .right-sidebar .module_portfolio.span9 .columns3 .element { margin-left:20px; width:120px!important; min-height:10px; } .left-sidebar .module_portfolio.span9 .columns4 .element, .right-sidebar .module_portfolio.span9 .columns4 .element { margin-left:20px; width:85px!important; min-height:10px; } .module_portfolio.span8 .columns2 .element { margin-left:20px; width:228px!important; min-height:10px; } .module_portfolio.span8 .columns3 .element { margin-left:20px; width:145px!important; min-height:10px; } .module_portfolio.span8 .columns4 .element { margin-left:20px; width:104px!important; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns2 .element, .right-sidebar .module_portfolio.span8 .columns2 .element { margin-left:20px; width:167px!important; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns3 .element, .right-sidebar .module_portfolio.span8 .columns3 .element { margin-left:20px; width:104px!important; min-height:10px; } .left-sidebar .module_portfolio.span8 .columns4 .element, .right-sidebar .module_portfolio.span8 .columns4 .element { margin-left:20px; width:73px!important; min-height:10px; } .module_portfolio.span4 .columns2 .element { margin-left:20px; width:104px!important; min-height:10px; } .module_portfolio.span4 .columns3 .element { margin-left:20px; width:62px!important; min-height:10px; } .module_portfolio.span4 .columns4 .element { margin-left:20px; width:42px!important; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns2 .element, .right-sidebar .module_portfolio.span4 .columns2 .element { margin-left:20px; width:74px!important; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns3 .element, .right-sidebar .module_portfolio.span4 .columns3 .element { margin-left:20px; width:43px!important; min-height:10px; } .left-sidebar .module_portfolio.span4 .columns4 .element, .right-sidebar .module_portfolio.span4 .columns4 .element { margin-left:20px; width:27px!important; min-height:10px; } .module_portfolio.span3 .columns2 .element { margin-left:20px; width:73px!important; min-height:10px; } .module_portfolio.span3 .columns3 .element { margin-left:20px; width:42px!important; min-height:10px; } .module_portfolio.span3 .columns4 .element { margin-left:20px; width:26px!important; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns2 .element, .right-sidebar .module_portfolio.span3 .columns2 .element { margin-left:20px; width:51px!important; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns3 .element, .right-sidebar .module_portfolio.span3 .columns3 .element { margin-left:20px; width:27px!important; min-height:10px; } .left-sidebar .module_portfolio.span3 .columns4 .element, .right-sidebar .module_portfolio.span3 .columns4 .element { margin-left:20px; width:15px!important; min-height:10px; } } /*Landscape iPhone*/ @media only screen and (min-width: 475px) and (max-width: 759px) { .module_portfolio.span12 .columns1, .module_portfolio.span6 .columns1, .module_portfolio.span9 .columns1, .module_portfolio.span8 .columns1, .module_portfolio.span4 .columns1, .module_portfolio.span3 .columns1, .left-sidebar .module_portfolio.span12 .columns1, .right-sidebar .module_portfolio.span12 .columns1, .left-sidebar .module_portfolio.span6 .columns1, .right-sidebar .module_portfolio.span6 .columns1, .left-sidebar .module_portfolio.span9 .columns1, .right-sidebar .module_portfolio.span9 .columns1, .left-sidebar .module_portfolio.span8 .columns1, .right-sidebar .module_portfolio.span8 .columns1, .left-sidebar .module_portfolio.span4 .columns1, .right-sidebar .module_portfolio.span4 .columns1, .left-sidebar .module_portfolio.span3 .columns1, .right-sidebar .module_portfolio.span3 .columns1, .module_portfolio.span12 .columns2, .module_portfolio.span12 .columns3, .module_portfolio.span12 .columns4, .module_portfolio.span6 .columns2, .module_portfolio.span6 .columns3, .module_portfolio.span6 .columns4, .module_portfolio.span9 .columns2, .module_portfolio.span9 .columns3, .module_portfolio.span9 .columns4, .module_portfolio.span8 .columns2, .module_portfolio.span8 .columns3, .module_portfolio.span8 .columns4, .module_portfolio.span4 .columns2, .module_portfolio.span4 .columns3, .module_portfolio.span4 .columns4, .module_portfolio.span3 .columns2, .module_portfolio.span3 .columns3, .module_portfolio.span3 .columns4, .left-sidebar .module_portfolio.span12 .columns2, .right-sidebar .module_portfolio.span12 .columns2, .left-sidebar .module_portfolio.span12 .columns3, .right-sidebar .module_portfolio.span12 .columns3, .left-sidebar .module_portfolio.span12 .columns4, .right-sidebar .module_portfolio.span12 .columns4, .left-sidebar .module_portfolio.span6 .columns2, .right-sidebar .module_portfolio.span6 .columns2, .left-sidebar .module_portfolio.span6 .columns3, .right-sidebar .module_portfolio.span6 .columns3, .left-sidebar .module_portfolio.span6 .columns4, .right-sidebar .module_portfolio.span6 .columns4, .left-sidebar .module_portfolio.span9 .columns2, .right-sidebar .module_portfolio.span9 .columns2, .left-sidebar .module_portfolio.span9 .columns3, .right-sidebar .module_portfolio.span9 .columns3, .left-sidebar .module_portfolio.span9 .columns4, .right-sidebar .module_portfolio.span9 .columns4, .left-sidebar .module_portfolio.span8 .columns2, .right-sidebar .module_portfolio.span8 .columns2, .left-sidebar .module_portfolio.span8 .columns3, .right-sidebar .module_portfolio.span8 .columns3, .left-sidebar .module_portfolio.span8 .columns4, .right-sidebar .module_portfolio.span8 .columns4, .left-sidebar .module_portfolio.span4 .columns2, .right-sidebar .module_portfolio.span4 .columns2, .left-sidebar .module_portfolio.span4 .columns3, .right-sidebar .module_portfolio.span4 .columns3, .left-sidebar .module_portfolio.span4 .columns4, .right-sidebar .module_portfolio.span4 .columns4, .left-sidebar .module_portfolio.span3 .columns2, .right-sidebar .module_portfolio.span3 .columns2, .left-sidebar .module_portfolio.span3 .columns3, .right-sidebar .module_portfolio.span3 .columns3, .left-sidebar .module_portfolio.span3 .columns4, .right-sidebar .module_portfolio.span3 .columns4 { width:420px!important; margin:0px 0 0 0px!important; } .module_portfolio.span12 .columns2 .element, .module_portfolio.span12 .columns3 .element, .module_portfolio.span12 .columns4 .element, .left-sidebar .module_portfolio.span12 .columns2 .element, .right-sidebar .module_portfolio.span12 .columns2 .element, .left-sidebar .module_portfolio.span12 .columns3 .element, .right-sidebar .module_portfolio.span12 .columns3 .element, .left-sidebar .module_portfolio.span12 .columns4 .element, .right-sidebar .module_portfolio.span12 .columns4 .element, .module_portfolio.span6 .columns2 .element, .module_portfolio.span6 .columns3 .element, .module_portfolio.span6 .columns4 .element, .left-sidebar .module_portfolio.span6 .columns2 .element, .right-sidebar .module_portfolio.span6 .columns2 .element, .left-sidebar .module_portfolio.span6 .columns3 .element, .right-sidebar .module_portfolio.span6 .columns3 .element, .left-sidebar .module_portfolio.span6 .columns4 .element, .right-sidebar .module_portfolio.span6 .columns4 .element, .module_portfolio.span9 .columns2 .element, .module_portfolio.span9 .columns3 .element, .module_portfolio.span9 .columns4 .element, .left-sidebar .module_portfolio.span9 .columns2 .element, .right-sidebar .module_portfolio.span9 .columns2 .element, .left-sidebar .module_portfolio.span9 .columns3 .element, .right-sidebar .module_portfolio.span9 .columns3 .element, .left-sidebar .module_portfolio.span9 .columns4 .element, .right-sidebar .module_portfolio.span9 .columns4 .element, .module_portfolio.span8 .columns2 .element, .module_portfolio.span8 .columns3 .element, .module_portfolio.span8 .columns4 .element, .left-sidebar .module_portfolio.span8 .columns2 .element, .right-sidebar .module_portfolio.span8 .columns2 .element, .left-sidebar .module_portfolio.span8 .columns3 .element, .right-sidebar .module_portfolio.span8 .columns3 .element, .left-sidebar .module_portfolio.span8 .columns4 .element, .right-sidebar .module_portfolio.span8 .columns4 .element, .module_portfolio.span4 .columns2 .element, .module_portfolio.span4 .columns3 .element, .module_portfolio.span4 .columns4 .element, .left-sidebar .module_portfolio.span4 .columns2 .element, .right-sidebar .module_portfolio.span4 .columns2 .element, .left-sidebar .module_portfolio.span4 .columns3 .element, .right-sidebar .module_portfolio.span4 .columns3 .element, .left-sidebar .module_portfolio.span4 .columns4 .element, .right-sidebar .module_portfolio.span4 .columns4 .element, .module_portfolio.span3 .columns2 .element, .module_portfolio.span3 .columns3 .element, .module_portfolio.span3 .columns4 .element, .left-sidebar .module_portfolio.span3 .columns2 .element, .right-sidebar .module_portfolio.span3 .columns2 .element, .left-sidebar .module_portfolio.span3 .columns3 .element, .right-sidebar .module_portfolio.span3 .columns3 .element, .left-sidebar .module_portfolio.span3 .columns4 .element, .right-sidebar .module_portfolio.span3 .columns4 .element { margin-left:0px!important; width:420px!important; min-height:10px; } } /*Portrait iPhone*/ @media only screen and (max-width: 474px) { .module_portfolio.span12 .columns1, .module_portfolio.span6 .columns1, .module_portfolio.span9 .columns1, .module_portfolio.span8 .columns1, .module_portfolio.span4 .columns1, .module_portfolio.span3 .columns1, .left-sidebar .module_portfolio.span12 .columns1, .right-sidebar .module_portfolio.span12 .columns1, .left-sidebar .module_portfolio.span6 .columns1, .right-sidebar .module_portfolio.span6 .columns1, .left-sidebar .module_portfolio.span9 .columns1, .right-sidebar .module_portfolio.span9 .columns1, .left-sidebar .module_portfolio.span8 .columns1, .right-sidebar .module_portfolio.span8 .columns1, .left-sidebar .module_portfolio.span4 .columns1, .right-sidebar .module_portfolio.span4 .columns1, .left-sidebar .module_portfolio.span3 .columns1, .right-sidebar .module_portfolio.span3 .columns1, .module_portfolio.span12 .columns2, .module_portfolio.span12 .columns3, .module_portfolio.span12 .columns4, .module_portfolio.span6 .columns2, .module_portfolio.span6 .columns3, .module_portfolio.span6 .columns4, .module_portfolio.span9 .columns2, .module_portfolio.span9 .columns3, .module_portfolio.span9 .columns4, .module_portfolio.span8 .columns2, .module_portfolio.span8 .columns3, .module_portfolio.span8 .columns4, .module_portfolio.span4 .columns2, .module_portfolio.span4 .columns3, .module_portfolio.span4 .columns4, .module_portfolio.span3 .columns2, .module_portfolio.span3 .columns3, .module_portfolio.span3 .columns4, .left-sidebar .module_portfolio.span12 .columns2, .right-sidebar .module_portfolio.span12 .columns2, .left-sidebar .module_portfolio.span12 .columns3, .right-sidebar .module_portfolio.span12 .columns3, .left-sidebar .module_portfolio.span12 .columns4, .right-sidebar .module_portfolio.span12 .columns4, .left-sidebar .module_portfolio.span6 .columns2, .right-sidebar .module_portfolio.span6 .columns2, .left-sidebar .module_portfolio.span6 .columns3, .right-sidebar .module_portfolio.span6 .columns3, .left-sidebar .module_portfolio.span6 .columns4, .right-sidebar .module_portfolio.span6 .columns4, .left-sidebar .module_portfolio.span9 .columns2, .right-sidebar .module_portfolio.span9 .columns2, .left-sidebar .module_portfolio.span9 .columns3, .right-sidebar .module_portfolio.span9 .columns3, .left-sidebar .module_portfolio.span9 .columns4, .right-sidebar .module_portfolio.span9 .columns4, .left-sidebar .module_portfolio.span8 .columns2, .right-sidebar .module_portfolio.span8 .columns2, .left-sidebar .module_portfolio.span8 .columns3, .right-sidebar .module_portfolio.span8 .columns3, .left-sidebar .module_portfolio.span8 .columns4, .right-sidebar .module_portfolio.span8 .columns4, .left-sidebar .module_portfolio.span4 .columns2, .right-sidebar .module_portfolio.span4 .columns2, .left-sidebar .module_portfolio.span4 .columns3, .right-sidebar .module_portfolio.span4 .columns3, .left-sidebar .module_portfolio.span4 .columns4, .right-sidebar .module_portfolio.span4 .columns4, .left-sidebar .module_portfolio.span3 .columns2, .right-sidebar .module_portfolio.span3 .columns2, .left-sidebar .module_portfolio.span3 .columns3, .right-sidebar .module_portfolio.span3 .columns3, .left-sidebar .module_portfolio.span3 .columns4, .right-sidebar .module_portfolio.span3 .columns4 { width:300px!important; margin:0px 0 0 0px!important; } .module_portfolio.span12 .columns2 .element, .module_portfolio.span12 .columns3 .element, .module_portfolio.span12 .columns4 .element, .left-sidebar .module_portfolio.span12 .columns2 .element, .right-sidebar .module_portfolio.span12 .columns2 .element, .left-sidebar .module_portfolio.span12 .columns3 .element, .right-sidebar .module_portfolio.span12 .columns3 .element, .left-sidebar .module_portfolio.span12 .columns4 .element, .right-sidebar .module_portfolio.span12 .columns4 .element, .module_portfolio.span6 .columns2 .element, .module_portfolio.span6 .columns3 .element, .module_portfolio.span6 .columns4 .element, .left-sidebar .module_portfolio.span6 .columns2 .element, .right-sidebar .module_portfolio.span6 .columns2 .element, .left-sidebar .module_portfolio.span6 .columns3 .element, .right-sidebar .module_portfolio.span6 .columns3 .element, .left-sidebar .module_portfolio.span6 .columns4 .element, .right-sidebar .module_portfolio.span6 .columns4 .element, .module_portfolio.span9 .columns2 .element, .module_portfolio.span9 .columns3 .element, .module_portfolio.span9 .columns4 .element, .left-sidebar .module_portfolio.span9 .columns2 .element, .right-sidebar .module_portfolio.span9 .columns2 .element, .left-sidebar .module_portfolio.span9 .columns3 .element, .right-sidebar .module_portfolio.span9 .columns3 .element, .left-sidebar .module_portfolio.span9 .columns4 .element, .right-sidebar .module_portfolio.span9 .columns4 .element, .module_portfolio.span8 .columns2 .element, .module_portfolio.span8 .columns3 .element, .module_portfolio.span8 .columns4 .element, .left-sidebar .module_portfolio.span8 .columns2 .element, .right-sidebar .module_portfolio.span8 .columns2 .element, .left-sidebar .module_portfolio.span8 .columns3 .element, .right-sidebar .module_portfolio.span8 .columns3 .element, .left-sidebar .module_portfolio.span8 .columns4 .element, .right-sidebar .module_portfolio.span8 .columns4 .element, .module_portfolio.span4 .columns2 .element, .module_portfolio.span4 .columns3 .element, .module_portfolio.span4 .columns4 .element, .left-sidebar .module_portfolio.span4 .columns2 .element, .right-sidebar .module_portfolio.span4 .columns2 .element, .left-sidebar .module_portfolio.span4 .columns3 .element, .right-sidebar .module_portfolio.span4 .columns3 .element, .left-sidebar .module_portfolio.span4 .columns4 .element, .right-sidebar .module_portfolio.span4 .columns4 .element, .module_portfolio.span3 .columns2 .element, .module_portfolio.span3 .columns3 .element, .module_portfolio.span3 .columns4 .element, .left-sidebar .module_portfolio.span3 .columns2 .element, .right-sidebar .module_portfolio.span3 .columns2 .element, .left-sidebar .module_portfolio.span3 .columns3 .element, .right-sidebar .module_portfolio.span3 .columns3 .element, .left-sidebar .module_portfolio.span3 .columns4 .element, .right-sidebar .module_portfolio.span3 .columns4 .element { margin-left:0px!important; width:300px!important; min-height:10px; } } .portfolio_block.without_ajax.image-grid .element { float: left; } .textwidget b { font-weight: 700; }