@charset "utf-8";
/* CSS Document */
@import "css/reset.css";
/*----*****---- << General >> ----*****----*/
body { font:normal 14px Tahoma, Geneva, sans-serif; }
/*----*****---- << Fonts >> ----*****----*/
h1, h2, h3, h4, h5, h6, .slider-content ul li, #layerslider ul li, #jq_fmslideshow #fmslideshow .txtMedium, #jq_fmslideshow #fmslideshow .txtLarge, #expand-toggle .expand, ul.menu li a, ul.menu li ul li a, .slider-content .short-desc, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #jq_fmslideshow #fmslideshow .txtNormal, #jq_fmslideshow #fmslideshow .txtExNormal, #layerslider .subtitle { font-family:'Droid Sans', serif; font-weight:700; }
/*----*****---- << Headings >> ----*****----*/
h1, h2, h3, h4, h5, h6 { text-transform:uppercase; }
h1{ font-size:24px; line-height:30px; margin-bottom:15px; text-transform:uppercase; }
h2{ font-size:20px; line-height:26px; margin-bottom:15px; }
h3{ font-size:18px; line-height:20px; margin-bottom:15px; }
h4{ font-size:16px; line-height:15px; margin-bottom:15px; }
h5{ font-size:14px; line-height:15px; margin-bottom:10px; }
h6{ font-size:12px; line-height:15px; margin-bottom:10px; font-weight:normal; }
h1.with-subtitle { margin-bottom:5px; }
h6.subtitle { margin-bottom:30px; }
/*----*****---- << Text Elements >> ----*****----*/
a{ text-decoration:none; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; }
a img{ border:none; }
strong{ font-weight: bold; }
em{ font-style: italic; }
p { line-height:24px; margin-bottom:10px; }
ul, ol, pre, code{ margin-bottom:20px; }
ul{ list-style-type:disc; list-style-position:inside; }
ul li { padding-bottom:10px; }
ul li ul { list-style-type:circle; padding-left:20px; margin:10px 0px 0px; }
ul ul ul { margin-bottom:0px; list-style-type:square; }
ol{ list-style-type:decimal; list-style-position:outside; padding-left:20px; padding-top:10px; }
ol li { padding-bottom:10px; }
ol li ol { margin-bottom:0px; list-style-type:lower-alpha; }
ol ol ol { margin-bottom:0px; list-style-type:lower-roman; }
blockquote{ line-height:24px; font-style:italic; padding:0px 0px 0px 40px; margin:0px 0px 10px; float:left; }
blockquote p { margin-bottom:0px; }
blockquote.left { margin-right:20px; text-align:left; width:30%; float:left; }
blockquote.right { margin-left:20px; text-align:left; width:30%; float:right; }
pre, code{ display:block; padding:10px; font-size:11px; font-family: monospace; }
hr{ border:none; height:1px; margin:30px 0; }
/* due to IE
margin bugs I had to made classed and apply them to div to achieve the effect of a
*/
.hr{ width:100%; height:2px; clear:both; float:left; margin:20px 0; position:relative; z-index:1; }
.hr-invisible { float:left; width:100%; margin:20px 0px; }
.hr-border { height:2px; float:left; clear:both; width:100%; margin:20px 0px; position:relative; z-index:1; }
.clear { float:none; clear:both; margin:0px; padding:0px; }
.float-right { float:right; }
.float-left { float:left; }
.center { width:100%; text-align:center; }
/*----*****---- << Tables >> ----*****----*/
table{ border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:20px; width:100%; clear:both; }
th{ padding:10px 15px; font-size:12px; font-weight:normal; text-transform:uppercase; text-align:center; }
td{ font-size:12px; text-align:center; padding:13px 15px; }
/*----*****---- << Definition Lists >> ----*****----*/
dl { margin:0px 20px; }
dl.gallery-item { margin:0px; }
.gallery-caption { margin-bottom:10px; }
dt { font-weight:bold; font-size:14px; margin-bottom:10px; }
dd { margin-bottom:20px; line-height:20px; }
/*----*****---- << Buttons >> ----*****----*/
.button { display:inline-block; *display:inline; zoom:1; margin:10px 0px 0px; cursor:pointer; border-radius:5px; behavior:url(PIE.htc); }
.button:hover { opacity:0.8; filter:alpha(opacity=80); }
.button.small { padding:5px 15px 6px; font-size:13px; }
.button.medium { padding:9px 22px 10px; font-size:16px; }
.button.large { padding:11px 26px 13px; font-size:20px; }
.button.xlarge { padding:14px 30px 16px; font-size:24px; }
.button.light-grey:hover { opacity:0.6; filter:alpha(opacity=60); }
.button.heart-icon span { padding:6px 0 4px 27px; display:block; }
.button.rss-icon span { padding:6px 0 4px 23px; display:block; }
.button.mail-icon span { padding:6px 0 4px 26px; display:block; }
.button.refresh-icon span { padding:6px 0 4px 24px; display:block; }
.button.zoom-icon span { padding:6px 0 4px 23px; display:block; }
.button.download-icon span { padding:6px 0 4px 24px; display:block; }
.button.delete-icon span { padding:6px 0 4px 23px; display:block; }
.button.warning-icon span { padding:6px 0 4px 24px; display:block; }
.button.chat-icon span { padding:6px 0 4px 24px; display:block; }
.button.star-icon span { padding:6px 0 4px 23px; display:block; }
.button.heart-icon, .button.rss-icon, .button.mail-icon, .button.refresh-icon, .button.zoom-icon, .button.download-icon, .button.delete-icon, .button.warning-icon, .button.chat-icon, .button.star-icon { padding:0px 15px 0px 10px; line-height:20px; }
input.button { overflow: visible; /* remove padding from left/right */ width:auto !important; }
/*----*****---- << Forms >> ----*****----*/
label{ font-size:14px; }
fieldset{ padding:15px; margin:0 0 20px 0; }
legend{ font-weight: bold; }
form p { float:left; clear:both; width:100%; margin-bottom:0px; }
input[type=text], input[type=password], input.text, textarea{ padding:10px; display:block; font:normal 12px Tahoma, Geneva, sans-serif; }
input[type=text], input[type=password], input.text { width:51%; }
textarea { width:82%; height:120px; }
select{ padding:10px; -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; border-radius:5px; behavior:url(PIE.htc); }
.content input[type=text], .content input[type=password], .content input.text, .content textarea { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; border-radius:5px; }
input[type=submit] { padding:6px 15px 7px; display:inline-block; *display:inline; zoom:1; margin:10px 0px 0px; cursor:pointer; font:normal 13px Tahoma, Geneva, sans-serif; cursor:pointer; overflow:visible; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; border-radius:5px; behavior:url(PIE.htc); }
input[type=submit]:hover { opacity:0.8; filter:alpha(opacity=80); }
input[type=text], input[type=password], input.text, textarea, select{ margin:5px 0 10px; }
/*----*****---- << Images >> ----*****----*/
.content img { max-width:100%; }
.post-content input[type="submit"] { float:none; }
.wp-caption { margin-bottom:20px; max-width:96%; padding:10px 0px 10px 10px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }
.wp-caption img { border:none; }
.wp-caption a { line-height:0; display:block; width:100%; }
.wp-caption .wp-caption-text { text-align:center; padding-top:10px; margin:0px; }
img.size-auto, img.size-large, img.size-full, img.size-medium { max-width:99.6%; height: auto; }
.alignleft, img.alignleft { display: inline; float: left; margin-right: 20px; }
.alignright, img.alignright { display: inline; float: right; margin-left: 20px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter { margin-bottom:20px; }
/*----*****---- << Columns >> ----*****----*/
.column { margin:0px 2% 0px 0px; float:left; min-height:1px; position:relative; }
.column.last { margin-right:0px; }
.one-fourth { width:23.4%; }
.one-half { width:48.9%; }
.one-third { width:31.9%; }
.three-fourth { width:74.5%; }
.two-third { width:65.8%; }
.one-fifth { width:18.3%; }
.four-fifth { width:79.6%; }
.three-fifth { width:59.2%; }
.two-fifth { width:38.8%; }
.one-half img, .one-third img, .one-fourth img, .three-fourth img, .two-third img { max-width:100%; }
.one-half iframe, .one-third iframe, .one-fourth iframe, .three-fourth iframe, .two-third iframe, iframe { max-width:100%; }
/*----*****---- << Lists >> ----*****----*/
ul.green-arrow, ul.check-list, ul.rounded-arrow, ul.rounded-check { list-style-type:none; list-style-position:outside; }
ul.green-arrow li { display:block; padding-left:22px; }
ul.check-list li { display:block; padding-left:22px; }
ul.rounded-arrow li { display:block; padding-left:20px; }
ul.rounded-check li { display:block; padding-left:20px; }
/*----*****---- << Widgets >> ----*****----*/
.widget { width:100%; float:left; margin:0px; padding:0px 0px 20px; }
.widget h2.widgettitle { font-size:18px; }
.widget ul { float:left; width:100%; margin:0px; padding:0px; list-style-type:none; list-style-position:outside; }
.widget ul li { float:left; clear:both; display:block; width:100%; }
.widget ul ul { margin-top:10px; margin-left:20px; }
.widget ul ul li { width:90%; }
.widget_categories ul li { position:relative; float:none; }
.widget_categories ul li a { font-size:14px; padding:12px 0px 12px 23px; display:block; }
.widget_categories ul li a span { position:absolute; right:0px; }
.widget ul.contact-details li p { margin:0px; }
.widget ul.contact-details span { text-align:center; float:left; margin:0px 2% 0px 0px; width:10%; }
.widget ul.contact-details p { float:left; margin-bottom:0px; width:87%; }
.widget .thumb img { padding:3px 4px 4px; }
.widget .thumb { float:left; margin:2px 10px 10px 0px; }
.widget.widget_recent_entries h6, .widget.widget_popular_entries h6 { font-size:12px; font-weight:bold; text-transform:none; font-family:Tahoma, Geneva, sans-serif; margin-bottom:5px; }
.widget.widget_recent_entries p, .widget.widget_popular_entries p { font-size:12px; line-height:18px; margin-bottom:0px; }
.widget.widget_recent_entries li, .widget.widget_popular_entries li { float:left; display:block; clear:both; padding:0px 0px 10px; }
.widget.widget_recent_entries li:last-child, .widget.widget_popular_entries li:last-child { padding-bottom:0px; }
/*----*****---- << Layout >> ----*****----*/
/*----*****---- << Container >> ----*****----*/
.container { width:960px; margin:0 auto; }
/*----*****---- << Header >> ----*****----*/
#header { min-height:92px; width:100%; float:left; }
#logo { float:left; margin:5px 0px 0px; }
.social-icons { float:left; margin:32px 20px 10px 0px; padding:0px; }
.social-icons a { float:left; margin:0px 5px; padding:0px; width:30px; height:30px; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; }
#searchform { float:left; margin:28px 0px 0px; padding:0px; }
#searchform fieldset { padding:0px; border:none; margin:0px; }
#searchform input[type="text"] {
background:none;
border:none;
float:left;
font-size:10px;
text-transform:uppercase;
font-weight:bold;
padding:11px 10px 12px 15px;
margin:0px;
width:125px;
transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-moz-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-webkit-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-o-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#searchform input[type="text"]:hover, #searchform input[type="text"]:focus { width:200px; }
#searchform input[type="submit"] { float:left; cursor:pointer; border:none; margin:6px 6px 0px 0px; padding:0px; width:22px; height:22px; position:relative; z-index:9999; }
/*----*****---- << Menu >> ----*****----*/
#top-menu { width:100%; float:left; margin:0px; padding:0px; height:52px; position:relative; z-index:999; }
ul.menu { float:left; margin:0px; padding:0px; width:100%; }
ul.menu li { float:left; display:inline; margin:0px; padding:0px; height:52px; position:relative; }
ul.menu li a { text-shadow:none; float:left; font-size:14px; line-height:52px; text-transform:uppercase; padding:0px 27px; position:relative; z-index:1; transition:none; -moz-transition:none; -o-transition:none; -webkit-transition:none; }
ul.menu li.home a { width:31px; height:31px; margin:0px; padding:11px 15px 10px; font-size:0; text-align:center; }
ul.menu li:last-child { border:none; }
ul.menu li.home li a { text-align:left; }
ul.menu li .hoverL, ul.menu li .hoverR { opacity:0; filter:alpha(opacity=0); bottom:0; left:0; position:absolute; right:0; top:0; }
ul.menu li.current_page_item .hoverL, ul.menu li.current_page_item .hoverR, ul.menu li:hover .hoverL, ul.menu li:hover .hoverR { -webkit-transition: opacity 0.5s; -moz-transition:opacity 0.5s; -o-transition:opacity 0.5s; opacity:1; filter:alpha(opacity=100); }
ul.menu li ul { display:none; position:absolute; z-index:100; top:52px; left:0px; width:200px; padding:0px; margin:0px; }
ul.menu li ul li, ul.menu li.home ul li { height:auto; border-right:0px; clear:both; width:100%; }
ul.menu li ul li a, ul.menu li.home ul li a { font-size:12px; line-height:normal; line-height:20px; padding:10px 15px 9px; width:170px; }
ul.menu li.home ul li a { background:none; height:auto; }
ul.menu li ul li.current_page_item, ul.menu li ul li:hover { behavior:url(PIE.htc); }
ul.menu li ul ul { left:200px; top:-2px; }
ul.menu-rounded li { border:none; margin:10px 5px 10px; height:32px; border-radius:20px; behavior:url(PIE.htc); }
ul.menu-rounded li a { line-height:32px; text-shadow:none; padding:0px 23px; font-size:13px; }
ul.menu-rounded li.home.current_page_item { background:none; }
ul.menu-rounded li.home { margin:0px; }
ul.menu-rounded li.home, ul.menu-rounded li.home:hover { background:none; }
ul.menu-rounded li.home ul { top:52px; }
ul.menu-rounded li.hasSubmenu:hover { border-radius:20px 20px 0px 0px; }
ul.menu-rounded li ul { top:32px; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border-radius:0px 20px 20px 20px; behavior:url(PIE.htc); }
ul.menu-rounded li ul li { margin:0px; border-radius:0px; border:none; }
ul.menu-rounded li ul li a { padding:12px 15px 12px; font-weight:normal; }
ul.menu-rounded li ul ul { border-radius:20px; top:0px; behavior:url(PIE.htc); }
/*----*****---- << Home Slider >> ----*****----*/
#home-slider { width:100%; float:left; clear:both; margin:0px; padding:0px 0px 58px; }
.home-slider-bg { width:100%; float:left; margin:0px; padding:0px; behavior:url(PIE.htc); }
#home-slider .container { position:relative; }
.banner-slider-container { height:420px; width:100%; }
#banner-slider { float:left; width:100%; position:relative; margin:0px; padding:0px; }
#banner-slider > li { width:100%; height:420px; float:left; display:block; margin:0px; padding:0px; background:none !important; }
.slider-content { float:left; width:46%; margin:5% 0px 0px; padding:0px; }
.slider-content h2 { font-size:24px; margin:0px; width:100%; }
.slider-content .subtitle { font-size:14px; text-transform:uppercase; text-shadow:none; clear:both; float:left; width:100%; }
.slider-content .short-desc { font-size:16px; line-height:20px; text-shadow:none; font-style:italic; float:left; display:block; width:91%; padding:12px 20px; margin:20px 0px 0px; border-radius:20px 0px 0px 20px; }
.slider-content ul { float:left; margin:30px 0px 10px 30px; padding:0px; clear:both; width:91%; }
.slider-content ul li { float:left; display:block; clear:both; font-size:18px; padding:7px 0px 7px 30px; margin:0px; text-transform:uppercase; width:91%; }
.slider-image { width:55%; position:absolute; right:0px; bottom:4%; }
.slider-image img { max-width:100%; }
#slider-nav { position:absolute; bottom:-37px; margin:0px; padding:0px; width:100%; text-align:center; margin:0; clear:both; }
#slider-nav a { display:inline-block; width:18px; height:18px; text-align:center; font-size:0; margin:0px 2px; }
#slider-nav a.activeSlide, .slider-nav a:hover.activeSlide, #slider-nav a:hover { border-radius:18px; }
#banner-fullwidth-slider li img { max-width:100%; width:100%; }
.banner-fullwidth-slider-container { float:left; clear:both; height:346px; width:100%; position:relative; }
#banner-fullwidth-slider { background-size: cover; float:left; width:100%; position:relative; margin:0px; padding:0px; }
#banner-fullwidth-slider > li { float:left; display:block; margin:0px; padding:0px; }
/*----*****---- << Main >> ----*****----*/
#wrapper { width:100%; margin:0px; padding:0px; }
#main { float:left; width:100%; clear:both; margin:0px; padding:20px 0px 75px; }
.home #main { padding:30px 0px 75px; }
.content { width:675px; float:left; margin:-30px 0px 0px; padding:30px 30px 0px 0px; position:relative; }
.inner-with-sidebar { position:absolute; right:0px; bottom:-35px; width:54px; height:60px; z-index:-1; }
.content.content-full-width { width:100%; padding:0px; margin:0px; background:none; }
.sidebar { width:235px; float:left; position:relative; margin:-30px 0px 0px; padding:30px 0px 60px 20px; }
.inner-sidebar { bottom:-25px; height:60px; position:absolute; right:0; width:257px; }
.content.with-left-sidebar { float:right; padding:30px 0px 0px 30px; }
.content.with-left-sidebar .inner-with-sidebar { left:0px; right:inherit; }
.sidebar.left-sidebar { width:255px; padding-left:0px; }
.sidebar.left-sidebar .inner-sidebar { left:0; right:inherit; }
/*----*****---- << Content >> ----*****----*/
/*----*****---- << Home >> ----*****----*/
.welcome-text { float:left; width:100%; margin:-10px 0px 0px; padding:30px 0px 20px; position:relative; z-index:-1; -moz-box-shadow: inset 0px 0px 30px 5px #CFCFCF; -webkit-box-shadow: inset 0px 0px 30px 5px #CFCFCF; box-shadow: inset 0px 0px 30px 5px #CFCFCF; behavior:url(PIE.htc); }
.welcome-text h1, .welcome-text h4 { text-transform:none; font-weight:normal; letter-spacing:-0.25px; }
.welcome-text h1 { color:#454545; margin-bottom:8px; }
.welcome-text h4 { color:#818181; }
.welcome-text .text { width:80%; float:left; margin:0px 4% 0px 0px; }
.welcome-text .button { float:right; }
.read-more-text { float:left; margin:10px 0px 0px; padding:0px 20px 0px 0px; }
.read-more-text span { width:13px; height:13px; margin:0px 0px 0px 3px; position:relative; top:1px; display:inline-block; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; border-radius:13px; behavior:url(PIE.htc); }
#expand-toggle { width:100%; display:inline-block; clear:both; margin:20px 0px 40px; padding:15px 0px 15px; text-align:center; overflow:hidden; }
#expand-toggle .expand { font-size:16px; font-weight:bold; padding-right:25px; }
#expand-toggle .expand:hover { text-decoration:none; }
#expand-toggle .expand-box { margin:10px 0px 0px; overflow:hidden; padding:0px; display:none; }
#expand-toggle .one-third { float:left; text-align:left; margin-top:30px; margin-bottom:20px; }
#expand-toggle .one-third img { float:left; margin:5px 15px 0px 0px; }
.column .thumb, a.thumb, .post-thumb { width:98.7%; float:left; padding:0px; margin:0px 0px 15px; position:relative; }
.column .thumb a, a.thumb img, .post-thumb a { float:left; padding:5px 6px 6px; }
.column .thumb a, a.thumb img, .post-thumb a { width:95.3%; }
.column .thumb img, a.thumb img, .post-thumb img { max-width:100%; }
.column.one-third .thumb a { width:96%; }
.image-overlay { position:relative; width:96%; height:94%; margin:6px; text-align:center; left:0px; top:0px; position:absolute; display:block; z-index:100; opacity:0; filter:alpha(opacity=0); -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; behavior:url(PIE.htc); }
.thumb:hover .image-overlay { opacity:1; filter:alpha(opacity=100); }
.thumb .image-overlay a { width:auto; position:absolute; top:35%; display:inline-block; text-align:center; cursor:pointer; border:none; transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; }
.thumb .image-overlay a:hover { opacity:0.8; filter:alpha(opacity=80); }
.thumb .image-overlay-video { left:0px; width:47px !important; height:47px; }
.thumb .image-overlay-zoom { left:0px; width:47px !important; height:47px; }
.thumb .image-overlay-link { right:0px; width:47px !important; height:47px; }
.thumb:hover .image-overlay-zoom, .thumb:hover .image-overlay-video { left:30%; }
.thumb:hover .image-overlay-link { right:30%; }
.portfolio.column-one-half .thumb .image-overlay a { width:auto; }
.portfolio.column-one-half .thumb .image-overlay a { top:36%; }
.portfolio.column-one-half .image-overlay { width:97.5%; height:94.5%; }
.portfolio.column-one-half .thumb:hover .image-overlay-zoom, .portfolio.column-one-half .thumb:hover .image-overlay-video { left:37%; }
.portfolio.column-one-half .thumb:hover .image-overlay-link { right:37%; }
.portfolio.column-one-half-with-sidebar .thumb .image-overlay a { width:auto; }
.portfolio.column-one-half-with-sidebar .thumb .image-overlay a { top:30%; }
.portfolio.column-one-half-with-sidebar .image-overlay { width:96.5%; height:92.5%; }
.portfolio.column-one-half-with-sidebar .thumb:hover .image-overlay-zoom, .portfolio.column-one-half-with-sidebar .thumb:hover .image-overlay-video { left:32%; }
.portfolio.column-one-half-with-sidebar .thumb:hover .image-overlay-link { right:32%; }
.portfolio.column-one-third .thumb .image-overlay a { width:auto; }
.portfolio.column-one-third-with-sidebar .thumb .image-overlay a { width:auto; }
.portfolio.column-one-third-with-sidebar .thumb .image-overlay a { top:27%; }
.portfolio.column-one-third-with-sidebar .image-overlay { width:94%; height:91.5%; }
.portfolio.column-one-third-with-sidebar .thumb:hover .image-overlay-zoom, .portfolio.column-one-third-with-sidebar .thumb:hover .image-overlay-video { left:22%; }
.portfolio.column-one-third-with-sidebar .thumb:hover .image-overlay-link { right:22%; }
.portfolio.one-column .thumb .image-overlay a { width:auto; }
.portfolio.one-column .thumb .image-overlay a { top:39%; }
.portfolio.one-column .image-overlay { width:97.8%; height:95.5%; }
.portfolio.one-column .thumb:hover .image-overlay-zoom, .portfolio.one-column .thumb:hover .image-overlay-video { left:39%; }
.portfolio.one-column .thumb:hover .image-overlay-link { right:39%; }
.portfolio.one-column-with-sidebar .thumb .image-overlay a { width:auto; }
.portfolio.one-column-with-sidebar .thumb .image-overlay a { top:34%; }
.portfolio.one-column-with-sidebar .image-overlay { width:97%; height:93.5%; }
.portfolio.one-column-with-sidebar .thumb:hover .image-overlay-zoom, .portfolio.one-column-with-sidebar .thumb:hover .image-overlay-video { left:35%; }
.portfolio.one-column-with-sidebar .thumb:hover .image-overlay-link { right:35%; }
.readmore { float:right; position:relative; z-index:1; padding:7px 30px 7px 13px; margin:10px 0px 0px; font-size:13px; -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; border-radius:5px; behavior:url(PIE.htc); }
.readmore:hover { -moz-box-shadow:inset 0px 1px 0px 0px #acacac; -webkit-box-shadow:inset 0px 1px 0px 0px #acacac; box-shadow: inset 0px 1px 0px 0px #acacac; behavior:url(PIE.htc); }
.home .portfolio.column-one-third .column { min-height:300px; }
.subscribe-form { float:left; width:100%; }
.subscribe-form input[type="text"] { float:left; margin:0px 10px 10px 0px; width:66%; }
.subscribe-form input[type="submit"] { margin:0px; }
/* Portfolio Carousel */
.portfolio-skin-carousel .jcarousel-clip-horizontal { margin-left:-8px; }
.portfolio-skin-carousel { position:relative; }
.portfolio-skin-carousel .jcarousel-container { width:100%; }
.portfolio-skin-carousel .jcarousel-container-horizontal { width:100%; padding:0px; }
.portfolio-skin-carousel .jcarousel-clip { overflow: hidden; }
.portfolio-skin-carousel .jcarousel-clip-horizontal { width:100%; height:auto; }
.portfolio-skin-carousel .jcarousel-item { width:306px; margin:0px; height:auto; }
.portfolio-skin-carousel .jcarousel-item .thumb img { height:auto !important; }
.portfolio-skin-carousel .jcarousel-item-horizontal { margin-left:8px; margin-right:9px; }
.portfolio-skin-carousel .jcarousel-direction-rtl .jcarousel-item-horizontal { margin: 10px; }
.portfolio-nav { margin:20px 0px 0px; clear:both; float:left; width:100%; }
.portfolio-skin-carousel .jcarousel-prev-horizontal { position:absolute; right:25px; top:-40px; display:inline-block; margin:0px 5px; width:14px; height:21px; padding:0px; cursor:pointer; opacity:0.7; filter:alpha(opacity=70); }
.portfolio-skin-carousel .jcarousel-next-horizontal { position:absolute; right:5px; top:-40px; display:inline-block; margin:0px 5px; width:14px; height:21px; padding:0px; cursor:pointer; opacity:0.7; filter:alpha(opacity=70); }
.portfolio-skin-carousel .jcarousel-prev-horizontal:hover, .portfolio-skin-carousel .jcarousel-next-horizontal:hover { -webkit-transition: opacity 0.5s; -moz-transition:opacity 0.5s; -o-transition:opacity 0.5s; opacity:1; filter:alpha(opacity=1); }
.portfolio-skin-carousel .jcarousel-next-disabled, .portfolio-skin-carousel .jcarousel-prev-disabled, .portfolio-skin-carousel .jcarousel-next-disabled:hover, .portfolio-skin-carousel .jcarousel-prev-disabled:hover { -webkit-transition: opacity 0.5s; -moz-transition:opacity 0.5s; -o-transition:opacity 0.5s; opacity:0.4; filter:alpha(opacity=40); cursor:auto; }
/* Clients Carousel */
.clients-skin-carousel { position:relative; margin:0px; padding:20px 0px; width:100%; float:left; clear:both; margin:50px 0px -75px; -moz-box-shadow: inset 0px 0px 30px 5px #CFCFCF; -webkit-box-shadow: inset 0px 0px 30px 5px #CFCFCF; box-shadow: inset 0px 0px 30px 5px #CFCFCF; behavior:url(PIE.htc); }
.clients-skin-carousel h2 { margin-bottom:20px; }
.clients-skin-carousel .jcarousel-clip-horizontal { margin-left:-9px; }
.clients-skin-carousel .jcarousel-container { width:100%; }
.clients-skin-carousel .jcarousel-container-horizontal { width:100%; padding:0px; }
.clients-skin-carousel .jcarousel-clip { overflow: hidden; }
.clients-skin-carousel .jcarousel-clip-horizontal { width:100%; height:auto; }
.clients-skin-carousel .jcarousel-item { width:183px; margin:0px; height:auto; }
.clients-skin-carousel .jcarousel-item img { height:auto !important; max-width:100%; }
.clients-skin-carousel .jcarousel-item-horizontal { margin-left:9px; margin-right:9px; }
.clients-skin-carousel .jcarousel-direction-rtl .jcarousel-item-horizontal { margin: 10px; }
.clients-nav { margin:20px 0px 0px; clear:both; float:left; width:100%; }
.clients-skin-carousel .jcarousel-prev-horizontal { position:absolute; right:25px; top:-40px; display:inline-block; margin:0px 5px; width:14px; height:21px; padding:0px; cursor:pointer; opacity:0.7; filter:alpha(opacity=70); }
.clients-skin-carousel .jcarousel-next-horizontal { position:absolute; right:5px; top:-40px; display:inline-block; margin:0px 5px; width:14px; height:21px; padding:0px; cursor:pointer; opacity:0.7; filter:alpha(opacity=70); }
.clients-skin-carousel .jcarousel-prev-horizontal:hover, .clients-skin-carousel .jcarousel-next-horizontal:hover { -webkit-transition: opacity 0.5s; -moz-transition:opacity 0.5s; -o-transition:opacity 0.5s; opacity:1; filter:alpha(opacity=1); }
.clients-skin-carousel .jcarousel-next-disabled, .clients-skin-carousel .jcarousel-prev-disabled, .clients-skin-carousel .jcarousel-next-disabled:hover, .clients-skin-carousel .jcarousel-prev-disabled:hover { -webkit-transition: opacity 0.5s; -moz-transition:opacity 0.5s; -o-transition:opacity 0.5s; opacity:0.4; filter:alpha(opacity=40); cursor:auto; }
.clients-skin-carousel .jcarousel-item img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
.clients-skin-carousel .jcarousel-item img:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); }
/*----*****---- << Breadcrumb >> ----*****----*/
.breadcrumb { float:left; clear:both; width:100%; padding:0px 0px 10px; margin:0px; position:relative; z-index:1; }
.breadcrumb-bg { float:left; width:100%; margin:0px; padding:15px 0px; -webkit-box-shadow: inset 0px 10px 5px -6px #9b9b9b;-moz-box-shadow: inset 0px 10px 5px -6px #9b9b9b; box-shadow: inset 0px 10px 5px -6px #9b9b9b; behavior:url(PIE.htc); }
.breadcrumb a, .breadcrumb span.current-crumb { font-size:11px; text-transform:uppercase; }
.arrow { width:5px; height:7px; display:inline-block; margin:0px 3px; }
/*----*****---- << Sidebar >> ----*****----*/
.sidebar .widget { width:92%; padding:0px 8% 20px 0px; }
.sidebar .widget h2.widgettitle { margin-bottom:20px; }
.sidebar .widget { padding:0px; }
.sidebar .hr { margin-left:-20px; width:255px; }
.sidebar.left-sidebar .hr { margin-right:-20px; margin-left:0px; }
.sidebar .widget_text { font-size:12px; }
.sidebar a.thumb { width:37%; }
a.thumb img { max-width:90%; }
/*----*****---- << 404 >> ----*****----*/
.errorpage-info { float:left; width:100%; text-align:center; }
.errorpage-info h2 { font-size:72px; margin-bottom:10px; line-height:normal; }
.errorpage-info h3 { font-size:24px; text-transform:none; margin-bottom:20px; }
.errorpage-info h4 { font-size:20px; text-transform:none; }
/*----*****---- << Team >> ----*****----*/
.team { float:left; margin:15px 0px; padding:0px; width:100%; }
.team .image { padding:4px; float:left; margin:0px 15px 10px 0px; }
.team h5 { margin-bottom:5px; }
.team .role { margin-bottom:10px; font-size:12px; text-transform:none; }
.team .image img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
.team .image img:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); }
.share-links { float:left; clear:both; width:90%; margin:5px 0px 0px; padding:10px; }
.share-links a, .share-links { font-size:12px; line-height:20px; }
.share-links a:hover { text-decoration:underline; }
.social { float:right; margin:0px; padding:0px; text-align:right; width:100%; height:20px; }
.social a { margin:0px 2px; display:inline-block; }
/*----*****---- << Testimonials >> ----*****----*/
.testimonials { width:100%; float:left; clear:both; margin:0px; padding:0px; }
.testimonials blockquote { font-style:normal; padding-top:7px; }
.testimonials blockquote h4 { margin-bottom:0px; }
.testimonials blockquote cite { font-size:12px; font-style:italic; }
.testimonials blockquote p { margin-top:5px; }
.testimonials-author-image { float:left; margin:7px 0px 0px; width:100%; }
.testimonials-author-image img { padding:5px; width:86%; }
.testimonials .one-fourth { width:16.4%; }
.testimonials .three-fourth { width:81.5%; }
/*----*****---- << Portfolio >> ----*****----*/
.portfolio { text-align:center; float:left; width:100%; }
.portfolio .button { margin:0px 5px; }
.portfolio .column { margin-bottom:15px; }
.portfolio .thumb { width:99%; }
.portfolio h4 { line-height:24px; }
.portfolio h5 { line-height:20px; }
.gallery { width:100%; }
.portfolio.column-one-third .column { min-height:320px; }
.portfolio.column-one-third .thumb a { width:96%; }
.portfolio.column-one-third-with-sidebar .column { min-height:280px; }
.portfolio.column-one-third-with-sidebar .thumb a { width:94.5%; }
.portfolio.column-one-half .column { min-height:360px; }
.portfolio.column-one-half .thumb a { width:97.4%; }
.portfolio.column-one-half-with-sidebar .column { min-height:280px; }
.portfolio.column-one-half-with-sidebar .thumb a { width:96.5%; }
.portfolio.one-column .thumb, .portfolio.one-column-with-sidebar .thumb { width:56.5%; float:left; margin:0px 2% 15px 0px; }
.portfolio.one-column .thumb a { width:97.7%; }
.portfolio.one-column .column, .portfolio.one-column-with-sidebar .column { width:100%; }
.portfolio.one-column, .portfolio.one-column-with-sidebar { text-align:left; }
.portfolio.one-column .button, .portfolio.one-column-with-sidebar .button { margin:10px 10px 0px 0px; }
.portfolio.one-column-with-sidebar .thumb a { width:96.7%; }
.portfolio-slider-container { width:625px; height:500px; float:left; margin:0px; padding:0px; position:relative; }
ul#portfolio-slider { margin:0px; padding:0px; float:left; width:100%; }
ul#portfolio-slider li { display:block; float:left; margin:0px; padding:0px; width:100%; height:500px; }
.portfolio-single .column .thumb { margin:0px; }
.slideshow-bullets { float:left; clear:both; width:100%; text-align:center; margin:20px 0px 0px; position:relative; z-index:100; }
.slideshow-bullets a { width:11px; height:12px; display:inline-block; margin:0px 1px; font-size:0; }
.portfolio-single .column.two-third { margin-bottom:50px; }
.portfolio-single { float:left; width:100%; margin:0px; padding:0px; }
.portfolio-single p.client { padding-left:19px; }
.portfolio-single p.location { padding-left:19px; }
.portfolio-single p.project-link { padding-left:19px; margin-bottom:0px; }
.portfolio-single p { font-size:13px; }
.portfolio-single a:hover { text-decoration:underline; }
.portfolio-single a.button:hover { text-decoration:none; }
.portfolio-single .column.two-third .thumb a { width:98.1%; }
.portfolio-single .thumb img { height:auto !important; }
.post-nav-container { float:left; clear:both; width:100%; padding:10px 0px; margin:20px 0px 0px; font-size:12px; }
.post-prev-link { float:left; }
.post-prev-link a { padding:0px 0px 0px 22px; }
.post-next-link { float:right; }
.post-next-link a { padding:0px 20px 0px 0px; }
.post-nav-container span { font-style:italic; }
#sorting-container { display:block; margin:10px 0px 0px; padding:0px; clear:both; width:100%; }
#sorting-container a { line-height:35px; padding:0px 20px; float:left; margin:0px 1px 1px 0px; }
.portfolio-container { float:left; clear:both; margin:30px 0px 0px; width:100%; }
.portfolio-container .column { margin-right:0.7% !important; margin-left:0.7% !important; }
.portfolio-container .column.one-half { margin-right:0.5% !important; margin-left:0.5% !important; }
.portfolio.one-column .portfolio-container .column, .portfolio.one-column-with-sidebar .portfolio-container .column { margin-right:0px; margin-left:0px; }
.isotope-hidden { display:none !important; }
.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: top, left, opacity;
transition-property: transform, opacity;
}
.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;
}
/*----*****---- << Pagination >> ----*****----*/
.pagination { float:right; margin:20px 0px 10px; padding:0px; position:relative; z-index:1; }
.pagination ul { float:left; margin:0px; padding:0px; }
.pagination ul li { float:left; display:inline; margin:0px 4px; padding:0px; }
.pagination ul li a, .pagination .next-post, .pagination .prev-post { float:left; padding:5px 10px; font-size:13px; -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; border-radius:5px; behavior:url(PIE.htc); }
.pagination ul li.active-page { float:left; padding:5px 10px; font-size:13px; -moz-box-shadow:inset 0px 1px 0px 0px #acacac; -webkit-box-shadow:inset 0px 1px 0px 0px #acacac; box-shadow: inset 0px 1px 0px 0px #acacac; border-radius:5px; behavior:url(PIE.htc); }
.pagination ul li a:hover, .pagination .next-post:hover, .pagination .prev-post:hover { -moz-box-shadow:inset 0px 1px 0px 0px #acacac; -webkit-box-shadow:inset 0px 1px 0px 0px #acacac; box-shadow: inset 0px 1px 0px 0px #acacac; behavior:url(PIE.htc); }
.pagination .next-post { float:left; margin-left:4px; width:27px; height:26px; padding:0px; }
.pagination .prev-post { float:left; margin-right:4px; width:27px; height:26px; padding:0px; }
/*----*****---- << Contact >> ----*****----*/
.contact-info { font-size:16px; line-height:28px; font-style:italic; margin-bottom:30px; }
.main-contact-details { float:left; clear:both; margin:15px 0px 0px; width:96%; padding:15px 2% 10px; }
.main-contact-details ul.contact-details { width:100%; float:left; margin:0px; padding:0px; }
.main-contact-details ul.contact-details li { float:left; width:47%; margin:0px 1% 10px; display:inline; padding:0px; }
.main-contact-details ul.contact-details li p { margin:0px; }
.main-contact-details ul.contact-details span { text-align:center; float:left; margin:4px 2% 0px 0px; width:10%; }
.main-contact-details ul.contact-details p { float:left; margin-bottom:0px; width:87%; }
.main-contact-details ul.contact-details li a:hover { text-decoration:underline; }
.main-contact-details ul.contact-details span.address { height:16px; }
.main-contact-details ul.contact-details span.mail { height:14px; }
.main-contact-details ul.contact-details span.phone { height:19px; }
.main-contact-details ul.contact-details span.skype { height:19px; }
.one-third .main-contact-details ul.contact-details li { width:98%; }
.two-third textarea { width:96.5%; }
.one-third input[type="text"] { width:89%; }
p.one-third { clear:none; }
.error-container { font-size:14px; color:#ff0000; text-shadow:none; margin:10px 0px 0px; float:left; clear:both; width:100%; }
.error { border:1px solid #ff0000 !important; }
/*----*****---- << Blog >> ----*****----*/
.blog-post { float:left; width:100%; margin:0px; padding:0px; }
.post-title { float:left; width:100%; }
.post-title h3 { float:left; line-height:24px; width:85%; margin:0px 2% 0px 0px; }
.post-title .date { float:right; margin:-3px 0px 0px; padding:0px; width:13%; }
.post-title .date p { font-size:24px; line-height:30px; padding:0px 10px 0px 0px; float:left; }
.post-title .date span { text-align:center; font-size:12px; width:40px; float:left; }
.one-half .post-title h3 { width:81%; }
.one-half .date { width:17%; }
.one-half .blog-post .post-thumb a { width:97.4%; }
.blog-post .post-thumb { float:left; clear:both; margin:20px 0px 10px; padding:0px; width:99%; }
.blog-post .post-thumb a { width:98.3%; }
.blog-post .post-thumb img { height:auto !important; }
.blog-post .entry-head, .blog-post .post-details { line-height:30px; width:100%; float:left; }
.blog-post .entry-head span.author { float:left; font-size:11px; font-style:italic; }
.blog-post .entry-head .comments { float:right; margin-right:5px; padding:0px 0px 0px 17px; font-size:11px; }
.blog-post .entry-head .comments:hover { text-decoration:underline; }
.blog-post .post-details { border:none; margin:0px 0px 10px; }
.blog-post .post-details .categories { padding:0px 0px 0px 17px; float:left; width:45%; margin:0px 2% 0px 0px; }
.blog-post .post-details .categories, .blog-post .post-details .tags { font-style:normal; font-size:12px; }
.blog-post .post-details .tags { width:49%; float:left; }
.blog-post .post-details .tags .float-right { padding:0px 0px 0px 17px; float:right; }
.blog-post .post-details .categories a, .blog-post .post-details .tags a { font-style:italic; font-size:12px; line-height:20px; }
.blog-post .post-details .categories a:hover, .blog-post .post-details .tags a:hover { text-decoration:underline; }
.blog-post .post-content { float:left; clear:both; width:100%; }
.blog-full-width { width:100%; margin:0px; padding:0px; }
.blog-full-width .blog-post .post-thumb a { width:98.8%; }
.blog-full-width .post-title .date { width:9%; }
/*----*****---- << Blog Comment Entries >> ----*****----*/
.commententries { width:100%; float:left; margin:10px 0px 0px; padding:0px; }
ul.commentlist { float:left; margin:20px 0px 20px 0px; padding:0px 0px 20px 0px; list-style:none; border-top:0px; }
ul.commentlist li { display:block; float:none; list-style:none; min-height:118px; border:none; margin:0px 0px 12px 0px; padding:0px 0px 0px 69px; position:relative; clear:both; }
ul.commentlist li ul.children { margin:10px 0px 0px 0px; padding:0px; float:left; border:none; clear:both; }
ul.commentlist li .respond { margin-left:69px; }
.comment-author { float:left; margin:0px 12px 0px 0px; padding:0px; width:57px; text-align:center; position:absolute; left:0px; }
.comment-author img { float:left; padding:4px; margin:0px 0px 5px 0px; -moz-box-shadow:none; box-shadow:none; -webkit-box-shadow:none; }
.comment-author a { clear:both; font-size:12px; text-decoration:none; }
.comment-author a:hover { text-decoration:underline; }
.comment-body { margin:0px; padding:10px 10px 0px 20px; min-height:65px; }
.comment-meta { width:100%; }
.commentmetadata { float:right; margin:0px 10px 20px 0px; }
.commentmetadata a { font-size:12px; font-style:italic; text-decoration:none; }
.commentmetadata a:hover { text-decoration:underline; }
.reply { float:left; margin:0px 0px 20px 20px; }
.reply a { text-decoration:underline; font-size:12px; }
.reply a:hover { text-decoration:none; }
/*Comment Form Styles */
.respond { margin:10px 0px 20px; float:left; clear:both; width:100%; }
.respond form { float:left; margin:0px; padding:0px; clear:both; width:100%; }
.respond form p { clear:both; float:left; margin:10px 0px 0px 0px; padding:0px; width:100%; }
.respond form input.textbox, .respond form textarea { width:33%; margin:0px 10px 0px 0px; float:left; }
.respond form textarea { width:50%; height:95px; }
.respond form .button:hover { opacity:0.9; filter:alpha(opacity=90); }
/*----*****---- << Pricing Table >> ----*****----*/
.pricing-table { float:left; clear:both; width:100%; margin:20px 0px 0px; }
.pricing-table table { border-collapse:collapse; border-spacing:0; border:none; margin:0px; padding:0px; table-layout:fixed; width:100%; }
.pricing-table table td { text-align:left; font-size:13px; font-weight:normal; text-shadow:none; }
.pricing-table table tbody tr.title td { font-size:18px; text-align:center; padding:2px 0px; }
.pricing-table table tr td:last-child { border-right:0px; }
.pricing-table table tr.price td { font-size:60px; text-align:center; padding:5px 0px 15px; }
.pricing-table table tr.price td sup { vertical-align:super; font-size:40px; margin-right:-10px; }
.pricing-table table tr.price td small { font-size:22px; margin-left:-20px; }
.pricing-table table tr td span { padding:0px 0px 0px 25px; }
.pricing-table table tr.buttons td { text-align:center; border-bottom:none; }
.pricing-table table tr.buttons .button { margin:5px 0px 5px; padding:8px 20px; }
.pricing-table table tr.buttons td a.button.black { border-radius:5px; behavior:url(PIE.htc); }
.pricing-table table .featured { position: relative; z-index: 100; box-shadow:0px 9px 25px 5px rgba(0,0,0,0.5); -webkit-box-shadow:0px 9px 25px 5px rgba(0,0,0,0.5); -moz-box-shadow:0px 9px 25px 5px rgba(0,0,0,0.5); transform: translateY(-10px) scale(1); }
/*----*****---- << Styled Elements >> ----*****----*/
.styled-elements h1, .styled-elements h2, .styled-elements h3, .styled-elements h4, .styled-elements h5 { margin-bottom:25px; }
.styled-elements .column h2 { margin-bottom:15px; }
.styled-elements .button { margin-right:12px; }
/* Highlight */
.highlight { padding:0px 5px; margin:0px 5px 0px 0px; }
/* Dropcap */
.dropcap { font-size:24px; float:left; margin:10px 0px 10px 0px; text-align:center; }
.dropcap.style1 { font-size:48px; width:58px; }
.dropcap.style2 { width:40px; height:34px; margin:0px 10px 0px 0px; padding:6px 0px 0px; border-radius:30px 30px 30px 30px; behavior:url(PIE.htc); }
.dropcap.style3 { height:34px; margin:5px 10px 0 0; padding:6px 0 0; text-align:center;
width:40px; box-shadow:0 0 5px #939393; -moz-box-shadow:0 0 5px #939393; -webkit-box-shadow:0 0 5px #939393; border-radius:30px 30px 30px 30px; behavior:url(PIE.htc); }
.dropcap.style4 { width:33px; height:29px; text-align:center; margin:5px 10px 0px 0px; padding:4px 0px 0px; }
/* Horizontal Tabs */
.tabs-container { float:left; width:100%; margin:0px 0px 20px; padding:0px; clear:both; }
ul.tabs-frame { float:left; margin:0px 0px 0px 15px; padding:0px; width:98.5%; }
ul.tabs-frame li { float:left; display:inline; margin:0px 0px 0px 5px; padding:0px; }
ul.tabs-frame li a { float:left; border-bottom:0px; margin:0px; padding:0px 15px; min-width:60px; text-align:center; font-size:14px; line-height:32px; transition:none; -moz-transition:none; -o-transition:none; -webkit-transition:none; -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; border-radius:5px 5px 0px 0px; behavior:url(PIE.htc); }
.tabs-frame-content { float:left; clear:both; width:96.8%; margin:-1px 0px 0px; padding:15px 15px 10px; border-radius:5px; behavior:url(PIE.htc); }
.tabs-frame-content img { margin-top:10px; }
.tabs-frame-content img.alignleft { margin-bottom:15px; }
/* Vertical Tabs */
.tabs-vertical-container { float:left; width:100%; margin:0px 0px 20px; padding:0px; clear:both; }
ul.tabs-vertical-frame { float:left; margin:0px 16px 0px 0px; padding:0px; width:20%; }
ul.tabs-vertical-frame li { float:left; display:block; margin:0px; padding:0px; width:100%; position:relative; }
ul.tabs-vertical-frame li a { float:left; border-bottom:0px; margin:0px; padding:12px 15px 10px; width:83.5%; font-size:14px; line-height:normal; transition:none; -moz-transition:none; -o-transition:none; -webkit-transition:none; -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; behavior:url(PIE.htc); }
ul.tabs-vertical-frame li.first a { border-radius:5px 5px 0px 0px; behavior:url(PIE.htc); }
ul.tabs-vertical-frame li.last a { border-radius:0px 0px 5px 5px; behavior:url(PIE.htc); }
ul.tabs-vertical-frame li a.current span { left:0; right:-9px; top:0; bottom:0; position:absolute; }
.tabs-vertical-frame-content { width:75%; float:left; padding:15px 15px 10px; border-radius:5px; behavior:url(PIE.htc); }
/* Standard Toggle */
h5.toggle, h5.toggle-accordion { margin-bottom:10px; padding:0px 0px 0px 25px; line-height:25px; clear:both; position:relative; }
h5.toggle a, h5.toggle-accordion a { display:block; }
.toggle-content { clear:both; margin:0px 0px 20px 25px; overflow:hidden; }
.toggle-content p { margin:0px; font-size:14px; }
.toggle-content img.alignleft { margin-top:5px; }
.toggle-frame-set { float:left; width:100%; margin:0px 0px 20px; }
.toggle-frame { float:left; clear:both; margin:0px 0px 3px 0px; width:95.5%; opacity:0.8; filter:alpha(opacity=80); padding:9px 10px 6px; font-size:16px; border-radius:5px; behavior:url(PIE.htc); }
.toggle-frame h5 { margin:0px; opacity:0.6; filter:alpha(opacity=60); }
.toggle-frame .toggle-content { margin:20px 0 15px 10px; }
/* Tooltip */
.tooltip a { background:#E5E5E5; color:#5A5A5A; padding:10px 20px; width:82%; text-align:center; float:left; margin:10px 0px 0px; }
.tooltip a:hover { background:#4C4C4C; color:#FFFFFF; text-shadow:0 1px 0 #0E4B6E; }
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
.tip_bottom #tiptip_content { box-shadow: inset 0px -1px 0px 0px #77735c; -webkit-box-shadow:inset 0px -1px 0px 0px #77735c; -moz-box-shadow:inset 0px -1px 0px 0px #77735c; }
#tiptip_content { padding:8px 10px; color:#424242; font-size:12px; border:1px solid #acacac; box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; background: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #efefef 0%, #cacaca 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#cacaca)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efefef 0%,#cacaca 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efefef 0%,#cacaca 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #efefef 0%,#cacaca 100%); /* IE10+ */ background: linear-gradient(to bottom, #efefef 0%,#cacaca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cacaca',GradientType=0 ); /* IE6-9 */ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior:url(PIE.htc); }
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width:6px; height: 0; width: 0; }
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color:#cbcbcb; }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color:#cbcbcb; }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color:#cbcbcb; }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color:#cbcbcb; }
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color:#cbcbcb; border-top-color:#cbcbcb; }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color:#eeeeee; border-bottom-color: #eeeeee; }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color:#dedede; border-right-color:#dedede; }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: #dedede; border-left-color:#dedede; }
/*----*****---- << Sitemap >> ----*****----*/
ul.sitemap { float:left; width:100%; margin:0px; padding:0px; }
ul.sitemap li a:hover { text-decoration:underline; }
/*----*****---- << Features >> ----*****----*/
.side-nav-container { margin:0px 30px 0px 0px; padding:60px 0px 0px; float:left; width:22%; }
.side-nav-bottom { width:100%; height:78px; float:left; clear:both; margin:-30px 0px 0px; }
ul.side-nav { float:left; width:100%; padding:0px; margin:0px; }
ul.side-nav li { float:left; clear:both; display:block; padding:0px; margin:-60px 0px 60px; padding:0px; width:100%; position:relative; }
ul.side-nav li a { line-height:16px; width:100%; float:left; padding:14px 0px; margin:0px 0px 2px; }
ul.side-nav li.current_page_item a span { width:19px; height:44px; top:0px; right:-19px; position:absolute; }
.main-content { float:left; width:74%; }
/*----*****---- << Footer >> ----*****----*/
#footer { float:left; clear:both; margin:0px; padding:0px; width:100%; }
.footer-bg { margin:0px; padding:20px 0px 0px; float:left; width:100%; }
#footer p, #footer a, #footer .widget.tweetbox span { font-size:13px; line-height:18px; }
#footer .widget ul li { padding:10px 0px; }
#footer .widget ul li:last-child { border-bottom:0px; }
#footer .widget.tweetbox a:hover { text-decoration:underline; }
#footer .widget .social-icons { margin:0px; }
#footer .widget .social-icons a { margin:0px 10px 10px 0px; }
#footer .widget ul.contact-details span.address { height:16px; }
#footer .widget ul.contact-details span.mail { height:14px; }
#footer .widget ul.contact-details span.phone { height:19px; }
#footer .widget ul.contact-details span.skype { height:19px; }
#footer .widget ul.contact-details li p { width:87%; }
.widget .testimonial-carousel li { clear:none; }
.testimonial-skin-carousel { position:relative; }
.testimonial-skin-carousel .jcarousel-container { width:220px; }
.testimonial-skin-carousel .jcarousel-container-horizontal { width: 220px; padding:0px; }
.testimonial-skin-carousel .jcarousel-clip { overflow: hidden; }
.testimonial-skin-carousel .jcarousel-clip-horizontal { width:222px; height:auto; }
.testimonial-skin-carousel .jcarousel-item { width:220px; height:auto; }
.testimonial-skin-carousel .jcarousel-item-horizontal { margin-right:20px; }
.testimonial-skin-carousel .jcarousel-direction-rtl .jcarousel-item-horizontal { margin: 10px; }
.testimonial-nav { margin:20px 0px 0px; clear:both; float:left; width:100%; }
.testimonial-skin-carousel .jcarousel-prev-horizontal { position:absolute; left:40%; bottom:-30px; display:inline-block; margin:0px 5px; width:12px; height:20px; padding:0px; cursor:pointer; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; }
.testimonial-skin-carousel .jcarousel-next-horizontal { position:absolute; right:40%; bottom:-30px; display:inline-block; margin:0px 5px; width:12px; height:20px; padding:0px; cursor:pointer; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; }
.testimonial-skin-carousel .jcarousel-next-disabled, .testimonial-skin-carousel .jcarousel-prev-disabled { opacity:0.7; filter:alpha(opacity=70); cursor:auto; }
#footer .widget ul.testimonial-carousel li, #footer .widget ul.testimonial-carousel { border:0px; padding:0px; }
#footer .widget blockquote { padding:0px 0px 0px 20px; margin:0px; border:0px; width:85%; }
#footer .widget blockquote p { font-size:12px; line-height:18px; }
#footer .widget blockquote p span { margin:25px 0px 0px -20px; clear:both; float:left; width:100%; text-shadow:none; font-style:normal; }
#footer .widget blockquote p span img { float:left; margin:-5px 10px 10px 0px; }
#footer .widget form { float:left; width:100%; margin:0px; padding:0px; }
#footer .widget form p { float:left; margin:0px 0px 7px; clear:both; width:100%; }
#footer .widget form input[type="text"], #footer .widget form textarea { padding:7px; float:left; width:55%; margin:0px 4% 0px 0px; border-radius:5px; behavior:url(PIE.htc); }
#footer .widget form textarea { width:92%; height:88px; }
#footer .widget form label { width:33%; float:right; font-size:13px; }
#footer .widget form input[type="submit"] { font-size:13px; cursor:pointer; text-transform:none; padding:6px 10px; margin:5px 0px 0px; border-radius:5px; behavior:url(PIE.htc); }
#footer .widget form input[type="submit"]:hover { border-radius:5px; behavior:url(PIE.htc); }
.footer-copyright { float:left; clear:both; width:100%; padding:10px 0px 15px; margin:0px; }
.footer-copyright .copyright-content { float:left; margin:0px 5% 0px 0px; padding:0px; width:65%; }
.footer-copyright ul { margin:10px 0px 0px -10px; padding:0px; float:left; width:100%; }
.footer-copyright ul li { float:left; display:inline; margin:0px 0px 10px; padding:0px; }
.footer-copyright ul li a { font-size:12px; text-shadow:none; padding:0px 10px; float:left; line-height:12px; }
.footer-copyright ul li:last-child { border:none; }
.footer-copyright p { font-size:12px; text-shadow:none; float:left; clear:both; width:100%; margin:0px; }
.footer-logo { float:right; width:30%; text-align:right; margin:5px 0px 0px; padding:0px; }
.footer-copyright.align-center { padding:20px 0px; }
.footer-copyright.align-center .container { position:relative; }
.footer-copyright.align-center .copyright-content { width:100%; text-align:center; }
.footer-copyright.align-center .social-icons { text-align:center; margin:15px 0px 0px; }
.footer-copyright.align-center .social-icons { display:inline-block; *display:inline; zoom:1; text-align:center; float:none; }
.footer-copyright.align-center .footer-logo { position:absolute; right:0px; top:10px; }