/* * Template Name: Karma * Template URL: http://themeforest.net/item/karma-clean-and-modern-wordpress-theme/168737?ref=TrueThemes * Author: TrueThemes * Version: 2.1 * * stock Karma navigation replaced by WS-Menu for RWD * */ /* ---------------------- Stylesheet Guide ------------------------- 01. GLOBAL STYLES 02. LAYOUT 1. GENERAL STRUCTURE 2. CONTENT AREA 3. PORTFOLIO PAGES 4. FOOTER 5. MULTI COLUMNS 6. SIDEBAR 7. HOMEPAGE 8. SITEMAP 9. VIDEO + 3D THUMBS 03. NAVIGATION 1. MAIN NAVIGATION 2. VERTICAL SUB NAVIGATION 3. HORIZONTAL SUB NAVIGATION 4. BREADCRUMBS 04. LINKS 1. GENERAL LINKS 2. TOP LINK 3. CUSTOM BUTTONS 05. LISTS 1. GENERAL LISTS 2. CUSTOM LIST BULLETS 3. ACCORDION 4. TABS 06. TYPOGRAPHY 1. GENERAL TYPOGRAPHY 2. @FONT-FACE 3. MESSAGE BOXES 4. FOOTER 5. CALLOUTS 07. BLOG 08. FORMS 09. IMAGES 1. GENERAL 2. MODERN FRAME 3. SHADOW FRAME 10. MISCELLANEOUS 11. WORDPRESS 1. KARMA Pagenavi 2. MAILCHIMP 3. DEFAULTS 4. 404 ERROR PAGE 5. CONSTANT CONTACT 12. WIDGETS + SHORTCODES 1. DEFAULT STYLES 2. BLOGROLL - FOOTER 3. CALENDAR 4. RECENT POSTS - SIDEBAR 5. BLOGROLL - SIDEBAR 6. SEARCH - SIDEBAR 7. SOCIAL MEDIA 8. LATEST TWEETS 9. TESTIMONIALS SLIDER 13. PROGRESSIVE CSS ENHANCEMENTS 14. PRETTY PHOTO 15. IE SPECIFIC */ /* *********************************************************************************** */ /* 01. GLOBAL /* *********************************************************************************** */ body { font: .75em/1.6 Arial,Helvetica,Verdana,sans-serif; /* 12px/19px */ color:#666; overflow: hidden; } /* *********************************************************************************** */ /* 02. LAYOUT /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL LAYOUT /*---------------------------------------------------------------*/ #wrapper {width:100%;display:table;} #wrapper.big-banner {background:#fff url(/inc/v-1/img/ric-cherry/bg-big-header-holder.png) 0 0 repeat-x !important;} #wrapper #header {display:table-header-group;} .top-block .top-holder {width:960px;margin:0 auto;/*font-size:10px;*/padding:4px 0;min-height:4px;height:auto; font-size: 12px; line-height: 1.55; } #header .header-area {width:960px;margin:0 auto;padding:19px 0 20px 0;} #main { background: url(/inc/v-1/img/_global/bg-main.png) repeat-x; display: table-footer-group; position: relative; width: 100%; } #main .main-area {width:960px;margin:0 auto;padding:20px 0 5px 0;} /*---------------------------------------------------------------*/ /* 2. CONTENT AREA /*---------------------------------------------------------------*/ #content {width:700px;float:left;margin-left: 20px;padding-bottom: 20px;} .content_left_sidebar {float: right !important;} .content_right_sidebar {width: 510px !important;} .content_full_width {float:left;margin-left: 0 !important; width:100%;} .portfolio_full_width {margin-left: 0 !important;width:960px !important;} /*---------------------------------------------------------------*/ /* 3. PORTFOLIO PAGES /*---------------------------------------------------------------*/ .portfolio_wrap {width: 100%;float: left;padding-bottom: 30px;} .portfolio_content {clear: left;padding-top: 8px;padding-bottom: 40px;} .port_sep {width: 100%;margin-bottom:30px;float: left;} .portfolio_layout .one_fourth, .portfolio_layout .one_fourth_last, .portfolio_layout .one_third, .portfolio_layout .one_third_last, .portfolio_layout .one_half, .portfolio_layout .one_half_last {position: relative;} /* Preloading */ .preload_one {width: 703px;height: 563px;background: url(/inc/v-1/img/_global/preload.gif) center center no-repeat;} .preload_two {width: 437px;height: 234px;background: url(/inc/v-1/img/_global/preload.gif) center center no-repeat;} .preload_three {width: 275px;height: 145px;background: url(/inc/v-1/img/_global/preload-small.gif) center center no-repeat;} .preload_four {width: 190px;height: 111px;background: url(/inc/v-1/img/_global/preload-small.gif) center center no-repeat;} /* 1 column */ .portfolio_one_column{width: 191px;float: left;} .portfolio_one_column_last {float: right;width: 722px;height: 602px;background: url(/inc/v-1/img/_global/global-sprite.png) 0 -31px no-repeat;position: relative;} .port_img_one {width: 703px;height: 563px;float: left;position: absolute;top:8px;left:9px;} /* 2 columns */ .port_img_two {width: 437px;height: 234px;float: left;position: absolute;top:8px;left:9px;} .portfolio_content_top {float: left;width: 455px;height: 272px;background: url(/inc/v-1/img/_global/image-frame-sprite.png) 0px 0px no-repeat;} /* 3 columns */ .port_img_three {width: 275px;height: 145px;float: left;position: absolute;top:8px;left:9px;} .portfolio_content_top_three {float: left;height: 179px;width: 293px;background: url(/inc/v-1/img/_global/image-frame-sprite.png) -1px -279px no-repeat;} /* 4 columns */ .port_img_four {width: 208px;height: 146px;float: left;position: absolute;top:8px;left:9px;} .portfolio_content_top_four {float: left;height: 146px;width: 208px;background: url(/inc/v-1/img/_global/image-frame-sprite.png) -2px -465px no-repeat;} /*---------------------------------------------------------------*/ /* 4. FOOTER /*---------------------------------------------------------------*/ #footer {width:100%;position:relative;padding-top: 20px;} #footer .footer-area {width:960px;margin:0 auto;position:relative;} #footer .footer-holder {width:100%;overflow:hidden;padding:45px 0 25px 0;} #footer .box {width:333px;float:left;} #footer_bottom {width: 100%;min-height:89px;height:auto;} #foot_left {float: left;width:440px;} #foot_left .textwidget {margin-top:-18px;} #foot_right {float: right;width:520px;text-align: right;} #footer .footer_post {padding: 2px 0 16px 0;} /*---------------------------------------------------------------*/ /* 5. MULTI COLUMNS /*---------------------------------------------------------------*/ .clear {clear: both;} .one_half, .one_half_last, .one_third, .one_third_last, .one_fourth, .one_fourth_last, .one_fifth, .one_fifth_last, .one_sixth, .one_sixth_last, .two_thirds, .two_thirds_last {padding-bottom: 20px;} #content .one_half {float:left;width:342px;margin-right:30px;} #content .one_half_last {float:right;width:342px;margin:0;} #content .one_third {float:left;width:220px;margin-right:30px;} #content .one_third_last {float:right;width:220px;margin:0;} #content .one_fourth {float:left;width:152px;margin-right:36px;} #content .one_fourth_last {float:right;width:152px;margin:0;} #content .one_fifth {float:left;width:124px;margin-right:23px;} #content .one_fifth_last {float:right;width:124px;margin:0;} #content .one_sixth {float:left;width:100px;margin-right:20px;} #content .one_sixth_last {float:right;width:100px;margin:0;} #content .two_thirds {float:left;width:470px;margin:0;} #content .two_thirds_last {float:right;width:470px;margin:0;} #content .three_fourth {float:left;width:550px;margin:0;} #content .three_fourth_last {float:right;width:530px;margin:0;} .content_full_width .one_half {float:left;width:455px !important;margin-right:30px !important;} .content_full_width .one_half_last {float:right;width:455px !important;margin:0 !important;} .content_full_width .one_third {float:left;width:293px !important;margin-right:30px !important;} .content_full_width .one_third_last {float:right;width:293px !important;margin:0 !important;} .content_full_width .one_fourth {float:left;width:208px !important;margin-right:36px !important;} .content_full_width .one_fourth_last {float:right;width:208px !important;margin:0 !important;} .content_full_width .one_fifth {float:left;width:168px !important;margin-right:23px !important;} .content_full_width .one_fifth_last {float:right;width:168px !important;margin:0 !important;} .content_full_width .one_sixth {float:left;width:140px !important;margin-right:20px !important;} .content_full_width .one_sixth_last {float:right;width:140px !important;margin:0 !important;} .content_full_width .two_thirds {float:left;width:595px !important;margin:0 !important;} .content_full_width .two_thirds_last {float:right;width:595px !important;margin:0 !important;} .content_full_width .three_fourth {float:left;width:690px !important;margin:0 !important;} .content_full_width .three_fourth_last {float:right;width:685px !important;margin:0 !important;} .content_full_width .two_thirds_last .one_third, .content_full_width .two_thirds_last .one_third_last, .content_full_width .two_thirds .one_third, .content_full_width .two_thirds .one_third_last {width:280px !important;} .content_sidebar .one_fourth, .content_sidebar .one_fourth_last {width:105px !important;} .content_sidebar .one_third, .content_sidebar .one_third_last {width:145px !important;} .content_sidebar .one_half, .content_sidebar .one_half_last {width:235px !important;} .content_sidebar .two_thirds, .content_sidebar .two_thirds_last {width:325px !important;} #footer .one_half {float:left;width:455px !important;margin-right:30px !important;} #footer .one_half_last {float:right;width:455px !important;margin:0 !important;} #footer .one_third {float:left;width:305px !important;margin-right:30px !important;} #footer .one_third_last {float:right;width:305px !important;margin:0 !important;} #footer .one_fourth, #footer .one_fourth_last {float:left !important;width:219px !important;margin-right:28px !important;} #footer .one_fourth_last {margin-right:0px !important;float:right !important;} #footer .one_fifth {float:left;width:177px !important;margin-right:23px !important;} #footer .one_fifth_last {float:right;width:177px !important;margin:0 !important;} #footer .one_sixth {float:left;width:146px !important;margin-right:20px !important;} #footer .one_sixth_last {float:right;width:146px !important;margin:0 !important;} #content .tabs-area .one_half, #content .slide .one_half {float:left;width:310px;margin-right:30px;} #content .tabs-area .one_half_last, #content .slide .one_half_last {float:right;width:310px;margin:0;} #content .tabs-area .one_third, #content .slide .one_third {float:left;width:194px;margin-right:35px;} #content .tabs-area .one_third_last, #content .slide .one_third_last {float:right;width:194px;margin:0;} #content .tabs-area .one_fourth, #content .slide .one_fourth {float:left;width:141px;margin-right:30px;} #content .tabs-area .one_fourth_last, #content .slide .one_fourth_last {float:right;width:141px;margin:0;} #content .tabs-area .one_fifth, #content .slide .one_fifth {float:left;width:108px;margin-right:28px;} #content .tabs-area .one_fifth_last, #content .slide .one_fifth_last {float:right;width:108px;margin:0;} #content .tabs-area .one_sixth, #content .slide .one_sixth {float:left;width:92px;margin-right:20px;} #content .tabs-area .one_sixth_last, #content .slide .one_sixth_last {float:right;width:92px;margin:0;} #content .tabs-area .two_thirds, #content .slide .two_thirds {float:left;width:425px;margin:0;} #content .tabs-area .two_thirds_last, #content .slide .two_thirds_last {float:right;width:425px;margin:0;} #content .tabs-area .three_fourth, #content .slide .three_fourth {float:left;width:485px;margin:0;} #content .tabs-area .three_fourth_last, #content .slide .three_fourth_last {float:right;width:485px;margin:0;} .content_full_width .tabs-area .one_half, .content_full_width .slide .one_half {float:left;width:420px !important;margin-right:30px !important;} .content_full_width .tabs-area .one_half_last, .content_full_width .slide .one_half_last {float:right;width:420px !important;margin:0 !important;} .content_full_width .tabs-area .one_third, .content_full_width .slide .one_third {float:left;width:267px !important;margin-right:30px !important;} .content_full_width .tabs-area .one_third_last, .content_full_width .slide .one_third_last {float:right;width:267px !important;margin:0 !important;} .content_full_width .tabs-area .one_fourth, .content_full_width .slide .one_fourth {float:left;width:190px !important;margin-right:36px !important;} .content_full_width .tabs-area .one_fourth_last, .content_full_width .slide .one_fourth_last {float:right;width:190px !important;margin:0 !important;} .content_full_width .tabs-area .one_fifth, .content_full_width .slide .one_fifth {float:left;width:155px !important;margin-right:23px !important;} .content_full_width .tabs-area .one_fifth_last, .content_full_width .slide .one_fifth_last {float:right;width:155px !important;margin:0 !important;} .content_full_width .tabs-area .one_sixth, .content_full_width .slide .one_sixth {float:left;width:127px !important;margin-right:20px !important;} .content_full_width .tabs-area .one_sixth_last, .content_full_width .slide .one_sixth_last {float:right;width:127px !important;margin:0 !important;} .content_full_width .tabs-area .two_thirds, .content_full_width .slide .two_thirds {float:left;width:575px !important;margin:0 !important;} .content_full_width .tabs-area .two_thirds_last, .content_full_width .slide .two_thirds_last {float:right;width:575px !important;margin:0 !important;} .content_full_width .tabs-area .three_fourth, .content_full_width .slide .three_fourth {float:left;width:650px !important;margin:0 !important;} .content_full_width .tabs-area .three_fourth_last, .content_full_width .slide .three_fourth_last {float:right;width:650px !important;margin:0 !important;} .content_sidebar .tabs-area .one_half, .content_sidebar .slide .one_half {float:left;width:205px !important;} .content_sidebar .tabs-area .one_half_last, .content_sidebar .slide .one_half_last {float:right;width:205px !important;} .content_sidebar .tabs-area .one_third, .content_sidebar .slide .one_third {float:left;width:125px !important;} .content_sidebar .tabs-area .one_third_last, .content_sidebar .slide .one_third_last {float:right;width:125px !important;} .content_sidebar .tabs-area .one_fourth, .content_sidebar .slide .one_fourth {float:left;width:88px !important;margin-right:28px !important;} .content_sidebar .tabs-area .one_fourth_last, .content_sidebar .slide .one_fourth_last {float:right;width:88px !important;} .content_sidebar .tabs-area .one_fifth, .content_sidebar .slide .one_fifth {float:left;width:66px !important;} .content_sidebar .tabs-area .one_fifth_last, .content_sidebar .slide .one_fifth_last {float:right;width:66px !important;} .content_sidebar .tabs-area .one_sixth, .content_sidebar .slide .one_sixth {float:left;width:56px !important;} .content_sidebar .tabs-area .one_sixth_last, .content_sidebar .slide .one_sixth_last {float:right;width:56px !important;} .content_sidebar .tabs-area .two_thirds, .content_sidebar .slide .two_thirds {float:left;width:280px !important;} .content_sidebar .tabs-area .two_thirds_last, .content_sidebar .slide .two_thirds_last {float:right;width:280px !important;} .content_sidebar .tabs-area .three_fourth, .content_sidebar .slide .three_fourth {float:left;width:320px !important;} .content_sidebar .tabs-area .three_fourth_last, .content_sidebar .slide .three_fourth_last {float:right;width:320px !important;} /* iphone template */ .contact_iphone_content .two_thirds {} .contact_iphone_content .two_thirds .one_half {float:left;width:280px !important;margin-right:30px !important;} .contact_iphone_content .two_thirds .one_half_last {float:right;width:280px !important;margin:0 !important;} .contact_iphone_content .two_thirds .one_third {float:left;width:175px !important;margin-right:30px !important;} .contact_iphone_content .two_thirds .one_third_last {float:right;width:175px !important;margin:0 !important;} .contact_iphone_content .two_thirds .one_fourth {float:left;width:121px !important;margin-right:36px !important;} .contact_iphone_content .two_thirds .one_fourth_last {float:right;width:121px !important;margin:0 !important;} .contact_iphone_content .two_thirds .two_thirds {float:left;width:376px !important;margin:0 !important;} .contact_iphone_content .two_thirds .two_thirds_last {float:right;width:376px !important;margin:0 !important;} .contact_iphone_content .two_thirds .three_fourth {float:left;width:417px !important;margin:0 !important;} .contact_iphone_content .two_thirds .three_fourth_last {float:right;width:417px !important;margin:0 !important;} /*---------------------------------------------------------------*/ /* 6. SIDEBAR /*---------------------------------------------------------------*/ #sidebar {background:url(/inc/v-1/img/_global/bg-sidebar.gif) 0 0 repeat-y;padding-bottom:65px;float: right;width: 173px;padding: 0 0 0 25px;} .left_sidebar {float: left !important;background:url(/inc/v-1/img/_global/bg-sidebar.gif) top right repeat-y !important;padding: 0 25px 0 0 !important;margin: 0 0 0 25px;} .contact_iphone {background:url(/inc/v-1/img/_global/bg-iphone-sidebar.png) 100% 0 no-repeat;height: 594px;position:relative;} .contact_iphone .sidebar-iphone, .contact_iphone .sidebar-widget {width:180px !important;} .iphone-wrap {margin:110px 0 0 75px;background: none !important;padding-top:5px;} .sidebar-iphone .social_icons {margin:0;padding:3px 0 0 0;float: none !important;} #main .contact_iphone .sidebar-widget {width:180px !important;margin: 0 !important;background: none !important;padding-bottom: 15px !important;} #main .contact_iphone .iphone-header {padding-bottom: 10px;color:#000;font-weight:normal !important;} #main .contact_iphone p {color:#444;} /*---------------------------------------------------------------*/ /* 7. HOMEPAGE /*---------------------------------------------------------------*/ .flash_wrap {min-height:400px;height:auto;} .port-wrap {height:650px;} .home-holder {padding: 0;} .home-flash-slider{width:940px;height:400px;margin:95px auto 0 auto;} /* Tall Banner General Settings */ /*.big-banner .rays {background: url(/inc/v-1/img/_global/rays-big.png) 50% 0 no-repeat !important;height: 389px !important;}*/ /* .big-banner #header .header-holder {height: 387px !important;} */ .big-banner #main {background-image:none !important;} .big-banner #main .main-area {padding-top: 118px;} .big-banner #main .flash-main-area {padding-top: 0px !important;} /* .home-banner-wrap {width:960px;height:338px;margin:92px auto 0 auto;background:url(/inc/v-1/img/_global/bg-home-banner.png) 0px 0px no-repeat;position:relative;} */ .home-banner-wrap {width:960px;height:338px;margin:19px auto 0 auto;background:url(/inc/v-1/img/_global/bg-home-banner.png) 0px 0px no-repeat;position:relative; clear: both; } .big-banner .content_full_width {padding-top: 0px !important;} .home-banner-main { color:#FFF; /* width: 920px; */ height:60px; bottom: 28px; left:10px; right:10px; position:absolute; z-index:100; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(0, 0, 0); /* RGBa with 0.6 opacity */ background: rgba(0, 0, 0, 0.6); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; padding:0 10px 0; } .home-banner-main H3 { font-size:14px; font-weight:bold; margin:5px 0 0 0; text-shadow:none; } .home-banner-main P { font-size:12px; line-height:1.2; margin:0; } .home-banner-sub {width: 456px;height:309px;background:url(/inc/v-1/img/_global/shadowBG.jpg) 0px 0px no-repeat;top:40px;right:40px;position:absolute;} .home-banner-sub-content {margin: 10px 0 0 10px;} .home-banner-sub-full {width: 860px;height:304px;background:url(/inc/v-1/img/_global/shadowBG-full.jpg) 0px 0px no-repeat;top:40px;right:40px;position:absolute;} .home-banner-sub-content-full {width: 840px;height:270px;margin: 10px 0 0 10px;} .home-bnr-jquery {position:relative;} /* jQuery 2 */ .home-banner-wrap ul {list-style:none;margin:0;padding:0;width:960px;height:338px;background-image: url("/inc/v-1/img/_global/home-preloader.gif");background-position:center;background-repeat: no-repeat; overflow: hidden; } /* .home-banner-wrap li {width:960px;height:338px;} */ .home-banner-wrap li {width:100%;height:100%;} .home-banner-wrap li.jqslider{display: none;} .jquery-pager {text-align:center;} .jquery-pager a {display: inline-block;width:15px;height:15px;text-indent:-9999em;outline:none;background:url(/inc/v-1/img/_global/global-sprite.png) -740px -179px no-repeat;margin-right: 12px;} .jquery-pager .activeSlide {background:url(/inc/v-1/img/_global/global-sprite.png) -725px -179px no-repeat;} .home_video_preload {width: 100%;height: 100%;background: url(/inc/v-1/img/_global/preload-white.gif) center center no-repeat;} .big-banner .content_home_video {padding-top: 80px !important;} /* jQuery */ .home-bnr-jquery {margin:0 auto;width: 940px;height: 283px;} .home-bnr-jquery ul {list-style:none;margin:0;padding:0;width: 940px;height: 283px;} .home-bnr-jquery ul li {width: 940px;height: 283px;} .home-bnr-jquery ul li.jqslider{display: none;} .home-jquery-content {padding-top: 45px;} .home-bnr-jquery .home-banner-sub {width: 432px;height:270px;background:url(/inc/v-1/img/_global/global-sprite.png) 0 -1188px no-repeat;top:13px;right:35px;position:absolute;} .home-bnr-jquery .home-banner-sub-content {width: 404px;height:256px;margin: 14px 0 0 14px;} .home-banner-bottom {width: 404px;height:7px;background:url(/inc/v-1/img/_global/jquery-btm-shdw.png) 0 0 no-repeat;top:263px;right:14px;position:absolute;z-index:4;} .home-bnr-jquery .home-banner-main {width: 375px;top:40px;left:45px;position:absolute;} .home-jquery-content {padding-top: 45px;} .home-bnr-jquery .home-banner-sub-full {width: 940px;height:283px;top:0px;left:0px;position:absolute;margin:0;padding:0;background:none;} .home-bnr-jquery .home-banner-sub-full p {top:0px;left:0px;position:absolute;margin:0;padding:0;background:none;} /*---------------------------------------------------------------*/ /* 8. SITEMAP /*---------------------------------------------------------------*/ #main .sitemap_with_child, #main .sitemap_without_child {float:left;width:200px;margin-right:20px;} #main .sitemap_with_child a, #main .sitemap_without_child a {color: #666;font-weight:bold;text-decoration:none;} #main .sitemap_with_child .page_item a, #main .sitemap_without_child .page_item a {font-weight:normal;text-decoration:underline;} #main .sitemap_with_child ul, #main .sitemap_without_child ul {list-style: none;margin:0;padding:8px 0 0 0;} #main .sitemap_with_child ul {padding:0;} #main .sitemap_with_child ul a {text-decoration:none !important;} #main .sitemap_with_child a:hover, #main .sitemap_without_child a:hover {text-decoration:underline !important;} /*---------------------------------------------------------------*/ /* 9. VIDEO + 3D THUMBS /*---------------------------------------------------------------*/ .video-main {width: 592px;height: 371px;float: left;background:url(/inc/v-1/img/_global/bg-video.png) 0 0 no-repeat;position:relative;} .video-frame {width: 572px;height: 312px;position: absolute;top: 10px;left: 10px;background: url(/inc/v-1/img/_global/preload-white.gif) center center no-repeat;} .video-sub {width: 305px;float: right;padding-top: 15px;} .three-d-main {width: 527px;height: 475px;float: left;} .three-d-sub {width: 380px;float: right;padding-top: 15px;} .three-d-wrap {padding-bottom: 12px;} .video_right .video-main, .video_right .two-d-main, .video_right .three-d-main {float: right !important;} .video_right .video-sub, .video_right .two-d-sub, .video_right .three-d-sub {float: left !important;} div.videoYT { position: relative; display: block; height: 0; padding: 0 0 75%; overflow: hidden; margin-bottom: 10px; } .videoYT iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } /* *********************************************************************************** */ /* 03. NAVIGATION /* *********************************************************************************** */ /* * NEW! * WS MENU */ /*------------------------------------ Desktop CSS ---------------------------------------------*/ .highlighter{ background-color: #df0a0a; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px #f1f1f1; color: #fff; text-shadow: 0 1px #9d0707; border-radius: 3px; font-size: 11px; line-height: 11px; margin-left: 7px; padding: 1px 4px; position: relative; top: -1px;} .wsmenuexpandermain{position: relative;} .overlapblackbg{ left:0; z-index:100; width:100%; height:100%; position:fixed; top:0; display:none; background-color:rgba(0, 0, 0, 0.45); cursor:pointer;} .overlapblackbg.menuopen{display:block;} .wsmenu { /* font-family:Helvetica, sans-serif; */ color:#fff; position:relative; /* font-size:15px; */ font-size:12px; line-height: 1.1; padding: 8px 0 0 0; /* margin:0px auto; */ /* width:100%; */ /* max-width:1200px; */ /* background-color:#ffffff; */ /* -webkit-border-radius:4px 4px 0px 0px; */ /* -moz-border-radius:4px 4px 0px 0px; */ /* border-radius:4px 4px 0px 0px; */ } .wsmenu-list{ text-align:left; margin:0 auto 0 auto; width:100%; display: table; padding:0px; } .wsmenu-list > li{ /* text-align:center; */ display: table-cell; } /*.wsmenu-list li:first-child a{ -webkit-border-radius:2px 0px 0px 2px; -moz-border-radius:2px 0px 0px 2px; border-radius:2px 0px 0px 2px;} .wsmenu-list li:last-child a{ -webkit-border-radius:0px 2px 2px 0px; -moz-border-radius:0px 2px 2px 0px; border-radius:0px 2px 2px 0px; border-right:0px solid; /* white-space: pre; * / }*/ .wsmenu-list > li > a .fa{ display: inline-block; font-size:14px; line-height:inherit; margin-right:0px;} .wsmenu-list li ul li a .fa.fa-angle-double-right{ font-size:12px; margin: 0 3px 0 -4px;} .wsmenu-list li a .arrow:after { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid #b3b3b3; content: ""; float: right; height: 0; margin: 0 0 0 9px; position: absolute; text-align: right; top: 22px; width: 0; } .wsmenu-list > li > a { display:block; /* background-color:#fff; */ /* color:#424242; */ color: #fff; /* padding:0px 14px; */ padding: 8px 8px 9px 10px; /* line-height:48px; */ /* border-right:1px solid rgba(0,0,0,0.10); */ text-decoration:none; } .wsmenu-list > li > a strong { display: block; text-transform: uppercase; } .wsmenu-list > li > a span.navi-description { color: #e09588; display: block; font-size: 10px; } /*.white .wsmenu-list li a:hover .arrow:after{ border-top-color:#b3b3b3} .white .wsmenu-list li a.active .arrow:after{ border-top-color:#b3b3b3} .white .wsmenu-list li:hover>a .arrow:after{ border-top-color:#b3b3b3}*/ .wsmenu-list li a:hover .arrow:after{ border-top-color:#b3b3b3} .wsmenu-list li a.active .arrow:after{ border-top-color:#b3b3b3} .wsmenu-list li:hover>a .arrow:after{ border-top-color:#b3b3b3} .megamenu iframe{ width:100%; margin-top:10px; min-height:200px; } .megamenu video{ width:100%; margin-top:10px; min-height:200px;} /*For megamenu desktop */ .wsmenu-list li:hover .megamenu{ opacity:1;} .megamenu{ width:100%; left:0px; position:absolute; top:48px; color:#000; z-index:1000; margin:0px; text-align:left; padding:16px; font-size:15px; border:solid 1px #eeeeee; background-color:#fff; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;} .megamenu .title{ border-bottom:1px solid #CCC; font-size:14px; padding:9px 5px 9px 0px; font-size:17px; color:#424242; margin-bottom:7px; text-align:left; height:39px;} .megacollink{width:23%; float:left; margin:0% 1%;} .megacollink li{ display:block; text-align:center; white-space:nowrap; text-align:left;} .megacollink li a{ line-height:18px; border-right:none; text-align:left; padding:8px 0px; background:#fff !important; background-image:none !important; color: #666666 !important; border-right: 0 none !important; display:block; border-right:1px solid #e7e7e7; background-color:#fff; color:#424242;} .megacollink .fa{font-size:11px;} .megacolimage{width:31.33%; float:left; margin:0% 1%;} .typographydiv{width:100%; margin:0% 0%;} .typographylinks{width:25%; float:left; margin:0% 0%;} .mainmapdiv{ width:100%; display:block; margin:0% 0%; } .wsmenu-list .ad-style{width:28%; float:right;} .wsmenu-list .ad-style a{border:none !important; padding:0px !important; margin:0px !important; line-height:normal !important; background-image:none !important;} .mobile-sub .megamenu .ad-style a:hover{ background-color:transparent !important; } .wsmenu-list .megamenu li:hover>a{background:transparent !important;} .wsmenu-list .megamenu li a:hover{background:transparent !important; text-decoration:underline;} .wsmenu-list .megamenu li .fa { margin-right:5px; text-align: center; width: 18px;} .mrgtop{ margin-top:15px; } .show-grid div{padding-bottom: 10px; padding-top: 10px; background-color:#dbdbdb; border: 1px solid #e7e7e7; color:#6a6a6a; margin:2px 0px;} /*Form for desktop */ .halfdiv{ width:35%; right:0px !important; left:auto;} .menu_form{width:100%; display:block;} .menu_form input[type="text"]{ width:100%; border:1px solid #e2e2e2; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#000; font-size:13px; padding:8px 5px; margin-bottom:8px; } .menu_form textarea{ width:100%; border:1px solid #e2e2e2; border-radius:5px; color:#000; font-size:13px; padding:8px 5px; margin-bottom:8px; min-height:122px;} .menu_form input[type="submit"]{width:25%; display:block; height:28px; float:right; border:solid 1px #ccc; margin-right:15px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} .menu_form input[type="button"] {width:25%; display:block; height:28px; float:right; border:solid 1px #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} .megamenu .left.carousel-control{ padding-top:20%; } .megamenu .right.carousel-control{ padding-top:20%; } .carousel-inner .item img{ width:100%; } .megamenu .carousel-caption{ bottom:0px; background-color:rgba(0,0,0,0.7); font-size: 13px; height: 31px; left: 0; padding: 7px 0; right: 0; width: 100%;} /*Animation*/ .wsmenu-list li > .wsmenu-submenu{ transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-90deg); -o-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); } .si .wsmenu-list li:last-child > .wsmenu-submenu { right: 4px; -webkit-border-radius: 4px 0 4px 4px; -moz-border-radius: 4px 0 4px 4px; border-radius: 4px 0 4px 4px; } .wsmenu-list li:hover > .wsmenu-submenu{ transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1;} .wsmenu-submenu li > .wsmenu-submenu-sub{ transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-90deg); -o-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg);} .wsmenu-submenu li:hover > .wsmenu-submenu-sub{ transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1;} .wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub{ transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-90deg); -o-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg);} .wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub{ transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1;} .wsmenu-list li > .megamenu{ transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-90deg); -o-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); } .wsmenu-list li:hover > .megamenu{ transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1;} /* Submenu CSS */ .wsmenu-submenu { position:absolute; top: 73px; /*48px;*/ z-index:1000; margin:0px; padding:4px; /* border:solid 1px #eeeeee; */ background-color: #470200; /*#fff;*/ opacity: 0; width: 238px; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; } .wsmenu-submenu li a { /* background:#fff !important; */ /* background-image:none !important; */ /* color: #666666 !important; */ color: #fff; border-right: 0 none !important; text-align:left; display:block; /*line-height:22px;*/ padding:6px 12px; text-decoration: none; text-transform:none; font-size:12px; letter-spacing:normal; /* border-right:0px solid; */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .wsmenu-submenu li{position:relative; margin:0px; padding:0px;} .wsmenuexpandermain{display:none;} .wsmenu-list li:hover .wsmenu-submenu{display:block;} .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub{min-width:220px; position:absolute; left:100%; top:0; margin:0px; padding:0px; -webkit-border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px; background-color: #470200 !important; margin-top: -4px; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.4s, opacity 0.4s; -ms-transition: -ms-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; } .wsmenu-list li:nth-child(4) .wsmenu-submenu .wsmenu-submenu-sub, .wsmenu-list li:nth-child(5) .wsmenu-submenu .wsmenu-submenu-sub, .wsmenu-list li:nth-child(6) .wsmenu-submenu .wsmenu-submenu-sub { left: auto; right: 100%; -webkit-border-radius: 4px 0 4px 4px; -moz-border-radius: 4px 0 4px 4px; border-radius: 4px 0 4px 4px; } .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub{opacity:1; list-style:none; padding:4px;/* border:solid 1px #eeeeee; background-color:#fff;*/} .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub{display:block;} .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub{ -webkit-border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px; background-color: #470200 !important; margin-top: -4px; min-width:220px; position:absolute; left:100%; top:0; margin:0px; padding:0px; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.4s, opacity 0.4s; -ms-transition: -ms-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; } .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{opacity:1; list-style:none; padding:4px; /*border:solid 1px #eeeeee; background-color:#fff;*/ margin-top: -4px; } .wsmenu-list li:nth-child(4) .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub, .wsmenu-list li:nth-child(5) .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub, .wsmenu-list li:nth-child(6) .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub { left: auto; right: 100%; -webkit-border-radius: 4px 0 4px 4px; -moz-border-radius: 4px 0 4px 4px; border-radius: 4px 0 4px 4px; } .wsmenu-submenu li{position:relative; padding:0px; margin:0px; display:block;} .wsmenu-click{display:none;} /* Default Theme */ /*.wsmenu-list li:hover > a{background-color:rgba(0,0,0,0.6) !important; text-decoration:none;} .wsmenu-list > li > a:hover {background-color:rgba(0,0,0,0.6) !important; text-decoration:none;} .wsmenu-list > li > a.active{background-color:rgba(0,0,0,0.6) !important; text-decoration:none; } .wsmenu-submenu > li > a:hover {background-color:rgba(255,255,255,0.6) !important; border-radius:0px!important; text-decoration:none; text-decoration:none;}*/ /* .wsmenu-list li:hover>a{background-color:rgba(0,0,0,0.08) !important; text-decoration:none;} */ .wsmenu-list > li:hover > a, .wsmenu-list > li > a:hover, .wsmenu-list > li > a.active { background-color:#470200; text-decoration:none; } .wsmenu-submenu > li:hover > a, .wsmenu-submenu > li > a:hover, .wsmenu-submenu > li > a.active, .wsmenu-submenu-sub > li:hover > a, .wsmenu-submenu-sub > li > a:hover, .wsmenu-submenu-sub > li > a.active a, .wsmenu-submenu-sub-sub > li:hover > a, .wsmenu-submenu-sub-sub > li > a:hover, .wsmenu-submenu-sub-sub > li > a.active a {background-color: rgba(255,255,255,0.6) !important; text-decoration:none;} /* .wsmenu-submenu > li > a:hover {background-color: #470200 !important; border-radius:0px!important; text-decoration:none;} */ .typography-text { padding:0px 0px; font-size:15px;} .typography-text p{ text-align:justify; line-height:24px; color:#656565;} .typography-text ul li{ display:block; padding:3px 0px; line-height:22px;} .typography-text ul li a{color:#656565;} .hometext{display:none;} .wsmenu-submenu .fa{ margin-right:7px;} @media only screen and (min-width:780px) { .wsmenu-list > li{ background: url(/inc/v-1/img/_global/seperator-main-nav.png) 0 3px no-repeat; } .wsmenu-list > li > a { -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; height: 48px; margin-right: 2px; } .wsmenu-submenu { -webkit-border-radius:0 4px 4px 4px; -moz-border-radius:0 4px 4px 4px; border-radius:0 4px 4px 4px; } .wsmenu-list > li.current_page_item > a span.navi-description { color: #fff; } } @media only screen and (min-width:780px) and (max-width:1023px) { .wsmenu-list > li > a > .fa { display:none !important;} .hometext{ display:block !important; } /* .wsmenu{ font-size:13px !important; } */ .wsmenu-list li a { /*white-space:nowrap !important; padding-left:4px !important; padding-right:4px !important;*/ } .megacollink {width:48%; margin:1% 1%; } .typographylinks{width:48%; margin:1% 1%; } .wsmenu-list > li > a { width: 105px; } .wsmenu-list li:last-child > .wsmenu-submenu { right: 2px; } } @media only screen and (min-width: 781px) and (max-width:1200px) { .wsmenu-list li a .arrow:after{ display:none !important; } } @media only screen and (min-width: 980px) { .wsmenu { margin-left: 240px; } } @media only screen and (min-width:1024px) { .wsmenu-list > li > a { width: 98px; } } /*------------------------------------ Mobile CSS ---------------------------------------------*/ @media only screen and (max-width: 780px) { .wsmenu-list > li:hover>a{background-color:rgba(0,0,0,0.08) !important; text-decoration:none;} .hometext{ display:inline-block !important; } .megacollink {width:96% !important; margin:0% 2% !important; } .megacolimage{width:90% !important; margin:0% 5% !important;} .typographylinks{width:98% !important; margin:0% 1% !important;} .typographydiv{width:86% !important; margin:0% 7% !important;} .mainmapdiv{width:90% !important; margin:0% 5% !important; } /* Default Theme */ .wsmenu-submenu > li:hover>a{ background-color:#7b7b7b; color:#666666;} .wsmenu > .wsmenu-list > li > a.active{color: #666666; background-color:rgba(0,0,0,0.08);} .wsmenu > .wsmenu-list > li > a:hover{ color: #666666; background-color:rgba(0,0,0,0.08);} .wsmenu-list li:hover .wsmenu-submenu{display:none ;} .wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub{display:none;} .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{display:none; list-style:none; padding:4px; border:solid 1px #eeeeee; background-color:#fff;} .wsmenu-list li:first-child a{-webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px;} .wsmenu-list li:last-child a{-webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-right:0px solid;} .innerpnd{ padding:0px !important; } .typography-text { padding:10px 0px; } .wsmenucontainer{ overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; min-height:800px; -webkit-transition:all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .wsmenuexpandermain{ display:block !important; z-index:101; top:0; right:0; left:0; margin-left: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* Mobile click to drop arrow */ .wsmenu-click { position:absolute; top:9px; right:5px; display:block; cursor:pointer;} .wsmenu-click i { display:block; height:28px; line-height: 28px; width:28px; /*margin-top:11px; margin-right:8px;*/ /* background-size:25px; */ font-size:21px; color:rgba(0,0,0,0.25); text-align: center; } .wsmenu-rotate { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);} .wsmenu-submenu .fa { margin-right: 0; } /*2nd UL Style*/ .wsmenu-submenu-sub{ width:100% !important; position:static !important; left:100% !important; top:0 !important; display:none; margin:0px !important; padding:0px !important; border:solid 0px !important; transform:none !important; opacity:1 !important;} .wsmenu-submenu-sub li{ margin:0px 0px 0px 0px !important; padding:0px; position:relative;} .wsmenu-submenu-sub a{ display:block; padding:10px 25px 10px 25px; border-bottom:solid 1px #ccc; font-weight:normal;} .wsmenu-submenu-sub li a.active{color:#000 !important;} .wsmenu-submenu-sub li:hover>a{ background-color:#333333 !important; color:#fff;} .wsmenu-list > li > a .fa{margin-right:6px;} .wsmenu-submenu-sub-sub{ width:100% !important; position:static !important; left:100% !important; top:0 !important; display:none; margin:0px !important; padding:0px !important; border:solid 0px !important; transform:none !important; opacity:1 !important;} .wsmenu-submenu-sub-sub li{ margin:0px 0px 0px 0px !important;} .wsmenu-submenu-sub-sub a{ display:block; color:#000; padding:10px 25px; background:#000 !important; border-bottom:solid 1px #ccc; font-weight:normal;} .wsmenu-submenu-sub-sub li a.active{ color:#000 !important;} .wsmenu-submenu-sub-sub li:hover>a{ background-color:#606060 !important; color:#fff;} .wsmenu{position: relative;} .wsmenu .wsmenu-list{ height:100%; overflow-y:auto; display:block !important;} .wsmenu .wsmenu-list > li{ width:240px; display:block; float:none; border-right:none; background-color:transparent; position:relative; white-space:inherit;} .wsmenu > .wsmenu-list > li > a { padding:9px 32px 9px 17px; font-size:14px; text-align:left; border-right:solid 0px; background-color:transparent; color:#666666; /* line-height:25px; */ height: 28px; border-bottom:1px solid; border-bottom-color:rgba(0,0,0,0.13);} .wsmenu > .wsmenu-list > li > a > .fa{font-size: 16px; color:#bfbfbf;} .wsmenu .wsmenu-list li a .arrow:after{ display:none !important; } .wsmenu .wsmenu-list li ul li a .fa.fa-caret-right{ font-size:12px !important; color:#8E8E8E; } .mobile-sub .wsmenu-submenu{ transform:none !important; opacity:1 !important; display:none; position:relative !important; top:0px; background-color:#fff ; border:solid 1px #ccc; padding:0px;} .mobile-sub .wsmenu-submenu li a{ line-height:20px; height:36x; background-color:#e7e7e7 !important; font-size:13px !important; padding:8px 0px 8px 18px; color:#8E8E8E;} .mobile-sub .wsmenu-submenu li a:hover{ background-color:#e7e7e7 !important; color:#666666; text-decoration:underline; } .mobile-sub .wsmenu-submenu li:hover>a{ background-color:#e7e7e7 !important; color:#666666; } .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a{line-height:20px; height:36x; background-color:#e7e7e7 !important; border-bottom:none; padding-left:28px;} .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a{line-height:20px; height:36x; background-color:#e7e7e7 !important; border-bottom:none !important; padding-left:38px; color:#8e8e8e;} /* .mrginleft */ .mrginleft .wsmenuexpandermain { margin-left: 240px; } .wsmenu-list .megamenu { background-color:#e7e7e7; color:#666666; display:none; position:relative !important; top:0px; padding:0px; border:solid 0px; transform:none !important; opacity:1 !important;} .wsmenu-list li:hover .megamenu{display:none; position:relative !important; top:0px; } .megamenu .title{ color:#666666; font-size:15px !important; padding:10px 8px 10px 0px;} .halfdiv .title{ padding-left:15px;} .megamenu > ul{ width:100% !important; margin:0px; padding:0px; font-size:13px !important;} .megamenu > ul > li > a { padding:9px 14px !important; line-height:normal !important; font-size:13px !important; background-color:#e7e7e7 !important; color:#666666;} .megamenu > ul > li > a:hover{background-color:#000000 !important;} .ad-style{ width:100% !important;} .megamenu ul li.title{ line-height:26px; color:#666666; margin:0px; font-size:15px; padding:7px 13px !important; border-bottom:1px solid #ccc; background-color:transparent !important;} .halfdiv{ width:100%; display:block;} .menu_form{ padding:10px 10px 63px 10px; background-color: #e7e7e7;} .menu_form input[type="button"]{ width:46%; } .menu_form input[type="submit"]{ width:46%; } .menu_form textarea{min-height:100px;} .wsmenu { width:0px; height: 100%; position: fixed; left: 0; top: 0; margin: 0; background-color: #fff; border-radius:0px; z-index:100; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border:none !important; padding-top: 0; } /*Nav Expanding Open Effect*/ .wsmenu.menuopen { width:240px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .wsmenu.menuclose{ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .wsmenucontent{z-index:1;} /* Navigation arrow Animation */ .animated-arrow{ position: absolute; left:0; top:0;} .animated-arrow{ cursor:pointer; padding:10px 35px 16px 0px; margin:10px 0 0 15px;} .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after { cursor: pointer; height:2px; width:23px; background: white; position: absolute; display: block; content: '';} .animated-arrow span:before{ top: -7px;} .animated-arrow span:after { bottom: -7px;} .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after{ transition: all 500ms ease-in-out;} .animated-arrow.menuopen span{ background-color: transparent;} .animated-arrow.menuopen span:before, .animated-arrow.active span:after{ top:7px;} .animated-arrow.menuopen span:before { transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); bottom:0px;} .animated-arrow.menuopen span:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } } /* * /WS MENU */ /*---------------------------------------------------------------*/ /* 1. MAIN NAVIGATION /*---------------------------------------------------------------* / #menu-main-nav {list-style:none;margin:8px 0 0 0;padding:0;list-style:none;float:right;} #menu-main-nav a {outline: none;} #menu-main-nav li {float:left;padding:5px 8px 12px 10px;position:relative;vertical-align:top;height:1%;margin-right: 2px; width:100px;} #menu-main-nav ul li {background: none !important;} #menu-main-nav li.parent:hover {position:relative;} #menu-main-nav li.parent li.parent:hover {background:none !important;} #menu-main-nav li.parent li.parent li.parent:hover {background:none !important;} #menu-main-nav li.parent {letter-spacing:0.2px;} #menu-main-nav li strong {text-transform:uppercase;display:block;font-size:12px;font-weight:bold;} #menu-main-nav a {display:block;} #menu-main-nav a:hover {background-position:0 0;text-decoration:none;} #menu-main-nav .drop {width:236px;padding:0 1px 0 1px;position:absolute;left:-1px;top:58px;display:none;z-index:999;} #menu-main-nav .sub-menu {display: none;} #menu-main-nav .drop li.current-menu-item, #menu-main-nav .drop li.current_page_ancestor, #menu-main-nav .drop li.hover {z-index:500;} #menu-main-nav .drop .t, #menu-main-nav .drop .b {height:10px;overflow:hidden;} #menu-main-nav .drop .c {width:100%;} #menu-main-nav .drop ul {margin:0;padding:5px 0 8px;width:236px;list-style:none;} #menu-main-nav .drop ul li {float:none;padding:0;position:relative;height:1%;padding:0 8px;background:none;} #menu-main-nav .drop ul a {display:block;height:1%;width: 220px;} #menu-main-nav .drop ul a span {display:block;padding:7px 13px;height:1%;cursor:pointer;} #menu-main-nav .drop ul .drop {top:0;left:236px;} #menu-main-nav .drop ul .drop ul a {background:none;} #menu-main-nav .drop ul .drop ul a span {background:none;} #menu-main-nav .drop ul .drop ul .drop a, #menu-main-nav .drop ul .drop ul .drop a span {background:none !important;} #menu-main-nav li:hover .drop, #menu-main-nav li.hover .drop {display:block;} #menu-main-nav li:hover .drop ul .drop, #menu-main-nav li.hover .drop ul .drop {display:none;} #menu-main-nav li:hover .drop ul li:hover .drop, #menu-main-nav li.hover .drop ul li.hover .drop {display:block;} #menu-main-nav li.current-menu-parent li a span, #menu-main-nav li.current-menu-item li a span, #menu-main-nav li.current_page_ancestor li a span {text-decoration:none;color:#999;} #menu-main-nav .drop ul li.current-menu-item ul li a, #menu-main-nav .drop ul li.current-menu-item ul li a span, #menu-main-nav li .level2 li .level2 li .level2 li a span {background: none !important;}*/ /*---------------------------------------------------------------*/ /* 2. VERTICAL SUB NAVIGATION /*---------------------------------------------------------------*/ #sub_nav {float: left;width:220px;float:left;background:url(/inc/v-1/img/_global/bg-sidebar.gif) 206px 0 repeat-y;margin-bottom:20px;padding-bottom:65px;overflow:hidden;} #sub_nav ul a {color:#666; font-weight:bold; display:block; background:url(/inc/v-1/img/_global/separator3.gif) 0 100% repeat-x; padding:8px 0 8px 10px; position:relative; margin:0 13px 0 0;} #sub_nav ul a:hover, #sub_nav ul li.current_page_item a {color:#fff;text-decoration:none; -moz-border-radius: 3px 0 0 3px; /* Firefox */ -webkit-border-radius: 3px 0 0 3px; /* Safari, Chrome */ border-radius: 3px 0 0 3px; /* CSS3 */ } #sub_nav ul ul a {background:url(/inc/v-1/img/_global/bullet1.gif) 0 9px no-repeat;padding:4px 0 1px 14px;height:1%;} #sub_nav ul ul a:hover {text-decoration:underline;color:#666;} #sub_nav ul {margin:0;padding:0;list-style:none;} #sub_nav ul li {vertical-align:top;height:1%;margin-bottom: 3px;} #sub_nav ul ul {list-style:none;margin:0;padding:7px 0 4px 15px;} #sub_nav ul ul li {padding-bottom:3px;} #sub_nav ul ul li.current-menu-item a {text-decoration:underline;} #sub_nav ul ul ul {padding:5px 0 5px 15px;} .nav_right_sub_nav ul li.current_page_item ul li a, .nav_right_sub_nav ul li.current_page_item ul li a:hover, .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a, .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a:hover, .nav_right_sub_nav ul li ul li a, .nav_right_sub_nav ul li ul li a:hover{padding-left: 15px !important;margin: 0 0 0 13px !important;} .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a, #sub_nav li.current-menu-parent ul li.current_page_item a {font-weight: bold;} .nav_right_sub_nav ul li.current_page_item ul li.current_page_item ul li a {font-weight: normal !important;} .nav_right_sub_nav {float: right !important;background:url(/inc/v-1/img/_global/bg-sidebar.gif) 12px 0 repeat-y !important;} .nav_right_sub_nav ul a {margin:0 0 0 13px !important;} .nav_right_sub_nav ul li.current_page_item a, .nav_right_sub_nav ul a:hover {margin-left:0 !important;padding-left: 33px !important;} #sub_nav ul li ul li.current_page_item ul li a {font-weight: normal !important;} /*---------------------------------------------------------------*/ /* 3. HORIZONTAL SUB NAVIGATION /*---------------------------------------------------------------*/ #horizontal_nav {width: 100%;float: left;background: url(/inc/v-1/img/_global/separator3.gif) 0 100% repeat-x;padding-bottom: 20px;margin: -20px 0 30px 0;} #horizontal_nav ul {margin:0 0 0 -25px;padding:0;list-style:none;height:1%;overflow:hidden;} #horizontal_nav ul li {float: left;margin-left: 25px;} #horizontal_nav ul {float:left;} #horizontal_nav ul a {float:left;padding:0 11px 0 0;outline:none;color:#474747;text-decoration: none;} #horizontal_nav ul a:hover, #horizontal_nav ul .current_page_item {background:url(/inc/v-1/img/_global/bg-horz-active.jpg) 100% 0 no-repeat;text-decoration:none;} #horizontal_nav ul .current_page_item a, #horizontal_nav ul a:hover {color:#fff !important;} #horizontal_nav ul a span {float:left;padding:4px 0 4px 13px;cursor:pointer;} #horizontal_nav ul .current_page_item span, #horizontal_nav ul a:hover span {background:url(/inc/v-1/img/_global/bg-horz-active.jpg) no-repeat;} /*---------------------------------------------------------------*/ /* 4. BREADCRUMBS /*---------------------------------------------------------------*/ .tools .breadcrumb {margin:0;padding:4px 0 19px 0;float:right;overflow:hidden;font-size:.9em;} .tools .breadcrumb a {padding:0 15px 0 7px;background:url(/inc/v-1/img/_global/arrow-right.png) 100% 50% no-repeat;margin:0 0 0 6px;color:#FFF;outline: none;} .tools .breadcrumb a:hover {color:#CCC;} .tools .breadcrumb .current_crumb {background:url(/inc/v-1/img/_global/arrow-up.png) 50% 100% no-repeat;padding:0 5px 23px 7px;font-weight: bold;} /* *********************************************************************************** */ /* 04. LINKS /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL LINKS /*---------------------------------------------------------------*/ a {color:#666;outline: none;} #menu-main-nav a, #sub_nav a, #wrapper .tabset a {text-decoration: none; line-height:1.1;} a:hover { text-decoration:underline;} #header .logo {float:left;outline: none;} #header .sub-nav a, #header .sub-nav2 a {color: #575C60;text-decoration: none;} #header .sub-nav a:hover, #header .sub-nav2 a:hover {color: #8B949A;} #header .sub-nav li, #header .sub-nav2 li {color: #575C60;} .footer-holder a, #footer_bottom a {text-decoration: none;color:#575C60;} .footer-holder a:hover, #footer_bottom a:hover {color:#8B949A;} #footer_bottom a {text-decoration: underline;} #footer_bottom a{text-decoration:none;} .callout_button{border:0;margin:0;padding:6px 10px !important;background:#999 url(/inc/v-1/img/_global/bg-input-button-footer.jpg) 0 0 repeat-x;cursor:pointer;letter-spacing:0.8px;color: #333;outline:none;border: 1px solid #999;display: inline-block;font-size: 12px !important;text-decoration: none;} .callout_button:hover {text-decoration: none;} #footer h3 a {color: #FFF !important;} .post_title h1 a {color:#222 !important;text-decoration:none !important;} /*---------------------------------------------------------------*/ /* 2. TOP LINK /*---------------------------------------------------------------*/ .link-top {padding:3px 0 0 17px;background:url(/inc/v-1/img/_global/bg-link-top.gif) 0 7px no-repeat;color:#333;font-size:11px;outline: none;margin:-9px 2px 15px 0;float: right;} .link-top:hover {color: #E34801;} #footer_bottom .link-top {background:url(/inc/v-1/img/_global/arrow-up-footer.png) 0 8px no-repeat;font-weight: bold;} #footer_bottom .link-top, #footer_bottom .link-top:hover {color: #FFF !important;text-decoration: none !important;} #footer_bottom .top-footer {float: right;padding:8px 0 0 12px;} /*---------------------------------------------------------------*/ /* 3. CUSTOM BUTTONS /*---------------------------------------------------------------*/ .ka_button, .ka_button:hover {text-decoration: none;border: 0;display:inline-block;letter-spacing:1.2px;text-transform: uppercase;color: #DDD !important;} .ka_button span {display:block;} .small_button{margin:5px 10px 5px 0;padding:0 21px 0 0;font-size: .9em;background: transparent url(/inc/v-1/img/_global/bg-buttons-sprite.png) 100% -43px no-repeat scroll;color: #F4F4F2;} .small_button span{margin:0;padding:16px 0 17px 21px;line-height: 10px;background:transparent url(/inc/v-1/img/_global/bg-buttons-sprite.png) 0 0 no-repeat scroll;} .medium_button{margin:5px 10px 5px 0;padding:0 23px 0 0;font-size: 1em;background: transparent url(/inc/v-1/img/_global/bg-buttons-sprite.png) 100% -136px no-repeat scroll;color: #F4F4F2;} .medium_button span{margin:0;padding:19px 0 19px 23px;line-height: 12px;background:transparent url(/inc/v-1/img/_global/bg-buttons-sprite.png) 0 -86px no-repeat scroll;} .large_button{margin:5px 10px 5px 0;padding:0 34px 0 0;font-size: 1.1em;background: transparent url(/inc/v-1/img/_global/bg-buttons-sprite.png) 100% -261px no-repeat scroll;color: #F4F4F2;border:0;outline:none;cursor:pointer;} .large_button span{margin:0;padding:28px 0 33px 33px;line-height: 16px;background:transparent url(/inc/v-1/img/_global/bg-buttons-sprite.png) 0 -186px no-repeat scroll;border:0;outline:none;cursor:pointer;} /* CHERRY */ .small_cherry, .small_cherry span, .medium_cherry, .medium_cherry span, .large_cherry, .large_cherry span {background-image: url(/inc/v-1/img/_global/bg-buttons-sprite-cherry.png) !important;} /* *********************************************************************************** */ /* 05. LISTS /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL LISTS /*---------------------------------------------------------------*/ .top-block .sub-nav {margin:0;padding:0;float:left;} .top-block .sub-nav2 {margin:0;padding:0;float:right;} .top-block .sub-nav ul, .top-block .sub-nav2 ul, #footer_bottom ul {margin:0;padding:0;list-style:none;float:left;overflow:hidden;} .top-block .sub-nav ul li, .top-block .sub-nav2 ul li, #footer_bottom ul li{float:left;margin:0 4px 0 -4px;padding:0 9px;} .top-block .sub-nav2 ul li:last-child { margin-right: 0; padding-right: 0; } .top-block .sub-nav2 ul, #footer_bottom #foot_right ul{float:right;} .footer-holder ul {margin:0;padding:0;color:#999;list-style: none;} .footer-holder li {margin-bottom: 8px;} .search-list {margin:0 0 0 15px;padding:0;} .search-list li {margin-bottom: 20px;} .sitemap-list .level2 {list-style:none;margin-left:10px;padding:10px 0 5px 0;} .sitemap-list .level2 li .level2 {list-style:none;margin-left:15px;padding:10px 0 0 0;} /*---------------------------------------------------------------*/ /* 2. CUSTOM LIST BULLETS /*---------------------------------------------------------------*/ .list {margin:0;list-style:none;padding:0 0 20px 0;} .list li {padding:5px 0 0 15px;background:url(/inc/v-1/img/_global/bullet2.gif) 0 11px no-repeat;margin-bottom: 5px;} .list2 li {background:url(/inc/v-1/img/_global/bullet3.gif) 0 11px no-repeat;} .list3 li {background:url(/inc/v-1/img/_global/bullet4.gif) 0 11px no-repeat;} .list4 li {background:url(/inc/v-1/img/_global/bullet5.gif) 0 11px no-repeat;padding-left:20px;} /*---------------------------------------------------------------*/ /* 3. ACCORDION /*---------------------------------------------------------------*/ .accordion {width: 100%;padding:0 0 20px 0;background:none;} .accordion a {text-decoration: none;} .opener {background:#FFF url(/inc/v-1/img/_global/bg-accordion-opener.jpg) left bottom repeat-x;display:block;font-size:13px;padding:8px 9px;outline: none;color:#676767;border: 1px solid #C3C3C3;margin-bottom:3px;} .opener:hover {color:#222;text-decoration: none;} .opener strong {background:url(/inc/v-1/img/_global/bg-accordion-close.png) 2px 3px no-repeat;display:block;padding:2px 0 2px 32px;height:1%;cursor:pointer;text-shadow:1px 1px 1px #FFF;} .accordion .slide-holder {width:100%;overflow:hidden;} .accordion {list-style:none;} .accordion .ui-state-active strong {background:url(/inc/v-1/img/_global/bg-accordion-open.png) 2px 3px no-repeat !important;color:#222;} .accordion .slide {padding:20px 27px 0 27px;} /*---------------------------------------------------------------*/ /* 4. TABS /*---------------------------------------------------------------*/ #wrapper .tabs-area {padding: 20px 0 0 0;} #wrapper .tabset {margin:0;padding:0 0 18px 23px;list-style:none;height:1%;overflow:hidden;} #wrapper .tabset li {float:left;margin-right:20px;} #wrapper .tabset a {color: #666;} #wrapper .tabset a:hover {color: #FFF;} #wrapper .tabset .tab {float:left;padding:0 11px 0 0;outline:none;color:#474747;} #wrapper .tabset .active, .tabset a:hover {text-decoration:none;color:#FFF;} #wrapper .tabset .tab span {float:left;padding:3px 0 4px 13px;cursor:pointer;} #wrapper .tab-box {background:url(/inc/v-1/img/_global/bg-tab-box.gif) repeat-x;margin:0 9px 0 0;padding:30px 27px 0 27px;} #wrapper .blog-tab-box {margin:0 9px 0 0;padding:0 0 20px 0;width: 100%;} #wrapper #blog-tabs .tabset {padding:0 0 15px 0;float: right;} /* *********************************************************************************** */ /* 06. TYPOGRAPHY /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL TYPOGRAPHY /*---------------------------------------------------------------*/ #main .frame h1 {padding-bottom: 15px !important;font-size:24px !important;float:left;margin:3px 0 0 0 !important;color: #FFF;} #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {padding-bottom: 15px;font-weight: normal;margin:0;color: #222;line-height: 100%} #main h1 {font-size:2.1em;} #main h2 {font-size:1.8em;} #main h3 {font-size:1.6em;} #main h4 {font-size:1.4em;} #main h5 {font-size:1.3em;} #main h6 {font-size:1em;color: #222;/*text-transform: uppercase;*/font-weight: 600;/*letter-spacing: 1px;/*padding-bottom: 5px !important;*/ clear:both;} #main h6 a { color:#222; text-decoration:none; } #main h6 a:hover { color: #C01D04; } #sidebar h2 {padding-bottom: 5px;font-size:10px;} .search-title {color: #000;font-size:1.9em;} #main .portfolio_full_width h3 {color: #000;} #content p {margin:0;padding:0 0 10px 0;} p strong {color: #555;} .sitemap-last p {line-height:25px;} #content .sub-box3 .cols-holder {padding:41px 0 0;} #main .video-sub h2, #main .two-d-sub h2, #main .three-d-sub h2 {padding-bottom: 10px !important;} .home-banner-main h2 {color: #222 !important;font-size:2em !important;padding-bottom: 5px !important;font-weight:normal !important;} /*.home-banner-main p {font-size: 1.1em;line-height:21px;}*/ .home-bnr-jquery .home-banner-main h2 {color:#FFF !important;} /*---------------------------------------------------------------*/ /* 2. @FONT-FACE /*---------------------------------------------------------------*/ @font-face { font-family: 'ColaborateThinRegular'; src: url('css/fonts/ColabThi-webfont.eot'); src: url('css/fonts/ColabThi-webfont.eot?iefix') format('eot'), url('css/fonts/ColabThi-webfont.woff') format('woff'), url('css/fonts/ColabThi-webfont.ttf') format('truetype'), url('css/fonts/ColabThi-webfont.svg#webfontbOrwRK9P') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ColaborateLightRegular'; src: url('css/fonts/ColabLig-webfont.eot'); src: url('css/fonts/ColabLig-webfont.eot?iefix') format('eot'), url('css/fonts/ColabLig-webfont.woff') format('woff'), url('css/fonts/ColabLig-webfont.ttf') format('truetype'), url('css/fonts/ColabLig-webfont.svg#webfontR2xcGGVv') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ColaborateRegular'; src: url('css/fonts/ColabReg-webfont.eot'); src: url('css/fonts/ColabReg-webfont.eot?iefix') format('eot'), url('css/fonts/ColabReg-webfont.woff') format('woff'), url('css/fonts/ColabReg-webfont.ttf') format('truetype'), url('css/fonts/ColabReg-webfont.svg#webfontB6AeCMH3') format('svg'); font-weight: normal; font-style: normal; } #main .blog_wrap h1, #main .single_blog_wrap h1, #main .comment-title, .four_o_four, .callout-wrap span, .video-sub h2, .two-d-sub h2, .three-d-sub h2, .main-holder h1, .main-holder h2, .main-holder h3, .main-holder h4, .main-holder h5, .search-title, .home-banner-main h2, #main .portfolio_full_width h3, #main .frame h1, #main .month, .home-bnr-jquery-content h2, .callout2, #main .contact_iphone h4, .comment-author-about {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} /*---------------------------------------------------------------*/ /* 3. MESSAGE BOXES /*---------------------------------------------------------------*/ #content .message_green, #content .message_red, #content .message_blue, #content .message_yellow, .content_full_width .message_green, .content_full_width .message_red, .content_full_width .message_blue, .content_full_width .message_yellow{color:#333;padding: 20px 20px 20px 60px;margin: 0 0 20px 0;} #content .message_green, .content_full_width .message_green {background: #DFE9B7 url(/inc/v-1/img/_global/ico1.gif) 20px center no-repeat;border:1px solid #BAC398;} #content .message_red, .content_full_width .message_red {background: #F5DCD8 url(/inc/v-1/img/_global/ico2.gif) 20px center no-repeat;border:1px solid #CDBFBE;} #content .message_blue, .content_full_width .message_blue {background: #DAE6F2 url(/inc/v-1/img/_global/ico3.gif) 20px center no-repeat;border:1px solid #BDC4CA;} #content .message_yellow, .content_full_width .message_yellow {background: #F8F2B6 url(/inc/v-1/img/_global/ico4.gif) 20px center no-repeat;border:1px solid #D8D4B7;} #content .message_green a, .content_full_width .message_green a {font-weight:bold;color:#66B500;} #content .message_red a, .content_full_width .message_red a {font-weight:bold;color:#CB2A19;} #content .message_blue a, .content_full_width .message_blue a {font-weight:bold;color:#0092F5;} #content .message_yellow a, .content_full_width .message_yellow a {font-weight:bold;color:#A58100;} #content .message_yellow p { padding: 5px 0; } #content .message_yellow ul { margin: 5px 0; } /*---------------------------------------------------------------*/ /* 4. FOOTER /*---------------------------------------------------------------*/ #footer p, #footer_bottom p {margin:0 0 8px 0; line-height:1.1;} #footer, #footer_bottom {color: #575C60;} #footer h3 {text-transform:uppercase;color:#fff;display:block;font-size:13px;letter-spacing: 0.5px;border-bottom: 1px solid #3E4055;padding-bottom: 7px;margin-bottom: 16px;font-weight: bold;} #footer .footer_post h4, #footer .footer_post h4 a{text-transform:uppercase;color:#fff;display:block;font-size:11px;letter-spacing: 0.5px;} #footer .footer_post h4{padding-bottom: 3px;} #footer p span { color: #fff; } /*---------------------------------------------------------------*/ /* 5. CALLOUTS /*---------------------------------------------------------------*/ .callout-wrap {float: left;width: 100%;padding-top: 20px;background:url(/inc/v-1/img/_global/separator3.gif) 0 0 repeat-x;margin: 10px 0 30px 0;} .callout-wrap span {padding-bottom: 25px;background:url(/inc/v-1/img/_global/separator3.gif) left bottom repeat-x;color: #222;font-size:1.6em;line-height: 28px;display: block;} .callout2 {color: #222;font-size:1.5em;line-height: 28px;} /* *********************************************************************************** */ /* 07. BLOG /* *********************************************************************************** */ .content_blog {width: 660px !important;padding-left: 20px;} .sidebar_blog {width: 225px !important;} .blog_wrap, .single_blog_wrap {width: 660px;/* background: url(/inc/v-1/img/_global/bg-post-blog-wrap.jpg) left bottom no-repeat; padding-bottom: 70px; */float: left;margin-bottom: 70px;} .single_blog_wrap {background: none !important;padding-bottom: 30px;} .post_title, .post_content, .post_footer {float: left;width: 660px;} .post_content {width: 660px;position: relative;background: url(/inc/v-1/img/_global/bg-post-content.png) 577px 0 no-repeat;margin: -5px 0 0 0;min-height: 170px;padding-bottom:15px;} #main .post_content p {padding: 0 102px 25px 0;} .post_footer {height: 56px;background: url(/inc/v-1/img/_global/bg-post-footer.jpg) 0 0 repeat-x;margin-bottom: 18px;} .single_blog_wrap .post_footer {margin-bottom: 28px;} .post_cats, .post_tags {float: left;width: 330px;} .post_tags {float: right;} .post_title span, .post_cats span, .post_tags span {color: #4C4C4C;font-weight: bold;} .post_cats span {padding: 10px 3px 10px 24px;background: url(/inc/v-1/img/_global/bg-post-footer-categories.png) 0 50% no-repeat;} .post_tags span {padding: 10px 3px 10px 24px;background: url(/inc/v-1/img/_global/bg-post-footer-tags.png) 0 50% no-repeat;} .post_cats p, .post_tags p {margin: 17px 0 0 4px !important;} .post_tags p {margin: 17px 4px 0 0 !important;float: right !important;} .post_date {width:65px;height:65px;position:absolute;top: 0px;right: 18px;} .post_date .day {font-weight: bold;color:#FFF;font-size:30px;margin:12px 0 0 0;display: block;text-align: center;} .post_date .month {color:#A2A3A4;font-size:16px;text-transform:uppercase;display: block;margin:-14px 0 0 0;text-align: center;} .post_comments {width:36px;height:32px;position:absolute;top: 71px;right: 48px;} .post_comments span {display: block;color:#FFF;font-size:13px;font-weight: bold;margin: 5px 1px 0 0;text-align:right;} .sharelink_small {width:65px;height:30px;position:absolute;top: 115px;right: 18px;text-indent:-9999em;outline:none;display:block;background: url(/inc/v-1/img/_global/global-sprite.png) 0 0 no-repeat;} .sharelink_big {width:92px;height:30px;text-indent:-9999em;outline:none;display:block;background: url(/inc/v-1/img/_global/global-sprite.png) -66px 0 no-repeat;} .shareme {float: left;padding:0 0 30px 0;} .post_content .small_button {margin-bottom: 15px;} .post_thumb {width:556px; height: 255px;background: url(/inc/v-1/img/_global/global-sprite.png) -1px -921px no-repeat;margin: 0 0 7px 0;position:relative;} .post_thumb_load {width:556px; height: 255px;background: url(/inc/v-1/img/_global/preload.gif) center center no-repeat;} .post_thumb img {margin: 8px 0 0 9px;} .comment-wrap {float:left;padding-top:10px;margin-bottom: 3px;width: 100%;} .comment-content {float: left;width: 620px;background: #FFF url(/inc/v-1/img/_global/bg-blog-comments-content.jpg) 0 0 repeat-x;border: 1px solid #D8D8D6;padding: 20px 20px 30px 20px;} .comment-gravatar {background: url(/inc/v-1/img/_global/global-sprite.png) -731px -529px no-repeat;width: 80px;height: 80px;float: left;margin: 15px 0 0 15px;} .comment-gravatar img {margin: 10px 0 0 10px;} #about-author-wrap .comment-content, .bypostauthor .comment-content {background: #E8E9E7 url(/inc/v-1/img/_global/bg-blog-comments-content-author.jpg) 0 0 repeat-x;border: 1px solid #C6C7C4;color: #555;} #about-author-wrap .comment-gravatar {background: url(/inc/v-1/img/_global/global-sprite.png) -821px -530px no-repeat;width: 100px;height: 100px;float: left;margin: 0 0 0 15px;} .comment-text {width: 458px;float: left;margin: 6px 0 0 20px;padding: 0 0 15px 10px;} .comment-text p {padding-top: 10px !important;} #content .comment-author a, #content .comment-author{font-size: 16px;color: #333;font-weight: bold;} .comment-author-about{font-size:12px;letter-spacing: 0.5px;color: #333;text-transform:uppercase;font-weight: bold;} #content .comment-text .comment-author-about {padding:0 0 10px 0;} .comment-date{color: #999;font-style:italic;font-size:11px;} .comment-ol {list-style: none;margin:0;padding:0;} .comments-rss {clear: left;height: 90px;} .comments-rss a {padding:25px 0 25px 20px;background: url(/inc/v-1/img/_global/feed.png) 0 50% no-repeat;float: right;} .blog-tab-box .children {list-style: none;} .comment-ol li ul {padding:0;margin:0;} .comment-ol li ul li .comment-wrap {background: url(/inc/v-1/img/_global/bg-blog-comments-wrap.gif) 0 -5px no-repeat;} .comment-ol li ul li ul li .comment-wrap {background-position: 35px 0;} .comment-ol li ul li ul li ul li .comment-wrap {background-position: 70px 0;} .comment-ol li ul li ul li ul li ul li .comment-wrap {background-position: 105px 0;} .comment-ol li ul li .comment-content {float: left;width: 585px;margin:0 0 0 35px;} .comment-ol li ul li ul li .comment-content {float: left;width: 550px;margin:0 0 0 70px;} .comment-ol li ul li ul li ul li .comment-content {float: left;width: 515px;margin:0 0 0 105px;} .comment-ol li ul li ul li ul li ul li .comment-content {float: left;width: 480px;margin:0 0 0 140px;} .comment-ol li ul li .comment-content .comment-text {width: 423px;} .comment-ol li ul li ul li .comment-content .comment-text {width: 388px;} .comment-ol li ul li ul li ul li .comment-content .comment-text {width: 353px;} #respond {clear: left;} #main .comment-title {color: #222;font-size:2.1em;padding-bottom:20px;} #main .discussion-title {color: #222;font-size:3.1em;padding-bottom:20px;} #commentform {padding-top:10px;} .comment-input-wrap {float: left;} .pad {width: 225px;} .comment-label {display:block;padding: 0 0 3px 3px;} .comment-input, .comment-textarea {width: 164px;height: 39px;background: url(/inc/v-1/img/_global/global-sprite.png) 0 -669px no-repeat;border:0;padding:0 12px 0 30px;font:12px Arial,Helvetica,Verdana,sans-serif;} .comment-email {background-position: -223px -669px;} .comment-website {background-position: -454px -669px;} .comment-textarea {width: 630px;height: 169px;background-position: 0 -709px;border:0;padding:15px;line-height:20px;} .comment-textarea-wrap {margin-top: 15px;} .related_posts {padding:0 0 40px 0;} .related_posts ul {margin:0;padding:0;} .comment-textarea {resize: none;} .post_title h1 {padding-bottom:25px !important;} .posted-by-text {margin-top:-12px !important;} /* *********************************************************************************** */ /* 08. FORMS /* *********************************************************************************** */ input, textarea, select {vertical-align:middle;font-size:100%;} textarea, input {/*font-size:12px;*/font-family:Arial, Helvetica, sans-serif; /*font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/} .tools input, .tools textarea, .tools select {color:#fff;} form, fieldset {margin:0;padding:0;border-style:none;} .tools .search-form {float:right;width:168px;margin:-2px 0 0 35px;} .search-form .text {display:block;overflow:hidden;height:20px;padding:8px 0 0 7px;} .search-form .text input {width:120px;background:none;border:0;padding:0;margin:-2px 8px 0 0;float:left;} .search-form .text .submit {font-size:0;line-height:0;text-indent:-9999px;width:15px;height:17px;margin:0 8px 0 0;cursor:pointer;} form#fSearch input.def { width: 97px; height: 18px; border: 1px solid #900; line-height: 16px; padding: 0 0 0 2px; outline: none; } form#fSearch input.btn { background: url('/img/search.gif') center no-repeat; border: none; width: 18px; height: 18px; } .contact-form input, .contact-form textarea {padding:8px !important;} .textwidget input[type='text'], .textwidget textarea { width: 100% !important; }\ .contact-form {padding-top:15px;} .contact-form .clear-form { clear: both; } .contact-form input[type='text'] { width: 300px; margin-bottom: 13px; } .contact-form select { margin-bottom: 13px; } .contact-form textarea {width: 430px;height: 150px;float: none; margin-bottom: 13px; } .contact-form input[type='radio'], .contact-form input[type='checkbox'] { float: none; margin-bottom: 13px; } .contact-form label { margin-bottom: 3px; float: none; font-weight: bold; display: block;font-weight:bold;color:#555;} .contact-form label.checkbox, .contact-form label.radio { margin-bottom: 3px; float: none; font-weight: bold; display: inline-block; } .contact-form label span {font-size:11px;color:#999;font-weight:normal;font-style:italic;} .contact-form label.checkbox, .contact-form label.radio {font-weight:normal;margin-bottom:8px;} #ka-submit, .ka-form-submit, .contact-form .ka-form-submit{border:0;margin:0;padding:10px 15px !important;background:#040404 url(/inc/v-1/img/_global/bg-input-comment.jpg) 0 0 repeat-x;cursor:pointer;letter-spacing:1px;text-transform: uppercase;color: #DDD;outline:none;border: 1px solid #000;display: block;} /* *********************************************************************************** */ /* 09. IMAGES /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL /*---------------------------------------------------------------*/ img, img a {border:0;} .attachment-fadeIn, .attachment-post-thumbnail {display:none;} img a, a img {cursor:pointer;} img { max-width: 100%; height: auto; } /*---------------------------------------------------------------*/ /* 2. MODERN FRAME /*---------------------------------------------------------------*/ /* preloading */ .preload_full, .preload_regular, .preload_small, .preload_two_col_large, .preload_two_col_small, .preload_three_col_large, .preload_three_col_small, .preload_single_large_square, .preload_two_col_large_square, .preload_three_col_large_square, .preload_four_col_large_square{background: url(/inc/v-1/img/_global/preload.gif) center center no-repeat;margin:8px 0 0 9px;float:left;} .preload_four_col_small, .preload_four_col_large{background: url(/inc/v-1/img/_global/preload-small.gif) center center no-repeat !important;margin:8px 0 0 9px;float:left;} .preload_full {width: 922px;height: 201px;} .preload_regular {width: 703px;height: 201px;} .preload_small {width: 493px;height: 201px;} .preload_two_col_large{width: 437px;height: 234px;} .preload_two_col_small{width: 324px;height: 180px;} .preload_three_col_large{width: 275px;height: 145px;} .preload_three_col_small{width: 202px;height: 113px;} .preload_four_col_large{width: 190px;height: 111px;} .preload_four_col_small{width: 135px;height: 76px;} .preload_single_large_square{width: 704px;height: 682px;} .preload_two_col_large_square{width: 437px;height: 416px;} .preload_three_col_large_square{width: 275px;height: 262px;} .preload_four_col_large_square{width: 190px;height: 180px;} .modern_banner_full iframe{margin:8px 0 0 9px;float:left;} .modern_img_frame {background: url(/inc/v-1/img/_global/image-frame-sprite.png) 0px 0px no-repeat;margin-bottom: 6px;} .square_img_frame {background: url(/inc/v-1/img/_global/image-frame-sprite-square.png) 0px 0px no-repeat;margin-bottom: 6px;} /* banners */ .modern_banner_full{width: 940px;height: 245px;background-position: -3px -857px !important;} .modern_banner_regular{width: 720px;height: 240px;background-position: 0px -1354px !important;} .modern_banner_small{width: 510px;height: 240px;background-position: -5px -1844px !important;} /* 2 cols */ .modern_two_col_large{width: 455px;height: 272px;background-position: 0px 0px !important;} .modern_two_col_small{width: 342px;height: 217px;background-position: -5px -630px !important;} /* 3 cols */ .modern_three_col_large{width: 293px;height: 179px;background-position: -1px -279px !important;} .modern_three_col_small{width: 220px;height: 144px;background-position: -224px -465px !important;} /* 4 cols */ .modern_four_col_large{width: 208px;height: 140px;background-position: -2px -465px !important;} .modern_four_col_small{width: 152px;height: 102px;background-position: -302px -300px !important;} /* square */ .modern_single_large_square{width: 722px;height: 722px;background-position: 0 0 !important;} .modern_two_col_large_square{width: 455px;height: 455px;background-position: -725px 0 !important;} .modern_three_col_large_square{width: 293px;height: 293px;background-position: -1182px 0 !important;} .modern_four_col_large_square{width: 208px;height: 208px;background-position: -1478px 0 !important;} /*---------------------------------------------------------------*/ /* 3. SHADOW FRAME /*---------------------------------------------------------------*/ /* preloading */ .shadow_preload_full, .shadow_preload_regular, .shadow_preload_small, .shadow_preload_two_col_large, .shadow_preload_two_col_small, .shadow_preload_three_col_large, .shadow_preload_three_col_small{background: url(/inc/v-1/img/_global/preload-white.gif) center center no-repeat;margin:6px 0 0 6px;float:left;} .shadow_preload_four_col_small, .shadow_preload_four_col_large{background: url(/inc/v-1/img/_global/preload-small-white.gif) center center no-repeat !important;margin:6px 0 0 6px;float:left;} .shadow_preload_full {width: 928px;height: 208px;} .shadow_preload_regular {width: 708px;height: 208px;} .shadow_preload_small {width: 498px;height: 208px;} .shadow_preload_two_col_large{width: 443px;height: 241px;} .shadow_preload_two_col_small{width: 330px;height: 186px;} .shadow_preload_three_col_large{width: 281px;height: 152px;} .shadow_preload_three_col_small{width: 208px;height: 120px;} .shadow_preload_four_col_large{width: 196px;height: 118px;} .shadow_preload_four_col_small{width: 140px;height: 83px;} .shadow_img_frame {background: url(/inc/v-1/img/_global/image-frame-sprite.png) 0px 0px no-repeat;margin-bottom: 6px;} /* .shadow_img_frame img {margin: 6px 0 0 6px;} */ /* banners */ .shadow_banner_full{width: 940px;height: 250px;background-position: -1px -1103px !important;} .shadow_banner_regular{width: 720px;height: 250px;background-position: -1px -1594px !important;} .shadow_banner_small{width: 510px;height: 250px;background-position: -754px -1355px !important;} /* 2 cols */ .shadow_two_col_large{width: 455px;height: 283px;background-position: -460px 0px !important;} .shadow_two_col_small{width: 342px;height: 226px;background-position: -347px -631px !important;} /* 3 cols */ .shadow_three_col_large{width: 293px;height: 191px;background-position: -461px -283px !important;} .shadow_three_col_small{width: 220px;height: 158px;background-position: -695px -476px !important;} /* 4 cols */ .shadow_four_col_large{width: 208px;height: 155px;background-position: -461px -475px !important;} .shadow_four_col_small{width: 152px;height: 118px;background-position: -764px -283px !important;} /* *********************************************************************************** */ /* 10. MISCELLANEOUS /* *********************************************************************************** */ .hr, .hr_top_link {border: 0;height: 2px;width: 100%;background: url(/inc/v-1/img/_global/separator3.gif) 0 0 repeat-x;margin: 1.6em 0;} .hr_top_link {margin-bottom: 1em;} .hr_shadow {border: 0;height: 20px;width: 100%;background: url(/inc/v-1/img/_global/separator-shadow-small.jpg) top center no-repeat;margin: 15px 0 22px 0;} .content_full_width .hr_shadow {background: url(/inc/v-1/img/_global/separator-shadow.jpg) top center no-repeat !important;} .content_sidebar .hr_shadow {background: url(/inc/v-1/img/_global/separator-shadow-xtra-small.jpg) top center no-repeat !important;} table{font-size:12px;margin-bottom: 10px;} table td, table th{padding:6px 16px 6px 6px;} table td { border-bottom: 1px solid #888;} table th { color: #fff; background-color: #5A0300; text-align: center; } .flash-wrap {min-height:400px;} /* *********************************************************************************** */ /* 11. WORDPRESS /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. KARMA Pagenavi /*---------------------------------------------------------------*/ .karma-pages, .wp-pagenavi{clear:both;font-size:.8em;text-transform:uppercase;letter-spacing:1.6px;padding:25px 0 0 0;height:40px;text-align:left;} .karma-pages .pages, .wp-pagenavi .pages{margin-right:6px;} #main .karma-pages a, #main .karma-pages a:link, #main .karma-pages a:visited #main .wp-pagenavi a, #main .wp-pagenavi a:link, #main .wp-pagenavi a:visited{ text-decoration: none;outline: none;padding:5px 11px;display:inline-block;color: #666;background: url(/inc/v-1/img/_global/global-sprite.png) -556px -639px no-repeat;margin-right: 6px;} #main .karma-pages a:hover, #main .wp-pagenavi a:hover{ background: url(/inc/v-1/img/_global/global-sprite.png) -585px -639px no-repeat;margin-right: 6px;} .karma-pages a:active,.karma-pages span.current, .wp-pagenavi a:active,.wp-pagenavi span.current{ text-decoration: none;padding:5px 11px;color: #FFF;background: url(/inc/v-1/img/_global/bg-wp-navi-current.png) 0 0 no-repeat;margin-right: 6px;display:inline-block;} .wp-pagenavi a, .wp-pagenavi span {border:0;} /*---------------------------------------------------------------*/ /* 2. MAILCHIMP /*---------------------------------------------------------------*/ #mc_signup .mc_input { /* width: 155px; */ padding: 2px;color: #222; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } #mc_signup .mc_merge_var {margin-bottom:10px;} #mc_signup .mc_required, #mc-indicates-required {color:#4BA196;} #mc_signup .mc_required {font-size: 14px;} #mc-indicates-required {font-size: 11px;} #mc_signup .mc_signup_submit {clear: left;text-align: left;padding: 10px 0 0 0;} #mc_signup .mc_var_label{color:#8B949A; margin-bottom:5px;} #mc_signup #mc_signup_submit{border:0;margin:0;padding:4px 10px !important;background:#999 url(/inc/v-1/img/_global/bg-input-button-footer.jpg) 0 0 repeat-x;cursor:pointer;letter-spacing:0.8px;/*text-transform: uppercase;*/color: #333;outline:none;border: 1px solid #999;display: block;font-size: 12px !important;} #mc_embed_signup .mc_input {width: 155px;padding: 2px;color: #222;} #mc_embed_signup .mc_merge_var {margin-bottom:10px;} #mc_embed_signup .mc_required, #mc-indicates-required {color:#4BA196;} #mc_embed_signup .mc_required {font-size: 14px;} #mc-indicates-required {font-size: 11px;} #mc_embed_signup .mc_signup_submit {clear: left;text-align: left;padding: 10px 0 0 0;} #mc_embed_signup .mc_var_label{color:#8B949A; margin-bottom:5px;} #mc_embed_signup #mc_signup_submit{border:0;margin:0;padding:4px 10px !important;background:#999 url(/inc/v-1/img/_global/bg-input-button-footer.jpg) 0 0 repeat-x;cursor:pointer;letter-spacing:0.8px;/*text-transform: uppercase;*/color: #333;outline:none;border: 1px solid #999;display: block;font-size: 12px !important;} /*---------------------------------------------------------------*/ /* 3. DEFAULTS /*---------------------------------------------------------------*/ .entry-content img {margin: 0 0 10px 0;} .alignleft, img.alignleft {margin-right: 10px;display: inline;float: left;} .alignright, img.alignright {margin-left: 10px;display: inline;float: right;} .aligncenter, img.aligncenter {margin:0 auto;display: block;clear: both;} .wp-caption {margin-bottom: 10px;text-align: center;padding-top: 5px;} .wp-caption img {border: 0 none;padding: 0;margin: 0;} .wp-caption p.wp-caption-text {line-height: 1.5;font-size: 10px;margin: 0;} .wp-smiley {margin: 0 !important;max-height: 1em;} blockquote.left {margin-right: 20px;text-align: right;margin-left: 0;width: 33%;float: left;} blockquote.right {margin-left: 20px;text-align: left;margin-right: 0;width: 33%;float: right;} .sticky{} .gallery-caption{} /*---------------------------------------------------------------*/ /* 4. 404 ERROR PAGE /*---------------------------------------------------------------*/ .four_error {width: 100%;min-height: 222px;background: url(/inc/v-1/img/_global/404_error.png) left center no-repeat;padding:40px 30px 0 280px;margin:0 0 0 80px;} .four_message {width: 460px;} #main .four_message ul {padding: 10px 0 0 14px;} #main .four_o_four {color: #222;font-size:1.9em;padding-bottom: 12px;} /*---------------------------------------------------------------*/ /* 5. Constant Contact /*---------------------------------------------------------------*/ #constant-contact-signup input {width: 201px;padding: 5px;color: #222;} #constant-contact-signup .checkbox {width: 15px;font-size:13px;} #constant-contact-signup .button{border:0;margin:0;padding:6px 10px !important;background:#999 url(/inc/v-1/img/_global/bg-input-button-footer.jpg) 0 0 repeat-x;cursor:pointer;letter-spacing:0.8px;text-transform: uppercase;color: #333;outline:none;border: 1px solid #999;display: block;font-size: 11px !important;width: 90px;} /* *********************************************************************************** */ /* 12. WIDGETS + SHORTCODES /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. DEFAULT STYLES /*---------------------------------------------------------------*/ #sidebar h3 {color: #222;font-size:1.8em;padding-bottom: 10px;} .sidebar-widget {margin-bottom: 34px;padding-bottom: 34px;background: url(/inc/v-1/img/_global/separator3.gif) 0 100% repeat-x;width:100%;float:left;} #sidebar ul {margin:-7px 0 0 0;padding:0;list-style: none;} #sidebar a {text-decoration: none;} #sidebar a:hover {text-decoration: underline;} #sidebar li {padding-bottom: 2px;} #sidebar ul li {padding:5px 0 0 15px;background:url(/inc/v-1/img/_global/bullet2.gif) 0 11px no-repeat;} /*---------------------------------------------------------------*/ /* 2. BLOGROLL - FOOTER /*---------------------------------------------------------------*/ .blogroll img {width:16px; height:16px;float: left;padding: 0 10px 0px 0;} .blogroll li {width: 100%;float: left;} .blogroll li {margin-bottom: 10px;} /*---------------------------------------------------------------*/ /* 3. CALENDAR /*---------------------------------------------------------------*/ table#wp-calendar {width: 100%;} table#wp-calendar td {width: 14%;text-align: center;} td#today{font-weight:bold;} .widget_calendar tfoot td{background-image:none;} .widget_calendar td a{text-decoration:underline;} p.navigacija { color: #000; font-size: 14px; margin-top: 0; margin-bottom: 7px; text-align: center; } a.calendar-left { float: left; padding-left: 14px; } a.calendar-right { float: right; padding-right: 14px; } table.calendar { width: 100%; margin-bottom: 0; } table.calendar th { background-color: transparent !important; color: #000; font-size: 12px; font-weight: normal; } table.calendar th.day7 { color: #666 !important; } table.calendar th.other { color: #ccc; } table.calendar th.today { color: #900; font-weight: bold; } table.calendar th.dogodek { color: #900; } /*---------------------------------------------------------------*/ /* 4. RECENT POSTS - SIDEBAR /*---------------------------------------------------------------*/ #sidebar .footer_post h4 {font-size:1.2em;padding-bottom: 0px; font-weight: bold;color:#222 !important;} #sidebar .footer_post h4 a {text-decoration: none;color:#222 !important;} #sidebar .footer_post p {margin: 0 0 15px 0;line-height: 19px;} #sidebar .footer_post p a {text-decoration: none;} #sidebar .footer_post a:hover {text-decoration: underline;} /*---------------------------------------------------------------*/ /* 5. BLOGROLL - SIDEBAR /*---------------------------------------------------------------*/ #sidebar .blogroll {list-style: none !important;margin:0 !important;padding:10px 0 0 0 !important;} #sidebar .blogroll li {width: 100% !important;background: none !important;padding: 0 !important;color:#666 !important;} #sidebar .blogroll li {margin-bottom: 18px !important;padding: 0 !important;} /*---------------------------------------------------------------*/ /* 6. SEARCH - SIDEBAR /*---------------------------------------------------------------*/ #sidebar #searchsubmit {border:0;margin:0;padding:8px 12px;background:url(/inc/v-1/img/_global/bg-input-comment.jpg) 0 0 repeat-x;cursor:pointer;letter-spacing:1px;text-transform: uppercase;color: #DDD;outline:none;border: 1px solid #000;display: block;/* margin-left: 132px; */} #sidebar #searchform #s {margin-bottom: 7px;width:90%;padding:3px;} #sidebar #searchform label {color: #4C4C4C;font-weight: bold;display: none;} /*---------------------------------------------------------------*/ /* 7. SOCIAL MEDIA /*---------------------------------------------------------------*/ .social_icons {list-style: none;} .social_icons li {float: left;width:32px;height:32px;margin:0 12px 12px 0;padding:0;} .social_icons a {float: left;width:32px;height:32px;display:block;border:0;text-decoration:none;outline:none;text-indent:-9999em;} .social_icons .rss {background:url(/inc/v-1/img/_global/social-icons/rss.png) 0 0 no-repeat;} .social_icons .twitter {background:url(/inc/v-1/img/_global/social-icons/twitter.png) 0 0 no-repeat;} .social_icons .facebook {background:url(/inc/v-1/img/_global/social-icons/facebook.png) 0 0 no-repeat;} .social_icons .flickr {background:url(/inc/v-1/img/_global/social-icons/flickr.png) 0 0 no-repeat;} .social_icons .youtube {background:url(/inc/v-1/img/_global/social-icons/youtube.png) 0 0 no-repeat;} .social_icons .linkedin {background:url(/inc/v-1/img/_global/social-icons/linkedin.png) 0 0 no-repeat;} .social_icons .foursquare {background:url(/inc/v-1/img/_global/social-icons/foursquare.png) 0 0 no-repeat;} .social_icons .delicious {background:url(/inc/v-1/img/_global/social-icons/delicious.png) 0 0 no-repeat;} .social_icons .digg {background:url(/inc/v-1/img/_global/social-icons/digg.png) 0 0 no-repeat;} #sidebar .sidebar-widget .social_icons, #sidebar .social_icons {float: none !important;padding-top: 10px;} #sidebar .sidebar-widget .social_icons li, #sidebar .social_icons li {padding:0 !important;background-image:none !important;} #content .social_icons {padding-left:0;} /*---------------------------------------------------------------*/ /* 8. LATEST TWEETS /*---------------------------------------------------------------*/ .twitterList {padding-top: 5px !important;} #content .twitterList, .content_full_width .twitterList {list-style: none !important;margin:0 0 0 0;padding:0 0 30px 0;} #sidebar .twitterList li, #content .twitterList li, .content_full_width .twitterList li {background:url(/inc/v-1/img/_global/bg-latest-tweet.png) 0 9px no-repeat !important;margin-bottom: 15px !important;padding-left: 32px !important;color:#666 !important;} #content .twitterList li, .content_full_width .twitterList li {background:url(/inc/v-1/img/_global/bg-latest-tweet.png) 0 5px no-repeat !important;} #sidebar .twitterList li a, #content .twitterList li a, .content_full_width .twitterList li a{text-decoration: underline !important;} .twitterList li .tweet_days{color:#999 !important;font-size:11px !important;} /*---------------------------------------------------------------*/ /* 9. TESTIMONIALS SLIDER /*---------------------------------------------------------------*/ .testimonials, .testimonials_static {background:#E7E9E6 url(/inc/v-1/img/_global/bg_quote_wrap.png) 20px 15px no-repeat;border:1px solid #D8D9D6;} .testimonials {padding-bottom:45px; margin-bottom:15px;} .content_full_width .testimonials blockquote, .content_full_width .testimonials_static blockquote{padding:45px 0 0 50px;width:800px !important;font-size:14px;color:#808080;display:block;} #content .testimonials blockquote, #content .testimonials_static blockquote{padding:20px 0 0 60px;width:590px;} .testimonials blockquote p, .testimonials_static p{margin: 0 !important;padding: 0 0 5px 0 !important;line-height:22px;} .testimonials blockquote cite, .testimonials_static blockquote cite {font-style: normal;display: block;text-align: right;/*text-transform: uppercase;*/font-size: 12px;font-weight: bold;letter-spacing: 1px; color: #555;padding-right:6px;font-family:Arial, Helvetica, sans-serif;} .testimonial-pager {width: 100%;text-align: center;/*padding-top: 18px;*/} .testimonial-pager a {display: inline-block;width:12px;height:12px;text-indent:-9999em;outline:none;background:url(/inc/v-1/img/_global/global-sprite.png) -737px -197px no-repeat;margin-right: 10px;} .testimonial-pager .activeSlide {background:url(/inc/v-1/img/_global/global-sprite.png) -725px -197px no-repeat;} /* *********************************************************************************** */ /* 13. PROGRESSIVE CSS ENHANCEMENTS /* *********************************************************************************** */ .message_green, .message_red, .message_blue, .message_yellow, #ka-submit, .opener, #ka-submit, .ka-form-submit, #mc_signup #mc_signup_submit, .callout_button, .testimonials { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #ka-submit, .ka-form-submit { -moz-box-shadow: 1px 1px 3px #666; -webkit-box-shadow: 1px 1px 3px #666; box-shadow: 1px 1px 3px #666; } #mc_signup #mc_signup_submit, .callout_button { -moz-box-shadow: 1px 1px 3px #222; -webkit-box-shadow: 1px 1px 3px #222; box-shadow: 1px 1px 3px #222; float:right; margin-right:15px; } #footer #mc_signup #mc_signup_submit { margin-right: 0; } #menu-main-nav li.parent:hover{ border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; height:45px; } h1,h2,h3,h4,h5,h6{text-shadow:1px 1px 1px #FFF;} #footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6,.frame h1{text-shadow:none;} .home-bnr-jquery .home-banner-main h2{text-shadow:1px 1px 1px #222;} /* *********************************************************************************** */ /* 14. PRETTY PHOTO /* *********************************************************************************** */ div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background: url(/inc/v-1/img/_global/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url(/inc/v-1/img/_global/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url(/inc/v-1/img/_global/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url(/inc/v-1/img/_global/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url(/inc/v-1/img/_global/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_square .pp_nav .pp_play{background: url(/inc/v-1/img/_global/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_nav .pp_pause{background: url(/inc/v-1/img/_global/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_arrow_previous{background: url(/inc/v-1/img/_global/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url(/inc/v-1/img/_global/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_square .pp_next:hover{background: url(/inc/v-1/img/_global/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url(/inc/v-1/img/_global/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}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_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_fade{display: none;}.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 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.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{left:50%;margin-top: -50px;position:absolute;z-index:10000;}.pp_gallery ul{float: left;height:35px;margin:0 0 0 5px;overflow: hidden;padding:0;position: relative;}.pp_gallery ul a{border:1px #000 solid;display:block;float: left;height:33px;overflow: hidden;}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float: left;margin:0 5px 0 0;}.pp_gallery li.default a{background: url(/inc/v-1/img/_global/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}.pp_gallery li.default a img{display: none;}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}a.pp_next{background: url(/inc/v-1/img/_global/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(/inc/v-1/img/_global/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;float: right;line-height:22px;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.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 0;}div.ppt{color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;} /* *********************************************************************************** */ /* 15. IE SPECIFIC /* *********************************************************************************** */ #foot_right{position: relative;} .top-footer{position: absolute;top: 0;right: 0;} #foot_right ul{position: absolute;top: 0;right: 50px;} /* ----------------------- UPDATES Version: 2.0 ----------------------- */ /*---------------------------------------------------------------*/ /* MESSAGE BOXES /*---------------------------------------------------------------*/ #content .colored_box, #main #content .colored_box strong {color:#FFF;padding: 0;margin: 0 0 20px 0;font-size:13px;/* width:100%; */} /* #main #content .colored_box p {padding: 30px !important;line-height:23px;} */ .colored_box{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #c01d04; padding: 30px !important; } /* CHERRY */ /*#content .message_karma_cherry, .content_full_width .message_karma_cherry{background:#670600 url(/inc/v-1/img/_global/global-sprite-color-boxes.png) 0 -800px repeat-x;}*/ #content .colored_box a, .content_full_width .colored_box a {color:#E09588;} /*---------------------------------------------------------------*/ /* IMAGE FRAMES /*---------------------------------------------------------------*/ .modern_preload_full, .shadow_preload_full {width: 922px;height: 201px;} /* MODERN */ .modern_preload_portrait_thumb{background: url(/inc/v-1/img/_global/preload-small.gif) center center no-repeat !important;margin:8px 0 0 9px;float:left;} .modern_preload_portrait_full, .modern_preload_full{background: url(/inc/v-1/img/_global/preload.gif) center center no-repeat !important;margin:8px 0 0 9px;float:left;} .modern_portrait_img_frame {background: url(/inc/v-1/img/_global/image-frame-portrait-modern.png) 0px 0px no-repeat;margin-bottom: 6px;} .modern_portrait_img_frame_thumb {background: url(/inc/v-1/img/_global/image-frame-portrait-modern.png) -631px 0px no-repeat;margin-bottom: 6px;} .modern_portrait_full, .modern_preload_portrait_full {width: 630px;height: 836px;} .modern_portrait_thumb, .modern_preload_portrait_thumb {width: 293px;height: 389px;} /* SHADOW */ .shadow_preload_portrait_full, .shadow_preload_full{background: url(/inc/v-1/img/_global/preload-white.gif) center center no-repeat !important;margin:6px 0 0 6px;float:left;} .shadow_preload_portrait_thumb{background: url(/inc/v-1/img/_global/preload-small-white.gif) center center no-repeat !important;margin:6px 0 0 6px;float:left;} .shadow_portrait_img_frame {background: url(/inc/v-1/img/_global/image-frame-portrait-shadow.png) 0px 0px no-repeat;margin-bottom: 6px;} .shadow_portrait_img_frame_thumb {background: url(/inc/v-1/img/_global/image-frame-portrait-shadow.png) -625px 0px no-repeat;margin-bottom: 6px;} .shadow_portrait_full, .shadow_preload_portrait_full {width: 624px;height: 829px;} .shadow_portrait_thumb, .shadow_preload_portrait_thumb {width: 293px;height: 392px;} /*---------------------------------------------------------------*/ /* GALLERY /*---------------------------------------------------------------*/ .portfolio_content_top_portrait {float: left;width: 293px;height: 389px;} .port_img_portrait_full {width: 612px;height: 792px;float: left;position: absolute;top:8px;left:9px;} .portfolio_portrait_full_last {float: right;width: 630px;height: 836px;position: relative;} /*---------------------------------------------------------------*/ /* KOSTUMIZACIJA /*---------------------------------------------------------------*/ h6 .datum { color:#990000; font-size:15px; float:left; line-height:0.8; /* padding-bottom:5px; */ padding-bottom:10px; /* padding-top:6px; */ margin-right:15px; width:24px; text-align:center; } h6 .datum span{ color:#666666; font-size:10px; text-transform:uppercase; } h6 span.date { color: #666; display: block; font-size: .91em; font-weight: normal; line-height: 1.1; } h6.lnk { line-height: 20px !important; } h6.lnk .datum { font-size: 12px; line-height: 1; } h6.lnk .datum span { font-size: 12px; } #main h6 span.date { line-height: 1; padding-bottom: 3px; } #main h6 span.excerpt { padding-top: 3px; color: #666; display: block; font-weight: normal; /* margin-left: 39px; */ } .ustanovitelji { text-align:center; } .ustanovitelji img {padding:0 15px;} .carousel-wrapper { /*border: 1px solid #D8D9D6;*/ overflow: hidden; position: relative; /*border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ } button.prev, button.next { background: none; border: none; } button.prev { background: transparent url('/img/carousel-left.gif') no-repeat 0px 46px; display: block; float: left; height: 128px; padding: 0; padding-right: 1px; width: 27px; } button.prev:hover { background: transparent url('/img/carousel-left-hover.gif') no-repeat 0px 46px; } button.next { background: transparent url('/img/carousel-right.gif') no-repeat 0px 46px; display: block; float: right; height: 128px; padding: 0; padding-left: 1px; width: 27px; } button.next:hover { background: transparent url('/img/carousel-right-hover.gif') no-repeat 0px 46px; } .carousel2 { background-color: #fff; float: left; width: 884px !important; } .carousel2 ul li { margin: 0; width: 221px; height: 88px; padding: 20px 0; text-align: center; } .navigator { clear: both; padding: 10px 0; } .navigator span, .navigator a { /* display: inline; */ display: inline-block; font-size: 11px; height: 28px; line-height: 28px; margin-right: 6px; /* padding: 7px 11px; */ text-align: center; width: 28px; } .navigator span { background: transparent url('/inc/v-1/img/ric-secondary/sprite.png') no-repeat -66px -107px; color: #fff; } .navigator a { background: transparent url('/inc/v-1/img/_global/global-sprite.png') no-repeat -556px -639px; color: #666 !important; text-decoration: none; } ul.level2 li a span:hover, ul.level2 li a:hover { color:#C01D04 !important; text-decoration: none !important; } ul.level2 li.current_page_item a span, #sub_nav ul li ul.level2 li.current_page_item > a { color:#C01D04 !important; } ul.level2 li.current_page_item ul.level3 li a span { color: #C01D04 !important; } ul.level2 li.current_page_item ul.level3 li.current_page_item a span, ul.level2 li.current_page_item ul.level3 li a:hover span { color: #000000 !important; } ul.level2 li.current_page_item ul.level3 li a { background: none !important; background-image: none !important; padding-bottom: 0; } .navigator a:hover { background: transparent url('/inc/v-1/img/_global/global-sprite.png') no-repeat -585px -639px; } .one_third h3 a, .testimonials h3 a { color: #222; text-decoration: none; } .one_third h3 a:hover, .testimonials h3 a:hover { color: #C01D04; } cite a { font-style:normal; } #content h3 { padding-bottom: 10px; } #content h3 a { color: #222; } #content h3 a:hover { color: #C01D04; } p.datum { font-size: 10px; padding-bottom: 5px !important; } p.opomba { font-size: 10px; } a.vec { display: block; padding-bottom: 20px; } img.nosilna-img { background: transparent url('/img/bgPicQuarter.png') no-repeat; float: right; margin-left: 10px; padding: 7px 7px 33px; } img.slika_desno { background-color: #fff; border: 1px solid #aaa; float: right; margin: 0 0 10px 10px; overflow: hidden; padding: 5px; } ul.galerija { clear: both; float: left; list-style-type: none; margin: 0; padding: 0 0 10px 0; overflow: hidden; width: 100%; } ul.galerija li { float: left; margin: 0 20px 20px 0; } ul.galerija li a img.slika_galerija { background: transparent url('/img/bgPicSixth.png') no-repeat; padding: 7px 8px 20px 7px; } ul.galerija li.last { margin-right: 0; } ul.dokumenti { clear: both; float: left; list-style-type: none; margin: 0; overflow: hidden; padding: 0 0 20px 0; width: 100%; } ul.dokumenti li { padding-bottom: 3px; } ul.dokumenti li a { background-repeat: no-repeat; display: block; line-height: 16px; padding-left: 20px; } a.doc, a.docx {background-image:url('/img/iconDoc.gif');} a.pdf {background-image:url('/img/iconPdf.gif');} a.xls, a.xlsx {background-image:url('/img/iconXls.gif');} a.ppt, a.pptx, a.pps, a.ppsx {background-image:url('/img/iconPpt.gif');} ul.financerji { clear: both; float: left; list-style-type: none; margin: 0; overflow: hidden; padding: 0 0 20px 0; width: 100%; } ul.financerji li { float: left; margin: 0 20px 20px 0; } ul.financerji li img { height: 60px; width: auto; } blockquote.c3, blockquote.c3-last { float: left; margin-left: 0; margin-right: 20px; width: 220px; } blockquote.c3-last { margin-right: 0; } blockquote.c4, blockquote.c4-last { float: left; margin-left: 0; margin-right: 20px; width: 160px; } blockquote.c4-last { margin-right: 0; } blockquote.c3 h3, blockquote.c3-last h3, blockquote.c4 h3, blockquote.c4-last h3 { background: #c01d04 url(/inc/v-1/img/_global/bg-pasica.jpg) top left; color: #fff !important; height: 2em; margin-bottom: 10px !important; padding: 5px 10px !important; text-shadow: 1px 1px 1px #222; } blockquote.c3 h3 a, blockquote.c3-last h3 a, blockquote.c4 h3 a, blockquote.c4-last h3 a { color: #fff !important; } blockquote.c3 h3 a:hover, blockquote.c3-last h3 a:hover, blockquote.c4 h3 a:hover, blockquote.c4-last h3 a:hover { color: #fff !important; text-decoration: underline !important; } blockquote.c3 p, blockquote.c3-last p, blockquote.c4 p, blockquote.c4-last p { padding-left: 10px !important; padding-right: 10px !important; } form.archive { margin-bottom: 1em; } div.home-posts { float: left; margin-right: 30px; width: 375px; } div.home-posts.single { width: 750px; } div.home-logos { width: 150px; float: left; } div.home-logos img { margin-bottom: 30px; } table.calendar { margin-bottom: 30px; } table.calendar th { padding: 6px; position: relative; } table.calendar th a { cursor: pointer; } div.tooltip { background-color: #fff; border: 2px solid #ccc; display: none; left: 0; padding: 10px 20px; position: absolute; text-align: left; width: 300px; } ul.sitemap span.navi-description::before { content: " ("; } ul.sitemap span.navi-description::after { content: ")"; } a.en { background: url(/_inc/img/flags/silk/gb.png) left no-repeat; padding-left: 25px; } a.si { background: url(/_inc/img/flags/silk/si.png) left no-repeat; padding-left: 25px; } /* Google translate */ a.goog-te-menu-value span, .goog-te-menu-frame skiptranslate a { font-size: 10px; color: #333; padding:0; margin:0; font-weight: normal; } div.goog-te-gadget-simple { border: 1px solid #990000; padding: 0; margin:0; padding:0; height:18px; line-height:16px; font-size:11px; } a.goog-te-menu-value span { font-size: 12px; } img.goog-te-gadget-icon {display:none;} /* COOKIES */ div.cookie-note { background-color: #000000; color: #FFF;; line-height: 1; font-size: 1.2em; overflow: hidden; padding: 10px 1em; margin: 0px; border: solid 1px #8A1735; } div.cookie-note span.cookie-message a{ line-height: 1.3; text-decoration:underline; color: #FFF; } #header div.cookie-note a { color: #FFF; text-decoration:underline; } .close-cookie-x { cursor:pointer; display:block; float:right; margin-top:0; text-align:center; width:110px; height:16px; margin-top:3px; background-color:#FFFFFF; padding-top:5px; border: 1px solid #ccc; /*background:url("/img/close.png") no-repeat right top;*/ } #header div.cookie-note span.close-cookie-x a { color:#4C7FAE; text-decoration:none; font-size:11px; font-weight:bold;} .small {font-size:11px;} p.shmen { font-weight: bold; cursor: pointer; padding-bottom: 0; margin-left: 8px; } ul.nodisp { display: none; } a.x-nav { display: none; } /* GCS */ .gsc-control-cse, .gsc-control-cse .gsc-table-result { font-family: inherit; font-size: 1em; } .gsc-adBlock, .gsc-adBlockVertical, .gsc-orderby-container { display: none; } .gsc-thinWrapper { float: none; width: 100%; } /* * * RWD! * */ @media only screen and (max-width: 980px) { .top-block .top-holder, #header .header-area, #main .main-area { width: 750px; } .content_full_width { float: none; margin: 0 auto !important; padding: 0; width: 750px !important; } #footer .footer-area { margin: 0 auto; padding-left: 0; width: 750px; } #header .logo { display: block; float: none; margin-bottom: 20px; text-align: center; } #footer #mc_signup_submit { margin-right: 0; } div#sub_nav { /* display: none; */ } #content { /* margin: 0 auto; */ width: 500px; } .home-banner-wrap { height: 360px; background-image: none; padding: 0; width: 750px; } .home-banner-wrap ul { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(14, 14, 14, 0.2); border: 1px solid #999; padding: 10px; width: 100%; height: 335px; } .home-banner-wrap img { max-width: 100%; } .home-banner-main { /* width: 710px; */ } .home-banner-sub-content { margin: 10px; } .home-banner-main { bottom: 11px; height: 80px; } .jquery-pager { margin-top: 10px; } .content_full_width .one_half, .content_full_width .one_half_last { width: 360px !important; } #footer .one_fourth, #footer .one_fourth_last { margin-right: 30px; width: 360px !important; } #footer .one_fourth:nth-child(2), #footer .one_fourth_last { margin-right: 0 !important; } #footer .one_fourth:nth-child(3) { clear: left; } .carousel2 { width: 696px !important; } .carousel2 ul li { width: 174px !important; } ul.galerija li.last { margin-right: 20px; } blockquote.c3, blockquote.c3-last { float: left; margin-left: 0; margin-right: 10px; width: 160px; } blockquote.c3-last { margin-right: 0; } blockquote.c4, blockquote.c4-last { float: left; margin-left: 0; margin-right: 10px; width: 117px; } blockquote.c4-last { margin-right: 0; } blockquote.c3 h3, blockquote.c3-last h3, blockquote.c4 h3, blockquote.c4-last h3 { padding: 5px !important; text-shadow: 1px 1px 1px #222; } blockquote.c3 p, blockquote.c3-last p, blockquote.c4 p, blockquote.c4-last p { padding-left: 5px !important; padding-right: 5px !important; } div.home-posts { margin-right: 25px; width: 360px; } div.home-posts.single { margin-right: 0; width: 100%; } div.home-posts.last { margin-right: 0; } div.home-logos { clear: both; width: 100%; float: none; text-align: center; } div.home-logos img { display: inline-block; margin-right: 30px; } div.home-logos img:last-child { margin-right: 0; } } @media only screen and (max-width: 780px) { .top-block .top-holder, #header .header-area, #main .main-area { width: 400px; } .content_full_width { float: none; margin: 0 auto !important; padding: 0; width: 400px !important; } #footer .footer-area { margin: 0 auto; padding-left: 0; width: 400px; } #content { margin-left: 0; width: 100%; } .top-block .sub-nav { display: none; } .top-block .top-holder { padding: 11px 0; } .content_full_width .one_half, .content_full_width .one_half_last { margin-right: 0 !important; width: 100% !important; } #footer .one_fourth, #footer .one_fourth_last { margin-right: 0 !important; width: 100% !important; } .home-banner-wrap { width: 100%; } .top-block .sub-nav, .top-block .sub-nav2 { float: none; } .top-block .sub-nav ul, .top-block .sub-nav2 ul { float: none; text-align: center; } .top-block .sub-nav ul li, .top-block .sub-nav2 ul li { display: inline-block; float: none; margin: 0; } .top-block .sub-nav ul li:first-child, .top-block .sub-nav2 ul li:first-child { background: none !important; } .home-banner-main { height: 190px; } .carousel2 { width: 346px !important; } .carousel2 ul li { width: 173px !important; } img.nosilna-img { display: block; float: none; margin: 0 auto; } blockquote.c3, blockquote.c3-last, blockquote.c4, blockquote.c4-last { float: none; margin-left: 0; margin-right: 0; width: 100%; } blockquote.c3 h3, blockquote.c3-last h3, blockquote.c4 h3, blockquote.c4-last h3 { padding: 5px 10px !important; } blockquote.c3 p, blockquote.c3-last p, blockquote.c4 p, blockquote.c4-last p { padding-left: 10px !important; padding-right: 10px !important; } #sub_nav { background: none; float: none; width: 100%; } #sub_nav ul a { margin: 0; } #sub_nav ul a:hover, #sub_nav ul li.current_page_item a { background-color: #c01d04 !important; background-position: right !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.home-posts { float: none; margin-right: 0; width: 100%; } div.home-logos img { margin-right: 0; } }