/* Theme Name: One Family Theme URI: http://wpboheme.com/ Description: One Family theme modified by illuminea, based on WP Boheme Author: http://illuminea.com/ Version: 1.06 */ @import url('css/gumby.css'); @import url('css/flexslider.css'); @import url('css/prettyphoto.css'); /* =General -------------------------------------------------------------- */ body { font-family: 'PT Sans', sans-serif; background: #fff; font-size:15px; } html,body { height:100%; } #wrapper { margin: 0 auto; width: 980px; background: #fff; margin-top: 0px; box-shadow: 1px 1px 9px #DFD2D2; margin-bottom:80px; position:relative; border-right:1px solid #f1f1f1; border-left:1px solid #f1f1f1; } p { font-size:15px; } .columns { margin-bottom:0px; } .nobottom { margin-bottom:0px; } .rowmargin { margin-bottom:50px; } span.right { float: right; } .alignleft { float:left; } .alignright { float:right } .clearboth { clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow: hidden; } .firstpage { padding-top:50px; } /* =Headings -------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #444; line-height: 1.6; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: #444; } h1 { font-size: 35px; margin-bottom: 12px; } .nometa{ margin-bottom:0px; } .blog_page{ margin-bottom:0px; } h2 { font-weight: normal; font-size:22px; line-height: 22px; margin-bottom: 12px; } h3 { font-size: 17px; margin-bottom: 12px; } h4 { font-size: 15px; margin-bottom: 12px; } h5 { font-size: 15px; font-weight: normal; margin-bottom: 12px; } h6 { font-size: 13px; margin-bottom: 12px; font-weight: normal; } .title { margin:0px 0px 18px 0px; background-image:none background-repeat:repeat-x; background-position:bottom; padding:0px; } .title p { margin:0px; padding:0px; } .title h2 { margin-bottom:10px; } span.line-separator { display: block; width: 14px; height: 5px; margin: 0px; background-color:#D74141; } /*=Sliders ----------------------------------------------------------------*/ .slider_wide{ width:100%; height:100%; position:relative; margin-bottom: 40px; float:left; } .top_slider { margin:0px auto; width:100%; max-width:940px; } /*=Revolution slider changes ----------------------------------------------------------------*/ .tp-thumbs{ display:none; } .tp-bullets.tp-thumbs { bottom: 39px; background-color: transparent!important; background-color: #ccc; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .bottom_thumb{ bottom: 39px!important; } .bottom_thumb_n{ bottom: 14px!important; } .tp-mask{ width: 100%!important; } .thumb { margin-right: 10px!important; padding:0px!important; border:3px solid #f7f9f9; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.2); box-shadow: 0 2px 8px rgba(0,0,0,0.2); opacity: 1!important; float:right!important; } .thumb:hover { margin-top:-10px!important; } .tp-thumbcontainer{ left:auto!important; width: 100%!important; } .tp-bullets.tp-thumbs .tp-mask{ overflow: visible!important; } .tp-leftarrow.large{ background: url('css/css-images/slider_arrows_white.png')!important; background-position: 6px 50%!important; background-repeat: no-repeat!important; height: 65px!important; width: 30px!important; margin-left: 0px!important; background-color: #333!important; margin-top: -55px!important; opacity:0.1; } .tp-leftarrow:hover{ opacity:0.7!important; } .tp-rightarrow.large{ background: url('css/css-images/slider_arrows_white.png')!important; background-position: -37px 50%!important; background-repeat: no-repeat!important; height: 65px!important; width: 30px!important; margin-left: 0px!important; background-color: #333!important; margin-top: -55px!important; opacity:0.1; } .tp-rightarrow:hover{ opacity:0.7!important; } /*end revolution slider changes*/ .custom_slider{ float:left; display:inline; width:100%; margin-bottom:30px; position:relative; } .pr_slider{ margin-bottom: 20px; } .custom_slider ul li{ -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; vertical-align: top; } .hover_lens{ background-image:url('css/css-images/white_lens_icon.png'); background-repeat:no-repeat; width:42px; height:42px; position:absolute; top: 30%; left: 37%; visibility:hidden; opacity:0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .custom_slider ul li:hover{ opacity:0.7; } .custom_slider ul li:hover .hover_lens{ visibility:visible; opacity:1; } .current-img img{ filter: url(filters.svg#grayscale); /* Firefox */ filter: gray; /* IE */ -webkit-filter: grayscale(1); /* Webkit */ } #closer{ display: none; text-align: center; height: 27px; width: 27px; cursor: pointer; margin: 0px auto; margin-top: -12px; } .image_loader{ display:none; height: 46px; width: 47px; position:absolute; left:50%; top:50%; z-index: 150; margin-top:-75px; margin-left: -25px; background-color: white; border-radius: 3px; background-image: url('css/css-images/ajax-loader.gif'); background-repeat: no-repeat; background-position: 1px 0px; } #img-preview{ height:0px; position:relative; text-align: center; background-color:#f1f1f1; margin-top:0px; } #preview{ display:none; } .video_play{ background-image:url('css/css-images/video_play.png'); background-repeat:no-repeat; width:49px; height:49px; position:absolute; top: 30%; left: 34%; } #control_prev{ background-image: url('css/css-images/slider_arrows_white.png'); background-repeat: no-repeat; background-position:8px 50%; background-color: #333; position: absolute; z-index: 10; width:30px; height:105px; top: 50%; margin-top: -53px; cursor:pointer; display:none; opacity:0.3; left:0px; } #control_prev:hover{ opacity:1; } #control_next{ background-image: url('css/css-images/slider_arrows_white.png'); background-repeat: no-repeat; background-color: #333333; top: 11px; background-position: -39px 50%; position: absolute; z-index: 10; width:30px; height:105px; top: 50%; margin-top: -53px; right:0px; cursor:pointer; display:none; opacity:0.3; right:0px; } #control_next:hover{ opacity:1; } .shadow_wrapper{ float: left; max-width: 100%; padding:0px; margin:0px; } .shadow_wrapper img{ display:block; } .medium_blog{ max-width: 379px; } .custom_slider_shadow{ background-image: url('css/css-images/bodyshadow.jpg'); background-repeat: repeat-x; width:100%; height:13px; } .for_article{ } .custom_slider_shadow:before{ content:" "; background-image: url('css/css-images/front_shadow.jpg'); background-repeat:no-repeat; width:60px; height:13px; float:left; } .custom_slider_shadow:after{ content:" "; background-image: url('css/css-images/end_shadow.jpg'); background-repeat:no-repeat; width:60px; height:13px; float:right; } /* =Navigation -------------------------------------------------------------- */ .navigation { color: #999; font-size: 12px; line-height: 18px; overflow: hidden; width:100%; height:20px; float:left; margin-top:10px; } .navigation a:link, .navigation a:visited { color: #999; text-decoration: none; } .nav-previous { float: left; } .nav-next { float: right; text-align: right; margin:0px 0px 0px 10px; height:14px; } .nextleft { width:12px; height:12px; float:right; font-size:11px; margin: 4px 0px 0px 6px; background-image:url('css/css-images/next-icon.png'); background-repeat:no-repeat; } .for_breadcrumbs { margin: 2px 5px 0px 0px; float:left; display:none; } .nextright { width:12px; height:12px; float:left; font-size:11px; margin: 4px 6px 0px 0px; background-image:url('css/css-images/prev-icon.png'); background-repeat:no-repeat; } #nav-above { margin: 0 0 18px 0; } #nav-above { display: none; } /* =Header -------------------------------------------------------------- */ #header { padding:0px; margin: 0px auto; width: 100%; max-width:940px; height:111px; background: #ffffff; z-index:99; } .logo-place { float: left; margin: 18px 0px 0px 0px!important; } .header_section{ min-width:400px; float:right; height:100%; margin:0px 0px 0px 0px; position:relative; } .header_social{ height: 31px; margin-left: -84px; float: left; margin-top: 34px; } .header_button{ width:29px; height:29px; margin-left:2px; float: left; background-repeat:no-repeat; } #contact_icon{ background-image:url('css/css-images/header_contact_icon.png'); } #social_icon{ background-image:url('css/css-images/header_social_icon.png'); } #news_icon{ background-image:url('css/css-images/header_news_icon.png'); } .search_header{ float:right; margin-top: 0px; } #header_searchform{ float: left; width: 173px; margin: 0px 0px 5px 0px; border: 1px solid #e6e4e4; height: 27px; background-repeat:repeat-x; background-image:url('css/css-images/header_search_back.png'); } #header_searchform input[type="text"], textarea { color: #999; font-size: 12px; background:none; border: none; box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px; padding: 5px 4px 4px 10px; } #header_searchform input[type="text"]:focus{ outline:none; } #header_searchsubmit { width: 28px; height: 28px; float: right; background:none; background-image: url('css/css-images/header_search_icon.png'); background-repeat: no-repeat; background-position: center; padding: 150px 0px 0px 0px; box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none; border-left:none; border-top:none; top: 1px; right: -1px; cursor: pointer; } .header_message{ width:100%; float:right; text-align: right; font-size:12px; color:#999; } .header_over{ background-color: #fff; background-repeat:repeat-x; width: 291px; height: 124px; position: absolute; z-index:25; top: 81px; right: 0px; border:1px solid #ccc; padding:10px 0px 0px 0px; display:none; border-radius:4px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.2); box-shadow: 0 2px 8px rgba(0,0,0,0.2); font-size: 13px; color:#999; } .header_over a{ font-size: 14px; color:#999; } #contact_hover:before { border: 9px solid transparent; border-bottom-color: #ccc; content: ''; position: absolute; top: -18px; left: 206px } #contact_hover:after { border: 8px solid transparent; border-bottom-color: #fff; content: ''; position: absolute; top: -16px; left: 207px; } #social_hover:before { border: 9px solid transparent; border-bottom-color: #ccc; content: ''; position: absolute; top: -18px; left: 239px } #social_hover:after { border: 8px solid transparent; border-bottom-color: #fff; content: ''; position: absolute; top: -16px; left: 240px; } #news_hover h1{ font-size: 14px; line-height: 16px; margin: 0px 0px 5px 12px; color:#999; } #news_hover:before { border: 9px solid transparent; border-bottom-color: #ccc; content: ''; position: absolute; top: -18px; left: 269px; } #news_hover:after { border: 8px solid transparent; border-bottom-color: #fff; content: ''; position: absolute; top: -16px; left: 270px; } #news_hover li{ margin:0px 0px 0px 0px; } .hover_contact_info{ background-repeat: no-repeat; background-position: 0 0; color: #999; padding:0px 0px 0px 23px; margin:7px 20px 7px 10px; float: left; display: inline; width: 100%; line-height: 13px; } .home_line{ background-image:url('css/css-images/header_home_icon.png'); } .mail_line{ background-image:url('css/css-images/header_mail_icon.png'); } .phone_line{ background-image:url('css/css-images/header_phone_icon.png'); } .skype_line{ background-image:url('css/css-images/header_skype_icon.png'); } #news_hover ul{ margin:0px 0px 0px 10px; } #social_hover ul{ margin:0px 0px 0px 10px; } #social_hover li{ float: left; width: 104px; padding-left: 27px; } .icons { background-repeat:no-repeat; background-position: 0% 0%; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width:19px; height:19px; cursor:pointer; margin-right:0px; margin-bottom: 10px; } .rss_icon { background-image:url('css/css-images/social-icons/rss-header.png'); } .facebook_icon { background-image:url('css/css-images/social-icons/facebook-header.png'); } .twitter_icon { background-image:url('css/css-images/social-icons/twitter-header.png'); } .facebook_icon { background-image:url('css/css-images/social-icons/facebook-header.png'); } .linkedin_icon { background-image:url('css/css-images/social-icons/linkedin-header.png'); } .youtube_icon { background-image:url('css/css-images/social-icons/youtube-header.png'); } .dribbble_icon { background-image:url('css/css-images/social-icons/dribbble-header.png'); } .vimeo_icon { background-image:url('css/css-images/social-icons/vimeo-header.png'); margin-right:10px; } .pinterest_icon { background-image:url('css/css-images/social-icons/pinterest-header.png'); } .google_icon { background-image:url('css/css-images/social-icons/googleplus-header.png'); } #select_menu{ display:none; } /*=Twiter Bar */ .tweet_wrapper{ width:100%; z-index: 130; position: absolute; bottom: 3px; } .tweet_wrapper_internal{ position: relative; width:100%; z-index: 130; max-width: 940px; margin: 0px auto; } .tweet_back{ background-color: #333; opacity: 0.4; width:100%; max-width: 940px; z-index: 130; position: relative; min-height:25px; margin: 0px auto; } #tweet_bar{ width: 100%; max-width: 940px; min-height: 25px; padding: 2px 0px 0px 10px; z-index: 135; color:#fff; position: relative; margin: 0px auto; margin-top: -25px; box-sizing: border-box; } #tweet_bar a{ color:#fff!important; } #tweet_bar ul li{ display:block; } #tweet_bar .jtwt_tweet{ padding: 0px 0px 0px 10px; border:none; background:none; } #tweet_bar .jtwt_picture{ width:25px; height:25px; float:left; display:inline; margin-right:10px; } #tweet_bar .jtwt_tweet_text{ float:left; display:inline; margin-right: 20px; font-size: 14px; line-height: 1.6em; } .closebar { width:16px; height:16px; float:right; background-image: url('css/css-images/alert/close-tweet.png'); background-repeat:no-repeat; margin:2px 0px 0px 0px; cursor:pointer; position: absolute; top:0px; right:0px; z-index: 30; } .slider_container{ margin:0px auto; width:940px; } /* =Menu Main -------------------------------------------------------------- */ #access { background-color:#ccc; margin:0px auto; margin-bottom:5px!important; border-radius:3px; height:40px; } .full_menu{ width:100%; background: rgb(125,126,125); /* Old browsers */ background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */ !important } .full_menu .menu{ width: 990px; max-width: 990px; } .half_menu{ max-width:940px; width:100%; } #access .menu-header, div.menu { font-size: 13px; height:100%; } #menu-header_id { list-style: none; margin-top: 0px; margin-bottom:0px; } #access ul li{ display: inline; float: left; padding:0px 25px 0px 25px; height:40px; margin:0px; } .menu ul li:hover .menu a { color:#009; } .menu{ /* float:left; display:inline;*/ height:40px; width:100%; max-width: 940px; margin:0px auto; } #access ul li { /* border-right:1px solid #555;*/ } /**/ .menu li:hover .menu-wrapper { opacity:1; visibility: visible; } .menu li a:hover .menu-wrapper{ opacity:1; visibility: visible; } .menu li:hover a{ color:#000; } .menu a { color: #4e0000; display: block; line-height: 40px; padding:0px; text-decoration: none; font-size:17px; margin:0px; text-transform:capitalize; } .menu-wrapper{ visibility: hidden; opacity:0; position: absolute; margin-top: 0px; margin-left: -15px; padding: 3px; float:left; z-index: 300; } .menu_desc{ float: left; padding: 0px; background-color:#FFF; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.2); box-shadow: 0 2px 8px rgba(0,0,0,0.2); -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -ms-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; -webkit-transform: translate3d(0,0,0); -webkit-font-smoothing: antialiased; } .menu_desc_reverse{ margin-left: -120px; } .reverse_with_picture{ margin-left: -379px; min-width: 471px; } .reverse_with_picture .sub-menu:before{ left: 401px!important; } .reverse_with_picture .sub-menu:after{ left: 402px!important; } .sub-menu{ border-right: 1px solid #EFEFEF; position: relative; } .sub-menu:before{ border: 11px solid transparent; border-color:rgba(255,255,255,0); border-bottom-color: #ccc; content: ''; position: absolute; top: -22px; left: 22px; } .sub-menu:after{ border: 10px solid transparent; border-color: rgba(255,255,255,0); border-bottom-color: #fff; content: ''; position: absolute; top: -20px; left: 23px; } .menu ul li{ position:relative; } #access ul ul li:hover ul{ opacity: 1; visibility: visible; } .menu ul ul{ opacity: 0; visibility: hidden; position: absolute; top:0px; right:-100%; background-color: #ccc; } .menu ul ul{ border:none!important; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.2); box-shadow: 0 2px 8px rgba(0,0,0,0.2); } .menu ul ul li{ border:none!important; } .sub-menu li> a:after { content: " "; display: inline-block; background-image: url('css/css-images/menu-next-icon.png'); background-image:none\9; background-repeat: no-repeat; background-position: 0px 1px; width: 11px; height: 11px; width:0px\9; height:0px\9; margin-left: 10px; } .sub-menu li > a:only-child:after { content: ''; background-image:none; width: 0px; height: 0px; } .menu ul .sub-menu:after{ border:none; } .menu ul .sub-menu:before{ border:none; } .menu_desc_reverse .sub-menu:before{ left: 158px; } .menu_desc_reverse .sub-menu:after{ left: 159px; } .menu_pict{ float: right; display: block; padding:10px; max-width:250px; margin-left: -1px; border-left:1px solid #EFEFEF; } .menu_pict img{ display:block; margin-bottom:10px; } #access ul ul { z-index: 99999; margin:0px; padding:0px; float:left; display:inline; } #access ul ul li{ display: block; float: none; width: 100%; border-bottom: 1px solid #EFEFEF; border-right:none; margin: 0px; padding: 0px; width: 200px; height:100%; } #access ul ul a { line-height: 1.6em; height: auto; text-decoration:none; text-transform:capitalize; color:#333; font-size:15px; } #access .sub-menu li a { padding:6px 10px 6px 10px; } #access .sub-menu li a:hover { color:#FFf; } #access .sub-menu li:hover .current-menu-item { } #menu-header_id .sub-menu li { padding:0px; margin: 0px; border-bottom:1px solid #ccc; } #access select { max-width: 100%; display: none; } .second_menu_container{ width: 100%; float: left; } .secondary_menu { list-style:none; float:right; margin-top: 0px; } .secondary_menu li{ display: inline; margin: 0px; padding: 0px 0px 0px 5px; } .secondary_menu li:after { content: "|"; color:#eee; padding: 0px 0px 0px 10px; font-size:10px; } .secondary_menu li:last-child:after { content: ""; padding:0px; } .secondary_menu li a{ text-transform:lowercase; color:#fff; font-size:15px; background-color: #802425; padding: 5px; } /* =Content -------------------------------------------------------------- */ .entry-title { line-height: 1.3em; margin-bottom: 0; padding:0px; } .post-content{ border-bottom:1px solid #f1f1f1; padding-bottom:10px; margin-bottom:30px; float:left; position:relative; width:100%; } .post-content p{ margin: -5px 0px 10px 0px; } .blog_list_img{ display:block; } .fullp p{ margin-top:20px; } .entry-meta { color: #999; font-size: 12px; margin:0px 0px 7px 0px; height:20px; clear: both; } .entry-meta a { color: #999; } .meta-element { padding: 6px 10px 4px 0px; min-height: 16px; float:left; display: inline-block; vertical-align:middle; text-transform: capitalize; } .meta-element img { vertical-align:middle; margin-top:-2px; margin-right: 2px; width:13px; max-width:13px; } .blog_list_meta{ color: #999; font-size: 12px; margin: 12px 0px 12px 0px; height:20px; } .blog_list_meta img{ vertical-align:middle; margin-right: 5px; float:left; } .blog_list_meta_element { padding: 0px 10px 0px 0px; float:left; display:inline; line-height:12px; white-space:nowrap; text-transform: capitalize; } .blog_list_meta_element a{ color: #999!important; } .icon-left { margin:0px 0px 0px 15px; } .navarrow { float:right; margin-top:6px; } .readmore{ width:100%; text-align: right; } .oncol{ position:absolute; bottom:7px; } .readmore .nextleft{ margin: 6px 0px 0px 6px; } .entry-social { margin-top: 15px; background-color: #f9f8f8; height: 33px; padding: 0px 0px 0px 0px; border-bottom: 1px solid #e6e4e4; } .social_pr { margin-bottom: 55px; } .entry-social a { margin:0px; } .entry-social img { margin: 9px 10px 10px 10px; vertical-align: middle; float:left; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .entry-social img:hover { margin: 6px 10px 10px 10px; } #entry-author-info { background-color: #f9f8f8; clear: both; font-size: 15px; line-height: 20px; margin:0px 0px 30px 0px; overflow: hidden; padding: 10px 10px 10px 10px; position:relative; } #entry-author-info h2{ margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; } #entry-author-info:before{ font-size: 0px; line-height: 0%; width: 0px; border-top: 20px solid white; border-bottom: none; border-left: 20px solid #f0f0f0; content: ''; position: absolute; top: 0px; right: 0px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.01); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.01); box-shadow: 0 2px 8px rgba(0,0,0,0.01); } #entry-author-info img { background: #fff; float: left; display:inline; height: 60px; margin: 0px 10px 0px 0px; padding: 11px; } .author-link{ margin:10px 0px 0px 0px; } .pagination { clear:both; float: right; margin: 25px 0px 20px 0px; font-size: 15px; } .no_image { width:100%; } #single-content{ margin:0px 0px 20px 0px; } .related-posts{ margin:0px 0px 30px 0px; } .related-posts-article{ margin:55px 0px 30px 0px; } /* =Images -------------------------------------------------------------- */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } .alignleft, img.alignleft { display: inline; float: left; } .alignright, img.alignright { display: inline; float: right; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; } .wp-caption { background: #f9f8f8; line-height: 18px; margin-bottom: 20px; max-width: 100% !important; /* prevent too-wide images from breaking layout */ padding: 4px; text-align: center; } .wp-caption img { margin: 5px 5px 0; } .wp-caption p.wp-caption-text { color: #999; font-size: 12px; margin: 5px; } /* =Related post -------------------------------------------------------------- */ #carousel, #carousel_recent_work, #carousel_latest_products { position:relative; webkit-transition: -webkit-transform 0.2s linear; -moz-transition: -moz-transform 0.2s linear; -ms-transition: -ms-transform 0.2s linear; -o-transition: -o-transform 0.2s linear; transition: transform 0.2s linear; } #carousel{ left:0px; } #carousel li img, #carousel_recent_work li img, #carousel_latest_products li img{ float:left; } #carousel li, #carousel_recent_work li, #carousel_latest_products li { cursor:pointer; } .post_extra_info{ width:0px; height:120px; float:left; display:inline; background-color:#FFF; overflow:hidden; display:none; } .mobile_hover{ display:none; position:absolute; top:100%; background-color:#333; opacity:0.75; width:100%; height:100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mobile_hover a{ font-size: 18px; margin-top: 35px; margin-left: 5px; margin-right: 5px; padding-bottom: 5px; width: 150px; line-height: 19px; word-wrap: normal; white-space: normal; float: left; color: #FFF; border-bottom: 5px solid #fff; } .related_title{ width:100%; } .post_extra_info a{ font-size:17px; color:#444; padding: 10px 5px 0px 10px; float:left; line-height: 19px; white-space: normal; } .post_extra_info p{ width:230px; float:left; white-space:normal; margin: 0px; padding: 7px 0px 0px 10px; } .related_icon{ margin-right:5px; } /*=404 ---------------------------------------------------------------*/ .error404, .serchdiv { margin:30px 0px 30px 0px; } .entry-content404 { padding-left:20px; } /* =Portfolio -------------------------------------------------------------- */ .row_portfolio{ max-width:960px; padding-left:20px; } .title_portfolio{ margin-right:20px; margin-bottom:35px; } .portfolio-menu { list-style:none; margin: 0px 0px 20px 0px; padding: 0; } .portfolio-menu li { margin: 0px 0px 4px 0px; position:relative; padding:0px; } .portfolio-menu li a { font-size:16px; padding:0px 0px 0px 10px; display: block; color:#333!important; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .portfolio-menu li a:hover { background:none; padding:0px 0px 0px 15px; border-radius: 3px; } .portfolio-menu .active { border-radius: 3px; } .link_keeper{ width:100%; height:100%; float:left; position:relative; } .portfolio_container { margin:0px; } .portfolio_sidebar_title{ background-color:#f9f8f8; color:#555; font-size:16px; float: left; width: 100%; margin: 0px 0px 20px 0px; height: 20px; padding: 5px 0px 8px 10px; background-color: #f9f8f8; border-bottom: 1px solid #e6e4e4; } .portfolio_page_sidebar{ margin:0px 0px 20px 0px; padding:0px 0px 0px 5px; float:left; } .portfolio_page_sidebar ul{ list-style:none; margin-bottom: 0px; } .portfolio_page_sidebar li{ margin:2px 0px 2px 0px; padding:0px; } .initial_hover{ display:none; position: absolute; background: rgba(75,75,75,0.7); width: 100%; height: 100%; z-index:10; } .initial_hover a{ font-size: 22px; color: #fff; border-bottom: 10px solid #93949c; margin-left:10px; float: left; line-height: 30px; padding: 0px 0px 7px 0px; text-transform:capitalize; } .shadow-portfolio{ position:relative; z-index:20; } .slideFromTop { left: 0px; top: -100%; } .slideFromBottom { left: 0px; top: 100%; } .slideFromLeft { top: 0px; left: -100%; } .slideFromRight { top: 0px; left: 100%; } .slideTop { top: 0px; } .slideLeft { left: 0px; } .portfolio_pagination { margin:0px 20px 0px 0px; } /*=portfolio-one*/ .portfolio-one .portfolio-sample { width:100%; height:260px; float:left; margin: 0px 20px 40px 0px; line-height: 9px; overflow:hidden; } .portfolio-one img { max-width:390px; } .portfolio-one .initial_hover a{ width: 95%; } .portfolio-one .initial_hover { max-width:390px; } .portfolio-one .custom_slider_shadow { max-width:390px; } .porfolio_details{ position:relative; padding-right: 20px; height:100%; } .porfolio_image{ overflow:hidden; position:relative; } .portfolio_icon{ margin: 0px 0px 0px 0px; } .porfolio_details h2{ text-transform:capitalize; } .porfolio_details p{ margin-top:10px; } .portfolio_bar{ background-color: #f9f8f8; padding: 9px 0px 0px 10px; position: absolute; right: 20px; bottom: 15px; height: 18px; width: 90%; margin-right: 10px; } /*=portfolio-two*/ .portfolio-two .portfolio-sample { width:378px; float:left; margin: 0px 20px 20px 0px; line-height: 9px; overflow:hidden; } .portfolio-two img { max-width:378px; } .portfolio-two .initial_hover a{ width: 95%; } /*=portfolio-three*/ .portfolio-three .portfolio-sample { width:245px; float:left; margin: 0px 20px 20px 0px; line-height: 9px; overflow:hidden; } .portfolio-three img { max-width:245px; } .portfolio-three .initial_hover a{ width: 225px; margin-top: 55px; } .portfolio-two .initial_hover a{ width: 358px; margin-top: 95px; } .portfolio-one .initial_hover a{ width: 370px; margin-top: 95px; } .portfolio-one .hover_effect, .portfolio-two .hover_effect, .portfolio-three .hover_effect{ -webkit-transition: left 0.3s, top 0.3s ease; -moz-transition: left 0.3s, top 0.3s ease-in-out; -o-transition: left 0.3s, top 0.3s ease-in-out; -ms-transition: left 0.3s, top 0.3s ease-in-out; transition: left 0.3s, top 0.3s ease-in-out; } /*=Product ---------------------------------------------------------------*/ .product_bar{ background-color: #000; width: 100%; max-width: 940px; margin: 0px auto; border-radius: 3px; height: 40px; position:relative; } .product_bar ul{ float:left; list-style-type:none; margin:0px; border-radius: 3px; } .product_bar li{ display: inline; font-size: 16px; color: #fff; padding: 7px 20px 0px 20px; height: 33px; margin: 0px; float: left; position:relative; cursor:pointer; min-width: 86px; text-align: center; } .first_tab_li{ border-top-left-radius:3px; border-bottom-left-radius:3px; } .product_bar li:hover{ background-color:#eee; color:#000; } .product_bar .tabactive{ background-color:#CCC; } .product_bar .tabactive:after { border: 12px solid transparent; border-top-color: #ccc; content: ''; position: absolute; top: 40px; left: 42%; z-index:5 } .product_bar .tabactive:hover:after { border-top-color:#eee; color:#000; } .hide_tabs{ overflow:hidden; } .product_tab_content{ background-color:#f9f8f8; min-height:200px; float:left; display:inline; padding:0px 0px 0px 0px; margin-bottom: 30px; position: relative; } .product_tab_moving{ width: 900px; display: inline; float: left; padding: 20px; } .half_tabs .product_tab_moving{ width:340px; } .product_price{ display:none; width: 78px; height: 13px; font-size: 12px; color: #ddd; background-color: #666; position: absolute; top: 115px; left: 40px; z-index: 8; padding: 0px 0px 7px 0px; text-transform: uppercase; text-align: center; } .product_price_arrow{ display:none; width: 70px; height: 43px; font-size: 28px; color: #fff; background-color: #333; position: absolute; top: 107px; left: 40px; z-index: 10; padding: 12px 4px 2px 4px; text-transform: uppercase; text-align: center; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.7); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.7); box-shadow: 0 2px 8px rgba(0,0,0,0.7); } .product_price_arrow:after{ border-top-color: #bbb; content: ''; position: absolute; top: 57px; left: 0px; border-left: 39px solid transparent; border-right: 39px solid transparent; border-top: 25px solid #333; -webkit-filter: drop-shadow(0 4px 4px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 4px 4px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 4px 4px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 4px 4px rgba(0,0,0,.3)); filter: drop-shadow(0 4px 4px rgba(0,0,0,.3)); } .product_price_listing{ width: 68px; height: 7px; font-size: 12px; color: #ddd; background-color: #666; position: absolute; top: 0px; left: 15px; z-index:8; padding: 5px 0px 7px 0px; text-transform: uppercase; text-align: center; } .product_price_listing_arrow{ width: 60px; height: 19px; font-size: 20px; color: #fff; background-color: #333; position: absolute; top: 0px; left: 15px; z-index: 2; padding: 24px 4px 7px 4px; text-transform: uppercase; text-align: center; -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.7); -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.7); box-shadow:0px 2px 8px rgba(0,0,0,0.7); } .product_price_listing_arrow:after{ content: ''; position: absolute; top: 50px; left: 0px; border-left: 34px solid transparent; border-right: 34px solid transparent; border-top: 17px solid #333; -webkit-filter: drop-shadow(0 4px 4px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 4px 4px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 4px 4px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 4px 4px rgba(0,0,0,.3)); filter: drop-shadow(0 4px 4px rgba(0,0,0,.3)); } /* =News -------------------------------------------------------------- */ .news-item { padding-bottom: 11px; overflow: hidden; width: 100%; margin: 20px 0px 23px 0px; border-bottom: 1px solid #f1f1f1; } .news-menu { padding-bottom: 21px; overflow: hidden; width: 100%; margin: 0px 0px 20px 0px; border-bottom: 1px solid #f1f1f1; } .news-menu li { display: inline; margin: 0px 0px 0px 0px; background-color: #999; border-radius: 4px; padding: 3px 10px 3px 10px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .news-menu li:hover { background-color:#333; } .news-menu li a { font-size:14px; color:#fff; } .posted_on_border { border-radius: 3px; border: 1px solid #f9f8f8; width: 63px; height: 83px; background-color: #fff; float: left; margin-right: 20px; padding: 3px 0px 0px 3px; } .posted_on{ background-color: #f9f8f8; border-radius: 3px; width: 50px; height: 70px; color: #333; padding: 5px; float: left; } .news_day{ float:left; display:inline; text-align:center; font-size:30px; width: 100%; line-height: 32px; } .news_month{ float:left; display:inline; text-align:center; font-size:14px; width: 100%; } .news_year{ float:left; display:inline; text-align:center; font-size:11px; width: 100%; } /* =Jobs -------------------------------------------------------------- */ .jobs_listings{ background-color:#f9f8f8; width:100%; padding-top:20px; position:relative; } .job-item{ height:60px; margin:0px 20px 0px 20px; padding: 10px 0px 0px 0px; border-top:1px solid #d8d8d8; position: relative; z-index: 10; } .job-item h3{ margin:0px; padding:0px; color:#555; } .job-item h3 a{ color:#555!important; } .job_date{ color:#999; font-size:12px; } .job_date img{ vertical-align:middle; margin-top: -1px; } .job_title{ margin:0px 0px 20px 20px; } .about_company{ background-color:#f9f8f8; margin:30px 0px 20px 0px; padding:20px 20px 5px 20px; } .about_company h2{ margin-bottom:20px; } .job-post h3{ margin: 20px 0px 10px 0px; } .job_active { height: 60px; margin: 0px 0px -1px 0px; padding: 10px 20px 0px 20px; border: 1px solid #d8d8d8; background-color: #FFF; position:relative; } .job_active::after { content: ''; position: absolute; top: 23px; left: -14px; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-right: 15px solid white; border-top-color:rgba(255,255,255,0); border-bottom-color: rgba(255,255,255,0); } .job_active::before { content: ''; position: absolute; top: 22px; left: -15px; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #d8d8d8; border-top-color:rgba(255,255,255,0); border-bottom-color: rgba(255,255,255,0); } .job_active_move { display:none; height: 60px; margin: 1px 0px 0px 0px; padding: 10px 0px 0px 0px; border: 1px solid #d8d8d8; background-color: #eee; position: absolute; top: 0px; left: 0px; width: 298px; z-index: 5; } .job_active_move::after { content: ''; position: absolute; top: 23px; left: -14px; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-right: 15px solid #eee; border-top-color:rgba(255,255,255,0); border-bottom-color: rgba(255,255,255,0); } .job_active_move::before { content: ''; position: absolute; top: 22px; left: -15px; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #d8d8d8; border-top-color:rgba(255,255,255,0); border-bottom-color: rgba(255,255,255,0); } .jobs_sidebar { margin-top:7px; } /* =Sidebar_Page -------------------------------------------------------------- */ #sidebar_page { margin:0px; padding:0px; background-color: #f9f8f8; position:relative; } #sidebar_page ul { margin:0px; padding:0px; } #sidebar_page h4 a{ color:#333; } #sidebar_page li { height: 30px; padding: 12px 0px 5px 0px; border-bottom: 1px solid #d8d8d8; position: relative; z-index: 10; margin: 0px 10px 0px 10px; } #sidebar_page h4{ margin-bottom: 0px; } #sidebar_page li:last-child { border-bottom: none; } #sidebar_page .current_page_item { height: 30px; margin: -1px 0px 0px 0px; padding: 12px 0px 5px 10px; border: 1px solid #d8d8d8; background-color: #FFF; position: relative; } #sidebar_page .current_page_item::before { content: ''; position: absolute; top: 14px; right: -10px; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #d8d8d8; border-top-color:rgba(255,255,255,0); border-bottom-color: rgba(255,255,255,0); } #sidebar_page .current_page_item::after { content: ''; position: absolute; top: 14px; right: -9px; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid white; border-top-color: rgba(255,255,255,0); border-bottom-color: rgba(255,255,255,0); } #sidebar_page .current_page_item_move { height: 30px; margin: 0px 0px 0px 0px; padding: 12px 0px 5px 10px; border: 1px solid #d8d8d8; background-color: #eee; position: absolute; top: 0px; left: 0px; width: 209px; z-index: 5; display:none; } .current_page_item_move::before { content: ''; position: absolute; top: 14px; right: -10px; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #d8d8d8; border-top-color:rgba(255,255,255,0); border-bottom-color: rgba(255,255,255,0); } .current_page_item_move::after { content: ''; position: absolute; top: 15px; right: -10px; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 10px solid #eee; border-top-color:rgba(255,255,255,0); border-bottom-color: rgba(255,255,255,0); } .rightcol .current_page_item::before { left: -10px; right:auto; border-right: 10px solid #d8d8d8; border-left: none; } .rightcol .current_page_item::after { left: -9px; right:auto; border-right: 9px solid white; border-left: none; } .sidebar_right:before{ left: -10px; right:auto; border-right: 10px solid #d8d8d8; border-left: none; } .sidebar_right:after{ left: -9px; right:auto; border-right: 9px solid #eee; border-left: none; } #sidebar li:hover { padding:6px 0px 6px 10px; } /* =Faq -------------------------------------------------------------- */ .faq-item { overflow: hidden; width: 100%; margin: 0px 0px 10px 0px; } .faq-item img{ vertical-align: middle; } .faq_question{ padding: 5px 0px 5px 3px; font-size:15px; cursor:pointer; } .faq-menu { padding-bottom: 21px; overflow: hidden; width: 100%; margin: 0px 0px 20px 0px; border-bottom: 1px solid #f1f1f1; } .faq-menu li { display: inline; margin: 0px 0px 0px 0px; background-color: #999; border-radius: 4px; padding: 3px 10px 3px 10px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .faq-menu li:hover { background-color:#333; } .faq-menu li a { font-size:14px; color:#fff; } .question_even{ background-color:#fff; } .question_odd{ background-color:#f9f8f8; } .faq-content{ margin: 0px 0px 10px 0px; padding: 10px 0px 10px 50px; background-color: #f9f8f8; } .question_open { margin:10px 0px 25px 0px; } .question_open .faq_question{ padding: 3px 0px 3px 10px; font-size:16px; font-weight:bold; background-color: #f9f8f8; } .faq_to_top{ text-decoration:none; margin: 0px 20px 0px 0px; background-color: #999; color:#fff; border-radius: 4px; padding: 3px 10px 3px 10px; } /* =Contact -------------------------------------------------------------- */ .contactForm { margin:20px 0px 0px 0px; } .contactForm label { font-size:15px; margin:0px; } .contactForm input[type="text"] { margin: 0px 0px 7px 0px; } .contactForm textarea { margin:5px 0px 10px 0px; } .contact_item { float:left; display:inline; margin:0px 20px 0px 0px; } .contact_item_second { float:left; display:inline; width:100%; margin:5px 0px 0px 0px; } .btnleft{ margin-left:0px; } /* =Sidebar -------------------------------------------------------------- */ #primary { margin:0px; } .widget-title-sidebar { color:#fff; font-size:22px; margin:-25px 0px 10px -15px; height:25px; padding: 5px 0px 8px 10px; background-color: #802425; border-radius: 0 15px 15px 0; box-shadow: 1px 3px 3px #757475; } .widget-title-sidebar a{ font-size:16px!important; } .widget-title-sidebar img{ vertical-align: middle; } .widget-area-sidebar { margin:0px; padding-top:0px; } .twitter { float:left; } .portfolio_sidebar { margin:0px 0px 0px 0px; } .sidebar_portfolio_img { padding:0px; } .latest_portfolio, .latest_products, .Widget_Flickr{ /* margin-bottom: 18px!important;*/ } .latest_portfolio a, .latest_products a, .Widget_Flickr a{ width: 65px; height:65px; float:left; margin:0px 12px 12px 0px; } #colophon .latest_portfolio a, #colophon .latest_products a, #colophon .Widget_Flickr a{ margin:0px 10px 10px 0px; } .latest_portfolio .img_last, .latest_products .img_last, .Widget_Flickr .img_last{ margin:0px 0px 12px 0px!important; } #colophon .latest_portfolio .img_last, #colophon .latest_products .img_last, #colophon .Widget_Flickr .img_last{ margin:0px 0px 10px 0px!important; } #footer-widget-area .sidebar_portfolio_img{ margin: 0px 10px 8px 0px; } .sidebar_portfolio_img_last { margin:0px 0px 8px 0px; padding:0px; } .social_sidebar{ /* margin-bottom: 20px!important;*/ } .social_sidebar_internal{ padding-left: 10px; float: left; margin: 0px; } .social_sidebar_internal a{ padding: 0px; margin: 0px; float: left; width:30px; height: 20px; margin: 0px 0px 10px 0px; } .contact_sidebar_internal{ padding-left: 0px; } .contact_sidebar p { margin: 3px 0px 0px 0px; } .sidebartabs { margin-bottom:20px; } .textwidget { font-size:15px; line-height: 1.6em; } #primary .textwidget { padding-left: 10px; } .textwidget a { color:#D74141; } /*=tags -------------------------------*/ .tagcloud{ margin:0px 0px 0px 10px; padding: 0px; } .tagcloud a{ font-size: 14px!important; display: inline; float:left; line-height: 14px; margin: 0px 7px 7px 0px; background-color: #999; border-radius: 4px; padding: 3px 10px 5px 10px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } /* =archives ,widget_categories widget_links widget_recent_entries widget_meta ---------------------------------------------------------------------------------*/ #primary .widget_archive ul, #primary .widget_categories ul, #primary .widget_links ul, #primary .widget_recent_entries ul, #primary .widget_meta ul, #primary .widget_pages ul, #primary .widget_recent_comments ul, #primary .widget_rss ul { list-style: none; margin:0px 0px 0px 0px; } #primary .widget_archive li, #primary .widget_categories li, #primary .widget_links li, #primary .widget_recent_entries li, #primary .widget_meta li, #primary .widget_pages li, #primary .widget_recent_comments li, #primary .widget_rss li { margin:0px 0px 0px 0px; padding:2px 0px 2px 10px; } #primary .widget_archive li:hover, #primary .widget_categories li:hover, #primary .widget_links li:hover, #primary .widget_recent_entries li:hover, #primary .widget_meta li:hover, #primary .widget_pages li:hover, #primary .widget_recent_comments li:hover, #primary .widget_rss li:hover { } #primary .widget_archive a, #primary .widget_categories a, #primary .widget_links a, #primary .widget_recent_entries a, #primary .widget_meta a, #primary .widget_pages a { text-decoration:none; font-size:15px; width:200px; padding:0px 0px 0px 0px; } #primary .widget_archive a:hover, #primary .widget_categories a:hover, #primary .widget_links a:hover, #primary .widget_recent_entries a:hover, #primary .widget_meta a:hover, #primary .widget_pages a:hover, #primary .widget_rss a:hover { } /* =comments widget/ ----------------------------------------------------------------*/ #primary .widget_recent_comments { font-size:13px; } #primary .widget_recent_comments a { text-decoration:none; font-size:13px; width:200px; padding:0px 0px 0px 0px; } /*=rss widget/ ----------------------------------------------------------------*/ #primary .widget_rss a { text-decoration:none; font-size:13px; width:200px; } /*=flickr widget/ ----------------------------------------------------------------*/ .flickr_widget { margin:0px 8px 8px 0px; padding:0px; } .flickr_widget_last { margin:0px 0px 8px 0px; padding:0px; } /*=Sidebar tabs ----------------------------------------------------------------*/ .tab-border-sidebar { border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1!important; float: left; display: inline; background-color:#FFF; } #primary .tabs li a { font-size:14px; } #primary .secondsyle a{ padding: 0px 15px 0px 15px; } .post_details { float:left; display:inline; width:100%; } .post_details a { color:#666; text-decoration:none; } ul .tab_menu { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none; border-bottom:none; } .tab_menu li { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #tab_menu_id img { margin:5px 0px 0px 10px; opacity:1 !important; } .sidebar_tabs .tabs { padding:0px; margin:0px; float: left; } .secondsyle a{ background-color:#0CF; border-bottom:5px solid #333; } .sidebar_tabs .tabs div { margin:0px; padding:0px; } .tab-border-sidebar ul { margin: 10px 5px 0px 5px; padding: 0px 0px 0px 0px; list-style: none; border: none; height: 100%; float: left; } .sidebar_tabs .tab-border-sidebar li { width:33%; padding:0px 0px 3px 0px; margin:0px 0px 0px 0px; } .sidebar_tabs .tab-border-sidebar a { display:inline; } .sidebar_tabs .tab-border-sidebar li:hover { } .sidebar_tabs li { display:inline; color: #333; font-size: 12px; padding: 0px 0px 0px 0px; text-align:center; } .sidebar_tabs .inside_tab_ul ul { list-style:none; margin:0px; padding:0px; border:none; } .sidebar_tabs .inside_tab_ul li { float:left; display:inline; width:100%; background-color:transparent; margin:0px 0px 10px 0px; } .sidebar_tabs .inside_tab_ul li a { background-color:transparent; border:none; margin:0px; padding:0px; text-shadow:none; line-height:17px; float:left; width:100%; } .sidebar_tabs .inside_tab_ul li img { float:left; display:inline; margin:0px 5px 0px 0px; } .tabs_post_title { float:left; display:inline; margin:0px; padding:0px; min-width:50%; line-height:20px; height:20px; } .tabs_meta { font-size:12px; width:50%; float:left; line-height:20px; } .tab_comments { width:100%; } #tab_menu_id .active .comments_on { display:block; margin: 0px auto; margin-top: 5px; } #tab_menu_id .active .comments_off { display:none; } #tab_menu_id .comments_on { display:none; } #tab_menu_id .comments_off { display:block; margin: 0px auto; margin-top: 5px; } #primary .tabs_images, #primary .tabs_post_info { display:inline; float:left; line-height:13px; } /*ie 8*/ #primary .tabs_images img { max-width:50px; } #primary .tabs_post_info { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:top; } #primary .tabs_post_info { width:142px; text-align:left; color:#999; } #primary .tabs_post_info a { color:#666; height:100%; font-size:13px; margin-bottom:5px; } #primary .tabs_images { width:60px; height:47px; margin-left:5px; } .tabs_post_info p { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:12px; } #primary .sidebar_tabs_size-1, #colophon .sidebar_tabs_size-1 { width:100%; } #primary .sidebar_tabs_size-2, #colophon .sidebar_tabs_size-2 { width:50%; } #primary .sidebar_tabs_size-3, #colophon .sidebar_tabs_size-3 { width:33.3%; } #primary .sidebar_tabs_size-3:last-child{ width:33.41%; } .xoxo { margin:0px; padding:0px; } /* =Footer -------------------------------------------------------------- */ #footer { clear: both; width: 100%; background-color:#363839; margin-top: 0px; height:auto; } #footer-widget-area { overflow: hidden; height: 100%; position: relative; max-width: 980px; margin: 0px auto; } #footer-widget-area .widget-area { float: left; width: 215px; margin-left: 0px; padding: 30px 10px 5px 10px; } #first{ width: 215px!important; padding: 30px 10px 5px 20px!important; } #fourth{ width: 215px!important; padding: 30px 20px 5px 10px!important; } #footer-widget-area #fourth { margin-right: 0; } .site-info { font-size: 13px; padding:10px 20px 9px 20px; color:#eee; border-top:1px solid #747474; max-width: 940px; margin: 0px auto; text-align: right; } .site-info a { color: #000; text-decoration: none; } .widget-area { margin:0px 0px 0px 0px; color:#ddd; } .widget-area:hover{ background-color:#666; } #footer-widget-area .widget_recent_comments { font-size:13px; } #footer-widget-area .widget_archive a, #footer-widget-area .widget_categories a, #footer-widget-area .widget_links a, #footer-widget-area .widget_recent_entries a, #footer-widget-area .widget_meta a, #footer-widget-area .widget_links a, #footer-widget-area .widget_pages a, #footer-widget-area .widget_recent_comments a, #footer-widget-area .widget_rss a, #footer-widget-area .textwidget a{ text-decoration:none; font-size:15px; width:200px; } #footer-widget-area .widget_archive ul, #footer-widget-area .widget_categories ul, #footer-widget-area .widget_links ul, #footer-widget-area .widget_recent_entries ul, #footer-widget-area .widget_meta ul, #footer-widget-area .widget_links ul, #footer-widget-area .widget_pages ul, #footer-widget-area .widget_recent_comments ul, #footer-widget-area .widget_rss ul, #footer-widget-area .textwidget a { list-style: none; margin-left: 0px; } #footer-widget-area .tweets-container a, #footer-widget-area .textwidget a, #footer-widget-area .contact_sidebar a, #footer-widget-area .tagcloud a{ margin: 5px 0px 5px 0px; padding: 1px 0px 1px 0px; width:215px; display: block; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } #footer-widget-area .tweets-container a:hover, #footer-widget-area .textwidget a:hover, #footer-widget-area .contact_sidebar a:hover, #footer-widget-area .tagcloud a:hover{ padding: 1px 0px 1px 5px; } #footer-widget-area .widget_archive li, #footer-widget-area .widget_categories li, #footer-widget-area .widget_links li, #footer-widget-area .widget_recent_entries li, #footer-widget-area .widget_meta li, #footer-widget-area .widget_links li, #footer-widget-area .widget_pages li, #footer-widget-area .widget_recent_comments li, #footer-widget-area .widget_rss li { margin:5px 0px 5px 0px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } #footer-widget-area .widget_archive li:hover, #footer-widget-area .widget_categories li:hover, #footer-widget-area .widget_links li:hover, #footer-widget-area .widget_recent_entries li:hover, #footer-widget-area .widget_meta li:hover, #footer-widget-area .widget_pages li:hover, #footer-widget-area .widget_recent_comments li:hover, #footer-widget-area .widget_rss li:hover { margin:0px 0px 5px 0px; background-color:#D74141; padding-left:5px; color:#fff; } #footer-widget-area .widget_archive ul ul li:hover, #footer-widget-area .widget_categories ul ul li:hover, #footer-widget-area .widget_links ul ul li:hover, #footer-widget-area .widget_recent_entries ul ul li:hover, #footer-widget-area .widget_meta ul ul li:hover, #footer-widget-area .widget_links ul ul li:hover, #footer-widget-area .widget_pages ul ul li:hover, #footer-widget-area .widget_recent_comments ul ul li:hover, #footer-widget-area .widget_rss ul ul li:hover { background-color:#000; padding-left:5px; } #footer-widget-area .widget_archive a:active, #footer-widget-area .widget_categories a:active, #footer-widget-area .widget_links a:active, #footer-widget-area .widget_recent_entries a:active, #footer-widget-area .widget_meta a:active, #footer-widget-area .widget_links a:active, #footer-widget-area .widget_archive a:hover, #footer-widget-area .widget_categories a:hover, #footer-widget-area .widget_links a:hover, #footer-widget-area .widget_recent_entries a:hover, #footer-widget-area .widget_meta a:hover, #footer-widget-area .widget_links a:hover, #footer-widget-area .widget_pages a:hover, #footer-widget-area .widget_recent_comments a:hover, #footer-widget-area .widget_rss a:hover { text-decoration: none; color:#ddd; width:200px; } #footer-widget-area .widget_rss { font-size:13px; } #footer-widget-area #searchform input[type="text"] { background:#fff; color:#333; width:70%; } #footer-widget-area #searchform { border: 1px solid #dddddd; background:#fff; } #footer-widget-area #searchsubmit { border:none; } .widget-area ul ul { list-style: none; margin-left: 0px; } .widget-area jtwt_tweet:hover { padding-left:0px; } .widget-area select { max-width: 100%; } .widget_search { position:relative; } .widget_search #s {/* This keeps the search inputs in line */ width: 60%; } .widget_search label { display: none; } .widget-container,.sbg_widget { margin: 0 0 30px 0; float:left; width:100%; padding: 15px; background-color:none; } .widget-title-footer { color: #eee; margin:0px 0px 10px 0px; font-size:16px!important; } .widget-title-footer a { font-size:16px!important; } .widget-area a:link, .widget-area a:visited { text-decoration: none; } .widget-area .entry-meta { font-size: 11px; } #colophon img, #primary img { opacity:1; filter:alpha(opacity=60); /* For IE8 and earlier */ -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } #colophon img:hover, #primary img:hover { opacity:0.8; filter:alpha(opacity=100); /* For IE8 and earlier */ } .pre_header_arrow_container{ background-color:#eee; width:100%; height:0px; padding:0px; margin-top:-40px; !important} #footer_arrow_down_pre_header { width: 30px; height: 20px; margin:0px auto; cursor:pointer; } .button_down{ background-image:url('css/css-images/slider-down.png'); background-repeat:no-repeat; } .button_up{ background-image:url('css/css-images/slider-up.png'); background-repeat:no-repeat; } .social-footer { background-color:#eee; color:#888888; height:100%; width:100%; clear:both; overflow:hidden; background: rgb(125,126,125); /* Old browsers */ background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */ !important} .social-footer_container{ max-width:940px; padding:5px 20px 25px 20px; width:100%; margin:0px auto; } .social-footer_container h3{ font-size: 16px; } .footer_arrow_down_container { width:100%; height:22px; padding:0px; background-color:#363839; } #footer_arrow_down { width: 20px; height: 20px; background-color:#000; margin:0px auto; cursor:pointer; } .social-footer img { vertical-align:middle; margin:0px 5px 0px 10px; opacity:0.5; } .first_img_footer { margin:0px 5px 0px 10px !important; } .social_container { float:left; display:inline; vertical-align:central; margin-right:5px; } /* for ie8 */ .social_container img { max-width:15px; } .social-footer span { vertical-align: middle; margin:0px 0px 0px 0px; } .social_links { float:right; } .social_links img { margin:0px 0px 0px 10px; } .social_last { margin-right:10px; } .social-footer li { width:20px; height:20px; float:left; display:inline; } .back_top{ display:none; position: fixed; bottom: 120px; right:230px; width:40px; height:40px; border-radius:4px; background-color:#CCC; background-image:url('css/css-images/up_arrow.png'); background-repeat:no-repeat; background-position: 8px 12px; z-index: 150; } .back_top:hover{ background-color:#666; } .lowerend-container{ width: 980px; height: 25px; background-color: #000; position:fixed; bottom: 0px; z-index: 149; display: none; } .lowerend-menu-container{ width:965px; margin: 0px auto; } .lowerend{ position: absolute; cursor: pointer; display:none; background: black; width: 920px; padding:0px 23px 0px 23px; height: 0px; bottom: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .lowerlogo{ width:960px; margin: 0px auto; } .lowersocial{ display:none; } .lowersocial li{ display:inline; padding-left: 20px; margin-right: 21px; } #logo-bubble { position: absolute; bottom: 0px; border-bottom: 40px solid black; border-left: 25px solid transparent; border-right: 25px solid transparent; height: 0; width: 120px; z-index: 10; margin-left: -4px; } #logo-bubble:after { content:' '; left: -29px; top: -1px; position:absolute; border-radius:40px 40px 0px 0; width:178px; height:40px; display:block; } #lower-action{ z-index:12; position: relative; float:left; margin-left: 28px; margin-top: -5px; cursor: pointer; } .copymess{ float:right; font-size: 12px; margin-top: 2px; margin-right: 10px; } .lower_social{ position: absolute; bottom:25px; width:100%; height: 20px; float:left; } .lowerend-menu ul{ margin:0px; width:175px; } #footer_navigational_menu ul li{ margin: 0px 20px 0px 0px; display: inline; float:left; } #footer_navigational_menu li li{ list-style:none; display:block; width:100%; } .sub-menu li{ display: block; } #footer_navigational_menu .sub-menu:before, #footer_navigational_menu .sub-menu:after{ border:none; content: none; } .lowerend-menu li a{ font-size: 16px; margin-bottom: 10px; float: left; } #footer_navigational_menu .sub-menu a{ font-size: 15px; margin-bottom: 4px; } /* =Search -------------------------------------------------------------- */ input[type="text"], textarea { color: #666; font-size: 12px; line-height: 20px; background: #f9f9f9; border: 1px solid #e2e2e2; margin: 2px 0 0 2px; padding: 2px; } #respond input[type="text"], textarea { background: #fff; } #searchform { float:left; width:100%; margin: 0px 0px 40px 0px; border:1px solid #e6e4e4; } #searchform input[type="text"] { float:left; width:83%; padding-left: 6px; border: none; background: #fff; box-shadow:none; } #searchform input[type="text"]:focus{ outline:none; } #searchsubmit { width:27px; height:27px; float:right; background-color:#D74141; background-image:url('css/css-images/lens-icon.png'); background-repeat:no-repeat; background-position:center; padding: 3px 0px 0px 0px; border:none; top: 1px; right: -1px; cursor: pointer; } .not-found { position:relative; } /*=wp-calendar ---------------------------------------------------------------*/ #wp-calendar { width: 100%; } #wp-calendar caption { font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left; } #wp-calendar thead { font-size: 11px; } #wp-calendar thead th { } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } #wp-calendar .pad { background: whiteSmoke; } /*=Twiter ---------------------------------------------------------------*/ .wpboheme_bar_recent_tweets{ position: relative; } .wpboheme_recent_tweets ul{ margin:0px; } .wpboheme_recent_tweets li { background-image:url('css/css-images/twiter-widget-icon.png'); background-repeat:no-repeat; background-position:0px 2px; padding:0px 0px 12px 27px; border-bottom:1px solid #fafafa; } #wp_tweet_bar{ margin:0px; padding-left: 25px; padding-right: 10px; background-image:url('css/css-images/twitter.png'); background-repeat:no-repeat; background-position:0px 2px; } #wp_tweet_bar li{ margin-bottom: 0px; font-size: 13.4px; } #colophon .jtwt_tweet,#primary .jtwt_tweet { border-bottom:1px solid #f9f7f7; padding:0px 0px 5px 25px; transition:none!important; } .closebar { width:16px; height:16px; float:right; background-image: url('css/css-images/alert/close-tweet.png'); background-repeat:no-repeat; margin:2px 0px 0px 0px; cursor:pointer; position: absolute; top:0px; right:6px; z-index: 30; } /* =Print Style -------------------------------------------------------------- */ @media print { #wrapper { clear: both !important; display: block !important; float: none !important; position: relative !important; } } /* =Tagline -------------------------------------------------------------- */ .tagline-container { background-color: #f9f8f8; margin-bottom: 45px; margin-left:0px; float: left; padding: 27px 20px 27px 20px; width: 100%; border-top: 1px solid #e6e4e4; border-bottom: 1px solid #e6e4e4; position:relative; } .tagline-container:before { font-size: 0px; line-height: 0%; width: 0px; border-top: 20px solid white; border-bottom: none; border-left: 20px solid #f0f0f0; content: ''; position: absolute; top: -1px; right: 0px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.01); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.01); box-shadow: 0 2px 8px rgba(0,0,0,0.01); } .taglinetext { width:70%; padding-right:10px; float: left; line-height: 1.7em; } .tagline_button{ width:auto; margin-top:24px; float: left; } .tagline-container h2{ margin-bottom:10px; } .tagline_btn{ width: 100%; margin: 0px auto; margin-top: 10px; padding: 10px 0px 10px 0px!important; } /* =Recent posts -------------------------------------------------------------- */ .keeper { overflow:hidden; margin:0 0 0px; } .article_container{ float:left; margin-bottom:45px; } .col h3 { font-size: 17px; margin: 20px 0px 17px 0px; line-height: 17px; } .col h3 a { text-decoration:none; width:100%; } .col img{ display:block; } .frontimg{ width:100%; } .article_container article{ border-bottom:10px solid #ebebeb; cursor:pointer; position:relative; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .recent_post_p{ margin-bottom: 20px!important; } .article_container article:hover{ border-bottom:10px solid #333; } .article_container .col:hover .related_over{ display:block; opacity:1; visibility:visible; } .article_container .last:hover .related_over{ display:block; opacity:1; visibility:visible; right: 50px; } .display_shadow{ float:left; display:inline; width:100%; height:13px; margin:0px; padding:0px; background-repeat:no-repeat; background-image:url('css/css-images/latest_post_shadow.png'); } .related_over{ opacity:0; visibility:hidden; width:465px; height:105px; padding:10px 0px 10px 10px; background-color:#FFF; position:absolute; z-index:555; top:-110px; left:20px; border:1px solid #ccc; border-radius: 4px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.2); box-shadow: 0 2px 8px rgba(0,0,0,0.2); -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -ms-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .related_over a{ color:#555; } .last .related_over{ left:-293px; } .keeper-4 .last .related_over{ left:-330px; } .keeper-5 .last .related_over{ left:-350px; } .related_over:before{ border: 13px solid transparent; border-color: rgba(255,255,255,0); border-top-color: #ebebeb; content: ''; position: absolute; top: 125px; left: 9px; } .related_over:after{ border: 12px solid transparent; border-color: rgba(255,255,255,0); border-top-color: #fff; content: ''; position: absolute; top: 125px; left: 10px; } .last .related_over:before{ border: 13px solid transparent; border-color: rgba(255,255,255,0); border-top-color: #ebebeb; content: ''; position: absolute; top: 125px; left:435px; } .last .related_over:after{ border: 12px solid transparent; border-color: rgba(255,255,255,0); border-top-color: #fff; content: ''; position: absolute; top: 125px; left: 436px; } .related_over{ font-size:12px; } .related_meta{ line-height:13px; vertical-align:middle; float:left; margin-top: 5px; width:100%; text-transform: capitalize; } .related_meta img{ vertical-align:middle; } .related_images{ width:100%; float:left; display:inline; } .related_images img{ display:inline; margin-right:10px; } .related_over_icon{ display:inline!important; margin:0px 5px 0px 0px; } .leftspace{ margin-left:10px; } .keeper-6 .col { float:left; width:15.3%; margin:0px 20px 0px 0px; } .keeper-5 .col { float:left; width:18%; margin:0px 2.4% 0px 0px; } .keeper-4 .col { float:left; width:23.4%; margin:0px 2.1% 0px 0px; } .keeper-3 .col { float:left; width:31.3%; margin:0px 3% 0px 0px; } .keeper-2 .col { float:left; width:48.5%; margin:0px 3% 0px 0px; } .keeper-1 .col { float:left; padding:0 0 0 0; width:100%; } .row .last { padding-right:0px; margin:0px; float:right; } .keeper .col.last { padding:0; } .col .heading { overflow:hidden; margin:0 0 15px; } .col .heading img { float:left; margin:0 10px 0 0; } .col p { margin:0px; } .col .flexslider { margin:0; } .meta { font-size:13px; font-style:italic; color:#999999; margin-bottom:3px; } .col_omega { float:right; margin-right: 0 !important; padding-right: 0 !important; clear: right; } .col { float:left; display:inline; } .iconcol { margin-bottom:45px!important; } .icon_container{ background-color:#333; } .icon_img{ display: block; float: left; margin: 0px 12px 0px 0px; min-height: 70px; } .iconcol h3 { font-size: 17px; margin: 0px 0px 15px 0px; } .iconcol p { display:inline; } .col .col-header { overflow:hidden; margin:0 0 15px; } .col .col-header h3 { font-size:17px; display:inline; } .col .col-header img { display:inline; margin:0 10px 0 0; vertical-align:middle; } /* =Divider -------------------------------------------------------------- */ .divider { height: 3px; background: #f1f1f1; display: block; width: 100%; margin:25px 0px 25px 0px; float:left; } .spacer{ height: 40px; display: block; width: 100%; margin:0px; float:left; } /* =Breadcrumbs -------------------------------------------------------------- */ .breadcrumbs { float:left; width:100%; margin:15px 0px 29px 0px; padding:0px; vertical-align:middle; font-size:11px; color:#999; } .breadcrumbs a { font-size:12px; color:#999; text-transform:lowercase; } .breadcrumbs img { margin:0px 6px 0px 0px; } /* =Lists -------------------------------------------------------------- */ .checklist { margin-bottom: 45px; } .checklist li { padding: 2px 5px 4px 20px; margin:0px 0px 5px 0px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .checklist li:hover { cursor:default; } .checklist img{ vertical-align:middle; } .list-type1 li { background: url('css/css-images/lists/list_icon_1.png') no-repeat; background-position: 0 0.4em; } .list-type2 li { background: url('css/css-images/lists/list_icon_2.png') no-repeat; background-position: 0 0.4em; } .list-type3 li { background: url('css/css-images/lists/list_icon_3.png') no-repeat; background-position: 0 0.4em; } .list-type12 li { background: url('css/css-images/lists/list_icon_4.png') no-repeat; background-position: 0 0.4em; } .list-type5 li { background: url('css/css-images/lists/list_icon_5.png') no-repeat; background-position: 0 0.4em; } .list-type6 li { background: url('css/css-images/lists/list_icon_6.png') no-repeat; background-position: 0 0.4em; } .list-type7 li { background: url('css/css-images/lists/list_icon_7.png') no-repeat; background-position: 0 0.4em; } .list-type8 li { background: url('css/css-images/lists/list_icon_8.png') no-repeat; background-position: 0 0.4em; } .list-type9 li { background: url('css/css-images/lists/list_icon_9.png') no-repeat; background-position: 0 0.4em; } .list-type10 li { background: url('css/css-images/lists/list_icon_10.png') no-repeat; background-position: 0 0.4em; } .list-type11 li { background: url('css/css-images/lists/list_icon_11.png') no-repeat; background-position: 0 0.4em; } .list-type4 li { background: url('css/css-images/lists/list_icon_12.png') no-repeat; background-position: 0 0.4em; } /* =Container -------------------------------------------------------------- */ .more { float:right; padding-right:5px; margin-top:15px; } .more a { padding:0px; font-style:italic; font-size:13px; } .more a.active { text-decoration:none; } /* =Testimonial -------------------------------------------------------------- */ .testimonial_slider { float:left; width:100%; min-height: 130px; margin-bottom: 45px; } .testimonial-container { width:100%; float:left; display:inline; margin-bottom:30px; padding-bottom:15px; position:relative; } .testimonial-container:before{ position:absolute; top:24px; left:10px; content:' '; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f9f8f8; border-left-color:rgba(255,255,255,0); border-right-color: rgba(255,255,255,0); } .testimonial-container h3{ margin-bottom:0px; margin-top:10px; } .testimonial { margin: 10px 0px 0px 0px; background: #f9f8f8; padding: 20px; position: relative; color: #666; border-radius: 5px; font-style: italic; border:none; } .testimonial p{ margin:0px 0px 5px 0px; } blockquote p{ margin:0px 0px 0px 0px; } .testimonial:before, .testimonial:after { content: "\201D"; position: absolute; font-size: 40px; line-height: 1; color: #999; font-style: normal; } .testimonial:before { top: 15px; left: 5px; } .testimonial_from{ font-size:15px; font-weight:bold; margin: 0px; float:left; } /* =Dropcap -------------------------------------------------------------- */ .dropcap-type1 { padding: 0px 14px 0px 0px; float: left; margin: -4px 0px 0 0; font-size: 34px; font-weight: bold; } .dropcap-type2 { padding: 5px 15px; float: left; margin: 5px 15px 0 0; background-color:#D04526; color:#FFF; font-size:20px; } .dropcap-type3 { padding: 0px 14px 0px 14px; float: left; margin: 0px 10px 0 0; font-size: 34px; font-weight: bold; background-color:#333; color:#FFF; } /* =Highlight -------------------------------------------------------------- */ .highlight_red { background-color:#fad9db; } .highlight_grey { background-color:#d8d8d8; } .highlight_yellow { background-color:#fcfaaa; } /* =Comments -------------------------------------------------------------- */ #comments { clear: both; margin: 55px 0px 55px 0px; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { margin-bottom: 0; } .commentlist { list-style: none; margin: 0; } .commentlist li.comment { margin: 15px 0 20px 0; padding: 3px 0px 15px 80px; position: relative; border-bottom:1px solid #f1f1f1; } .thread-odd { /* background-color:#f1f1f1;*/ padding: 10px 0px 10px 80px!important; } .thread-odd img { top:10px!important; /* left:10px!important;*/ } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .commentlist .avatar { position: absolute; top: 4px; left: 0; padding:0px 0px 0px 3px; } .comment-author { font-size:12px; border-bottom:1px solid #f1f1f1; padding:0px 0px 3px 0px; margin:0px 0px 5px 0px; } .comment-author a{ color: #555!important; } .comment-author cite { color: #555; font-style: normal; font-weight: bold; font-size:16px; } .comment-body { margin:0px; padding:0px; } .comment-body p{ margin-bottom: 4px; } .comment-author .says { font-style: italic; } .comment-meta { font-size: 12px; margin: 0 0 18px 0; } .comment-meta a:link, .comment-meta a:visited { color: #999; text-decoration: none; } .reply { font-size: 12px; padding: 0px; margin-bottom: 10px; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li { border: none; margin: 20px 0px 20px 0px; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #999; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } input[type=submit] { color: #333; border:none; } #respond { margin: 24px 0; position: relative; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; } h3#reply-title { margin: 18px 0; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { font-weight: bold; } #respond label { color: #999; font-size: 12px; } #respond input { margin: 0 0 9px; } #submit { color:#FFF; } #respond textarea { width: 100%; max-width: 938px; background: #fff; } #respond .form-allowed-tags { color: #999; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; } form textarea { border: 1px solid #e2e2e2; } /*=Maps -------------------------------------------------------------- */ iframe, object, embed { max-width: 100%; } /* =Pricing Tables -------------------------------------------------------------- */ .tables-column-type1 { text-align: center; float: left; display: inline; margin: 10px 0; border-right: 1px solid white; position: relative; width:100%; margin-top: 30px; } .tables-column-type1 ul { list-style-type:none; float:left; display:inline; } .tables-column-type1 li { margin:0px; display: block; border-right:1px solid #FFF; } .tables-column-type1 .even_li { background-color:#FAFAFA; } .tables-column-type1 .odd_li { background-color:#FFF; } .tables-column-type1 .header_row { padding: 10px 0; text-transform:uppercase; } .tables-column-type1 .header_row h1 { color:#FFF; font-size:18px; margin:0px; padding:0px; } .tables-column-type1 .price_row { background-color:#E8E8E8; font-size:15px; padding: 10px 0; } .tables-column-type1 .normal_row { color:#444; font-size:15px; padding: 7px 0; } .tables-column-type1 .footer_row { color:#FFF; font-size:20px; vertical-align:middle; padding: 10px 0; } .tables-column-type1 .footer_row a,.tables-column-type2 .footer_row a{ color:#FFF!important; } .tables-column-type1 .price_table { margin:0px; padding:0px; } .tables-column-type1 .col_highlight { margin:-24px 0px 0px 0px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .20); -moz-box-shadow: 0 0 25px 7px rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px 7px rgba(0, 0, 0, 0.1); position:relative; z-index: 1; } .tables-column-type1 .col_highlight .header_row { padding: 18px 0 18px 0; } .tables-column-type1 .col_highlight .header_row h1 { font-size: 24px; } .tables-column-type1 .col_highlight .footer_row { padding: 18px 0 18px 0; font-size: 24px; } .tables-column-type1 .price_row h3 { margin-bottom:0px; font-size:44px; color:#000; display:inline; } .tables-column-type1 .price_row h3 { color:#000; } .tables-column-type2 { text-align: center; float: left; display: inline; margin: 10px 0px; position: relative; width:100%; margin-top: 30px; } .tables-column-type2 ul { list-style-type:none; float:left; display:inline; } .tables-column-type2 li { margin:0px; display: block; border-right:1px solid #FFF; } .tables-column-type2 .even_li { background-color:#FAFAFA; } .tables-column-type2 .odd_li { background-color:#FFF; } .tables-column-type2 .header_row { padding: 5px 0; border: 1px solid #ddd; } .tables-column-type2 .header_row h1 { color:#fff; font-size:19px; margin:0px; padding:0px; } .tables-column-type2 .price_row { background-color:#F5F5F5; font-size:15px; padding: 10px 0; border-top: 1px solid #F4F4F4; border-left: 1px solid #F4F4F4; border-right: 1px solid #F4F4F4; } .tables-column-type2 .normal_row { color:#444; font-size:15px; padding: 7px 0; border-top: 1px solid #F4F4F4; border-left: 1px solid #F4F4F4; border-right: 1px solid #F4F4F4; } .tables-column-type2 .footer_row { color:#fff; font-size:20px; vertical-align:middle; padding: 10px 0; border-top: 1px solid #F4F4F4; border-left: 1px solid #F4F4F4; border-right: 1px solid #F4F4F4; } .tables-column-type2 .price_table { margin:0px 1px 0px 0px; padding:12px; background-color:#f9f8f8; } .tables-column-type2 .col_highlight { margin:-24px 0px 0px 0px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .20); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .20); box-shadow: 0 0 20px rgba(0, 0, 0, .20); position:relative; z-index: 1; } .tables-column-type2 .col_highlight .header_row { padding: 18px 0 18px 0; } .tables-column-type2 .col_highlight .header_row h1 { font-size: 24px; } .tables-column-type2 .col_highlight .footer_row { padding: 18px 0 18px 0; font-size: 24px; } .tables-column-type2 .price_row h3 { margin-bottom:0px; font-size:44px; color:#000; display:inline; } .tables-column-type2 .price_row h3 { color:#000; } .tables-column-type3 { text-align: center; float: left; display: inline; margin: 10px 0px; position: relative; width:100%; margin-top: 30px; } .tables-column-type3 ul { list-style-type:none; float:left; display:inline; } .tables-column-type3 li { margin:0px; display: block; border-right:1px solid #FFF; } .tables-column-type3 .even_li { background-color:#f6f6f6; border-top:1px solid #d9f2ff; border-bottom:1px solid #d9f2ff; } .tables-column-type3 .odd_li { background-color:#fbfbfb; } .tables-column-type3 .header_row { padding: 7px 0; } .tables-column-type3 .header_row h1 { color:#fff; font-size:17px; margin:0px; padding:0px; } .tables-column-type3 .price_row { color:#fff; font-size:15px; padding: 0px; border-top: 1px solid #F4F4F4; position:relative; z-index:10; font-size:24px; } .tables-column-type3 .price_row_after{ position:relative; border-top: 33px solid #fff; border-left: 140px solid transparent; border-right: 140px solid transparent; margin-bottom:20px; -webkit-filter: drop-shadow(0 1px 5px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 5px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 5px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 5px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 5px rgba(0,0,0,.5)); } .tables-column-type3 .normal_row { color:#444; font-size:15px; padding: 7px 0; border-top: 1px solid #F4F4F4; border-left: 1px solid #F4F4F4; border-right: 1px solid #F4F4F4; } .tables-column-type3 .footer_row { color:#fff; font-size:20px; vertical-align:middle; padding: 10px 0; border-top: 1px solid #F4F4F4; border-left: 1px solid #F4F4F4; border-right: 1px solid #F4F4F4; } .tables-column-type3 .price_table { margin:0px 1px 0px 0px; background-color:#fbfbfb; } .tables-column-type3 .col_highlight { margin:-24px 0px 0px 0px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .20); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .20); box-shadow: 0 0 20px rgba(0, 0, 0, .20); position:relative; z-index: 1; } .tables-column-type3 .col_highlight .header_row { padding: 18px 0 18px 0; } .tables-column-type3 .col_highlight .header_row h1 { font-size: 22px; } .tables-column-type3 .col_highlight .footer_row { padding: 18px 0 18px 0; font-size: 24px; } .tables-column-type3 .price_row h3{ color:#FFF; } .tables-column-type3 .price_row h3 { margin-bottom:0px; font-size:44px; color:#fff; display:inline; } .tables-column-type3 .footer_row a { color:#FFF; } .currency{ font-size: 18px; position: relative; top: -16px; right: 3px; } .period{ font-size:14px; } .price1 ul { width:100%; } .price2 ul { width:50%; } .price3 ul { width:33.3%; } .price4 ul { width:25%; } .price5 ul { width:20%; } .price6 ul { width:16.6%; } .type2_price1 ul { width:100%; } .type2_price2 ul { width:46.4%; } .type2_price3 ul { width:29.8%; } .type2_price4 ul { width:21.4%; } .type2_price5 ul { width:16.4%; } .type2_price6 ul { width:13.1%; } .type3_price1 ul { width:100%; } .type3_price2 ul { width:50%; } .type3_price3 ul { width:33.1%; } .type3_price4 ul { width:24.8%; } .type3_price5 ul { width:19.8%; } .type3_price6 ul { width:16.4%; } .footer_row .btn{ float:none; max-width: 100%; min-width: 1%!important; } /* =Person -------------------------------------------------------------- */ .person { background-color:#fbfbfb; position:relative; padding:10px 0px 0px 0px; width:100%; float:left; margin-bottom: 45px; } .person :after{ font-size: 0px; line-height: 0%; width: 0px; border-top: 20px solid white; border-bottom: none; border-left: 20px solid #f0f0f0;; content: ''; position: absolute; top: 0px; right: 0px; } .person-img { max-width:160px; min-height:175px; float: left; display:inline; margin:0px 10px 5px 10px; } .person-social { padding-top: 0px; } .person-social h2{ line-height: 1em; } .person_job{ font-size:16px; } .social_img { margin:10px 5px 5px 0px; float:left; } .person p { margin:10px 10px 0px 10px; } /* =Alerts -------------------------------------------------------------- */ .alert-box { padding: 12px 35px 12px 55px; position: relative; margin-bottom: 35px; } .error { background-image: url('css/css-images/alert/error.png'); background-position: 20px 15px; background-repeat: no-repeat; background-color: #FFF1F2; color: #C98F92; } .error .close { background-image: url('css/css-images/alert/close-error.png'); background-repeat:no-repeat; } .close { width: 16px; height: 16px; position: absolute; right: 20px; top: 15px; cursor: pointer; } .warning { background-image: url('css/css-images/alert/warning.png'); background-position: 20px 15px; background-repeat: no-repeat; background-color: #E4F7FF; color: #699FB6; } .warning .close { background-image: url('css/css-images/alert/close-warning.png'); background-repeat:no-repeat; } .success { background-image: url('css/css-images/alert/succes.png'); background-position: 20px 15px; background-repeat: no-repeat; background-color: #F4FFDF; color:#94B654; } .success .close { background-image: url('css/css-images/alert/close-succes.png'); background-repeat:no-repeat; } .alert-message{ margin-right:20px; } .alert-message img { vertical-align:middle; margin:0px 5px 0px 5px; } /* =Toggle -------------------------------------------------------------- */ .toggle { overflow:hidden; margin:0; padding:4px 0px 4px 0px; border-bottom: 1px solid white; margin-bottom:5px; word-wrap:break-word; border-radius: 3px; } .active { margin-bottom:0px; border-bottom:none; } .accordeonx{ margin-bottom: 45px; float:left; width: 100%; } .accordeonx .toggle { margin-bottom:0px; } .accordeonx .toggle-content { border:none; } #footer-widget-area .toggle-content { margin-bottom:0px; padding:0px 0px 15px 10px; } #footer-widget-area .toggle { margin-bottom:1px; border:none; } #primary .toggle-content { margin-bottom:0px; padding: 10px 0px 15px 10px; } #primary .toggle { margin-bottom:0px; } .faq-item .toggle { margin-bottom:0px; } .tooglered { background-color:#cb2026; color:#FFF; } .tooglered a { color:#FFF; } .tooglblack { background-color:#000; color:#FFF; } .tooglblack a { color:#FFF; } .tooglblue { background-color:#23638A; color:#FFF; } .tooglblue a { color:#FFF; } .tooglgrey{ background-color:#eee; color:#333; border-bottom:1px solid #E8E6E6; } .tooglgrey a { color:#333; } .toggle a { cursor:pointer; overflow:hidden; margin:0; float:left; width:100%; font-size:15px; } .toggle.active a { border-bottom:0; } .toggle span.arrow { background:url('css/css-images/toggle_plus.png') no-repeat center center; display:block; width:18px; height:18px; float:left; margin:3px 10px 0px 10px; } .toggle.active span.arrow { background: url('css/css-images/toggle_minus.png') no-repeat center center; } .faq_toogle { margin:3px 18px 0px 0px !important; } .toggle span.toggle-title { float:left; width:90%; } .toggle-content { position:relative; padding:10px 5px 15px 37px; margin-bottom:10px; } .toggle.active + .toggle-content { border:1px solid #e9e9e9; } .tooglcustom a{ color:#fff; } /* =Isotope -------------------------------------------------------------- */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .clearfix::before, .clearfix::after { content: ""; display: table; } .clearfix::after { clear: both; } .clearfix::before, .clearfix::after { content: ""; display: table; } /* =Google Maps -------------------------------------------------------------- */ #map_canvas { height: 100% } /* =Adsense Contaienr -------------------------------------------------------------- */ .adsense_container { text-align: center; padding-right: 30px; } .google_chart{ margin-bottom: 45px; } input[type=submit] { color: #fff; border: none; background-color: #802425; float: right; border-top-right-radius: 18px; border-bottom-right-radius: 18px; padding: 5px 15px 5px 5px; box-shadow: 0px 3px 3px #797979; margin: -62px 0; } /* =Pagination -----------------------------------------------------------------*/ .current { background-color:#D74141; color:#FFF; padding:3px 5px 3px 5px; margin:0px 0px 0px 10px; } .inactive { background-color:#FFF; color:#555; border:1px solid #e2e2e2; padding:3px 5px 3px 5px; margin:0px 0px 0px 10px; } .inactive a { color:#D74141; } .gform_heading { width: 98%; margin-bottom: 0px; !important} .gform_wrapper .top_label .gfield_label { margin: 0px 0 4px 0; font-weight: bold; display: -moz-inline-stack; display: inline-block; line-height: 1.3em; clear: both; } .widget-container, .sbg_widget { margin: -20px 0 0; float: left; width: 100%; } .medium.btn { font-size: 18px; padding: 1px 25px 1px 25px;} #primary .menu { height: auto !important; } .gform_wrapper ul li.gfield input, .gform_wrapper input[type="text"]{ clear: both !important;} .gform_wrapper .left_label .gfield_label { float: none;} .op6 { position: fixed; right: 310px !important; top: 40px !important;} .gform_wrapper .top_label .gfield_label { margin: 0px 0px 4px 0; font-weight: bold; display: -moz-inline-stack; display: inline-block; line-height: 0em; clear: both; } .gform_wrapper { overflow: inherit; margin: 10px 0 -40px 0 !important; max-width: 98%; } .gform_wrapper li, .gform_wrapper form li { margin-left: 0 !important; list-style-type: none !important; list-style-image: none !important; list-style: none !important; overflow: visible; margin-top: -30px; } #primary .menu { margin: margin: 10px 10px 0px 0px; } #primary .menu li:hover { background-color: transparent; } #primary .menu li a:hover { color: #AE160A !important; } #footer a { color: #fff; } #footer a:hover { text-decoration: underline; }