/*
Theme Name: OoK
Theme URI: http://themeforest.net/user/An-Themes/portfolio
Description: OoK - Personal Blog / Magazine & Portfolio Theme. For more Premium WordPress Themes, check An-Themes portfolio. More info regarding "OoK" Theme can be found here.
Version: 1.2
Author: An-Themes
Author URI: http://themeforest.net/user/An-Themes/portfolio
Tags: yellow, white, green, gray
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
------------------------------------------------
0. CSS Reset
1. Layout
2. Header
3. Home
4. Content
4. Shop
5. Menu
6. Comments Form
7. Contact Form
8. Footer
9. Shortcodes
-------------------------------------------------- */
/*-----------------------------------------------------------------------------
----------------------------- 0 - CSS Reset -----------------------------------
-----------------------------------------------------------------------------*/
html,body,h1,h2,h3,h4,h5,h6,form,li,ul,ol,p,input,select,legend,textarea,fieldset { margin:0; padding:0;}
ul, ol { list-style-type: none; }
:focus { outline: 0;}
ins { text-decoration: none; }
del { text-decoration: line-through; }
img { border:none;}
h1,h2,h3,h4,h5,h6 { font-family: 'Open Sans', sans-serif; font-weight: 700; line-height:26px;}
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
code, pre { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; font-size: 12px; display: block; margin: 14px 0; overflow:hidden; padding: 18px; }
code:hover, pre:hover { overflow:scroll;}
fieldset { border: none;}
strong { font-weight: bold;}
.clear { clear:both; display:block;}
.sleft { float:left;}
.sright { float:right;}
iframe { border: 0;}
.display-none { display: none;}
/* --- Review Margin Top --- */
.review-final-score h3 { margin-top:7px !important; }
/*-----------------------------------------------------------------------------
----------------------------- 1 - Layout --------------------------------------
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0;}
html body { font-size: 14px; font-family: 'Open Sans', sans-serif; -webkit-text-size-adjust: none; overflow-x:hidden; line-height: 21px; }
header { width: 1350px; height: 76px; margin: 0 auto; z-index:99; position: relative;}
header .wrap-content { width: 1185px; height: 79px; float: left; position: fixed; margin-left: 165px; background:url(images/header-line.png); }
.logo { float: left;}
.container { width: 1350px; height: auto; margin: 0 auto -300px auto; overflow: hidden;}
.wrap-content { width: 1185px; height: auto; float: left; margin-bottom: 300px; }
.content-left { width: 165px; height: auto; float: left; padding-bottom: 20000px; margin-bottom: -20000px; }
#background, #background-pattern { min-width:100%; min-height:100%; top:0; left:0; z-index:-2; position:fixed; }
#background-pattern.bg { background: url(images/pattern.png) repeat; z-index:-1; position:fixed;}
/*----------------------------------------------------------------------------
----------------------------- 2 - Header --------------------------------------
-----------------------------------------------------------------------------*/
/* -- Author Avatar and Name -- */
ul.author-top { float: right; margin:15px 35px 0 0;}
.author-top li { float: left; font-size: 14px; font-weight: 600; display: block; }
.author-top li a { text-transform: uppercase; line-height: 49px;}
.author-top li img { width: 45px; height: 45px; border-radius: 50%; margin-top: 2px; padding-left: 15px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
.author-top li img:hover { opacity: 0.7;}
/*-----------------------------------------------------------------------------
----------------------------- 3 - Home ----------------------------------------
-----------------------------------------------------------------------------*/
/* -- Hello Slider Home -- */
.home-slider { width: 1185px; height: 450px; }
.hello-slider { width: 980px; height: 270px; margin: -270px auto 0 auto; }
.hello-slider h2 { font-size: 36px; font-weight: normal; line-height: 44px; text-align: center;}
.hello-slider a { display: inline-block; margin:0 auto 30px auto !important; font-size: 36px; font-weight: 600; text-transform: uppercase; padding: 25px 15px; border-radius: 4px; }
.home-slider img { width: 100%;}
/* -- Portfolio -- */
ul.portfolio { width: 1135px; margin: 35px 15px 0 35px;}
.portfolio li { display: inline-block; float: left; width:263px; margin: 0 20px 20px 0; text-align: left; position: relative; }
.portfolio li figure img { width: 100%; }
.portfolio li .options { width: 35px; height: 144px; float: right; }
.portfolio li .options a { width: 35px; height: 36px; text-align: center; line-height: 35px; display: block; margin-bottom: 1px;}
.portfolio figure { margin: 0; position: relative; width:228px; }
.portfolio figure img { display: block; position: relative; }
.portfolio figcaption { position: absolute; bottom: 0; left: 0;}
.portfolio figcaption h3 { margin: 0; padding: 0;}
.box-style figcaption { height: auto; width: 100%; opacity: 0; text-align: center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; }
.no-touch .box-style figure:hover figcaption,
.box-style figure.cs-hover figcaption { opacity: 1;}
.box-style figcaption h3 { font-size: 18px; font-weight: normal; text-align: center; padding: 10px 10px 0 10px; }
.box-style figcaption span { display: block; padding-bottom: 10px; font-size: 13px; }
.box-style figcaption a { margin-top: 20px; }
figure:hover img { opacity: 0.7;}
ul.filter { width: 100%; float:left; height: 50px; padding: 0 35px;}
ul.filter li { float: left; padding: 16px 20px 0 0; font-weight: 600;}
ul.filter li a { opacity: 0.5;}
/* -- Single Project -- */
.full-slider img { width: 100%; height: auto;}
.full-video iframe { width: 100%; }
img.full-image { width: 100%; height: auto;}
header.header-project { width: 100%; height: 80px; position: relative; }
.header-project-content { width: 100%; height: 80px; position: fixed; }
h1.project-title { text-align: left; font-size: 30px; font-weight: 700; padding: 26px 0 0 30px;}
ul.project-arrows { width: 150px; height: 35px; margin: -28px 30px 0 0; float: right;}
.project-arrows li { float: left; margin-left: 10px; }
.project-arrows li a { width: 35px; height: 35px; border-radius: 2px; text-align: center; line-height: 35px; display: block; }
.project-arrows li a.current:hover { font-size: 18px; }
.project-container { width: 800px; height: auto; margin: 100px auto;}
.project-content { width: 800px; height: auto; }
.project-content .description { padding: 30px 25px;}
.project-job { margin-top: -20px; padding-bottom: 10px;}
.project-job h2 { font-size: 22px; font-weight: 600 !important; text-align: center;}
.project-job h3 { font-size: 16px; font-weight: 400; text-align: center; margin: 0 !important; padding: 0;}
.bx-wrapper .bx-viewport { margin:0; z-index:1; width:100%;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute;display:none; width: 100%;}
.bx-wrapper .bx-loading { min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.bx-wrapper .bx-pager { text-align: center;font-size: .85em;font-weight: bold; padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-next { margin: -60px 0 0 75px; position: absolute; z-index: 98; width: 30px; height: 30px; cursor: pointer;border-radius: 3px;}
.bx-wrapper .bx-prev { margin: -60px 0 0 35px; position: absolute; z-index: 98; width: 30px;height: 30px;cursor: pointer; border-radius: 3px;}
.bx-wrapper .bx-controls-direction a { position: absolute; text-indent: -9999px; }
/* -- About -- */
.about-container { width: 100%; height: auto; padding-top: 15px;}
.about-box { width: 540px; height: auto; margin: 0 35px 35px 35px;float: left;}
.history-box { width: 540px; height: auto; margin: 0 0 0 0; float: left;}
.about-box h3.title { font-size: 28px; font-weight: 400; text-decoration: none !important; padding-bottom: 15px; }
.about-box .content { width: 496px; padding: 22px;}
.about-box .entry { padding: 20px 0 0 0;}
.about-box img.author { width: 190px; height: 190px; float: left; border-radius: 50%; margin-top: 2px; padding: 10px 50px 0 0; }
.about-box .entry img.author { margin-right: -25px; width: inherit !important;}
.about-box h2.title { font-size: 40px; font-weight: 400; text-transform: uppercase; line-height: 50px; }
.about-box h4.title { font-size: 22px; font-weight: 400; text-transform: uppercase; margin: 5px 0 20px 0; display: inline-block; padding: 2px 10px; }
/* -- Service -- */
.service-box { width: 540px; height: auto; margin: 35px 0 35px 0; float: left; }
.service-box h3.title { font-size: 28px; font-weight: 400; text-decoration: none !important; padding-bottom: 15px; }
.service-box .content { width: 496px; height: auto; padding: 22px; }
.service-box .entry { padding: 20px 0 0 0; }
ul.icons-services { width: 496px; height: auto; float: left; margin: 20px 0 60px -2px !important; list-style-type: none !important; }
ul.icons-services li { float: left; }
ul.icons-services li h3 { font-size: 18px; margin-top: 10px;}
/* -- Circle Service Icons -- */
.hi-icon { width: 77px; height: 77px; float: left; display: inline-block; font-size: 40px; line-height: 80px; cursor: pointer; border-radius: 50%; text-align: center; position: relative; z-index: 1;}
.hi-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.hi-icon-effect-3 .hi-icon { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
.hi-icon-effect-3 .hi-icon:after { top: -2px; left: -2px; padding: 2px; z-index: -1; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; }
.no-touch .hi-icon-effect-3 a.hi-icon:hover:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; }
/* -- Menu left (sidebar green) top -- */
ul.menu-left { float:left; height: auto; margin: 20px 0;}
ul.menu-left a { opacity: 0.5;}
ul.menu-left li a:hover { opacity: 1.0;}
ul.menu-left li.current-menu-item a { opacity: 1.0; }
ul.menu-left li { float:left; width: 100%; text-align: center; padding: 10px 0;}
ul.menu-left li i { font-size: 28px; width: 100%; text-align: center; display: inline-block;}
ul.menu-left li a { padding: 5px 12px; font-weight: 600; display: inline-block; font-size:14px; border-radius: 2px; }
/* -- Menu left (sidebar green) bottom -- */
ul.menu-pages { width: 165px; height: auto; bottom: 0; position: fixed; float:left; padding: 20px 0; }
ul.menu-pages li a { opacity: 0.5;}
ul.menu-pages li a:hover { opacity: 1.0;}
ul.menu-pages li { float:left; width: 100%; text-align: center; padding: 10px 0;}
ul.menu-pages li i { font-size: 28px; width: 100%; text-align: center; display: inline-block;}
ul.menu-pages li a { padding: 5px 12px; font-weight: 600; display: inline-block; font-size:14px; border-radius: 2px; }
/*-----------------------------------------------------------------------------
----------------------------- 4 - Content -------------------------------------
-----------------------------------------------------------------------------*/
/* -- Full width -- */
.full-width { width: 1115px; margin: 35px 0 35px 35px; height: auto; float: left; }
.full-width .content { width: 1071px; margin: 22px;}
.full-width h1.title, .full-width h1.page-title { font-size: 28px; margin-bottom: 20px; font-weight: 400; padding-bottom: 15px; }
/* -- Simple Page -- */
.page-content { width: 544px; height: auto; float: left; margin: 35px 6px 35px 35px;}
.page-content .description { width: 494px; height: auto; padding: 20px 22px;}
.page-content .page-title { width: 500px; height: auto; padding: 20px 22px 0 22px;}
.page-content h1.title { font-size: 28px; font-weight: 400; text-decoration: none !important; padding-bottom: 15px; }
/* -- Blog Page -- */
.blog-content { width: 550px; height: auto; float: left; margin: 35px 0 35px 35px; }
.blog-content .description { width: 500px; height: auto; padding: 20px 22px;}
ul.blog-posts { width: 550px; height: auto; }
.blog-posts li { width: 275px; height: 340px; float: left;}
.blog-posts li div.title { width: 275px; height: 120px; position: relative; margin-top: -125px; opacity: 0.7;}
.blog-posts li h2 { font-size: 18px; padding: 20px; font-weight: normal; }
.blog-posts li img { width: 275px; height: 340px; }
.blog-posts li:hover div.title { opacity: 1.0;}
.blog-posts li:hover img { opacity: 0.7;}
img.thumbnail_image_single { width: 545px; height: auto;}
.blog-content h1.title { font-size: 30px; margin: 5px 0 0 0; font-weight: 400; line-height: 35px; text-decoration: none !important; padding-bottom: 15px; }
.single-author { margin: -7px 0 0 0; text-transform: uppercase; font-size: 15px; float: left; }
.single-date { float: left; margin: -7px 0 15px 5px; opacity: 0.5;}
.single-share { display: block; float: left; margin: 20px 0 0 0;}
.related-articles { display: block; margin-top: 50px;}
.related-articles h2 a { font-size: 18px; font-weight: 400; }
.index-ranting { padding: 10px 0 0 20px;}
.widget-rating { padding-top: 3px;}
/* -- Blog Slider -- */
.blog-slider img { width: 545px; height: auto;}
iframe.videoiframe { width: 100% !important;}
/* -- Blog sub-blog -- */
.sub-blog { width: 490px; height: auto; margin: 0 0 20px 0; padding: 15px 20px; }
.sub-blog h3 { font-size: 22px; font-weight: 400; }
/* -- Pagination -- */
.pagination { width: 550px; height: auto; margin-top: 30px; font-size: 16px; text-transform: uppercase; font-weight: 600; border-radius: 4px; text-align: center; padding: 15px 0;}
.pagination a { text-align: center; padding: 0 10px;}
.pagination:hover { opacity: 0.9; font-size: 18px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
/* -- Sidebar -- */
.sidebar1 { width: 265px; height: auto; float: left; margin: 35px 0 35px 0; }
.sidebar2 { width: 260px; height: auto; float: right; margin: 35px 37px 0 0; }
.sidebar2 .widget { margin-bottom: 30px;}
.sidebar1 .widget { margin-top: 20px; margin-bottom: 30px; padding: 0 25px;}
.sidebar2 .widget h3.title { font-size: 18px; margin-bottom: 20px; font-weight: 600; padding-bottom: 15px; }
.sidebar1 .widget h3.title { font-size: 18px; margin-bottom: 20px; font-weight: 600; padding-bottom: 15px; }
/* -- Featured articles -- */
ul.featured-articles li { float: left; padding: 0 0 15px 0; margin-bottom: 15px;}
ul.featured-articles h3 { font-size: 16px; font-weight: 400; }
/* -- ADV 125x125 -- */
ul.adv { width: 270px; height: auto; margin-left: -10px;}
ul.adv li { width: 125px; height: 125px; float: left; margin: 0 0 10px 10px;}
/* -- Typography -- */
.entry { margin: 0 0 0 0;}
.entry h1 { margin: 10px 0;}
.entry p { padding: 10px 0;}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-top: 30px; font-weight: normal; }
.entry img { border-radius: 2px;}
.entry strong { font-weight: 600; text-decoration: underline;}
blockquote { font-size: 16px; line-height: 24px; text-align: center; font-weight: normal; margin:40px; background:url(images/quotes.png) no-repeat top left; padding:0 0 0 35px;}
blockquote p { padding-right: 25px !important; background:url(images/quotes.png) no-repeat bottom right; }
.entry img { width: 100% !important; height: auto !important;}
img.alignleft, .alignleft img { width: inherit !important;}
img.alignright, .alignright img { width: inherit !important;}
.alignleft { float: left; margin: 20px 20px 10px 0px; }
.alignright { float: right; margin: 20px 0px 10px 20px; }
img.aligncenter { display: block; margin:1px auto; }
.entry th { padding: 0; margin-right: 2px; }
.entry li { padding:3px 0 3px 5px; }
.entry ul { margin:20px 40px; list-style-type: square;}
.entry ol { margin:20px 40px; list-style-type: decimal;}
/* -- Accordion -- */
.accordionButton, .accordionButton1, .accordionButton2, .accordionButton3 { width: 100%; float: left; background: url(images/plus.png) no-repeat right; cursor: pointer; padding-bottom:15px; padding-top:15px; font-weight: 600;}
.accordionButton.first, .accordionButton1.first, .accordionButton2.first, .accordionButton3.first { margin-top:20px; }
.accordionContent { width: 100%; float: left; padding-bottom:20px; margin-top:15px; font-size: 14px; }
.on { background: url(images/minus.png) no-repeat right; }
/* -- Content Links -- */
ul.content-links { margin-top: 20px; list-style-type: none; font-size: 12px; font-weight: 600; }
.content-links li { width: 100%; float: left; }
.content-links li a { display: inline-block; float: left; padding:2px 15px; list-style: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin:0 2px 2px 0; }
.content-links li i { margin-right: 5px;}
/* -- Custom Text -- */
.widget-text { }
/* -- Default Tags -- */
div.widget_tag_cloud { display: inline-block; margin-bottom: 10px;}
div.tagcloud { }
.tagcloud a { float: left; display: inline-block; padding:7px 15px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; list-style: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin:0 2px 2px 0; font-size:12px !important; font-weight:600;}
/* -- Default Search -- */
div.widget_search #searchform2 { padding: 0 15px; margin:20px auto; float: left; }
/* -- Recent Entries -- */
div.widget_recent_entries ul { }
.widget_recent_entries li { background: url(images/li_minus_green.png) no-repeat 0 17px; border-bottom: 1px solid #f2f2f2; display: block; padding: 10px 0 10px 20px; }
.widget_recent_entries li:last-child { border: none; }
/* -- Recent Comments -- */
div.widget_recent_comments ul { }
.widget_recent_comments li { background: url(images/li_minus_black.png) no-repeat 0 17px; border-bottom: 1px solid #f2f2f2; display: block; padding: 10px 0 10px 20px; }
.widget_recent_comments li:last-child { border: none; }
/* -- Archives and Nav menu widget -- */
div.widget_archive ul, div.widget_nav_menu ul { }
.widget_archive li, .widget_nav_menu li { background: url(images/li_minus_gold.png) no-repeat 0 17px; border-bottom: 1px solid #f2f2f2; display: block; padding: 10px 0 10px 20px; }
.widget_archive li:last-child, .widget_nav_menu li:last-child { border: none; }
div.widget_archive select { width: 100%; padding: 10px 20px;}
div.widget_archive option { padding: 0 10px;}
div.widget_nav_menu li ul.sub-menu { margin: -5px 0 -10px 10px; padding: 10px 0 0 0;}
div.widget_nav_menu li ul.sub-menu li { padding: 10px 0 10px 20px; }
/* -- Meta and Pages widget -- */
div.widget_meta ul, div.widget_pages ul { }
.widget_meta li, .widget_pages li { background: url(images/li_minus_black.png) no-repeat 0 17px; border-bottom: 1px solid #f2f2f2; display: block; padding: 10px 0 10px 20px; }
.widget_meta li:last-child, .widget_pages li:last-child { border: none; }
/* -- Categories -- */
div.widget_categories ul { }
.widget_categories li { background: url(images/li_minus_gold.png) no-repeat 0 17px; border-bottom: 1px solid #f2f2f2; display: block; padding: 10px 0 10px 20px; }
.widget_categories li:last-child { border: none; }
div.widget_categories select { width: 100%; padding: 10px 20px;}
div.widget_categories option { padding: 0 10px;}
.widget_categories li ul.children { margin: -5px 0 -10px -5px; padding: 10px 0 0 0;}
.widget_categories li ul.children li { padding: 10px 0 10px 20px; }
/* -- Calendar -- */
#wp-calendar {width: 100%;}
#wp-calendar caption { text-align: center; font-weight: bold; margin-bottom: 10px; color: #333; font-size: 15px; padding: 0 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
.sidebar1 #wp-calendar tbody td { padding:5px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
/* -- Search -- */
#search-form .search { width:100%; height:40px; font-size: 12px; text-align: center; font-weight: bold; border-radius: 3px; border:2px solid #d5d6d8; color:#d5d6d8; }
#search-form .search:hover { color: #999;}
/* -- More default widgets -- */
.wp-caption { width: 100% !important; height: auto; }
.wp-caption, .alignleft { width: inherit !important; }
.wp-caption, .alignright { width: inherit !important; }
.wp-caption-text { font-weight: bold; font-size: 12px; margin-top: -5px; padding: 0 10px 10px 10px; text-align: center;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
/*-----------------------------------------------------------------------------
-------------------------------- 4 - Shop -------------------------------------
-----------------------------------------------------------------------------*/
.woocommerce header { z-index: 9999 !important;}
/* -- Home -- */
.woocommerce-result-count { display: none;}
.woocommerce-page .entry img { width: inherit !important;}
select.orderby { border: none; float: left; padding: 9px 10px 9px 20px; font-weight: bold;}
select.orderby option { margin: 10px 20px; }
select.orderby option:hover{ cursor: pointer; }
.woocommerce-ordering { margin-top: -72px !important;}
/* -- Products -- */
ul.products { margin-top: 50px !important;}
ul.products li { width: 237px !important; text-align: center; }
ul.products li img { width: 240px; height: 240px;}
ul.products li:hover img { opacity: 0.9;}
ul.products li span.onsale { z-index: 101;}
ul.products li h3 { font-size: 18px !important; }
.add_to_cart_button { display: inline-block !important; border-radius: 3px !important; font-weight: bold !important; padding: 6px 20px !important; text-align: center !important; }
a.add_to_cart_button:hover { }
a.added_to_cart { display: none !important; }
span.price { font-weight: bold !important; font-size: 16px; }
div.star-rating { display: none !important;}
.single-product div.star-rating { display: block !important;}
ul.products div.star-rating { display: none !important;}
/* -- Pagination -- */
.woocommerce-pagination { border: none !important;}
ul.page-numbers { margin: 0 0 0 0 !important; border: none !important;}
ul.page-numbers li .page-numbers { display: inline-block !important; border-radius: 3px !important; font-weight: bold !important; padding: 6px 10px !important; text-align: center !important;}
/* -- Tabs -- */
.woocommerce-tabs { }
/* -- Single Product -- */
.woocommerce .related h2 { margin-bottom: -30px !important;}
.woocommerce .related { margin-bottom: -50px !important;}
form.cart { margin: 20px 0 !important;}
.single_add_to_cart_button { height: 42px !important;}
.buttons_added { }
.cart input { }
.cart input.minus { }
.cart input.plus { }
.cart input.input-text { padding: 6px 0 !important; }
h1.entry-title { font-size: 40px !important; margin: 25px 0 15px 0 !important; line-height: 40px !important;}
p.price { margin-bottom: 15px !important; }
span.posted_in { display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: bold; padding: 2px 10px; text-align: center; margin: 10px 5px 0 0;}
span.tagged_as { display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: bold; padding: 2px 10px; text-align: center; margin: 10px 5px 0 0;}
span.posted_in a:hover, span.tagged_as a:hover { text-decoration: underline;}
div.panel h2 { font-size: 16px; margin-bottom: 10px !important;}
a.show_review_form { line-height: 28px !important; }
.single-product #commentform textarea { width: 100% !important;}
div.products h2 { font-size: 16px; margin: 50px 0 10px 0 !important;}
/* -- Change Password Page -- */
input.input-text { padding: 11px 5px !important; font-weight: bold;}
input#coupon_code { padding: 12px 5px !important; font-weight: bold;}
.woocommerce-message { font-weight: bold;}
p.woocommerce-info { padding-left: 70px;}
select.country_to_state { padding: 12px 0 !important;}
.woocommerce-message a.button { line-height: 28px !important;}
.woocommerce a.button { line-height: 28px !important; }
.woocommerce .added:before { content: ""; position:absolute; height: 30px !important; width: 30px !important; border-radius: 50% !important; top: 5px !important; right: -20px !important; text-indent: 0; background: url(images/ok.png) no-repeat 7px 6px !important; }
.woocommerce-cart button.button { width: 99% !important; padding: 5px 0 5px 0 !important; margin: 0 0 0 2px !important; }
.woocommerce a.edit { float: left !important; margin: 0 !important;}
/* -- Widgets -- */
.footer-woocommerce { padding: 50px 25px 30px 25px; }
.footer-woocommerce h3.title { text-align: center; font-size: 18px; margin-bottom: 20px; font-weight: 600; padding-bottom: 15px; }
.footer-woocommerce h3.title span { padding: 0 10px;}
ul.product_list_widget { margin-top: -10px !important;}
ul.product_list_widget li { padding: 10px 0 !important; }
ul.product_list_widget li img { margin-left: 10px !important; margin-top: 5px !important;}
ul.product_list_widget li del { }
ul.product_list_widget li ins { font-weight: bold; }
ul.product_list_widget li div.star-rating { display: block !important; margin-bottom: 5px !important;}
ul.product_list_widget li img.attachment-shop_thumbnail { width: 55px !important; height: 55px !important;}
.footer-woocommerce ul.product_list_widget li img { float: left !important; margin: 4px 15px 0 0 !important; }
.sidebar2 ul.product_list_widget li img { float: left !important; margin: 4px 15px 0 0 !important; }
/*-----------------------------------------------------------------------------
----------------------------- 5 - Menu ----------------------------------------
-----------------------------------------------------------------------------*/
.jquerycssmenu { font-size: 14px; float: left; margin: 23px 0 0 20px; }
.jquerycssmenu ul li { position: relative; display: inline; float: left; }
/*Top level menu link items style*/
.jquerycssmenu ul li a { border: 2px solid; text-transform: uppercase; display: block; padding: 4px 10px 4px 10px !important; border-radius: 4px; font-weight: 600; margin-left: 15px; text-decoration: none;}
/*1st sub level menu*/
.jquerycssmenu ul li ul { position: absolute; z-index: 201; margin-left: 15px; padding: 30px 0; display: block; visibility: hidden; -moz-box-shadow: 0 5px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 3px rgba(0,0,0,0.2); box-shadow: 0 5px 3px rgba(0,0,0,0.2); }
.jquerycssmenu ul li ul:hover { /*display: none;*/}
.jquerycssmenu ul li ul a:hover {border-radius: 0; }
/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li { display: list-item; float: none; padding: 4px 10px 4px 10px !important; }
.jquerycssmenu ul li ul li i { padding-right: 5px;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul { top: 0; margin:-30px 0 0 -1px; z-index: 100; }
/* Sub level menu links style */
.jquerycssmenu ul li ul li a { font-size: 12px; height: auto; line-height: 1.4em; width: 160px; margin: 0; }
.jquerycssmenu ul li ul li a:hover { /*sub menus hover style*/ }
/* ######### CSS classes applied to down and right arrow images ######### */
.downarrowclass { position: absolute; top: 33px; left: 53%;}
.rightarrowclass { position: absolute; top: 15px; right: 18px; }
/*Responsive */
.mobileMenu { display: none;}
/*-----------------------------------------------------------------------------
----------------------------- 6 - Comments Form -------------------------------
-----------------------------------------------------------------------------*/
.nocomments, .nopassword, .must-log-in { text-align: center; padding: 15px 0 0 0; }
.comments .pagination { width: 495px; margin: 25px 0 50px 13px;}
ul.comment { width: 495px; margin: 25px 0 50px 13px; }
ul.comment li { border: dashed 1px #d5d6d8; margin-bottom: 20px; padding: 20px; border-radius: 3px;}
ul.comment li span.comm-avatar { width: 20px; height: 20px; float: left; margin-right: 5px;}
ul.comment li span.comment-author { margin-right: 15px; color: #0fbe7c; font-weight: bold; text-transform: uppercase; font-size: 15px; float: left;}
ul.comment li span.comment-date { float: left; opacity: 0.5;}
.comment-body { padding-bottom: 5px;}
/* -- Comments -- */
.comments { width: 516px; padding: 0 16px 20px 12px; height: auto; margin: 35px 0 2px 0; }
.comments h3.comment-reply-title { font-size: 18px; margin: 20px 9px 20px 13px; font-weight: 400; padding-bottom: 15px; }
/* -- Comment Form -- */
.comment-notes { display: none;}
#commentform { padding: 0 16px 20px 12px; font-size:11px;}
#commentform #author, #comment, #email { width:100%; height:40px; font-size: 14px; font-weight: bold; border-radius: 3px;}
#commentform #sendemail { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: bold; padding: 8px 20px; text-align: center; margin: 25px 5px -10px 0;}
#commentform #sendemail:hover { opacity:.85; cursor: pointer; }
#commentform input, #comment { padding-left: 5px; }
#commentform textarea { -moz-resize:vertical; resize:vertical;}
#commentform #comment:hover { height: 100px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
#commentform label { display: block; margin-top:10px; font-size:11px; font-weight: bold; }
#commentform label span { font-size: 15px; }
/*-----------------------------------------------------------------------------
----------------------------- 7 - Contact Form --------------------------------
-----------------------------------------------------------------------------*/
/* -- Contact Form Cols -- */
.one_half_c, .one_half_last_c { float:left; width:48%; margin-right:4%; }
.one_half_last_c { margin-right:0;}
.one_full_c { float:left; width:100%;}
/* -- Contact Form -- */
#contactform { margin:0 0 10px 0; font-size:11px;}
#contactform #contactName, #contactform #emaill, #contactform #subject { width:100%; height:40px; font-size: 14px; font-weight: bold; border-radius: 3px;}
#contactform #subject { width: 100%;}
#contactform textarea { width: 100%; height:200px; line-height:22px; font-size: 14px; border-radius: 3px; font-weight: bold; -moz-resize:vertical; resize:vertical;}
#contactform .sendemail { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: bold; padding: 6px 20px; text-align: center; margin: 25px 5px -10px 0;}
#contactform .sendemail:hover { opacity:.85; cursor: pointer; }
#contactform input, #contactform textarea { padding-left: 5px; }
#contactform label { display: block; margin-top:10px; font-size:11px; font-weight: bold; }
#contactform label span { font-size: 15px; }
#contactform label.error { font-size:11px; text-align: right; margin-top:-20px; padding-right:10px; font-weight: bold; }
/* -- Google Map -- */
.gmap3 { width: 1185px; height: 450px; }
/*-----------------------------------------------------------------------------
----------------------------- 8 - Footer --------------------------------------
-----------------------------------------------------------------------------*/
footer { width: 1350px; height: auto; margin: 0 auto;}
.footer-content { width: 1185px; height: auto; float: left; margin-left: 165px; padding: 60px 0 40px 0;}
footer h3 { font-size: 28px; margin-bottom: 30px; font-weight: 400; }
footer p { font-size: 14px; line-height: 26px; }
footer .widget1 { width: 420px; height: auto; float: left; margin: 0 46px 0 35px;}
footer .widget2 { width: 270px; height: auto; float: left; margin: 0 46px 0 0;}
footer .widget3 { width: 270px; height: auto; float: right; margin: 0 35px 0 0; padding:0 0 20px 46px;}
/* -- Newsletter -- */
#newsletter-form { width: 400px; margin-top: 30px;}
.newsletter { width: 220px; height: 36px; font-weight: 600; float: left; padding: 0 30px; border-radius: 4px; border: 0; }
.newsletter-btn { width: 110px; height: 40px; font-weight: 600; float: right; border-radius: 4px; text-align: center; }
.newsletter-btn:hover { cursor: pointer; opacity: 0.9; }
/* -- Footer Social Icons -- */
ul.footer-social { float: left; font-size: 24px; font-weight: bold; margin-top: 25px;}
ul.footer-social li { float: left; padding: 0 20px 0 0;}
/* -- Support available -- */
ul.support-available { margin-bottom: 25px; font-size: 14px; line-height: 26px;}
ul.support-available li strong { font-weight: 600;}
/* -- Background for Text -- */
.text-bg { padding: 0 10px; }
/*-----------------------------------------------------------------------------
----------------------------- 9 - Shortcodes ---------------------------------
-----------------------------------------------------------------------------*/
/* -- Buttons -- */
.simplebtn, .smallbtn { display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: bold; padding: 6px 20px; text-align: center; margin: 10px 10px 0 0; }
.smallbtn { padding: 2px 10px; font-weight: 600; }
.smallbtn a { color: #FFF !important; }
.smallbtn a:hover { background: inherit !important; text-decoration: underline;}
.simplebtn:hover { opacity:.85; text-decoration: none !important; }
a.simplebtn.blue:hover { background-color: #0099cc !important; }
a.simplebtn.green:hover { background-color: #7dc34d !important; }
a.simplebtn.green2:hover { background-color: #0fbe7c !important; }
a.simplebtn.orange:hover{ background-color: #e76b33 !important; }
a.simplebtn.gold:hover { background-color: #ffd62c !important; }
a.simplebtn.black:hover { background-color: #3b3b3b !important; }
a.simplebtn.pink:hover { background-color: #d63f72 !important; }
.simplebtn.blue { background-color: #0099cc; border: 1px solid #0099cc !important; color: #FFF !important; text-shadow: 0 -1px 0 #0099cc;}
.simplebtn.green { background-color: #7dc34d; border: 1px solid #7dc34d !important; color: #FFF !important; text-shadow: 0 -1px 0 #7dc34d;}
.simplebtn.green2 { background-color: #0fbe7c; border: 1px solid #0fbe7c !important; color: #FFF !important; text-shadow: 0 -1px 0 #0fbe7c;}
.simplebtn.orange { background-color: #e76b33; border: 1px solid #e76b33 !important; color: #FFF !important; text-shadow: 0 -1px 0 #e76b33;}
.simplebtn.gold { background-color: #ffd62c; border: 1px solid #ffd62c !important; color: #FFF !important; text-shadow: 0 -1px 0 #ffd62c;}
.simplebtn.black { background-color: #3b3b3b; border: 1px solid #3b3b3b !important; color: #FFF !important; text-shadow: 0 -1px 0 #3b3b3b;}
.simplebtn.pink { background-color: #d63f72; border: 1px solid #d63f72 !important; color: #FFF !important; text-shadow: 0 -1px 0 #d63f72;}
/* -- Columns -- */
.one_half, .one_half_last { float:left;width:47%; margin-bottom:10px; margin-right:5%; }
.one_half_last { margin-right:0;}
.one_third, .one_third_last { float:left; width:30%; margin-bottom:10px; margin-right:5%; }
.one_third_last { margin-right:0;}
.one_fourth, .one_fourth_last { float:left; width:23.5%; margin-bottom:10px; margin-right:2%; }
.one_fourth_last { margin-right:0;}
/* -- Boxes info -- */
.boxinfo { box-shadow: 0px 0px 1px #fafafa, 0 2px 2px #fafafa inset; background:#ddecf5; color:#99b1c1;
border:1px solid #c3d9e5; padding:15px; margin:15px 0; -moz-border-radius:2px; border-radius:2px; font-weight: bold; text-align: center;}
.boxsucces { box-shadow: 0px 0px 1px #fafafa, 0 2px 2px #fafafa inset; background:#e9f6e3; color:#93c088;
border:1px solid #ceedc4; padding:15px; margin:15px 0; -moz-border-radius:2px; border-radius:2px; font-weight: bold; text-align: center;}
.boxerror { box-shadow: 0px 0px 1px #fafafa, 0 2px 2px #fafafa inset; background:#ffe3e3; color:#cf9494;
border:1px solid #fdcdcd; padding:15px; margin:15px 0; -moz-border-radius:2px; border-radius:2px; font-weight: bold; text-align: center;}
.boxnotice { box-shadow: 0px 0px 1px #fafafa, 0 2px 2px #fafafa inset; background:#fcf9da; color:#b3ad77;
border:1px solid #ebe7bc; padding:15px; margin:15px 0; -moz-border-radius:2px; border-radius:2px; font-weight: bold; text-align: center;}
/* -- List styles – ul -- */
ul.simplelist li { padding:3px 0 3px 15px; background: url(images/li_arrow.png) no-repeat 0px center; font-weight: 600; }
ul.simplelist { margin:20px 40px; list-style-type: none;}
ul.minus-blue-list li { padding:3px 0 3px 17px; background: url(images/li_minus_blue.png) no-repeat 0px center; font-weight: 600; }
ul.minus-blue-list { margin:20px 40px; list-style-type: none;}
ul.minus-green-list li { padding:3px 0 3px 17px; background: url(images/li_minus_green.png) no-repeat 0px center; font-weight: 600; }
ul.minus-green-list { margin:20px 40px; list-style-type: none;}
ul.minus-orange-list li { padding:3px 0 3px 17px; background: url(images/li_minus_orange.png) no-repeat 0px center; font-weight: 600; }
ul.minus-orange-list { margin:20px 40px; list-style-type: none;}
ul.minus-gold-list li { padding:3px 0 3px 17px; background: url(images/li_minus_gold.png) no-repeat 0px center; font-weight: 600; }
ul.minus-gold-list { margin:20px 40px; list-style-type: none;}
ul.minus-black-list li { padding:3px 0 3px 17px; background: url(images/li_minus_black.png) no-repeat 0px center; font-weight: 600; }
ul.minus-black-list { margin:20px 40px; list-style-type: none;}
/* -- Tabs -- */
#tabs_wrapper { width: auto; }
#tabs { list-style: none; padding: 5px 0 4px 0; margin: 0; }
#tabs li { display: inline; padding: 0; margin:0;}
#tabs li a { padding: 8px 8px; text-decoration: none; outline: none; font-weight: bold; font-size: 12px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;}
#tabs li a:hover { padding: 8px 8px; }
#tabs li.active a { padding: 10px 8px; border-bottom: none; }
#tabs li.active a:hover { padding: 10px 8px; border-bottom: none; }
#tabs_content_container { border-top: none; padding: 10px; width: auto; }
.tab_content { display: none; }
.tab_content h1, .tab_content h2, .tab_content h3 { margin-top: 20px; }
/* -- Tiptip -- */
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_content { font-size: 13px; font-weight: 600; text-align: center; line-height: 24px; padding: 4px 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#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_inner { margin-top: -7px; margin-left: -6px; }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; }
/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content { padding: 4px 8px 5px 8px; }
}