/*===================================================================
Theme Name: DELICATE主题
Theme URI: http://www.365halo.com
Copyright 2013 Templatehome
Description: CMS主题
Author: mack
Author URI: http://www.365halo.com
Version: 1.0
===================================================================*/
@charset "utf-8";
/* CSS Document */
@import "css/reset.css";
/*----*****---- << General >> ----*****----*/
body { font-weight:normal; font-size:14px; background:#ffffff; color:#333334; }
/*----*****---- << Fonts >> ----*****----*/
body, h1, h2, h3, h4, h5, h6, input[type=text], input[type=password], input.text, textarea, input[type=submit], .mobile-menu { font-family:'Lato', sans-serif; }
#logo h2 { font-family:'Arvo', serif; }
/*----*****---- << Headings >> ----*****----*/
h1, h2, h3, h4, h5, h6 { color:#333334; font-weight:bold; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#333334; }
h1{ font-size:24px; line-height:normal; margin-bottom:15px; text-transform:uppercase; }
h2{ font-size:22px; line-height:normal; margin-bottom:15px; text-transform:uppercase; }
h3{ font-size:20px; line-height:normal; margin-bottom:15px; text-transform:uppercase; }
h4{ font-size:18px; line-height:24px; margin-bottom:15px; }
h5{ font-size:16px; line-height:24px; margin-bottom:10px; }
h6{ font-size:14px; line-height:24px; margin-bottom:10px; }
.border-title { background:url(images/splitter.png) bottom repeat-x; width:100%; text-align:center; display:inline-block; margin:0px 0px 50px; padding:0px; position:relative; }
.border-title h1, .border-title h2, .border-title h3, .border-title h4 { text-transform:uppercase; padding:0px 20px 15px; margin-bottom:5px; display:inline-block; *display:inline; *zoom:1; }
.border-title h1 span, .border-title h2 span, .border-title h3 span, .border-title h4 span { border-left:6px solid transparent; border-right:6px solid transparent; left:0; *left:49%; right:0; width:0; margin:auto; bottom:10px; position:absolute; }
/*----*****---- << Transition >> ----*****----*/
a, input[type=submit], button, input[type=button], .widget ul li, #secondary .widget h3.widgettitle, #secondary .widget h3.widgettitle a:before, #secondary h2.filtering, #secondary h2.filtering span:before, #top-bar .phone-no, .social-icons li img, #main-menu ul li, #main-menu > ul > li > ul:before, #main-menu ul ul li ul:before, .slider-next-arrow, .ico-content.type2 .icon, .carousel-arrows a span, .portfolio .portfolio-thumb img, .blog-entry .entry-thumb-meta .entry-meta span, .testimonial .author, .team .image img, .side-nav-container ul li a span, .partner-carousel li, .carousel-arrows a:hover span { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
/*----*****---- << Text Elements >> ----*****----*/
a{ text-decoration:none; }
a:hover { color:#333334; }
a img{ border:none; }
strong{ font-weight: bold; }
em{ font-style: italic; }
address { display:block; margin:10px 0px 20px; }
abbr { border-bottom:1px dotted #3d3d3d; cursor:help; }
ins { background:#FFF9C0; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sub { bottom: -3px; }
sup { bottom: -3px; }
p { line-height:24px; margin-bottom:10px; }
ul, ol, pre, code{ margin-bottom:20px; }
ul{ list-style-type:square; list-style-position:inside; }
ul li { padding-bottom:10px; }
ul li ul { list-style-type:disc; padding-left:20px; margin:10px 0px 0px; }
ul ul ul { margin-bottom:0px; list-style-type:circle; }
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:22px; font-style:italic; font-size:16px; padding:3px 0px 0px 0px; margin:10px 0px 30px; float:left; }
blockquote span { background-color:#e6e2d6; background-position:-354px -234px; width:70px; height:70px; float:left; margin:0px 10px 0px 0px; border-radius:70px; }
blockquote p { margin-bottom:0px; }
blockquote cite { float:right; margin:10px 0px 0px; font-size:14px; }
blockquote.alignleft { margin-right:20px; text-align:left; width:30%; float:left; }
blockquote.alignright { margin-left:20px; text-align:left; width:30%; float:right; }
blockquote.aligncenter { width:100%; text-align:center; }
pre, code{ border-left:3px solid #f8cc6e; background-color:#e6e2d6; display:block; padding:10px; font-size:11px; font-family: monospace; width:96.5%; overflow:auto; }
hr{ background-color:#e6e2d6; 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{ background:url(images/splitter.png) repeat-x; height:10px; width:100%; clear:both; display:block; float:left; margin:40px 0px; position:relative; z-index:1; }
.hr-border { border:4px double #e6e2d6; width:100%; clear:both; display:block; float:left; margin:50px 0px; position:relative; z-index:1; border-radius:5px; }
.hr-invisible { float:left; width:100%; margin:40px 0px; display:block; clear:both; }
.hr-invisible-small { float:left; width:100%; margin:20px 0px; display:block; clear:both; }
.hr-invisible-very-small { float:left; width:100%; margin:10px 0px; display:block; clear:both; }
.hr.top, .hr-border.top { width:97%; }
.hr.top, .hr-border.top { background-position:right center; text-align:right; }
.hr.top a, .hr-border.top a { color:#999589; background:transparent; font-size:11px; line-height:16px; padding-left:5px; position:absolute; right:-21px; top:-5px; }
.hr-border.top a { top:-10px; right:-23px; }
.hr.top a:hover, .hr-border.top a:hover { color:#e96666; }
.clear { float:none; clear:both; margin:0px; padding:0px; }
.float-right { float:right; }
.float-left { float:left; }
.center { width:100%; text-align:center; }
.hidden { display:none;}
.post-edit-link { background:#e5e5e5; color:#5a5a5a; float:right; clear:both; margin:20px 0px 0px; line-height:24px; padding:0px 10px; font-size:12px; }
.post-edit-link:hover { background:#4C4C4C; color:#ffffff; text-shadow:0px 1px 0px #0e4b6e; }
/*----*****---- << Tables >> ----*****----*/
table{ border-collapse:separate; border-spacing:0; margin-bottom:20px; width:100%; clear:both; border:1px solid #dfdfdf; border-bottom:0px; border-right:0px; }
th{ background:#666667; color:#ffffff; border-bottom:5px solid #dfdfdf; border-right:1px solid #919191; padding:17px 15px; font-size:16px; line-height:normal; font-weight:bold; text-transform:uppercase; text-align:center; }
td{ border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f7f7f7; font-size:14px; line-height:normal; text-align:center; padding:13px 15px; }
/*----*****---- << Definition Lists >> ----*****----*/
dl { margin:0px 20px; }
dl.gallery-item { margin:0px; }
.gallery-caption { margin-bottom:10px; }
.gallery-item img { border:2px solid #C4C1AE !important; }
dt { font-weight:bold; font-size:14px; margin-bottom:10px; }
dd { margin-bottom:20px; line-height:20px; }
/*----*****---- << Forms >> ----*****----*/
label{ font-size:14px; color:#2e2a2b; font-weight:bold; font-size:14px; }
label span{ color:#b4b4b4; }
label span.required { color:#ff0000; }
fieldset{ border:1px solid #efefef; padding:15px; margin:0 0 20px 0; }
legend{ font-weight: bold; }
input[type=text], input[type=email], input[type=password], textarea{ background:#ededed; border:1px solid #c4c4c4; color:#333334; padding:15px; display:block; font-size:14px; margin:10px 0 10px; }
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input.text:focus, textarea:focus{ border-color:#a1a1a1; }
input[type=text], input[type=email], input[type=password], input.text, textarea { width:97%; }
textarea { height:190px; overflow:auto; }
select{ background:#ededed; border:1px solid #c4c4c4; padding:10px; margin:10px 0 10px; display:block; max-width:100%; }
select option { background:#ffffff; }
input[type=submit], button, input[type=button] { background:url(images/btn-small-gradient.png) repeat-x; border:none; color:#ffffff; text-transform:uppercase; font-weight:bold; margin:10px 0px 0px; font-size:14px; padding:11px 20px; float:right; cursor:pointer; }
input[type=submit]:hover, button:hover, input[type=button]:hover { background-color:#000000; }
#searchform input[type="text"] { border:none; text-transform:uppercase; color:#aaaaaa; font-size:12px; width:260px; }
/*----*****---- << Images >> ----*****----*/
#primary img { max-width:100%; }
.post-content input[type="submit"] { float:none; }
.wp-caption { background:#C4C1AE; border:1px solid #C4C1AE; margin-bottom:10px; margin-top:10px; max-width:96%; padding:5px 7px 7px 5px; }
.wp-caption img { display:block; margin: 0 auto; padding:6px; max-width:98%; }
.wp-caption .wp-caption-text { text-align:center; padding-top:0px; 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; text-align:center; }
.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-column { width:100%; }
.column.one-column { 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-sixth { width:15%; }
.two-sixth { width:30%; }
.three-sixth { width:45%; }
.four-sixth { width:60%; }
.five-sixth { width:75%; }
.column img { max-width:100%; height:auto; }
.one-half iframe, .one-third iframe, .one-fourth iframe, .three-fourth iframe, .two-third iframe, iframe { max-width:100%; }
embed, iframe, object, video { max-width:100%; }
.column.no-space { margin-right:1px; }
.column.no-space.one-fourth { width:24.8%; }
.column.no-space.one-third { width:33.2%; }
.column.no-space.one-half { width:49.8%; }
.column.no-space.one-fifth { width:19.8%; }
.column.no-space.one-sixth { width:16.5%; }
.column.no-space.three-fourth { width:74.9%; }
.column.no-space.two-third { width:66.5%; }
.column.no-space.four-fifth { width:79.9%; }
.column.no-space.three-fifth { width:60%; }
.column.no-space.two-fifth { width:40%; }
.column.no-space.two-sixth { width:33.4%; }
.column.no-space.three-sixth { width:50%; }
.column.no-space.four-sixth { width:66.6%; }
.column.no-space.five-sixth { width:83.2%; }
/*----*****---- << Widgets >> ----*****----*/
.widget { float:left; width:100%; padding:0px 0px 40px; margin:0px; }
.widget h3.widgettitle { font-size:16px; padding-bottom:10px; }
.widget ul { float:left; width:100%; margin:0px; padding:0px; }
.widget ul li { float:left; display:block; clear:both; width:100%; font-size:16px; font-weight:bold; padding-bottom:0px; }
.widget ul li a { color:#333334; line-height:20px; padding:13px 25px 15px 25px; display:block; position:relative; background:url(images/thin-border.png) bottom repeat-x; }
.widget ul ul { margin-top:10px; margin-left:20px; }
.widget ul ul li { width:90%; }
.widget_categories ul { margin-top:-12px; }
.widget_categories ul li { position:relative; float:none; display:block; background:url(images/blog-splitter.png) bottom repeat-x; margin:0px 0px 10px; padding:0px; margin:0px; }
.widget_categories ul li a { padding:13px 25px 15px 25px; display:block; background:url(images/thin-border.png) bottom repeat-x; }
.widget_categories ul li a span, #secondary .widget_product_categories ul li a span { position:absolute; right:10px; }
#secondary .widget_categories ul li a:before, .widget_categories ul li a:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:16px; position:absolute; top:14px; left:0px; content:"\f058"; }
.widget form { margin:15px 0px 0px; float:left; clear:both; width:100%; }
.widget input[type="email"] { width:90.5%; }
.widget.tweetbox ul.tweet_list { list-style-type:none; }
.widget.tweetbox ul.tweet_list li { font-size:14px; line-height:20px; }
.widget.tweetbox ul.tweet_list li a:hover { color:#333334; }
.widget.widget_recent_entries ul { list-style-type:none; }
.widget.widget_recent_entries h4 { font-size:18px; line-height:22px; font-weight:bold; text-transform:none; }
.widget.widget_recent_entries ul li { padding-bottom:25px; }
.widget.widget_tag_cloud .tagcloud a { font-size:14px; line-height:36px; color:#333334; padding:0px 15px; background:#ededed; margin:0px 10px 10px 0px; float:left; border-bottom:2px solid #d9d9d9; position:relative; }
.widget.widget_tag_cloud .tagcloud a:after { border-bottom:1px solid #ffffff; position:absolute; bottom:0px; left:0px; content:''; width:100%; }
.widget.widget_tag_cloud .tagcloud a:hover { font-weight:bold; color:#ffffff; }
ul.recent-posts-widget li a { padding:0px; background:none; }
#secondary .widget ul.recent-posts-widget li a:before { content:''; }
ul.recent-posts-widget li a.thumb { padding:0px; clear:both; float:left; display:block; position:relative; margin-bottom:15px; margin-right:10px; background:none; }
ul.recent-posts-widget li a.thumb img { display:block; }
ul.recent-posts-widget li a.thumb:before, #secondary .widget ul.recent-posts-widget li a.thumb:before { display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
ul.recent-posts-widget li h6 { font-weight:bold; font-size:14px; margin-bottom:5px; }
ul.recent-posts-widget li p { font-size:14px; font-weight:normal; }
ul.recent-posts-widget li:hover a.thumb:before, #secondary .widget ul.recent-posts-widget li:hover a.thumb:before, ul.product_list_widget li:hover a:before { -moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); }
ul.product_list_widget li a { clear:both; float:left; display:block; position:relative; margin-bottom:15px; margin-right:10px; }
ul.product_list_widget li a img { display:block; }
ul.product_list_widget li a:before { display:block; content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#secondary .widget h3.widgettitle { margin-bottom:30px; background:#ededed; display:inline-block; width:100%; padding:0px; border-bottom:3px solid #d9d9d9; }
#secondary .widget h3.widgettitle a { padding:15px 10px 15px 45px; display:block; border-bottom:1px solid #ffffff; position:relative; }
#secondary .widget h3.widgettitle a:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:12px; line-height:22px; text-align:center; color:#ffffff; width:20px; height:20px; position:absolute; top:15px; left:16px; content:"\f054"; border-radius:20px; }
#secondary .widget h3.widgettitle:hover a { color:#ffffff; }
#secondary .widget h3.widgettitle:hover a:before { background:#ffffff; }
#secondary .widget ul li a { position:relative; }
#secondary .widget ul li a:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:16px; position:absolute; top:14px; left:0px; content:"\f0a4"; }
#secondary .widget_categories ul li a:before, #secondary .widget_product_categories ul li a:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:16px; position:absolute; top:14px; left:0px; content:"\f058"; }
#secondary ul.product_list_widget li a:before { content:''; top:0px; left:0px; }
#secondary ul.product_list_widget li a { padding:0px; }
#secondary ul.product_list_widget li { font-weight:normal; font-size:14px; line-height:20px; }
#secondary ul.product_list_widget li .amount { display:block; }
#secondary .widget .tweet_list li { position:relative; float:left; display:block; border:0px; padding-left:30px; padding-bottom:25px; }
#secondary .widget .tweet_list li:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; position:absolute; left:0px; content:"\f099"; font-size:18px; top:5px; }
#secondary .widget .tweet_list li a:before { content:''; }
#secondary .widget .tweet_list li a { padding:0px; background:none; display:inline; }
#secondary .widget .social-icons { margin:20px 0px 0px; }
#secondary .widget .social-icons li a:before { content:''; }
#secondary .widget .social-icons li a { background:none; display:inline; padding:0px; position:static; }
#secondary .widget .social-icons li { width:29px; clear:none; }
#secondary .widget #searchform { margin:0px; }
#secondary .widget #searchform input[type="text"] { display:inline-block; width:242px; }
#secondary .widget #searchform input[type="submit"] { padding:13px 20px; }
#secondary h2.filtering { font-size:18px; margin-bottom:40px; background:#ededed; display:inline-block; width:100%; padding:0px; border-bottom:3px solid #d9d9d9; }
#secondary h2.filtering span { padding:17px 45px 13px 15px; display:block; border-bottom:1px solid #ffffff; position:relative; }
#secondary h2.filtering span:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:18px; line-height:32px; text-align:center; color:#ffffff; width:32px; height:32px; position:absolute; top:12px; right:15px; content:"\f0b0"; border-radius:32px; }
#secondary .widget.woocommerce h3.widgettitle { background:none; border-bottom:0px; margin-bottom:15px; }
#secondary .widget.woocommerce h3.widgettitle a { padding:0px 0px 0px 30px; border-bottom:0px; }
#secondary .widget.woocommerce h3.widgettitle a:before { top:0px; left:0px; }
#secondary .widget.woocommerce h3.widgettitle:hover { background:none; border-bottom:0px; }
#secondary .widget.woocommerce h3.widgettitle:hover a:before { color:#ffffff; }
#secondary .widget.woocommerce .product_list_widget { margin-top:20px; }
#slider-range { margin-top:20px; }
#slider-range a:last-child { margin-left:-25px; }
.price-range { margin-top:40px; }
.price-range label, .price-range input[type="text"] { width:auto; text-transform:uppercase; font-size:16px; line-height:18px; font-weight:bold; background:none; float:left; border:0px; padding:0px; margin:0px; clear:none; }
.price-range .button { float:right; margin:-28px 0px 0px; }
/*----*****---- << PIE >> ----*****----*/
.ico-content.type1 .icon span, .product-overlay a, .product-overlay a span, h5.faq:before, .carousel-arrows a, .testimonial .author img, .testimonial .author, #secondary .widget h3.widgettitle a:before, .portfolio .image-overlay a, .portfolio .image-overlay a span, .team .social-icons li { behavior:url(PIE.htc.html); }
.ico-content.type1 .icon span, .carousel-arrows a, .product-overlay a, .product-overlay a span, .portfolio .image-overlay a, .portfolio .image-overlay a span { position:relative\0/; z-index:1\0/; }
.portfolio .image-overlay a.zoom, .portfolio .image-overlay a.link, ul.products li .product-thumb .product-overlay a { z-index:-1\0/; }
.portfolio:hover .image-overlay a.zoom, .portfolio:hover .image-overlay a.link, ul.products li .product-thumb:hover .product-overlay a { z-index:1\0/; }
/*----*****---- << Layout >> ----*****----*/
/*----*****---- << Container >> ----*****----*/
.container { width:1060px; margin:0 auto; position:relative; }
.boxed .wrapper { width:1120px; margin:0 auto 30px; background:#ffffff; display:table; box-shadow:0px 0px 30px rgba(0, 0, 0, .35); }
.boxed { background:url(images/patterns/pattern1.jpg) repeat; }
/*----*****---- << Header >> ----*****----*/
#header { width:100%; margin:0px; padding:0px; float:left; border-bottom:5px solid #dddddd; }
#top-bar { background:#333334; width:100%; float:left; margin:0px; padding:7px 0px 2px; }
#top-bar .phone-no { background:url(images/phone-ico.png) left 3px no-repeat; font-size:12px; line-height:normal; color:#787878; margin:6px 0px 0px; padding:0px 0px 0px 13px; float:left; }
#top-bar .phone-no a { color:#787878; font-size:14px; }
#top-bar .phone-no a:hover { color:#ffffff; }
.social-icons { float:right; margin:0px; padding:0px; }
.social-icons li { position:relative; overflow:hidden; width:29px; height:29px; padding:0px; margin:0px 3px 5px; display:inline-block; *display:inline; zoom:1; }
.social-icons li img { bottom:0px; left:0px; position:absolute; }
.social-icons li img:first-child { bottom:-29px; }
.social-icons li:hover img:first-child { bottom:0px; z-index:1; }
.social-icons li:hover img:last-child { bottom:-29px; }
#logo { margin:35px 0px 0px; float:left; padding:0px; }
#logo img { max-width:100%; }
#logo h2 { margin:0px; }
#logo h2 a { font-size:24px; font-weight:700; color:#333334; }
#main-menu { float:right; margin:0px; padding:0px; position:relative; z-index:100; }
#main-menu ul { float:left; margin:0px 0px -5px; padding:0px; }
#main-menu ul li { border-bottom:5px solid #dddddd; margin:0px; padding:40px 0px; display:inline; float:left; position:relative; }
#main-menu ul li a { display:block; padding:0px 18px; font-size:14px; font-weight:bold; color:#333334; text-transform:uppercase; transition: background 1s, color 1s, padding 0.5s, margin 0.5s; -moz-transition: background 1s, color 1s, padding 0.5s, margin 0.5s; -webkit-transition: background 1s, color 1s, padding 0.5s, margin 0.5s; -o-transition: background 1s, color 1s, padding 0.5s, margin 0.5s; }
#main-menu ul li span { display:none; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #333334; left:0; *left:48%; right:0; width:0; margin:auto; top:0; position:absolute; }
#main-menu > ul > li.current_page_item span { display:block; }
#main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a { padding:40px 18px; background:#ededed; position:relative; margin:-40px 0px; transition: background 1s, padding 0.5s, margin 0.5s; -moz-transition: background 1s, padding 0.5s, margin 0.5s; -webkit-transition: background 1s, padding 0.5s, margin 0.5s; -o-transition: background 1s, padding 0.5s, margin 0.5s;}
#main-menu > ul > li.hasSubmenu:hover { border-bottom:5px solid #dddddd; }
#main-menu ul li ul { z-index:1; display:none; float:left; position:absolute; width:200px; top:94px; left:0px; background:url(images/sub-menu-bg.png) repeat; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.25); -moz-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.25); }
#main-menu ul ul li { background:url(images/thin-border.png) bottom repeat-x; display:block; float:left; clear:both; padding:0px; border:0px; width:100%; }
#main-menu ul ul li a { padding:16px 15px 15px; margin:0px; display:block; }
#main-menu ul ul li:last-child { background:none; }
#main-menu > ul > li > ul:before { border-left:6px solid transparent; border-right:6px solid transparent; content:""; height:0; left:15px; position:absolute; top:-11px; width:0; }
#main-menu ul ul ul { left:200px; top:0px; }
#main-menu ul ul li ul:before { border-top:6px solid transparent; border-bottom:6px solid transparent; left:-11px; top:18px; content:""; height:0; position:absolute; width:0; }
#main-menu ul ul li.current_page_item ul li a { color:#333334; }
/*----*****---- << Responsive Menu >> ----*****----*/
.mobile-menu { display:none; height:50px; background-color:#f3f3f3; color:#333334; background-image:url(images/responsive-nav-bg.png); background-position:center right; background-repeat: no-repeat; border:1px solid #d9d9d9; border-radius:0px; width:100%; margin:6px 0px 10px; padding:15px 10px 15px 5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
/*----*****---- << Main >> ----*****----*/
#main { width:100%; margin:0px; padding:0px 0px 85px; float:left; }
#primary { width:700px; margin:30px 0px 0px; padding:0px; float:left; }
#primary.content-full-width { width:100%; }
#primary.with-left-sidebar { float:right; }
#secondary { width:340px; margin:30px 0px 0px 20px; float:left; padding:0px; }
#secondary.left-sidebar { margin:30px 20px 0px 0px; }
/*----*****---- << Home >> ----*****----*/
#slider { width:100%; margin:0px; padding:0px; float:left; border-bottom:5px solid #dddddd; position:relative; }
.intro-text { width:100%; margin:0px; padding:0px; float:left; }
.intro-text.type1 { background:url(images/introtext-border-top.png) center top no-repeat; padding:40px 0px 0px; text-align:center; }
.intro-text.type1 h4 { text-transform:uppercase; }
.intro-text.type1 h4 span.highlight { color:#ffffff; padding:7px 15px; margin:0px 5px; }
.intro-text.type1 h6 { text-transform:uppercase; color:#a0a0a1; background:url(images/intro-text-border-bottom.png) center bottom no-repeat; padding-bottom:37px; }
.intro-text.type2, .intro-text.type3, .intro-text.type4 { background:#ededed; padding:30px 2.5%; width:95%; }
.intro-text.type2 h4, .intro-text.type3 h4, .intro-text.type4 h4 { text-transform:uppercase; margin-bottom:5px; }
.intro-text.type2 h5, .intro-text.type3 h5, .intro-text.type4 h5 { color:#a0a0a1; margin-bottom:0px; }
.intro-text.type2 a, .intro-text.type4 a { float:right; }
.intro-text.type3 h4, .intro-text.type3 h5 { color:#ffffff; }
.intro-text.type3 a { background:#ffffff url(images/btn-white-gradient.png) bottom repeat-x; color:#333334; float:right; }
.intro-text.type4 { width:94%; }
.ico-content { width:100%; margin:0px; padding:0px; }
.ico-content.type1 { text-align:center; }
.ico-content.type1 .icon { width:100%; text-align:center;}
.ico-content.type1 .icon span { display:inline-block; margin-bottom:15px; background:#fafafa; border:10px solid #f0f0f0; font-size:60px; line-height:108px; color:#a5a5a5; width:108px; height:108px; border-radius:108px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 100ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
.ico-content.type1:hover .icon span { color:#ffffff; }
.ico-content.type1 h5 { text-transform:uppercase; }
.ico-content.type1:hover .icon span { -moz-transform: scale(1) rotate(360deg) translate(0px); -webkit-transform: scale(1) rotate(360deg) translate(0px); -o-transform: scale(1) rotate(360deg) translate(0px); transform: scale(1) rotate(360deg) translate(0px); }
.ico-content.type2 { padding:0px 0px 30px 50px; position:relative; width:85%; }
.ico-content.type2 .icon { position:absolute; left:0px; top:0px; }
.ico-content.type2 .icon span { font-size:36px; }
.ico-content.type2:hover .icon { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
.ico-content.type3 { padding:0px 0px 30px 70px; position:relative; width:70.5%; }
.ico-content.type3 .icon { position:absolute; left:0px; top:0px; }
.ico-content.type3 .icon span { display:inline-block; margin-bottom:15px; background:#fafafa; border:5px solid #f0f0f0; font-size:28px; line-height:46px; text-align:center; color:#a5a5a5; width:44px; height:44px; border-radius:44px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 100ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
.ico-content.type3:hover .icon span { color:#ffffff; }
.ico-content.type3:hover .icon span { -moz-transform: scale(1) rotate(360deg) translate(0px); -webkit-transform: scale(1) rotate(360deg) translate(0px); -o-transform: scale(1) rotate(360deg) translate(0px); transform: scale(1) rotate(360deg) translate(0px); }
/*----*****---- << Breadcrumb >> ----*****----*/
.breadcrumb-section { width:100%; margin:0px 0px 20px; padding:30px 0px 25px; float:left; clear:both; background:url(images/breadcrumb.jpg) repeat; border-bottom:5px solid #dddddd; }
.breadcrumb { float:left; margin:0px; padding:12px 0px 0px; width:75%; }
.breadcrumb a { font-size:14px; text-transform:uppercase; float:left; line-height:30px; }
.breadcrumb span { float:left; margin:7px 10px 0px; text-align:center; color:#ffffff; font-size:10px; line-height:18px; width:16px; height:16px; border-radius:16px; }
.breadcrumb h1 { float:left; }
.main-phone-no { background:url(images/phone-ico-big.png) left top no-repeat; margin:0px; padding:0px 0px 0px 30px; min-height:47px; float:right; }
.main-phone-no p { font-size:24px; font-weight:bold; }
.main-phone-no p a { color:#787878; font-size:20px; font-weight:normal; }
/*----*****---- << Product List >> ----*****----*/
.product-carousel-wrapper { width:100%; float:left; clear:both; margin:0px; padding:0px; position:relative; }
.carousel-arrows { position:absolute; top:-75px; right:0px; }
.carousel-arrows a { display:inline-block; width:37px; height:37px; background:#e0e0e0; border-radius:37px; text-align:center; }
.carousel-arrows a.product-prev-arrow, .carousel-arrows a.partner-prev-arrow, .carousel-arrows a.portfolio-prev-arrow { margin-right:5px; }
.carousel-arrows a span { color:#adadad; font-size:18px; line-height:39px; }
.carousel-arrows a:hover { -moz-transform: scale(1.1) rotate(0deg) translate(0px); -webkit-transform: scale(1.1) rotate(0deg) translate(0px); -o-transform: scale(1.1) rotate(0deg) translate(0px); transform: scale(1.1) rotate(0deg) translate(0px); }
.carousel-arrows a:hover span { color:#ffffff; -moz-transform: scale(1) rotate(360deg) translate(0px); -webkit-transform: scale(1) rotate(360deg) translate(0px); -o-transform: scale(1) rotate(360deg) translate(0px); transform: scale(1) rotate(360deg) translate(0px); }
.carousel-arrows a.portfolio-next-arrow span, .carousel-arrows a.partner-next-arrow span, .carousel-arrows a.product-next-arrow span { margin-left:2px; }
ul.products { width:100%; margin:0px; padding:0px; float:left; }
ul.products li { display:inline; margin:0px 5px 20px; padding:0px; float:left; width:340px; }
ul.products li .product-thumb { clear:both; float:left; height:220px; width:100%; display:block; position:relative; margin-bottom:15px; overflow:hidden; }
ul.products li .product-thumb img { display:block; max-width:100%; }
ul.products li .product-thumb:before { display:block; content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
ul.products li .product-thumb .onsale, .product .images .onsale { position:absolute; top:10px; left:10px; color:#ffffff; padding:0px 15px; height:40px; line-height:40px; }
ul.products li .product-thumb .onsale span, .product .images .onsale span { position:absolute; right:-12px; top:0px; width:12px; height:40px; }
ul.products li h4 { padding:0px 0px 15px; margin:0px; }
ul.products li .details { background:#ededed; border-bottom:3px solid #d9d9d9; float:left; padding:10px 0px; margin:10px 0px 0px; width:100%; position:relative; }
ul.products li .details:after { content:''; border-bottom:1px solid #ffffff; bottom:0px; left:0px; position:absolute; width:100%; }
ul.products li .price { float:left; clear:both; margin-left:15px; font-size:18px; font-weight:bold; line-height:37px; }
ul.products li .price del { color:#ee0000; font-size:14px; margin-right:5px; }
ul.products li .details a { margin:0px 10px 0px 0px; float:right; }
ul.products li:hover .product-thumb:before { -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); }
ul.products li .product-overlay { transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity:0; filter:alpha(opacity=0); background:url(images/transparent-bg.png) repeat; width:100%; height:100%; float:left; position:absolute; top:0px; left:0px; text-align:center; }
ul.products li .product-overlay a { opacity:0; filter:alpha(opacity=0); background:url(images/transparent-bg2.png) repeat; padding:10px; position:relative; top:0px; display:inline-block; width:42px; height:42px; border-radius:42px; }
ul.products li .product-overlay a span { color:#ffffff; font-size:18px; line-height:42px; width:42px; height:42px; border-radius:42px; }
ul.products li .product-thumb:hover .product-overlay { opacity:1; filter:alpha(opacity=100); transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }
ul.products li .product-thumb:hover .product-overlay a { opacity:1; filter:alpha(opacity=100); top:35%; }
ul.products li .product-overlay a:hover { -moz-transform: scale(1.2) rotate(0deg) translate(0px); -webkit-transform: scale(1.2) rotate(0deg) translate(0px); -o-transform: scale(1.2) rotate(0deg) translate(0px); transform: scale(1.2) rotate(0deg) translate(0px); }
ul.products.type2 li { width:100%; }
ul.products.type2 li .product-thumb { width:340px; margin-right:20px; }
ul.products.type2 li .details { float:none; display:inline-block; width:48%; }
/* Product Details */
.product { clear:both; float:left; width:100%; margin:0px; padding:0px; }
.product .images { width:49%; float:left; margin:0px 2% 0px 0px; padding:0px; }
.summary { float:left; width:49%; margin:0px; padding:0px; }
.product .images a { width:100%; display:block; position:relative; }
.product .images img { display:block; max-width:100%; }
.product .images a:before { display:block; content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.product .images .thumbnails { float:left; clear:both; margin:20px 0px 0px; padding:0px; position:relative; }
.product .images .thumbnails a { width:160px; height:104px; float:left; margin:0px 19px 0px 0px; }
.product .images .thumbnails a.last { margin-right:0px; }
.product .images .thumbnails a:before { -moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); }
.product .images .thumbnails:hover a:before { -moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); }
.product .images:hover a.woocommerce-main-image:before { -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); }
.product .images .thumbnails .product-arrows { width:100%; float:left; margin:0px; padding:0px; }
.product .images .thumbnails .product-arrows a:before, .product .images .thumbnails:hover .product-arrows a:before { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
.product .images .thumbnails .product-arrows a { margin:0px; position:absolute; top:29%; width:26px; height:45px; float:left; opacity:0.8; filter:alpha(opacity=80); }
.product .images .thumbnails .product-arrows a:hover { opacity:1; filter:alpha(opacity=100); }
.product .images .thumbnails .product-arrows a.prev { left:5px; }
.product .images .thumbnails .product-arrows a.next { right:5px; }
.product .summary .price { font-weight:bold; font-size:18px; padding:10px 0px; }
.product .summary .cart { background:#ededed; border-bottom:3px solid #d9d9d9; float:left; padding:10px 2%; width:96%; margin:20px 0px 0px; position:relative; }
.product .summary .cart:before { position:absolute; width:100%; content:''; border-bottom:1px solid #ffffff; left:0px; bottom:0px; }
.product .summary .quantity { float:left; margin:0px; padding:0px; }
.product .summary .quantity input[type="button"], .product .summary .quantity input[type="number"] { float:left; width:auto; margin:0px; }
.product .summary .quantity input[type="number"] { text-align:center; background:#ffffff; font-weight:bold; font-size:14px; padding:12px 5px; width:50px; }
.product .summary .cart button { margin:0px; }
.woocommerce-tabs { float:left; clear:both; margin:50px 0px 20px; padding:0px; }
.woocommerce-tabs .tabs-frame-content { padding-left:0px; padding-right:0px; width:100%; border:0px; border-top:1px solid #D9D9D9; }
/*----*****---- << Portfolio >> ----*****----*/
.sorting-container { float:left; clear:both; margin:0px 0px 30px; padding:0px; width:100%; }
.sorting-container a { font-size:14px; line-height:36px; color:#333334; padding:0px 15px; background:#ededed; margin:0px 10px 10px 0px; float:left; border-bottom:2px solid #d9d9d9; position:relative; }
.sorting-container a:after { border-bottom:1px solid #ffffff; position:absolute; bottom:0px; left:0px; content:''; width:100%; }
.sorting-container a:hover, .sorting-container a.active-sort { font-weight:bold; color:#ffffff; }
.portfolio-container { width:100%; float:left; clear:both; }
.portfolio-carousel-wrapper { width:100%; margin:0px; padding:0px; float:left; clear:both; position:relative; }
.portfolio-carousel { width:100%; margin:0px; padding:0px; float:left; clear:both; }
.portfolio-carousel li { display:inline; }
.portfolio-carousel .portfolio { margin-top:0px; margin-bottom:0px; }
.portfolio { float:left; margin:10px 20px 10px 0px; border-bottom:3px solid #d9d9d9; padding:0px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.portfolio.last { margin-right:0px; }
.portfolio.three-column { width:340px; margin:6px; }
.portfolio.three-column .portfolio-thumb, .portfolio.three-column .portfolio-thumb img { width:100%; height:230px; }
.portfolio.two-column { width:520px; margin:5px; }
.portfolio.two-column .portfolio-thumb, .portfolio.two-column .portfolio-thumb img { width:100%; height:350px; }
.portfolio.four-column { width:250px; margin:7px; }
.portfolio.four-column .portfolio-thumb, .portfolio.four-column .portfolio-thumb img { width:100%; height:170px; }
.portfolio.three-column-with-sidebar { width:220px; margin:6px; }
.portfolio.three-column-with-sidebar .portfolio-thumb, .portfolio.three-column-with-sidebar .portfolio-thumb img { width:100%; height:148px; }
.portfolio.two-column-with-sidebar { width:340px; margin:5px; }
.portfolio.two-column-with-sidebar .portfolio-thumb, .portfolio.two-column-with-sidebar .portfolio-thumb img { width:100%; height:230px; }
.portfolio.four-column-with-sidebar { width:160px; margin:7px; }
.portfolio.four-column-with-sidebar .portfolio-thumb, .portfolio.four-column-with-sidebar .portfolio-thumb img { width:100%; height:108px; }
.portfolio.one-column, .portfolio.one-column-with-sidebar { width:100%; margin-bottom:30px; margin-right:0px; border:0px; }
.portfolio.one-column .portfolio-thumb, .portfolio.one-column .portfolio-thumb img { width:520px; height:350px; }
.portfolio.one-column .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb { border-bottom:3px solid #d9d9d9; height:351px; margin-right:20px; }
.portfolio.one-column .portfolio-thumb img, .portfolio.one-column-with-sidebar .portfolio-thumb img { margin-bottom:1px; }
.portfolio.one-column .portfolio-detail, .portfolio.one-column-with-sidebar .portfolio-detail { float:left; background:none; text-align:left; width:49%; clear:none; padding:5px 0px 0px; margin-bottom:20px; }
.portfolio.one-column-with-sidebar .portfolio-detail { width:48%; }
.portfolio.one-column:hover .portfolio-detail, .portfolio.one-column-with-sidebar:hover .portfolio-detail { background:none; }
.portfolio.one-column .portfolio-detail h5, .portfolio.one-column-with-sidebar .portfolio-detail h5 { font-size:18px; }
.portfolio.one-column .portfolio-detail h5, .portfolio.one-column .portfolio-detail p, .portfolio.one-column-with-sidebar .portfolio-detail h5, .portfolio.one-column-with-sidebar .portfolio-detail p { padding:0px; }
.portfolio.one-column:hover .portfolio-detail h5, .portfolio.one-column-with-sidebar:hover .portfolio-detail h5, .portfolio.one-column:hover .portfolio-detail h5 a, .portfolio.one-column-with-sidebar:hover .portfolio-detail h5 a { color:#333334; }
.portfolio.one-column:hover .portfolio-detail p, .portfolio.one-column-with-sidebar:hover .portfolio-detail p { color:#919191; padding:0px; }
.portfolio.one-column .image-overlay, .portfolio.one-column-with-sidebar .image-overlay { height:99.7%; }
.portfolio.one-column-with-sidebar .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb img { width:340px; height:230px; }
.portfolio.one-column-with-sidebar .portfolio-thumb { height:231px; }
.portfolio .portfolio-thumb:hover img { -moz-transform: scale(1.3) rotate(0deg) translate(0px); -webkit-transform: scale(1.3) rotate(0deg) translate(0px); -o-transform: scale(1.3) rotate(0deg) translate(0px); transform: scale(1.3) rotate(0deg) translate(0px); }
.portfolio .portfolio-thumb { border-bottom:1px solid #ffffff; float:left; padding:0px; position:relative; overflow:hidden; }
.portfolio .portfolio-detail { background:#ededed; border-bottom:1px solid #ffffff; padding:15px 0px; float:left; clear:both; width:100%; margin:0px 0px 1px; text-align:center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.portfolio .portfolio-detail h5, .portfolio .portfolio-detail p { padding:0px 10px; margin:0px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.portfolio .portfolio-detail p { color:#919191; }
.portfolio .image-overlay { transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity:0; filter:alpha(opacity=0); background:url(images/transparent-bg.png) repeat; width:100%; height:100%; float:left; position:absolute; top:0px; left:0px; }
.portfolio .image-overlay a { opacity:0; filter:alpha(opacity=0); text-align:center; background:url(images/transparent-bg2.png) repeat; padding:10px; position:absolute; display:inline-block; width:42px; height:42px; border-radius:42px; }
.portfolio .image-overlay a span { color:#ffffff; font-size:18px; line-height:42px; width:42px; height:42px; border-radius:42px; }
.portfolio .image-overlay a.zoom { left:0px; }
.portfolio .image-overlay a.link { right:0px; }
.portfolio.three-column .image-overlay a, .portfolio.two-column-with-sidebar .image-overlay a, .portfolio.one-column-with-sidebar .image-overlay a { top:37%; }
.portfolio.three-column:hover a.zoom, .portfolio.two-column-with-sidebar:hover a.zoom, .portfolio.one-column-with-sidebar:hover a.zoom { left:30%; }
.portfolio.three-column:hover .image-overlay a.link, .portfolio.two-column-with-sidebar:hover a.link, .portfolio.one-column-with-sidebar:hover a.link { right:30%; }
.portfolio.two-column .image-overlay a, .portfolio.one-column .image-overlay a { top:41%; }
.portfolio.two-column:hover a.zoom, .portfolio.one-column:hover a.zoom { left:37%; }
.portfolio.two-column:hover .image-overlay a.link, .portfolio.one-column:hover .image-overlay a.link { right:37%; }
.portfolio.four-column .image-overlay a { top:32%; }
.portfolio.four-column:hover a.zoom { left:23%; }
.portfolio.four-column:hover .image-overlay a.link { right:23%; }
.portfolio.three-column-with-sidebar .image-overlay a { top:30%; }
.portfolio.three-column-with-sidebar:hover a.zoom { left:20%; }
.portfolio.three-column-with-sidebar:hover a.link { right:20%; }
.portfolio.four-column-with-sidebar .image-overlay a { top:20%; }
.portfolio.four-column-with-sidebar:hover a.zoom { left:9%; }
.portfolio.four-column-with-sidebar:hover a.link { right:9%; }
.portfolio.four-column-with-sidebar h5 { font-size:13px; margin-bottom:-5px; }
.portfolio.four-column-with-sidebar h5 a { color:#333334; }
.portfolio.four-column-with-sidebar p { font-size:12px; }
.portfolio.four-column-with-sidebar .portfolio-detail { padding:10px 0px; }
.portfolio:hover a.zoom, .portfolio:hover .image-overlay a.link { opacity:1; filter:alpha(opacity=100); }
.portfolio:hover .portfolio-detail h5, .portfolio:hover .portfolio-detail h5 a { color:#ffffff; }
.portfolio:hover .image-overlay { opacity:1; filter:alpha(opacity=100); transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }
.portfolio .image-overlay a:hover { -moz-transform: scale(1.2) rotate(0deg) translate(0px); -webkit-transform: scale(1.2) rotate(0deg) translate(0px); -o-transform: scale(1.2) rotate(0deg) translate(0px); transform: scale(1.2) rotate(0deg) translate(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;
}
/* Portfolio Single */
.portfolio-single { float:left; width:100%; padding:0px; margin:0px; }
.portfolio-slider-container { float:left; width:100%; padding:0px; margin:0px 0px 20px; position:relative; }
.two-third .portfolio-slider-container { margin-bottom:0px; }
.portfolio-slider { float:left; width:100%; margin:0px; padding:0px; }
.portfolio-slider li { width:100%; display:block; padding:0px; float:left; position:relative; margin-bottom:15px; margin-right:10px; background:none; }
.portfolio-slider li img { display:block; }
.portfolio-slider li:before { display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.portfolio-slider:hover li:before { -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); }
.portfolio-slider-container .bx-controls-direction { width:100%; float:left; margin:0px; padding:0px; }
.portfolio-slider-container .bx-controls-direction a { text-indent:-9999px; z-index:100; position:absolute; top:41%; width:39px; height:72px; float:left; opacity:0.8; filter:alpha(opacity=80); }
.portfolio-slider-container .bx-controls-direction a:hover { opacity:1; filter:alpha(opacity=100); }
.portfolio-slider-container .bx-controls-direction a.bx-prev { left:10px; }
.portfolio-slider-container .bx-controls-direction a.bx-next { right:10px; }
.portfolio-single h3 { text-transform:none; margin-top:10px; }
.portfolio-single h6 { color:#919191; font-weight:normal; margin:-10px 0px 20px; }
.portfolio-share { float:left; clear:both; width:100%; margin:20px 0px 0px; }
.post-nav-container { float:left; width:100%; margin:30px 0px 0px; padding:15px 0px; clear:both; border-bottom:1px dotted #888888; border-top:1px dotted #888888; }
.post-nav-container a { font-weight:bold; }
.post-nav-container a span { font-size:12px; font-weight:normal; color:#333334; font-style:italic; }
.post-nav-container .post-prev-link { float:left; }
.post-nav-container .post-next-link { float:right; }
/*----*****---- << Pagination >> ----*****----*/
.pagination { float:left; width:100%; margin:20px 0px 10px; padding:0px; }
.pagination ul { float:left; margin:0px; padding:0px; }
.pagination ul li { float:left; display:inline; margin:0px; padding:0px; }
.pagination ul li a, .pagination .next-post, .pagination .prev-post { font-size:14px; font-weight:bold; line-height:37px; color:#333334; padding:0px 15px; background:#ededed; margin:0px 10px 0px 0px; float:left; border-bottom:2px solid #d9d9d9; position:relative; }
.pagination ul li a:after, .pagination .next-post:after, .pagination .prev-post:after { border-bottom:1px solid #ffffff; position:absolute; bottom:0px; left:0px; content:''; width:100%; }
.pagination ul li.active-page { color:#ffffff; font-size:14px; font-weight:bold; line-height:37px; padding:0px 15px; margin:0px 10px 0px 0px; float:left; position:relative; }
.pagination ul li.active-page:after { border-bottom:1px solid #ffffff; position:absolute; bottom:0px; left:0px; content:''; width:100%; }
.pagination ul li a:hover, .pagination .next-post:hover, .pagination .prev-post:hover { color:#ffffff; }
.pagination .next-post { float:left; margin-left:4px; padding:0px; }
.pagination .prev-post { float:left; margin-right:4px; padding:0px; }
/*----*****---- << Blog >> ----*****----*/
.blog-entry { width:100%; margin:0px; padding:0px; float:left; }
.one-half .blog-entry .entry-thumb-meta, .one-column.blog-thumb .blog-entry .entry-thumb-meta { width:260px; }
.one-half .entry-details { width:238px; }
.one-third .blog-entry .entry-thumb-meta, .one-column.blog-fullwidth .blog-entry .entry-thumb-meta, .one-half.with-sidebar .blog-entry .entry-thumb-meta, .blog-single-entry .blog-entry .entry-thumb-meta { width:100%; margin:0px 0px 10px; }
.one-third .entry-details, .one-column.blog-fullwidth .entry-details, .one-half.with-sidebar .entry-details, .blog-single-entry .entry-details { width:100%; }
.one-column.with-sidebar.blog-thumb .entry-details { width:60%; }
.one-column.blog-thumb .entry-details { width:73%; }
.blog-entry .entry-thumb-meta img { max-width:100%; }
.blog-entry .entry-thumb-meta { float:left; margin:0px 20px 0px 0px; position:relative; }
.entry-details { float:left; margin:8px 0px 0px; padding:0px; }
.blog-entry .entry-thumb-meta .entry-thumb { display:block; position:relative; }
.blog-entry .entry-thumb-meta .entry-thumb img { display:block; }
.blog-entry .entry-thumb-meta .entry-thumb:before { display:block; content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.blog-entry .entry-thumb-meta .entry-meta { position:absolute; float:left; top:10px; left:10px; color:#ffffff; padding:0px 15px; height:40px; line-height:40px; }
.blog-entry .entry-thumb-meta .entry-meta .rounded-bend { position:absolute; right:-17px; top:0px; width:12px; height:40px; }
.blog-entry .entry-thumb-meta .entry-meta a, .blog-entry .entry-thumb-meta .entry-meta .date, .blog-entry .entry-thumb-meta .entry-meta, .blog-entry .entry-thumb-meta .entry-meta span, .blog-entry .entry-thumb-meta .entry-meta p { color:#ffffff; line-height:40px; float:left; }
.blog-entry .entry-thumb-meta .entry-meta .date { margin-right:10px; }
.blog-entry .entry-thumb-meta .entry-meta .date p { font-weight:bold; margin:0px; }
.blog-entry .entry-thumb-meta .entry-meta span { margin-right:5px; }
.blog-entry .entry-thumb-meta .entry-meta a:hover, .blog-entry .entry-thumb-meta .entry-meta a:hover span { color:#000000; }
.entry-details h4 { margin-bottom:5px; }
.entry-metadata { margin-bottom:10px; }
.entry-metadata span { font-size:14px; color:#939393; }
.entry-metadata div { margin-bottom:5px; clear:both; width:100%; }
.entry-metadata a { font-size:14px; color:#333334; }
.entry-body .read-more, .entry-body .read-more span { color:#333334; }
.entry-body .read-more span { top:1px; position:relative; }
.blog-entry .entry-thumb-meta:hover .entry-thumb:before { -moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.4); }
.author-info { background:#EDEDED; display:block; padding:20px 20px 10px; clear:both; }
.author-info img { background:#ffffff; padding:5px; }
/*----*****---- << 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; border:none; margin:0px 0px 20px; padding:0px 0px 0px 100px; position:relative; clear:both; }
ul.commentlist li ul.children { margin:10px 0px 10px; padding:0px; float:left; border:none; clear:both; width:100%; }
ul.commentlist li .respond { margin-left:69px; }
ul.commentlist li .comment { background:url(images/comment-bubble.png) left 38px no-repeat; margin:0px; padding:0px 0px 0px 25px; }
ul.commentlist li .comment-details { position:relative; border-bottom:3px solid #d9d9d9; background:#ededed; padding:15px 20px 10px; margin:10px 0px 10px; }
ul.commentlist li .comment-details:before { border-bottom:1px solid #FFFFFF; bottom:0px; content:''; left:0px; position:absolute; width:100%; }
ul.commentlist li .comment-body { margin:15px 0px 0px; }
ul.commentlist li .comment-body p { line-height:20px; }
ul.commentlist li .comment-author { left:0px; top:0px; position:absolute; }
ul.commentlist li .comment-author img { border:5px solid #e5e5e5; max-width:88px; max-height:88px; float:left; margin:0px; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; border-radius:88px; }
ul.commentlist li .comment-author img:hover { -moz-transform: scale(1.05) rotate(20deg) translate(2px); -webkit-transform: scale(1.05) rotate(20deg) translate(2px); -o-transform: scale(1.05) rotate(20deg) translate(2px); transform: scale(1.05) rotate(20deg) translate(2px); }
ul.commentlist li .author-name { font-weight:bold; font-size:16px; padding-bottom:5px; }
ul.commentlist li .author-name a { color:#333334; }
ul.commentlist li .comment-details { display:block; }
ul.commentlist li .commentmetadata { font-size:12px; color:#8c8c8c; font-style:italic; text-decoration:none; }
ul.commentlist li .reply { margin:0px; position:absolute; top:0px; right:0px; }
ul.commentlist li .reply a { font-weight:bold; color:#ffffff; padding:10px 15px; display:inline-block; }
ul.commentlist li .reply a:hover { background:#333334; }
#respond h3 { text-transform:uppercase; padding-bottom:20px; }
#respond input[type="text"], #respond input[type="email"] { width:90.6%; }
#respond textarea { width:95.5%; }
/*----*****---- << Testimonials >> ----*****----*/
.testimonial { width:100%; margin:0px 0px 35px; padding:0px; float:left; position:relative; }
.testimonial .author { z-index:1; position:absolute; left:0px; top:0px; background:#e5e5e5; background:rgba(0, 0, 0, 0.1); padding:10px; float:left; width:118px; height:118px; border-radius:118px; }
.testimonial .author img { width:118px; height:118px; border-radius:118px; }
.testimonial .author:hover { -moz-transform: scale(1.1) rotate(0deg) translate(0px); -webkit-transform: scale(1.1) rotate(0deg) translate(0px); -o-transform: scale(1.1) rotate(0deg) translate(0px); transform: scale(1.1) rotate(0deg) translate(0px); }
.testimonial blockquote { margin-left:65px; padding:15px 25px 15px 120px; margin-top:14px; width:59%; }
.testimonial blockquote:before { left:90px; top:15px; }
/*----*****---- << Partner Carousel >> ----*****----*/
.partner-carousel-wrapper { float:left; width:100%; margin:0px; padding:0px; position:relative; }
.partner-carousel { float:left; width:100%; margin:0px; padding:0px; }
.partner-carousel li { float:left; display:inline; padding:0px; margin:0px 10px; width:230px; height:72px; text-align:center; border:10px solid #ededed; }
.partner-carousel li a { display:inline-block; width:100%; height:100%; position:relative; width:100%; }
.partner-carousel li img { max-width:100%; margin:auto; position:absolute; left:0px; right:0px; top:0px; bottom:0px; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity:0.5; filter:alpha(opacity=55); }
.partner-carousel li:hover img { transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity:1; filter:alpha(opacity=100); }
/*----*****---- << Team >> ----*****----*/
.team { background:#ededed; width:100%; float:left; margin:20px 0px 40px; padding:0px; text-align:center; }
.team .image { width:100%; height:230px; overflow:hidden; }
.team h4 { margin:10px 0px 0px; }
.team h6 { color:#919191; font-weight:normal; margin:0px; }
.team .social-icons { float:none; display:inline-block; text-align:center; position:relative; bottom:-17px; }
.team .social-icons li { margin:0px; border:3px solid #ededed; border-radius:30px; }
.team .image img:hover { -moz-transform: scale(1.2) rotate(0deg) translate(0px); -webkit-transform: scale(1.2) rotate(0deg) translate(0px); -o-transform: scale(1.2) rotate(0deg) translate(0px); transform: scale(1.2) rotate(0deg) translate(0px); }
/*----*****---- << Page Slider >> ----*****----*/
.page-slider-container { background:url(images/slider-shadow.png) center bottom no-repeat; float:left; width:100%; /*height:300px;*/ margin:0px; padding:0px 0px 25px; position:relative; }
.page-slider { float:left; width:100%; margin:0px; padding:0px; }
.page-slider li { display:block; width:100%; float:left; margin:0px; padding:0px; }
.page-slider li img { max-width:100%; }
.page-slider-container .bx-pager { position:absolute; right:15px; bottom:43px; z-index:100; }
.page-slider-container .bx-pager .bx-pager-item { float:left; margin:0px 3px; }
.page-slider-container .bx-pager .bx-pager-item a { background:#ffffff; width:12px; height:12px; border-radius:12px; font-size:0px; float:left; }
.page-slider-container .bx-pager .bx-pager-item a.active { background:#333334; }
/*----*****---- << 404 >> ----*****----*/
.error-info { text-align:center; }
.error-info h2 { font-size:30px; text-transform:none; margin-bottom:10px; }
.error-info h2 span.error { font-size:120px; }
.error-info h2 span { font-size:48px; }
.error-info h3 { font-size:24px; text-transform:none; }
.error-info #searchform { margin:30px 0px 0px; display:inline-block; float:none; width:100%; }
.error-info #searchform input[type="text"], .error-info #searchform input[type="submit"] { display:inline-block; float:none; margin:0px; }
.error-info #searchform input[type="text"] { margin-right:-3px; }
.error-info #searchform input[type="submit"] { padding:12px 15px; font-weight:bold; font-size:16px; }
/*----*****---- << Contact >> ----*****----*/
.contact-details { display:inline-block; background:#ededed; border-bottom:3px solid #d9d9d9; position:relative; margin:20px 0px 0px; padding:25px 30px 15px; }
.contact-details:before { content:''; position:absolute; bottom:0px; left:0px; width:100%; border-bottom:1px solid #ffffff; }
.contact-details h4 { margin-top:25px; }
.contact-details span { margin-right:5px; font-size:14px; }
.contact-details .working-hours span { float:left; font-size:18px; margin-top:1px; margin-right:10px; padding-bottom:10px; }
#contact-form { margin:25px 0px 0px; }
#contact-form input[type="text"], #contact-form input[type="email"] { width:94.4%; margin-bottom:20px; }
#contact-form textarea { width:97%; }
.two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"] { width:90.4%; margin-bottom:20px; }
.two-third #contact-form textarea { width:95.4%; height:214px; }
.fullwidth-map { width:100%; margin:-20px 0px 20px; padding:0px; float:left; clear:both; }
.fullwidth-map #map { height:488px; }
#map { height:374px; margin:0px; position:relative; width:100%; }
#map img { max-width:none !important }
#map { max-width:100%; }
.failure { color:#ff0000; }
.success { color:#7AA127; }
/*----*****---- << Side Navigation >> ----*****----*/
.side-nav-container { float:left; width:100%; margin:0px; padding:4px 0px 0px; background:url(images/sidenav-border.png) right top no-repeat; position:relative; }
.side-nav-container ul { border-right:1px solid #d9d9d9; float:left; width:100%; margin:0px 0px 0px -1px; padding:0px; position:relative; }
.side-nav-container ul:after { height:3px; background:url(images/sidenav-border.png) right bottom no-repeat; width:100%; position:absolute; content:''; right:-1px; bottom:-4px; }
.side-nav-container ul li { display:block; margin:0px; padding:0px 0px 2px; background:url(images/sidenav-splitter.png) right bottom no-repeat; }
.side-nav-container ul li:last-child { background:none; padding-bottom:0px; }
.side-nav-container ul li a { display:block; line-height:52px; font-weight:bold; color:#333334; border-right:4px solid #ececec; background:url(images/sidenav-bg.png) right repeat-y; -webkit-transition:all 300ms linear; -moz-transition:all 500ms linear; -o-transition:all 500ms linear; -ms-transition:all 500ms linear; transition:all 500ms linear; }
.side-nav-container ul li a:hover, .side-nav-container ul li.current_page_item a { background:url(images/sidenav-active.png) right repeat-y; }
.side-nav-container ul li a span { background:#333334; border:3px solid #e2e2e2; width:25px; height:25px; line-height:25px; text-align:center; font-size:12px; color:#ffffff; margin:10px 10px 0px 0px; float:left; border-radius:25px; }
.side-nav-container ul li a:hover span, .side-nav-container ul li.current_page_item a span { -moz-transform: scale(1) rotate(360deg) translate(0px); -webkit-transform: scale(1) rotate(360deg) translate(0px); -o-transform: scale(1) rotate(360deg) translate(0px); transform: scale(1) rotate(360deg) translate(0px); }
/*----*****---- << Footer >> ----*****----*/
#footer { float:left; width:100%; margin:0px; padding:30px 0px 0px; border-top:5px solid #dddddd; background:#333334; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer h1 a, #footer h2 a, #footer h3 a, #footer h4 a, #footer h5 a, #footer h6 a, #footer a:hover { color:#ffffff; }
#footer p, #footer a, #footer span, #footer .widget .tweet_list li:before, #footer .widget ul li:before { color:#989898; line-height:24px; }
#footer .widget ul { float:left; width:100%; margin:0px; padding:0px; }
#footer .widget ul li { width:94%; font-size:14px; font-weight:normal; color:#989898; display:block; position:relative; border-bottom:1px dotted #5a5a5a; padding:7px 0px 7px 15px; }
#footer .widget ul li:before { content:"\f105"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:16px; position:absolute; top:6px; left:0px; }
#footer .widget ul li a { padding:0px; background:none; display:inline; }
#footer .tweets a { color:#e6e6e6; }
#footer .widget { padding-bottom:30px; width:100%; float:left; }
#footer .widget h3.widgettitle { margin-bottom:20px; font-size:18px; }
#footer .widget .tweet_list li { position:relative; float:left; display:block; border:0px; padding-left:30px; }
#footer .widget .tweet_list li:before { content:"\f099"; font-size:18px; top:12px;-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
#footer .widget .tweet_list:hover li:before { color:#ffffff; }
#footer .widget ul.product_list_widget li { display:block; border:0px; padding:10px 0px; }
#footer .widget ul.product_list_widget li:before, #footer ul.recent-posts-widget li:before, #footer .widget_categories ul li a:before { content:""; }
#footer ul.recent-posts-widget li { border-bottom:0px; padding:0px; }
#footer .widget_categories ul li a { position:relative; display:block; }
#footer .widget.widget_tag_cloud .tagcloud a { background:#212121; border-bottom-color:#212121; line-height:36px; }
#footer .widget.widget_tag_cloud .tagcloud a:after { border-bottom-color:#333334; }
#footer ul.product_list_widget li .amount { color:#ffffff; }
#footer .widget .social-icons { margin:20px 0px 0px; }
#footer .widget .social-icons li { display:inline; float:left; border:0px; padding:0px; margin:0px 5px 0px 0px; width:29px; clear:none; }
#footer .widget .social-icons li:before { content:""; }
#footer .widget .social-icons li a { position:static; }
.copyright { background:#1f1f1f; width:100%; clear:both; padding:20px 0px; margin:0px; color:#6a6a6a; }
.copyright p, .copyright div, .copyright a { color:#6a6a6a; margin-bottom:0px; }
.copyright a:hover { color:#ffffff; }
/*----*****---- << Delicate Style Picker >> ----*****----*/
.delicate-style-picker-wrapper { position:fixed; z-index:99999; left:0px; top:150px; }
#delicate-style-picker { background:#ffffff; width:225px; float:left; position:absolute; top:0px; z-index:1; margin:0px; padding:0px 0px 10px; text-align:center; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); }
#delicate-style-picker h2 { background:url(images/style-picker/title-bg.jpg) repeat-x; font:normal 12px Tahoma, Geneva, sans-serif; text-transform:uppercase; line-height:48px; width:100%; color:#848484; margin:0px 0px 15px; padding:0px; }
#delicate-style-picker h3 { font:normal 12px Tahoma, Geneva, sans-serif; padding:0px 0px 10px; width:100%; color:#848484; margin:0px; text-transform:uppercase; }
#delicate-style-picker ul { float:left; margin:0px; padding:0px; text-align:center; width:225px; }
#delicate-style-picker ul li { display:inline-block; display:inline; list-style-type:none; padding:0px; margin:0px 0px 6px 0px; }
#delicate-style-picker ul li a { background:#ffffff; border:1px solid #ffffff; padding:2px; display:inline-block; margin:0px; line-height:0; }
#delicate-style-picker ul li a.selected, #delicate-style-picker ul li a:hover { border:1px solid #d7d7d7; }
#delicate-style-picker ul li a img { border:1px solid #d7d7d7; }
#delicate-style-picker .hr { background:url(images/style-picker/seperator.png) no-repeat; width:100%; height:25px; margin:-10px 0px 10px; float:left; }
.style-picker-ico { position:absolute; top:25px; left:225px; }