/* Theme Name: Harrington Pro Responsive Theme Theme URI: http://inkthemes.com/ Description: The Harrington Theme for WordPress is simple and beautiful with lots of customization options that can tweaked by Theme Options Panel like logos, intro texts and background. Harrington Theme supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Fullwidth" and "Gallery" categories, and has an optional one-column page template that removes the sidebar. Author: InkThemes.com Author URI: http://www.inkthemes.com Version: 1.1.2 License URI: license.txt Tags: dark-green, light-blue, light-pink, dark-pink, red, dark-blue, yellow, green, cofee, two-columns, fixed-width, custom-background, threaded-comments, sticky-post, translation-ready, microformats, editor-style, custom-menu */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ @import url(css/reset.css); @import url(css/960_24_col_responsive.css); @import url(css/slippry.css); @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800); @font-face { font-family: 'Alef'; src: url('font/Alef-Bold.eot'); src: url('font/Alef-Bold.eot?#iefix') format('embedded-opentype'), url('font/Alef-Bold.woff') format('woff'), url('font/Alef-Bold.ttf') format('truetype'), url('font/Alef-Bold.svg#alefbold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Alef'; src: url('font/Alef-Regular.eot'); src: url('font/Alef-Regular.eot?#iefix') format('embedded-opentype'), url('font/Alef-Regular.woff') format('woff'), url('font/Alef-Regular.ttf') format('truetype'), url('font/Alef-Regular.svg#alefregular') format('svg'); font-weight: normal; font-style: normal; } body { /*font-family: 'Open Sans', sans-serif;*/ font-family: 'Alef'; font-size: 15px; line-height: 22px; background:#fff; color: #373636; } h1, h2, h3, h4, h5, h6 { font-family: 'Alef'; font-weight: normal; font-style: normal; color: #010101; } @font-face { font-family: 'Alef'; font-weight: normal; font-style: normal; } h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 12px; } p { color: #636363; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.625em; margin-top: 5px; } a { text-decoration: none; color: #4d4c4c; } a img { border: none; } :focus { outline: none; } ::selection { background: #fd8e4a; color: #fff; } input[type="submit"] { cursor: pointer; } ol { list-style: decimal; } ul { list-style: disc; } li { margin-left: 30px; } p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure { margin-bottom: 15px; font-weight: normal; } td, th { border: 1px solid #ccc; padding: 3px; } th { background: #cccccc; } .header_container { width: 100%; padding: 35px 0 26px 0; border-top: 5px solid #f05931; } .header { z-index: 1; } .header_wrapper { margin-top: 36px; margin-bottom: 15px; } .header_wrapper .logo { margin-top: 2px; } .header_wrapper .logo img { max-width: 300px; max-height: 80px; } .mobieMenu { margin: 0 auto; width: 70%; margin-top: 12px; text-align: center; margin-left: 70px; } .menu_bar { border: 1px solid #d9d9d9; background: #fff; display: block; padding-bottom: 20px; padding-top: 5px; padding-left: 20px; margin-top: 15px; } #menu { position: relative; } #menu ul { list-style-type: none; } #menu .ddsmoothmenu { list-style: none; position: relative; z-index: 10; margin: 8px 1px 10px 7px; text-align: right; } #menu .ddsmoothmenu li > ul li > ul { margin-top: 1px; } #menu .ddsmoothmenu li { position: relative; display: inline; font-size: 16px; margin-left: 0; margin-bottom: 0; margin-right: 17px; line-height: 45px; } #menu .ddsmoothmenu li:last-child { margin-right: 0; } #menu li.current_page_item { padding-top: 55px; background: url(images/menu-tip.png) top center no-repeat; } #menu .ddsmoothmenu li a { color: #444; text-decoration: none; padding: 5px 15px 5px 15px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } #menu li.current-menu-item a, #menu li.current_page_item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover { color: #fff; background: #f05931; } #menu .ddsmoothmenu li > ul { margin-top: 7px; padding-top: 10px; margin-left: 5px; } #menu li li a, #menu li li a.selected, #menu li li a:hover { border: none; } #menu .ddsmoothmenu li li { font-size: 15px; line-height: 21px; text-transform: capitalize; margin: 0; padding: 0; } #menu .ddsmoothmenu li li a { width: 154px !important; color: #525252; height: auto; float: none; display: block; text-align: right; position: relative; margin: 0; padding: 5px 0 5px 0; margin: 5px 8px; padding-left: 10px; font-size: 15px; font-weight: normal; line-height: 25px; border-radius: 0; } #menu .ddsmoothmenu li li a:after { width: 100%; content: ''; position: absolute; left: 0; top: 0; } #menu .ddsmoothmenu li li li li:last-child a, #menu .ddsmoothmenu li li li li:last-child a:after { border-top: none; } #menu .ddsmoothmenu li li:last-child a:after { width: 100%; content: ''; position: absolute; left: 0; bottom: 0; } * html #menu .ddsmoothmenu li li a { display: inline-block; } #menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited { color: #565555; } #menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover { color: #fff; text-shadow: none; background: #f05931; } #menu .ddsmoothmenu li ul { position: absolute; left: 0; top: 0; display: none; visibility: hidden; margin-top: 15px; width: 180px !important; margin-left: 0px; border-top: none; padding-top: 10px; padding-bottom: 10px; background-color: #fff; border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: 2px solid #f25231; -moz-box-shadow: 0px 2px 8px #bbb; -webkit-box-shadow: 0px 2px 8px #bbb; box-shadow: 0px 2px 8px #bbb; } #menu .ddsmoothmenu li ul li { display: list-item; float: none; } #menu .ddsmoothmenu li ul li ul { padding-top: 0; background: none; top: 0; margin-top: 0; margin-left: 0; } #menu .ddsmoothmenu li ul li ul li:first-child { padding-top: 0; } * html .ddsmoothmenu { height: 1%; } .downarrowclass { position: absolute; width: 0px; height: 0px; overflow: hidden; top: 9px; right: 6px; } .rightarrowclass { display: block; width: 0px; height: 0px; position: absolute; margin-top: -3px; top: 50%; right: 0; } .ddshadow { width: 0; height: 0; position: absolute; left: 0; top: 0; display: none; } #menu .ddsmoothmenu li.current_page_ancestor ul li { margin: 0; } #menu .ddsmoothmenu li.current_page_ancestor ul li a { background:none; } #menu .ddsmoothmenu li.current_page_item ul li a { background: none; } #menu .ddsmoothmenu li.current_page_item ul li a:hover { background: #f05931; } #menu .ddsmoothmenu li.current_page_ancestor ul li a:hover { background: #f05931; } #menu .ddsmoothmenu li.current_page_item ul li.current_page_item { margin-left: 15px; } #menu .ddsmoothmenu li ul li.current_page_item a { margin-left: 10px; } #menu li.current-menu-parent li a{ background:none; } #menu li.current-menu-parent li a{ background:none; } .slider_container { background: url(images/slider-shadow.png) bottom center no-repeat; height: 540px; width: 1140px; margin-bottom: 60px; padding-bottom: 28px; overflow: hidden; } .slider_container .sy-box { position: relative; } .sy-pager { overflow: hidden; *zoom: 1; display: inline-block; margin: 1em 0 0; padding: 0; list-style: none; text-align: center; position: absolute; bottom: 18px; left: 3.2%; padding: 20px; z-index: 9; } .sy-pager li { display: inline-block; background: url('images/pagination.png') no-repeat 0 0; width: 9px; height: 9px; margin: 0 10px 0 0; } .sy-pager li.sy-active { background: url('images/pagination.png') no-repeat 0 -10px; } .sy-pager li a { width: 100%; height: 100%; display: block; text-indent: -9999px; } .sy-filler { width: 100%; } .sy-filler.ready { -webkit-transition: padding 600ms ease; -moz-transition: padding 600ms ease; -o-transition: padding 600ms ease; transition: padding 600ms ease; } /* added to the original element calling slippry */ /* line 71, ../src/slippry.scss */ .sy-box.sy-loading { background: url(images/bx_loader.gif) 50% 50% no-repeat; -webkit-background-size: 32px; -moz-background-size: 32px; -o-background-size: 32px; background-size: 32px; min-height: 40px; } /* line 72, ../src/slippry.scss */ .sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager { visibility: hidden; } /* element that wraps the slides */ /* line 81, ../src/slippry.scss */ .sy-slides-wrap { position: relative; height: 540px; width: 1140px; } /* line 86, ../src/slippry.scss */ .sy-slides-wrap:hover .sy-controls { display: block; } /* element that crops the visible area to the slides */ /* line 92, ../src/slippry.scss */ .sy-slides-crop { height: 100%; width: 100%; position: absolute; overflow: hidden; border: 24px solid #f05931; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -o-box-sizing: border-box; /* opera */ -webkit-box-sizing: border-box; /* safari */ -ms-box-sizing: border-box; /* ie */ } /* list containing the slides */ /* line 99, ../src/slippry.scss */ .sy-list { width: 100%; height: 100%; list-style: none; margin: 0; padding: 0; position: absolute; } /* line 100, ../src/slippry.scss */ .sy-list.horizontal { -webkit-transition: left ease; -moz-transition: left ease; -o-transition: left ease; transition: left ease; } /* single slide */ /* line 111, ../src/slippry.scss */ .sy-slide { position: absolute; width: 100%; z-index: 2; } /* line 115, ../src/slippry.scss */ .sy-slide.kenburns { width: 140%; left: -20%; } .video.sy-slide.kenburns { left: -3%; } /* line 118, ../src/slippry.scss */ .sy-slide.kenburns.useCSS { -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } /* line 120, ../src/slippry.scss */ .sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) { -webkit-animation-name: left-right; -webkit-animation-fill-mode: forwards; -moz-animation-name: left-right; -moz-animation-fill-mode: forwards; -o-animation-name: left-right; -o-animation-fill-mode: forwards; animation-name: left-right; animation-fill-mode: forwards; } /* line 123, ../src/slippry.scss */ .sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) { -webkit-animation-name: right-left; -webkit-animation-fill-mode: forwards; -moz-animation-name: right-left; -moz-animation-fill-mode: forwards; -o-animation-name: right-left; -o-animation-fill-mode: forwards; animation-name: right-left; animation-fill-mode: forwards; } .video.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n), .video.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) { /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } /* line 130, ../src/slippry.scss */ .sy-slide.sy-active { z-index: 3; } /* line 133, ../src/slippry.scss */ .sy-slide > a { margin: 0; padding: 0; display: block; width: 100%; } /* line 138, ../src/slippry.scss */ .sy-slide > a > img { margin: 0; padding: 0; display: block; width: 100%; border: 0; } /* captions, styled fo the overlay variant */ /* line 232, ../src/slippry.scss */ .sy-caption-wrap { position: absolute; z-index: 12; left: 4%; top: 9%; width: 300px; } /* line 237, ../src/slippry.scss */ .sy-caption-wrap .sy-caption { background-color: rgba(0, 0, 0, 0.4); color: #fff; padding: 15px 20px; border-radius: 4px; } .sy-caption-wrap .sy-caption h1 { color: #fff; line-height: 42px; } /* line 245, ../src/slippry.scss */ .sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited { color: #fff; text-decoration: none; background: url(images/slider-readmore.png) left center no-repeat; padding: 1px 0; padding-left: 32px; font-family: 'Alef'; font-size: 16px; } /* line 250, ../src/slippry.scss */ .sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus { } /* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */ /* line 148, ../src/slippry.scss */ .sy-controls { display:none; list-style: none; height: 100%; width: 100%; position: absolute; padding: 0; margin: 0; } /* line 156, ../src/slippry.scss */ .sy-controls li { position: absolute; top: 46%; width: 6.9%; min-width: 4.2em; height: 10%; z-index: 33; display:none; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } /* line 162, ../src/slippry.scss */ .sy-controls li.sy-prev { left: -2.5%; } /* line 166, ../src/slippry.scss */ .sy-controls li.sy-prev a:after { background-position: -5% 0; } .sy-controls li.sy-prev a { background: url('images/prev-arrow.png') no-repeat 0 0; width: 16px; height: 24px; } /* line 171, ../src/slippry.scss */ .sy-controls li.sy-next { right: -5.25%; } .sy-controls li.sy-next a { background: url('images/next-arrow.png') no-repeat 0 0; width: 16px; height: 24px; } /* line 175, ../src/slippry.scss */ .sy-controls li.sy-next a:after { background-position: 105% 0; } /* line 180, ../src/slippry.scss */ .sy-controls li a { position: relative; width: 100%; height: 100%; display: block; text-indent: -9999px; } /* line 186, ../src/slippry.scss */ .sy-controls li a:link, .sy-controls li a:visited { } /* line 189, ../src/slippry.scss */ .sy-controls li a:hover, .sy-controls li a:focus { opacity: 0.8; outline: none; } /* line 193, ../src/slippry.scss */ .sy-controls li a:after { content: ""; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; text-indent: 0; line-height: 2.8em; color: #111; font-weight: 800; left: 50%; top: 50%; margin-top: -1.4em; margin-left: -1.4em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .home_container .page_info { text-align: center; margin-bottom: 70px; } .home_container .page_info h1 { margin-bottom: 30px; line-height: 36px; font-size: 32px; } .home_container .page_info p { font-size: 18px; line-height: 28px; } /*Feature box =================================================*/ .feature_content { overflow: hidden; margin-bottom: 65px; } .feature_inner_box { width: 305px; margin-right: 0; margin: 0; padding: 0; margin-top: 0px; text-align: center; margin-left: 38px; } .feature_inner_box p{ font-size:17px; line-height:29px; } @-webkit-keyframes bounceIn_custom { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.8); } 50% { -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn_custom { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.8); } 50% { -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn_custom { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.8); } 50% { -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn_custom { 0% { transform: scale(1); } 25% { transform: scale(.8); } 50% { transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .feature_inner_box .circle { display: block; max-width: 250px; border-radius: 50%; text-align: center; background: #fff; padding: 24px; display: block; position: relative; margin-left: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; background: #fff; margin-bottom: 26px; border: 1px solid #f05931; } .feature_inner_box .circle span { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .feature_inner_box .circle:hover span { width: 78px; height: 78px; position: absolute; right: 0; bottom: 10%; background: url(images/circle-link.png) center no-repeat; -webkit-animation: bounceIn_custom 0.7s ease-in-out; -moz-animation: bounceIn_custom 0.7s ease-in-out; -o-animation: bounceIn_custom 0.7s ease-in-out; animation: bounceIn_custom 0.7s ease-in-out; } .feature_inner_box .circle:hover span:hover { /*background: url(images/circle-link-hover.png) center no-repeat;*/ } .feature_inner_box .circle img { width: 250px; height: 250px; border-radius: 50%; text-align: center; border: 1px solid #f05931; -webkit-transition: all 0.3s ease-in-out; -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; background: #f05931; } .feature_inner_box .circle:hover { } .feature_inner_box .circle img:hover { } .feature_inner_box h6 { font-size: 30px; line-height: 38px; } .feature_inner_box h6 a { } .feature_inner_box.first { margin-left: 16px; } .feature_inner_box.second { } .feature_inner_box.third { margin-left: 58px; } .feature_inner_box .feature_title.first { margin-top: 15px; padding: 0; } .feature_inner_box .feature_title.last { margin-right: 0; margin-left: 15px; padding: 0; } .feature_inner_box a { color: #212121; } .feature_inner_box a:hover { } .heading_container { background: url(images/head-shaddow.png) bottom center no-repeat; padding-bottom: 1px; margin-bottom: 65px; overflow: hidden; } .home_heading { text-align: center; background: #f05931; color: #fff; font-size: 30px; line-height: 40px; padding: 3px 0 3px 0; } .page_heading_wrapper { background: url(images/head-shaddow.png) bottom center no-repeat; padding-bottom: 16px; margin-bottom: 55px; overflow: hidden; } .page_heading { text-align: center; background: #f05931; color: #fff; padding: 10px 0px 10px 0px; } .page_heading p { color: #fff; text-align: right; margin:2px 12px 0 0; } .page_heading.single p { font-size: 22px; line-height:28px; padding:0 12px; font-family: 'Alef'; text-align: left; } .page_heading h1 { margin-bottom: 0; color: #fff; text-align: right; font-size: 24px; margin-left:12px; margin-right:12px; } .page_heading a { color: #333; } .page_heading a:hover { text-decoration: underline; } .feature_blog_content { overflow: hidden; } .feature_blog_content .post { width: 345px; display: inline-block; margin-right: 47px; margin-left: 0; vertical-align: top; position: relative; margin-bottom:35px; } .feature_blog_content_inner { width: 110%; margin-bottom: 28px; } .feature_blog_content .post .post_content { text-align: center; font-size:16px; } .feature_blog_content .post .post_image { position:relative; background:#000; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; z-index:1; margin-bottom: 25px; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-100deg) scale(0.5); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0) scale(1); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform:rotate(-100deg) scale(0.5); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0) scale(1); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-100deg) scale(0.5); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0) scale(1); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-100deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .feature_blog_content .post .post_image span.blog-link{ background:url(images/blog-link.png) center no-repeat; background-size:80% 80%; width:64px; height:64px; position:absolute; top: 34%; left: 44%; visibility:hidden; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; z-index:9; } .feature_blog_content .post .post_image:hover span.blog-link{ position:absolute; visibility:visible; -webkit-animation: rotateIn .4s ease-in-out; -moz-animation: rotateIn 0.4s ease-in-out; -o-animation: rotateIn 0.4s ease-in-out; animation: rotateIn 0.4s ease-in-out; } .feature_blog_content .post .post_image img{ width:100%; height:auto; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; } .feature_blog_content .post .post_image img:hover{ opacity:.45; } .feature_blog_content .post .post_date { width: 75px; height: 75px; position: absolute; top: 0; left: 0; } .feature_blog_content .post .post_date .date { background: url(images/date-bg.png) repeat; margin-bottom: 0; list-style: none; padding: 11px 0 16px 3px; } .feature_blog_content .post .post_date .date li { display: inline-block; margin-left: 0; font-size: 12px; } .feature_blog_content .post .post_date .date li.day { font-size: 24px; font-weight: 700; float: left; margin: 8px 5px 6px 4px; } .feature_blog_content .post .post_date .date li.month { line-height: 14px; margin: -5px 0 -8px 0; } .feature_blog_content .post .post_date .date li.year { display: block; line-height: 6px; } .feature_blog_content .post .post_comment { padding: 2px 12px; background: #f05931; } .feature_blog_content .post .post_comment a { background: url(images/home-comment-icon.png) right center no-repeat; display: block; font-size: 18px; color: #fff; } .feature_blog_content .post .post_title a { font-size: 21px; line-height: 38px; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .feature_blog_content .post .post_title a:hover { color: #f05931; } .feature_blog_content .post p{ font-size: 17px; line-height: 28px; } .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 1px solid #f05931; left: 0px; background: #fff; width: auto !important; padding: 21px 15px 30px 15px; border-radius: 10px; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { } .bx-wrapper .bx-viewport ul li { width: auto !important; margin-left: 0; } .bx-wrapper .bx-viewport ul li p { background: url(images/test-quote.png) left top no-repeat; padding: 0px 0 0 42px; margin-bottom: 40px; } .bx-wrapper .bx-viewport ul li a { color: #ee5831; margin-left: 30px; font-size: 14px; vertical-align: sub; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: 'Alef'; font-weight: bold; color: #666; padding-top: 40px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #888; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #f05931; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { right: 78px; background: url(images/prev.png) no-repeat; } .bx-wrapper .bx-next { right: 47px; background: url(images/next.png) no-repeat; } .bx-wrapper .bx-prev:hover { } .bx-wrapper .bx-next:hover { } .bx-wrapper .bx-controls-direction a { position: absolute; bottom: 37px; margin-top: 0; outline: 0; width: 28px; height: 23px; text-indent: -9999px; z-index: 9999; border-top: 2px solid #e0532e; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; display:none; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: center; width: 100%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } .fullwidth img{ width:100%; height:auto; } .footer_container { background: #262626; border-bottom: 1px solid #000000; padding: 38px 0 46px 0; } .footer_top_container .call_us { text-align: right; } .footer_top_container .call_us p { text-align: right; font-size: 16px; color: #acf1ee; background: url(images/call-img.png) left center no-repeat; display: inline-block; margin-bottom: 0; padding: 3px 24px 3px 26px; } .footer { color: #d1d1d1; } .footer p { color: #d1d1d1; font-size: 13px; line-height: 21px } .footer .footer_widget { padding-top: 0px; padding-right: 20px; } .footer .footer_widget.last { padding-right: 0; } .footer .footer_widget.first { padding-top: 0px; } .footer .footer_widget h4 { color: #d1d1d1; font-size: 20px; line-height: 20px; padding-bottom: 15px; margin-bottom: 23px; border-bottom: 1px solid #f05931; } .footer .footer_widget h3 { color: #d1d1d1; font-size: 15px; line-height: 20px; padding-bottom: 0; text-transform: uppercase; } .footer .footer_widget p { color: #d1d1d1; font-size: 15px; line-height: 22px } .footer .footer_widget a { color: #d1d1d1; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .footer .footer_widget a:hover { color: #fff; text-decoration: underline; } .footer .footer_widget ul { margin-top: -5px; } .footer .footer_widget ul li { margin-left: 0; margin-right: 15px; padding: 3px 0; padding-left: 15px; font-size: 15px; list-style: none; margin-bottom: 0; background: url(images/footer-bullet.png) 0 12px no-repeat; } .footer .footer_widget ul li:first-child { } .bottom_footer_container { background: #151515; border-top: 1px solid #3d3c3c; padding: 20px 0 16px 0; } .bottom_footer_container .call_us { text-align: left; } .bottom_footer_container .call_us p { text-align: left; font-size: 16px; color: #d3d3d3; background: url(images/call-img.png) left center no-repeat; display: inline-block; margin-bottom: 0; padding: 0px 24px 0px 26px; } .bottom_footer_container .copyrightinfo { text-align: right; } .bottom_footer_container .copyrightinfo p { margin-bottom: 0; color: #d3d3d3; } .bottom_footer_container .copyrightinfo p a { color: #fff; } .footer .footer_widget .searchform { position: relative; margin-bottom: 35px; background: #fff; width: 100%; height: 33px; } .footer .footer_widget .searchform input[type="text"] { height: 30px; width: 73%; border: none; color: #888; background: none; padding-left: 10px; padding-right: 50px; box-shadow: none; } .footer .footer_widget .searchform input[type="submit"] { position: absolute; right: 5px; top: 4px; background: url(images/footer-search.png) no-repeat; border: none; cursor: pointer; height: 25px; width: 33px; } /* #Social Style ================================================== */ .tt-wrapper { padding: 0; height: 35px; list-style: none; display: block; margin-bottom: 24px; background: none; } .footer .footer_widget ul.tt-wrapper li { float: left; margin-left: 0; background: none; margin: 0; margin-right: 0px; padding-left: 0; } .tt-wrapper li a { display: block; width: 30px; height: 30px; margin-right: 10px; outline: none; text-indent: -9000px; position: relative; } .tt-wrapper li .db { background: url(images/db.png) no-repeat; } .tt-wrapper li .fb { background: url(images/fb.png) no-repeat; } .tt-wrapper li .ins { background: url(images/ins.png) no-repeat; } .tt-wrapper li .gp { background: url(images/gp.png) no-repeat; } .tt-wrapper li .pn { background: url(images/pn.png) no-repeat; } .tt-wrapper li .tw { background: url(images/tw.png) no-repeat; } .tt-wrapper li .rss { background: url(images/rss.png) no-repeat; margin-right: 0px; } .tt-wrapper li a span { width: 100px; height: auto; line-height: 20px; padding: 10px; margin-bottom: 15px; left: 50%; margin-left: -62px; font-family: 'Alef'; font-weight: 400; font-style: italic; font-size: 15px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); text-align: center; border: 4px solid #fff; background: rgba(37, 37, 37, 1); text-indent: 0px; border-radius: 5px; position: absolute; pointer-events: none; bottom: 80px; opacity: 0; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); -webkit-transition: all 0.3s ease-in-out; -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; } .tt-wrapper li a span:before, .tt-wrapper li a span:after { content: ''; position: absolute; bottom: -15px; left: 50%; margin-left: -9px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(0,0,0,0.1); } .tt-wrapper li a span:after { bottom: -14px; margin-left: -10px; border-top: 10px solid #fff; } .tt-wrapper li a:hover span { opacity: 0.9; bottom: 30px; } .content-bar .searchform { margin-left: 0; } .page-content .searchform { position: relative; margin-bottom: 35px; background: url(images/sidebar-searchbg.png) no-repeat; width: 287px; height: 42px; margin: 20px 1px 18px 14px; } .page-content .searchform input[type="text"] { width: 246px; height: 37px; border: none; color: #afafaf; background: none; padding-left: 10px; padding-right: 40px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; } .page-content .searchform input[type="text"]:focus { box-shadow: 0 0px 5px rgb(255, 129, 66); -moz-box-shadow: 0 0px 5px rgb(255, 129, 66); -webkit-box-shadow: 0 0px 5px rgb(255, 129, 66); } .page-content .searchform input[type="submit"] { position: absolute; right: 9px; top: 11px; background: url(images/sidebar-search.png) no-repeat; border: none; cursor: pointer; height: 20px; width: 20px; } .sidebar .ink-form li{ background:none; } .sidebar .ink-form li:hover { background: none; padding-left: 40px; } .sidebar select.inktext { margin-left:0; } /*Blog Page ===================================================*/ .page_heading_container { background: #fdfdfd url(images/bradcrumb-line.png) bottom center repeat-x; margin-bottom: 55px; } .page_heading_container .page_heading_content h1 { padding: 20px 0; margin-bottom: 0; } .page-content { padding-bottom: 25px; width: 100%; overflow: hidden; } .content-bar { margin: 0; padding: 0; margin-right: 35px; } .content-bar img { max-width: 100%; height: auto; background: none; padding: 0; } .content-bar .post { position: relative; margin-top: 0px; margin-bottom: 45px; padding-bottom: 35px; border-bottom: 1px solid #ececec; } .content-bar .post .post_heading_wrapper { margin-bottom: 30px; } .content-bar .post .post_title { margin-top: 0px; margin-bottom: 20px; line-height: 38px; font-size: 32px; } .content-bar .post .post_title a { color: #010101; font-size: 29px; line-height: 34px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .content-bar .post .post_title a:hover { color: #f05931; } .content-bar .post .post_content { overflow: hidden; margin-top: 15px; text-shadow: 0 1px 0 #fff; line-height: 20px; color: #444342; } .content-bar .post .post_content p { margin-bottom: 10px; color: #808080; font-size: 16px; line-height: 30px; } .content-bar .post .post_content.blog p{ display: inline; } .content-bar .post:last-child { } .content-bar .post .post_thumbnil { position: relative; margin-bottom: 28px; } .content-bar .post .post_thumbnil:before { -moz-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .content-bar .post .post_thumbnil:after { background: url(images/heading-top.png) left top no-repeat; content: ""; height: 14px; left: 24px; position: absolute; bottom: 0; width: 28px; } .content-bar .post .post_thumbnil img { width: 100%; height: auto; } .content-bar .post .post_thumbnil:hover img { } .content-bar .post .post_thumbnil:hover span.image_link { width: 100%; height: 100%; left: 0; position: absolute; top: 0; } .content-bar .post .post_content .read_more { color: #db5c08; font-size: 16px; line-height: 21px; font-weight: normal; padding: 1px 5px 1px 1px; margin-bottom: 10px; margin-top: 10px; } .content-bar .post .post_content .read_more:hover { } .content-bar .post .post_meta { list-style-type: none; padding-left: 0px; overflow: hidden; padding: 0px 2px; line-height: 32px; } .content-bar .post .post_meta span { color: #7e7d7d; } .content-bar .post .post_meta a { color: #f05931; font-size: 16px; } .content-bar .post .post_meta a:hover { } .content-bar .post .post_meta li { display: inline; margin-right: 26px; margin-left: 0; padding-left: 24px; color: #f05931; } .content-bar .post .post_meta .posted_on { background: url(images/posted-on.png) left center no-repeat; } .content-bar .post .post_meta .posted_by { background: url(images/posted-by.png) 0 0 no-repeat; padding-left: 32px; } .content-bar .post .post_meta .posted_in { background: url(images/posted-in.png) left center no-repeat; } .content-bar .post .post_meta .post_comment { background: url(images/commenticon.png) left center no-repeat; } .content-bar .post h2, .content-bar .post h3, .content-bar .post h4, .content-bar .post h5{ line-height:28px; } /*Sidebar style ===================================================*/ .sidebar { padding-left: 12px; } .sidebar_widget { margin-bottom: 55px; padding: 0px 1px; } .sidebar_widget select { margin:20px; } .sidebar h3 { color: #333; font-weight: 300; font-size: 22px; background: -moz-linear-gradient (top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.02) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.02))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.02) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.02) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.02) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.02) 100%); background-color: #fdfdfd; padding: 17px 18px; -moz-box-shadow: inset 1px -1px 0 #fff, 0 2px 2px rgba(0,0,0,0.05); -webkit-box-shadow: inset 1px -1px 0 #fff, 0 2px 2px rgba(0,0,0,0.05); box-shadow: inset 1px -1px 0 #fff, 0 2px 2px rgba(0,0,0,0.05); border-bottom: 2px solid #ea6b1e; margin: 0px -1px; } .sidebar_widget { border: 1px solid #e9e9e9; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.07); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.07); box-shadow: 0 1px 4px rgba(0,0,0,0.07); } .sidebar_widget .textwidget{ padding: 17px 18px; } .sidebar_widget ul { margin: 0px 0px; } .sidebar_widget ul ul { margin: 0; } .sidebar_widget ul li { border-bottom: 1px solid #e9e9e9; display: block; background: url(images/sidebar-bullet.png) no-repeat 18px 22px; padding: 16px 30px 16px 40px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: block; margin-left: 0; } .sidebar_widget ul li:last-child { border-bottom: none; } .sidebar_widget ul li:hover { background: #FFFFFF url(images/sidebar-bullet-hover.png) no-repeat 40px 22px; padding-left: 60px; } .nav li li:hover { background-position: 42px 19px; padding-left: 62px; } .sidebar_widget ul li:hover a { color: #333; } .sidebar_widget ul li a { color: #878787; text-decoration: none; } .sidebar_widget ul li ul { padding-left: 0; padding-right: 0; margin-left: -15px; } .sidebar_widget ul li ul li { margin: 0; padding-left: 38px; padding-right: 0; border-bottom: none; } /*---Comment Box---*/ #commentsbox { } #commentsbox .comment_head { background: url(images/comment-head.png) no-repeat left; padding-left: 50px; color: #1e678d; margin-bottom: 30px; } #commentsbox .leave_comment { margin: 30px 0 30px 0; font-size: 30px; } #commentsbox #comments { margin-bottom: 36px; font-size: 28px; } ol.commentlist { margin: 0 0 5px 0px; padding: 0; clear: both; overflow: hidden; list-style: none; } .post-info { color: #000; font-size: 22px; margin-top: 0; margin-bottom: 30px; font-family: 'Alef'; } ol.commentlist li { margin: 5px 0; margin-top: 1px; line-height: 18px; overflow: hidden; font-size: 13px; font-family: 'Alef'; } ol.commentlist li .comment-body { padding: 14px 26px 0 96px; position: relative; border: 1px solid #d5d5d5; overflow: hidden; margin-bottom: 50px; font-size: 15px; -webkit-box-shadow: 0 3px 4px 0px rgb(175, 175, 175); -moz-box-shadow: 0 3px 4px 0px rgb(175, 175, 175); -o-box-shadow: 0 3px 4px 0px rgb(175, 175, 175); -ms-box-shadow: 0 3px 4px 0px rgb(175, 175, 175); box-shadow: 0 3px 4px 0px rgb(175, 175, 175); } ol.commentlist li .comment-body .comment-meta.commentmetadata { margin-bottom: 20px; } ol.commentlist li .comment-author { float: left; margin-right: 10px; } ol.commentlist li .comment-author a:link, ol.commentlist li .comment-author a:visited { color: #000; text-decoration: none !important; } ol.commentlist li .comment-author .fn { color: #333; } ol.commentlist li .comment-author a.url { color: #4f4e4e; } cite.fn { color: #000; font-style: normal; } ol.commentlist li .comment-author .avatar { position: absolute; left: 10px; top: 14px; width: 66px; height: 66px; border: 1px solid #ddd; padding: 2px; } ol.commentlist li .comment-meta .commentmetadata { color: #4f4e4e; } ol.commentlist li .comment-meta a { color: #4f4e4e; text-decoration: none !important; } ol.commentlist li p { line-height: 22px; margin-top: 5px; color: #666; } ol.commentlist li .reply { position: absolute; top: 12px; right: 18px; } ol.commentlist li .reply a { color: #fff; font-size: 14px; text-transform: uppercase; background: url('images/reply.png') no-repeat 0 0; width: 70px; height: 33px; display: inline-block; text-align: center; line-height: 33px; } ol.commentlist li .reply a:hover { background: url('images/reply.png') no-repeat 0 -39px; } ol.commentlist li.odd { } ol.commentlist li.even { } ol.commentlist li ul.children { list-style: none; margin: 1em 0 0; text-indent: 0; } ol.commentlist li ul.children li.depth-2 { margin: 0 0 0px 35px; } ol.commentlist li ul.children li.depth-3 { margin: 0 0 0px 35px; } ol.commentlist li ul.children li.depth-4 { margin: 0 0 0px 35px; } ol.commentlist li ul.children li.depth-5 { margin: 0 0 0px 35px; } .comment-nav { padding: 5px; display: none; } .comment-nav a:link, .comment-nav a:visited { color: #f96e02; } #respond { padding: 0px 0px; margin: 10px 0px; } #respond h3 { font-size: 24px; color: #000; font-weight: bold; padding: 10px 10px; } #commentform { margin-bottom: 50px; } #commentform p { color: #444; } #commentform a { color: #f05931; margin-top: 15px; margin-bottom: 0; } #respond label { display: block; margin-right: 15px; margin-bottom: 5px; padding-top: 10px; color: #0d0d0d; font-size: 15px; line-height: 20px; font-family: 'Alef'; } #respond .required { } #respond label small { font-size: 10px; } #respond input[type='text'], #respond input[type='email'] { width: 28.5%; font-size: 13px; padding: 13px 10px; margin-right: 15px; margin-bottom: 30px; border: solid 1px #ddd; color: #999; } #respond input#url { margin-right: 0; } textarea#comment { width: 96%; height: 180px; padding: 12px; border: solid 1px #ddd; resize: vertical; color: #999; font-family: 'Alef'; font-size:16px; } #respond input[type='text'], #respond input[type='email'], #respond textarea#comment { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #respond input[type='text']:focus, #respond input[type='email']:focus, #respond textarea#comment:focus { border: solid 1px #f05931; } #respond .required { display: none; } #commentform input#submit { color: #fff; font-family: 'Alef'; text-shadow: 0 1px 0 #f39e68; font-size: 18px; margin-top: 30px; margin-bottom: 20px; display: block; color: #ffffff; padding: 5px 8px 5px 8px; text-decoration: none; border: none; background: url('images/comment.png') no-repeat 0 0; width: 222px; height: 42px; } #commentform input#submit:hover { background: url('images/comment.png') no-repeat 0 -50px; } h3#reply-title { color: #1c1b1b; font-size: 18px; line-height: 22px; margin-top: 20px; padding-bottom: 20px; margin-left: -10px; font-weight: normal; } #commentform .comment-notes { display: none; } .comment-author .avatar { display: inline; } .form-allowed-tags { display: none; } /*----------------------Contact page-----------------------*/ .page-content .content-bar .contact-line { height: 1px; background-color: #dbdbdb; } .page-content .content-bar { margin-bottom:35px; } .contact-page h1 { border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 30px; } .page-content .content-bar .contactform { position: relative; overflow: hidden; margin-top: 25px; margin-bottom: 40px; } .page-content .content-bar .contactform .error { color: red; } .page-content .content-bar .contactform input[type="text"] { margin-right: 12px; } .page-content .content-bar .contactform input[type="text"], .page-content .content-bar .contactform input[type="email"], .page-content .content-bar .contactform textarea { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-content .content-bar .contactform input[type="text"], .page-content .content-bar .contactform input[type="email"] { width: 47.5%; height: 42px; border: 1px solid #ddd; background: #fff; margin-bottom: 36px; padding-left: 7px; color: #838383; display: inline-block; } .page-content .content-bar .contactform textarea { width: 97.3%; max-width: 97.3%; height: 140px; padding-top: 5px; margin-bottom: 22px; padding: 8px; text-align: left; color: #838383; border: 1px solid #ddd; background: #fff; margin-top: 5px; border: 1px solid #dbdbdb; font-family: 'Alef'; } .page-content .content-bar .contactform input[type="text"]:focus, .page-content .content-bar .contactform input[type="email"]:focus, .page-content .content-bar .contactform textarea:focus { border: 1px solid #f05931; } .page-content .content-bar .contactform input[type="submit"] { border: none; color: #fff; font-family: 'Alef'; text-shadow: 0 1px 0 #f39e68; font-size: 18px; background: url('images/contact.png') no-repeat 0 0; width: 222px; height: 42px; margin-top: 10px; text-align: center; } .page-content .content-bar .contactform input[type="submit"]:hover { background: url('images/contact.png') no-repeat 0 -50px; width: 222px; height: 42px; color: #fff; } .contact-map { margin-top: 25px; } .contact-map iframe { border: 3px solid #f05931; width: 99.3%; height: 480px; border-radius: 5px; } /* #Wordpress Core Classes ================================================== */ blockquote { padding-left: 60px; min-height: 40px; background: url(images/blockqoute.png) no-repeat; } blockquote { margin-top: 40px; margin-bottom: 40px; } blockquote img { float: left; margin-right: 15px; } .sticky { } .gallery-caption { color: #666; font-family: 'Alef'; font-size: 12px; } .bypostauthor { } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; text-align: center; padding: 5px 3px 10px; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; max-width: 98.5%; width: auto; margin: 0; padding: 0; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 10px 4px 5px; } #wp-calendar caption { text-align: center; background: #999999; border: 1px solid #999999; color: #fff; font-weight: bold; padding: 3px 0; } #wp-calendar a { font-weight: bold; color: #999999; } #wp-calendar tfoot td { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .footer #calendar_wrap { display: block; margin-bottom: 30px; background: #000000; width: 176px; } #nav-single { overflow: hidden; margin-bottom: 40px; } .nav-previous { float: right; width: 50%; } .nav-next { float: left; text-align: right; width: 50%; } .nav-next a, .nav-previous a { color: #fff; text-shadow: 1px 1px 0 #000; border: 1px solid #000; -moz-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.07))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 100%); background-color: #444; -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #4d4d4d; -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #4d4d4d; box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #4d4d4d; font-weight: 400; padding: 5px 10px; display: inline-block; } /*Calendar style*/ #wp-calendar caption { text-align: center; background:#17517a; color: #fff; border-bottom: 2px solid #e6eef7; } #wp-calendar { color: #555; width: 95%; text-align: center; color:#fff; } #wp-calendar a { color: #000; color:#17517a; } .footer #wp-calendar a { color:#17517a; } #wp-calendar caption, #wp-calendar td, #wp-calendar th { text-align: center; } #wp-calendar caption { font-size: 11px; font-weight: 500; padding: 5px 0 3px 0; text-transform: uppercase; } #wp-calendar th { background: #f4f4f4; font-weight: bold; border:solid 1px #e2e2e3; } .footer #wp-calendar th { background: #e0e0e0; border:solid 1px #e2e2e3; } #wp-calendar tfoot td { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border:solid 1px #f4f4f4; color:#fff; } .footer #wp-calendar tbody td { color:#000; } .footer #wp-calendar tbody td#next.pad { padding-right:5px; } #wp-calendar tbody td { color:#c0c0c0; padding:5px; background:#e9eaeb; border: solid 1px #fcfcfd; } #wp-calendar tbody td.pad { background-color:#f9fafb; } #wp-calendar tbody td#today { background-color:#fdfdfd; } #calendar_wrap { display: block; margin-bottom: 30px; } /*404 page Style =======================================================*/ h2.error_pera { font-size: 18px; margin-bottom: 25px; line-height: 24px; } .error_list { margin-bottom: 25px; } .error_list ul { list-style: none; } .error_list ul li { margin-left: 0; padding: 9px 0 9px 0; padding-left: 25px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; background: url(images/sidebar-bullet.png) 2px 13px no-repeat; } .error_list ul li:hover { background: url(images/sidebar-bullet-hover.png) 2px 13px no-repeat; } .error_list ul li a { font-size: 16px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .error_list ul li:last-child { border-bottom: none; } .error_list ul li a:hover { color: #f05931; } /*Blog Page Pagging ===========================================*/ ul.paging { margin: 0px; padding: 0px; float: left; margin-top: 20px; margin-bottom: 20px; } ul.paging li { margin: 0px; padding: 0px; display: inline; margin-right: 10px; } ul.paging li a { border: 1px solid #CCC; color: #666; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 0 1px #fff; -ms-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; box-shadow: inset 0 0 1px white; background: #FAFAFA; background-image: -moz-linear-gradient(top, #FAFAFA 0, #d5d4d4 100%); background-image: -ms-linear-gradient(top, #FAFAFA 0, #d5d4d4 100%); background-image: -o-linear-gradient(top, #FAFAFA 0, #d5d4d4 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(100%, #d5d4d4)); background-image: -webkit-linear-gradient(top, #FAFAFA 0, #d5d4d4 100%); background-image: linear-gradient(to bottom, #FAFAFA 0, #d5d4d4 100%); display: inline-block; line-height: 30px; height: 27px; width: 30px; text-decoration: none; margin: 0 2px 14px; padding: 3px; font-size: 14px; text-shadow: 0 1px 0 #fff; text-align: center; border-radius: 2px; } ul.paging a:hover { border: 1px solid #aeacac !important; -moz-box-shadow: 0 0 3px rgba(0,0,0,.25); -ms-box-shadow: 0 0 3px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25); box-shadow: 0 0 3px rgba(0,0,0,.25); } ul.paging a.active, ul.paging a.current { background: #d5d4d4; background-image: -moz-linear-gradient(top, #d5d4d4 0, #FAFAFA 100%); background-image: -ms-linear-gradient(top, #d5d4d4 0, #FAFAFA 100%); background-image: -o-linear-gradient(top, #d5d4d4 0, #FAFAFA 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d5d4d4), color-stop(100%, #FAFAFA)); background-image: -webkit-linear-gradient(top, #d5d4d4 0, #FAFAFA 100%); background-image: linear-gradient(to bottom, #d5d4d4 0, #FAFAFA 100%); border: 1px solid #999; moz-box-shadow: inset 0 0 10px rgba(0,0,0,.35); -ms-box-shadow: inset 0 0 10px rgba(0,0,0,.35); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.35); } .container_24 .grid_16.top_menu { width: 66.4%; } /*Gallery page ================================================*/ .fullwidth .page_title{ color: #000000; margin-bottom: 25px; padding-bottom: 20px; background: url(images/line.png) bottom center repeat-x; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .page-content .gallery .thumbnail { margin-left:0; padding:0; list-style-type:none; overflow:hidden; margin:0 auto; margin-right:10px; width:107%; } .page-content .gallery ul.thumbnail li { margin:0; margin-left:0; position:relative; margin-right:26px; height:auto; margin-bottom:25px; text-align:center; padding-bottom:0px; display:inline-block; vertical-align:top; background: #000; } .page-content .gallery ul.thumbnail li a{ display:block; color:#fff; } .page-content .gallery ul.thumbnail li span{ width:48px; height:48px; position:absolute; opacity:1; z-index:9999; top:30%; left:41%; background:url(images/gall-search.png) center no-repeat; visibility:hidden; } .page-content .gallery ul.thumbnail li:hover span{ background:url(images/gall-search.png) center no-repeat; position:absolute; visibility:visible; opacity:1; top: 38%; -webkit-animation: bounceIn .7s ease-in-out; -moz-animation: bounceIn 0.7s ease-in-out; -o-animation: bounceIn 0.7s ease-in-out; animation: bounceIn 0.7s ease-in-out; } .page-content .gallery .thumbnail li img { margin-right:0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .page-content .gallery .thumbnail li img:hover { opacity:0.5; } .page-content .gallery ul.thumbnail.col-1 li { width:350px; height:auto; display:block; float:none; margin:0 auto; margin-bottom: 120px; } .page-content .gallery ul.thumbnail.col-1 li span{ position:absolute; top: 33%; left: 44%; } .page-content .gallery ul.thumbnail.col-2 li { width: 350px; margin-left: 8.5%; margin-right: 10%; margin-bottom: 80px; height:auto; } .page-content .gallery ul.thumbnail.col-2 li span{ } .page-content .gallery ul.thumbnail.col-2 li img { margin-right:0; width: 100%; height: auto; } .page-content .gallery ul.thumbnail.col-3{ width:119%; } .page-content .gallery ul.thumbnail.col-3 li { width: 350px; margin-right: 3%; height:auto; margin-bottom:4%; } .page-content .gallery ul.thumbnail.col-3 li span{ position:absolute; top:34%; left:45%; } .page-content .gallery ul.thumbnail.col-3 li img { margin-right:0; width:100%; height:auto; } .page-content .gallery ul.thumbnail.col-4 li { width: 252px; height: auto; margin-right: 3.5%; margin-bottom:65px; } .page-content .gallery ul.thumbnail.col-4 li span{ position:absolute; top:30%; left:43%; } .page-content .gallery .thumbnail.col-4 li img { margin-right:0; width:100%; height:auto; } .page-content .gallery ul.thumbnail.col-5 li { width: 191px; height: auto; margin-right: 45px; margin-bottom: 52px; } .page-content .gallery ul.thumbnail.col-5 li span{ position: absolute; top: 28%; left: 40%; } .page-content .gallery ul.thumbnail.col-5 li img { width: 100%; height: auto; margin-right:20px; } .page-content .gallery ul.thumbnail.col-6 li { width: 168px; height: auto; margin-right:25px; margin-bottom:50px; } .page-content .gallery ul.thumbnail.col-6 li span{ position: absolute; top: 29%; left: 39%; } .page-content .gallery ul.thumbnail.col-6 li img { width: 100%; height: auto; margin-right:0px; } .page-content .gallery ul.thumbnail.col-7 li { width: 136px; height:auto; margin-right:30px; margin-bottom:50px; } .page-content .gallery ul.thumbnail.col-7 li span{ position: absolute; top: 32%; left: 33%; display:none; } .page-content .gallery ul.thumbnail.col-7 li img { width: 100%; height: auto; margin-right:0px; } .page-content .gallery ul.thumbnail.col-8 li { width: 125px; height:auto; margin-right:20px; margin-bottom:50px; } .page-content .gallery ul.thumbnail.col-8 li span{ display:none; } .page-content .gallery ul.thumbnail.col-8 li img { width: 100%; height: auto; margin-right:0px; } .page-content .gallery ul.thumbnail.col-9 li{ width: 110px; margin-right:18px; margin-bottom:50px; } .page-content .gallery ul.thumbnail.col-9 li span{ display:none; } .page-content .gallery ul.thumbnail.col-9 li img { width:100%; height: auto; margin-right:0px; } .page-content .gallery ul li h2{ margin-top:0px; background: #ff8442; margin-bottom:0; overflow:hidden; } .page-content .gallery ul li h2:hover{ color:#CC9900; } .page-content .gallery ul li a.gall-content{ font-size:20px; margin:10px 0; } /*Gallery style in content bar ================================================*/ .content-bar .gallery .thumbnail { margin-left:0; padding:0; list-style-type:none; overflow:hidden; margin:0 auto; margin-right:10px; width:105%; } .content-bar .gallery ul.thumbnail li { margin:0; margin-left:0; position:relative; margin-right:26px; width:216px; margin-bottom:25px; text-align:center; vertical-align:top; } .content-bar .gallery ul.thumbnail li img{ width:100%; height:auto; } .content-bar .gallery ul.thumbnail li img:hover{ } .content-bar .gallery ul.thumbnail.col-1 li { width:200px; display:block; float:none; } .content-bar .gallery ul.thumbnail.col-1 li img{ width:100%; } .content-bar .gallery ul.thumbnail.col-1 li span { position: absolute; top: 36%; left: 42%; } .content-bar .gallery ul.thumbnail.col-2 li { width:300px; margin:0; margin-left:65px; margin-bottom:75px; } .content-bar .gallery ul.thumbnail.col-2 li span { position: absolute; top: 40%; left: 42%; } .content-bar .gallery ul.thumbnail.col-2 li img{ width:100%; } .content-bar .gallery ul.thumbnail.col-3 li { width: 222px; margin-right: 5%; height: auto; margin-bottom: 7%; } .content-bar .gallery ul.thumbnail.col-4 li { margin-right:30px; width: 168px; margin-bottom: 55px; } .content-bar .gallery ul.thumbnail.col-4 li img { width:100%; height:auto; } .content-bar .gallery ul.thumbnail.col-4 li span { position: absolute; top: 26%; left: 38%; } .content-bar .gallery ul.thumbnail.col-5 li { width:137px; height:auto; margin-right:20px; } .content-bar .gallery ul.thumbnail.col-5 li span { position: absolute; top: 29%; left: 33%;; display:none; } .content-bar .gallery ul.thumbnail.col-5 li img { width:100%; height:auto; } .content-bar .gallery ul.thumbnail.col-6 li { width:93px; height:auto; margin-right:40px; margin-bottom:30px; } .content-bar .gallery ul.thumbnail.col-6 li span { position:absolute; top:30%; display:none; display:none; } .content-bar .gallery ul.thumbnail.col-6 li img { width:100%; height:auto; } .content-bar .gallery ul.thumbnail.col-7 li { width: 91px; height: auto; margin-right: 20px; } .content-bar .gallery ul.thumbnail.col-7 li span { position: absolute; top: 40%; left: 38%; display:none; } .content-bar .gallery ul.thumbnail.col-8 li { width: 100%; height: auto; margin-right: 20px; margin-bottom: 50px; } .content-bar .gallery ul.thumbnail.col-8 li span { display:none; } .content-bar .gallery ul.thumbnail.col-9 li { width:60px; height:auto; margin-right:21px; margin-bottom:48px; } .content-bar .gallery ul.thumbnail.col-9 li img { width: 100%; height: auto; margin-right: 0px; } .content-bar .gallery ul.thumbnail.col-9 li span { display:none; } .page-content .content-bar .gallery .thumbnail li img { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; width: 218px; height: 168px; } .content-bar .gallery .thumbnail li img:hover { opacity:0.5; } h1.page-title{ font-size:22px; border-bottom:1px solid #eee; padding-bottom:15px; } h1.page-title-gall{ margin-bottom:25px; padding-bottom:20px; border-bottom:1px solid #eee; } @media only screen and (min-width: 960px) and (max-width: 1140px) { .slider_container { width: 950px; height: 450px; padding-bottom: 22px; background: url(images/slider-shadow-960.png) bottom center no-repeat; } .sy-slides-wrap { width: 950px; height: 450px; } .container_24 .grid_16.top_menu { width: 66.3%; } .feature_inner_box.first, .feature_inner_box.second, .feature_inner_box.third{ margin-left:28px; margin-right:0; } .feature_inner_box.third{ margin-bottom:0; } .feature_inner_box .circle{ margin-left:0px; max-width:220px; margin-bottom:30px; } .feature_inner_box .circle img{ width: 220px; height: 220px; } .heading_container { background: url(images/slider-shadow-960.png) bottom center no-repeat; padding-bottom: 0px; } .page_heading_wrapper { background: url(images/slider-shadow-960.png) bottom center no-repeat; padding-bottom: 17px; } .feature_blog_content .post { width: 297px; margin-right: 25px; } .page-content .searchform { width: 225px; } .page-content .searchform input[type="text"] { width: 186px; } #respond input[type='text'] { width: 27.8%; } .page-content .content-bar .contactform input[type="text"], .page-content .content-bar .contactform input[type="email"] { width:47%; } .page-content .content-bar .contactform textarea { width: 97%; max-width: 97%; } .page-content .gallery ul.thumbnail.col-2 li { margin-left: 6.5%; margin-right: 5%; } .page-content .gallery ul.thumbnail.col-3 li { width: 294px; } .page-content .gallery ul.thumbnail.col-4 li { width: 293px; } .page-content .gallery ul.thumbnail.col-5 li { width: 211px; height: auto; margin-right: 34px; } .page-content .gallery ul.thumbnail.col-7 li { margin-right: 26px; } .page-content .gallery ul.thumbnail.col-8 li { margin-right: 40px; } .page-content .gallery ul.thumbnail.col-9 li { margin-right: 29px; } .content-bar .gallery ul.thumbnail.col-4 li { width:136px; } .tt-wrapper { height: 66px; } .contact-map iframe { width:98%; } } @media only screen and (min-width: 767px) and (max-width: 960px) { .container_24 .grid_16.top_menu { width: 66.2%; } .slider_container { width: 767px; height: 361px; padding-bottom: 17px; margin-bottom: 40px; background: url(images/slider-shadow-767.png) bottom center no-repeat; } .sy-slides-wrap { width: 767px; height: 361px; } .sy-caption-wrap { position: absolute; z-index: 12; left: 5%; top: 11%; width: 360px; } .sy-pager { position: absolute; left: 5.5%; } .feature_inner_box.first, .feature_inner_box.second, .feature_inner_box.third{ margin-left:10px; margin-right:0; width: 210px; } .feature_inner_box.third{ margin-bottom:0; } .feature_inner_box .circle{ margin-left:0px; width:150px; height:150px; margin-bottom:30px; } .feature_inner_box .circle:hover span { position: absolute; right: -12px; bottom: 4%; } .feature_inner_box .circle img{ width: 150px; height: 150px; } .heading_container { background: url(images/slider-shadow-767.png) bottom center no-repeat; padding-bottom: 0px; } .page_heading_wrapper { background: url(images/slider-shadow-767.png) bottom center no-repeat; padding-bottom: 14px; } .feature_blog_content_inner { width: 110%; text-align:center; } .feature_blog_content .post { margin-right: 66px; } .page-content .searchform { width: 170px; } .page-content .searchform input[type="text"] { width: 129px; } #respond input[type='text'] { width: 26.3%; } .page-content .content-bar .contactform input[type="text"], .page-content .content-bar .contactform input[type="email"] { width:46%; } .page-content .content-bar .contactform textarea { width: 96%; max-width: 96%; } .page-content .gallery ul.thumbnail.col-2 li { width:285px; margin-left: 6.5%; margin-right: 5%; } .page-content .gallery ul.thumbnail.col-3 li { width: 235px; margin-right: 3%; height: auto; margin-bottom: 3%; } .page-content .gallery ul.thumbnail.col-4 li { width: 235px; } .page-content .gallery ul.thumbnail.col-5 li { width: 227px; height: auto; margin-right: 38px; } .page-content .gallery ul.thumbnail.col-7 li { width: 167px; } .page-content .gallery ul.thumbnail.col-8 li { width: 133px; height: auto; margin-right: 24px; } .content-bar .gallery ul.thumbnail.col-4 li { width:230px; } .content-bar .gallery ul.thumbnail.col-6 li { width: 148px; height: auto; margin-right: 25px; margin-bottom: 30px; } .tt-wrapper { height: 66px; } .contact-map iframe { width:98%; } } @media only screen and (max-width: 767px) { .call-us a.btn{ background:url(images/tap-to-call.png) no-repeat; display:inline-block; visibility:visible; font-size:0px; width:284px; height:50px; margin:0 auto; text-align:center; cursor:pointer; text-indent:99999px; margin-left:98px; margin-top:20px; } .header{ text-align:center; margin-top:35px; } .slider_container { width: 480px; height: 229px; padding-bottom: 11px; margin-bottom:35px; background: url(images/slider-shadow-480.png) bottom center no-repeat; } .sy-slides-crop { border: 12px solid #f05931; } .sy-slides-wrap { width: 480px; height: 229px; } .sy-slide > a > img { margin: -25px; width: 110%; } .sy-pager { position: absolute; bottom: -7px; left: 2%; } .sy-controls li { display:block; } .sy-caption-wrap { display: none; } .feature_inner_box{ width:100%; } .feature_inner_box.first, .feature_inner_box.second, .feature_inner_box.third{ margin-left:0px; margin-right:0; margin-bottom:60px; } .feature_inner_box.third{ margin-bottom:0; } .feature_inner_box .circle{ margin-left:93px; } .heading_container { background: url(images/slider-shadow-480.png) bottom center no-repeat; padding-bottom: 0px; } .page_heading_wrapper { background: url(images/slider-shadow-480.png) bottom center no-repeat; padding-bottom: 8px; } .page_heading p, .page_heading h1 { text-align:center; margin:0; margin-bottom:15px; } .home_heading { margin-bottom:9px; } .feature_blog_content .post { margin-left:64px; margin-bottom:25px; } #commentform input[type="text"], #commentform textarea#comment { width: 94%; } .featured_post .social1 { display: none; } .contact-map iframe { width: 97.3%; height: 320px; border-radius: 5px; } #main-menu { padding-bottom: 20px; } #main-menu select.selectnav { font-family: 'Alef'; font-size: 15px; background-color: #FFF; filter:progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0); background-image: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(20%, #FFF), color-stop(50%, #F6F6F6), color-stop(52%, #EEE), color-stop(100%, #F4F4F4)); background-image: -webkit-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%); background-image: -moz-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%); background-image: -ms-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%); background-image: -o-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%); background-image: linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #E1E1E1; -webkit-box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1); display: block; overflow: hidden; white-space: nowrap; position: relative; padding: 6px 7px 6px 5px; color: #717171; text-decoration: none; height: 35px; line-height: 23px; cursor: pointer; } #main-menu select.selectnav option { padding: 1px 0; font-size: 0.8em; } /* BEGIN: Mean Menu styles. */ /* Mean Menu styles. hide the link until viewport size is reached */ a.meanmenu-reveal { display: none; } .mean-container #main-menu { padding: 0; margin: 0; height: 10px; } /* when under viewport size, .mean-container is added to body */ .mean-container .mean-bar { float: left; width: 100%; position: relative; background: #000; padding: 4px 0; min-height: 42px; z-index: 999999; } .mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 13px 13px 11px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-family: 'Alef'; font-weight: 700; } .mean-container a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 3px; } .mean-container .mean-nav { float: left; width: 100%; background: #000; margin-top: 33px; } .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100% !important; list-style-type: none; } .mean-container .mean-nav ul li { position: relative; float: left; width: 100%; margin-left: 0; } .mean-container .mean-nav ul li a { display: block; float: left; width: 90%; padding: 1em 5%; margin: 0; text-align: left; color: #fff; border-bottom: 1px solid #383838; border-bottom: 1px solid rgba(255,255,255,0.5); text-decoration: none; text-transform: uppercase; } .mean-container .mean-nav ul li ul li { width: 100%; } .mean-container .mean-nav ul li li a { width: 80%; padding: 1em 10%; border-bottom: 1px solid #f1f1f1; border-bottom: 1px solid rgba(255,255,255,0.25); opacity: 0.75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; } .mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; } .mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15%; } .mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20%; } .mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25%; } .mean-container .mean-nav ul li a:hover { background: #252525; background: rgba(255,255,255,0.1); } .mean-container .mean-nav ul li a.mean-expand { width: 26px; height: 26px; border: none !important; padding: 12px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; } .mean-container .mean-nav ul li a.mean-expand:hover { background: none; } .mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; } .mean-nav .wrapper { width: 100%; padding: 0; margin: 0; } .content-bar { margin-right:0; } .sidebar{ width:99%; padding-left:0px; } .bottom_footer_container .call_us { text-align: center; margin-bottom: 15px; } .bottom_footer_container .call_us p { text-align: center; background:none; } .bottom_footer_container .copyrightinfo { text-align: center; } .page-content .content-bar .contactform input[type="text"], .page-content .content-bar .contactform input[type="email"] { width: 97%; } .page-content .content-bar .contactform textarea { width: 95%; max-width: 95%; } .page-content .gallery ul.thumbnail.col-2 li { width: 218px; margin:0 30px 40px 0; } .page-content .gallery ul.thumbnail.col-3 li { width: 226px; height: auto; margin:0 3% 3% 0; } .page-content .gallery ul.thumbnail.col-4 li { width: 216px; height: auto; margin-right: 6.5%; margin-bottom: 30px; } .page-content .gallery ul.thumbnail.col-5 li { width: 218px; height: auto; margin-right: 33px; } .page-content .gallery ul.thumbnail.col-6 li { width: 215px; height: auto; margin-right: 35px; } .page-content .gallery ul.thumbnail.col-8 li { width: 142px; } .page-content .gallery ul.thumbnail.col-9 li { width: 132px; margin-right: 35px; margin-bottom: 50px; } .content-bar .gallery ul.thumbnail.col-4 li { width:213px; } .content-bar .gallery ul.thumbnail.col-6 li { margin-right: 30px; } .contact-map iframe { width:98%; } } @media only screen and (max-width: 480px) { .call-us a.btn{ margin-left:0px; } .slider_container { width: 290px; height: 180px; padding-bottom: 7px; background: url(images/slider-shadow-290.png) bottom center no-repeat; } .sy-slides-wrap { width: 290px; height: 180px; } .sy-slide > a > img { margin: -25px; width: 135%; } .sy-pager { position: absolute; bottom: -7px; left: 2%; } .sy-controls li.sy-next { right: -9.25%; } .feature_inner_box.first, .feature_inner_box.second, .feature_inner_box.third{ margin-left:10px; margin-right:0; margin-bottom:90px; } .feature_inner_box.third{ margin-bottom:0; } .feature_inner_box .circle{ margin-left:0px; max-width:220px; margin-bottom:30px; } .feature_inner_box .circle img{ width: 220px; height: 220px; } .feature_blog_content .post { margin-left:0px; margin-right:0px; width:90%; } .heading_container { background: url(images/slider-shadow-290.png) bottom center no-repeat; padding-bottom: 0px; } .page_heading_wrapper { background: url(images/slider-shadow-290.png) bottom center no-repeat; padding-bottom:6px; } .home_heading { margin-bottom:6px; } .sidebar{ width:99%; padding-left:0px; } .page-content .searchform { width:253px; } .page-content .searchform input[type="text"] { width: 215px; } .page-content .content-bar .contactform textarea { width: 93%; max-width: 93%; } .page-content .gallery ul.thumbnail.col-5 li, .page-content .gallery ul.thumbnail.col-4 li, .page-content .gallery ul.thumbnail.col-3 li, .page-content .gallery ul.thumbnail.col-2 li, .page-content .gallery ul.thumbnail.col-1 li{ width: 290px; margin:0; margin-bottom:40px; } .page-content .gallery ul.thumbnail.col-6 li { width: 288px; } .page-content .gallery ul.thumbnail.col-7 li { width: 132px; height: auto; margin-right: 22px; } .page-content .gallery ul.thumbnail.col-8 li { width: 134px; } .page-content .gallery ul.thumbnail.col-9 li { width: 132px; margin-right: 23px; } div.pp_pic_holder { width:270px !important; height:220px !important; margin-left:-50px; } .pp_content { width:220px !important; height:220px !important; } .pp_content_container { width:270px !important; height:220px !important; } .pp_content img { width:250px !important; height:200px !important; margin-left:-10px; } .pp_gallery { display:none; } .pp_hoverContainer { width:270px !important; height:200px !important; margin-left:-20px; } a.pp_next { width:125px !important; height:200px !important; } a.pp_previous { width:125px !important; height:200px !important; } .pp_details { display:none; } .contact-map iframe { width:98%; } } #crumbs .current{ color:#e12846; } .date .day { display: none !important; } .date .month { display: none !important; } .date .year { display: none !important; } .sub-menu { left: auto !important; right: 0 !important; }