/*
Theme Name: Off the Shelf
Theme URI: http://www.shapingrain.com/
Author: ShapingRain.com
Author URI: http://www.shapingrain.com/
Description: A powerful online marketing theme
Version: 1.4.5
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, left-sidebar, responsive-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
*/

/*
1. Default and Reset styles
2. Global elements
- 2.1 Buttons
- 2.2 Dividers
- 2.3 Lists
- 2.4 Animations
3. Fonts and Headings
- 3.1 Fonts
- 3.2 Headings
4. Content Blocks used for positioning
5. Landing page header and banner
- 5.1 Header
- 5.2 Navigation
- 5.3 Banner
- 5.4 Breadcrumb
6. Content
- 6.1 Blog
- 6.2 Video
- 6.3 Modal Window
- 6.4 Languages
7. Widgets
- 7.1.1 Recent Posts and Comments
- 7.1.2 Progress Bar
- 7.1.3 CTA Box
- 7.1.4 Testimonial
- 7.1.5 Tagcloud
- 7.1.6 Search
- 7.1.7 Maps
- 7.1.8 Team
- 7.1.9 Newsletter
- 7.2.1 Payment
- 7.2.2 Portfolio
- 7.2.3 Countdown
- 7.2.4 Gallery
- 7.2.5 Pricing Block
- 7.2.6 Forms
- 7.2.7 Icon Block
- 7.2.8 WordPress Default Widgets
- 7.2.9 Event Block
8. Social elements
- 8.1 Contact form
- 8.2 Twitter
9. Footer
- 9.1 SubFooter
*/


/*------------------------------------------------------------------------------------------*/
/* 1. Defaults & Reset of specific styles across browsers */
/*------------------------------------------------------------------------------------------*/

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, blockquote, th, td { margin: 0; padding: 0; direction: ltr; outline:none; }

html,body {
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden!important;
	min-width:320px;
}

.hidden {
	display: none;
}

.panel-grid.visual-editor-banner {
	background:#fff;
	padding:25px;
	box-shadow:0 0 5px #ccc;
	text-align:center;
	width:400px;
	margin:20px auto;
	font-weight:bold!important;
	font-size:28px!important;
	z-index:999;
	border:1px solid #e1e1e1;
	position:relative;
}

.row {
	max-width:1140px;
	margin:0 auto;
}

#header-region {
	z-index:1999!important;
}

#header-region .row.row-full-width, #page_footer .row.row-full-width  {
	max-width:none;
	margin:0 auto;
	padding-left:45px;
	padding-right:45px;
}

.blog.no-sidebar .row, .blog.sidebar-right .row, .blog.sidebar-left .row {
	padding-bottom:45px;
	overflow:hidden;
}

#header-region .row {
	padding-bottom:0;
}

#page-header .row.row-full-width {
	max-width:none;
	margin:0 auto 45px auto;
	padding-left:45px;
	padding-right:45px;
}

#page-header .row.row-full-width #breadcrumb {
	right:45px;
}

.row-padding-none {
	padding:0 0 0 0;
}

.row-justification-center {
	text-align:center;
}

.row-justification-right {
	text-align:right;
}

.row img {
	height: auto;
	max-width: 100%;
	vertical-align:top;
}

.image-left, .text-align-left {
	text-align:left;
}

.image-center, .text-align-center {
	text-align:center;
}

.image-right, .text-align-right {
	text-align:right;
}

a img {
	border:none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-backface-visibility: hidden;
}

a img:hover {
	opacity:0.7;
}

a { text-decoration: none; line-height: inherit; }

a img { vertical-align: bottom; }

.post a, .team-member a, #similar-posts a img, #sidebar a, .post a h2, .post a q, .ots-link a {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

p, .textwidget {
	line-height:24px;
}

iframe {
	border:0!important;
}

button {
	border:none;
}

mark {
	padding:3px;
}

/* Flexbox */

.ots-flexbox {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.ots-flexbox .panel-grid-cell,  .ots-flexbox .panel-grid-cell .ots-icon-block, .ots-flexbox .panel-grid-cell .ots-image  {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow:hidden;
}


/* Lists Default */

li {
	list-style:none;
}

#blog_content article.post ol li, .textwidget ol li, .page-content ol li {
	list-style:decimal;
	padding-bottom:8px;
	margin-left:15px;
}

#blog_content article.post li, .textwidget li, .page-content li  {
	list-style:disc;
	padding-bottom:8px;
	margin-left:15px;
}

.page-content .slides li, .tweets li {
	margin-left:0;
	list-style:none;
	padding-bottom:0;
}


.icon-list li {
	list-style: none!important;
}

#blog_content article.post ul.icon-list li, .textwidget ul.icon-list li  {
	list-style:none;
	line-height:normal!important;
}

#blog_content article.post #comments li, #blog_content article.post .post-social-tags li,
#blog_content article.post .social-icons li, #similar-posts li, .gallery li, .flexslider-gallery li,
.social-widget li
{
	list-style:none!important;
	padding-bottom:0!important;
	margin-left:0!important;
}

/* Quotes Default */

.post.type-post blockquote, .textwidget blockquote {
	position:relative;
	padding-left:70px;
	line-height:normal;
}


.post.type-post blockquote:before, .textwidget blockquote:before {
	text-align:center;
	content:"\201C";
	opacity:0.5;
	position:absolute;
	left:0;
	top:0;
	font-size:95px;
	font-style:normal;
	line-height:80px!important;
	width:80px;
	height:80px;
}

blockquote.testimonial {
	padding-left:0;
}

blockquote.testimonial:before {
	opacity:0;
}

.panel.widget.widget_text.widget_text {
	margin-bottom:0;
}

/* Input Elements */

input, textarea {
	border:1px solid #e1e1e1;
	padding:10px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}

input {
	height:40px;
	outline:none;
	line-height:normal;
}

select {
	border:1px solid #e1e1e1;
	height:40px;
	padding:5px;
}

input[type=checkbox], input[type=radio] {
	height:auto;
	padding-top:0;
	padding-bottom:0;
}

input:focus, textarea:focus {
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

*:focus {
	outline: none;
}

input[type="submit"] {
	cursor:pointer;
}

.widget_ots-icon-block .panel-widget-style {
	overflow:hidden;
}

/* Layout Boxed */

#wrapper {
	max-width:1240px;
	width:90%;
	margin:0 auto;
	position:relative;
}

.layout-boxed #wrapper {
	overflow:hidden;
}

.layout-boxed .siteorigin-panels-stretch {
	margin-left:-5%!important;
	margin-right:-5%!important;
	padding-right:0!important;
	padding-left:0!important;
}

#wrapper #header-region {
	margin:0;
}

#wrapper #banner {
	padding:0;
}

.start.layout-boxed #banner .row {
	margin-bottom:30px;
}

#wrapper #header-region.stuck, .stuck {
	position:fixed!important;
}

.layout-boxed .panel-row-style {
	margin:0;
	padding:35px 0;
}

/* Layout Full-Width */

.layout-full-width .row {
	max-width:2600px!important;
	margin:0 auto;
	width:90%;
}

/* WordPress Core Styles */

.alignright {
	float:right;
	margin:5px 0 20px 20px;
}

.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.wp-caption-text, .gallery-caption {
	font-size:13px;
}
.bypostauthor {}


/*------------------------------------------------------------------------------------------*/
/* 2. Global elements */
/*------------------------------------------------------------------------------------------*/

.hint {
	font-size:11px!important;
	margin:0;
}

.last {
	margin-right:0!important;
}

.left {
	float:left;
}

.right {
	float:right;
}

.logged-in-as {
	padding:5px 0 10px 0;
}

/* 2.1 Buttons */

.widget_off-the-shelf-buy-button {
	margin-bottom:0!important;
}

.button_cta a, .split-button a div, .cta-link a {
	display:inline-block;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}

a.button_buy_table {
	display:inline-block;
	margin:20px 0 20px 0;
	padding:8px 25px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}

.button-read-more {
	display:inline-block;
	clear:both;
	margin:15px 0 0 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.button-read-more:after {
	font-family: "fontawesome";
	content:"\f105";
	padding:0 0 0 6px;
	font-weight:normal;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.button-read-more:hover:after {
	padding-left:10px;
}

.button, .ots-button a {
	display:inline-block;
	clear:both;
	padding:8px 14px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.ots-button a {
	padding:12px 14px;
}

.ots-button i {
	padding-right:5px;
}

.ots-button .button-icon-right i {
	padding-right:0;
	padding-left:5px;
}

/*Split Button*/

.split-button {
	display:inline-block;
}

.ots-split-button .panel-widget-style {
	overflow:hidden;
}

.split-button, .split-button a {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.split-button div {
	padding:12px 14px;
}

.split-button i {
	padding-right:5px;
}

.button-icon-right i {
	padding-left:5px;
	padding-right:0;
}

.split-button.split-button-separate div {
	margin:0 4px;
}

.split-button.split-button-connected .split-left {
	display:block;
	float:left;
	border-top-right-radius:0;
	-moz-border-radius-topright:0;
	-webkit-border-top-right-radius:0;
	border-bottom-right-radius:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
}

.split-button.split-button-connected .split-right {
	display:block;
	float:left;
	border-top-left-radius:0;
	-moz-border-radius-topleft:0;
	-webkit-border-top-left-radius:0;
	border-bottom-left-radius:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
}

.split-button-separate.split-button-connected .split-button .split-right {
	border-style:solid;
	border-width:2px;
}

.split-button-separate.split-button-connected .split-button .split-left, p.buttons a.button, .summary .single_add_to_cart_button, .form-submit #submit {
	border-style:solid!important;
	border-width:2px!important;
}

.split-button.split-button-connected .split-left {
	border-top:2px;
	border-bottom:2px;
	border-left:2px;
	border-right:1px;
	border-style:solid!important;
}

.split-button.split-button-connected .split-right {
	border-top:2px;
	border-bottom:2px;
	border-right:2px;
	border-left:1px;
	border-style:solid!important;
}

.split-button p.hint {
	padding:5px 0 0 5px;
}

/*Single Button*/

.ots-button a, .split-button.split-button-separate div, .button_type_single a {
	margin-bottom:3px;
	border-style:solid;
	border-width:2px;
}

a.button_buy_table  {
	border-style:solid;
	border-width:2px;
}

/* Price Button */

.button_type_price a {
	border-style:solid;
	border-width:2px;
}

/* Form Button */

form input[type="submit"] {
	border-style:solid!important;
	border-width:2px!important;
	padding-top:0;
	padding-bottom:0;
}


/* 2.2 Dividers*/

hr {
	border:none;
	clear:both;
	height:0;
}

hr.divider {
	margin:-4px 0;
	padding:0;
	display:block;
}

.ots-divider .align-left {
	margin-left:0;
	margin-right:auto;
}

.ots-divider .align-center {
	margin-left:auto;
	margin-right:auto;
}

.ots-divider .align-right {
	margin-left:auto;
	margin-right:0;
}

/* 2.3 Lists */

.icon-list li {
	padding-bottom:8px;
}

/* 2.4 Animations */

#skrollr-body {
	overflow:hidden;
}


/*------------------------------------------------------------------------------------------*/
/* 3. Fonts and Headings */
/*------------------------------------------------------------------------------------------*/


/* 3.1 Fonts */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}

h1 {
	padding-bottom: 18px;
}

h2 {
	padding-bottom: 14px;
}

h3 {
	padding-bottom: 10px;
}

h4 {
	padding-bottom: 7px;
}

h5 {
	padding-bottom: 7px;
}

h6 {
	padding-bottom: 7px;
}

/* 3.2 Headings */

/* Logo */

#logo {
	float:left;
	height:71px;
	line-height:66px;
	margin:0 10px 0 0;
}

#logo img {
	margin:0 10px 0 0;
	max-height:48px;
	vertical-align: middle;
}

#logo h1, #logo h1 a {
	display:inline-block;
	height:71px;
	float:left;
}

#logo h2 {
	height:71px;
	line-height:71px;
	float:left;
	margin:0 0 0 10px;
}

/* Section Title */

.section-title {
	text-align:center!important;
	overflow:hidden;
}

.section-title span {
	display:inline-block;
	position:relative;
}

.section-title span:before, .section-title span:after {
	border-top:1px solid #e1e1e1;
	width:100%;
	height:1px;
	content: " ";
	position:absolute;
	top:20px;
}

.section-title span:before {
	right: 100%;
}
.section-title span:after {
	display:block;
	left: 100%;
}

.section-title span {
	padding:0 25px 0 25px;
}


/*------------------------------------------------------------------------------------------*/
/* 4. Content blocks used to position content */
/*------------------------------------------------------------------------------------------*/

/* Targets all elements */
[class*='col-'] {
	float: left;
	padding: 15px;
}

.panel-grid {
	margin-bottom:0!important;
}

.panel-grid.no-bottom-margin.panel-row-style, #banner_content .panel-grid.panel-row-style {
	margin-bottom:0!important;
}


/* Clearfix */
.clearfix:after, #header-region:after {
	content: "";
	display: table;
	clear: both;
}

#page_footer:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* Main Widths */
.col-1  {width: 100%;}
.col-2  {width: 50%;}
.col-3  {width: 33.33%;}
.col-4  {width: 25%;}
.col-5  {width: 20%;}
.col-6  {width: 16.6666666667%;}
.col-7  {width: 14.2857142857%;}
.col-8  {width: 12.5%;}
.col-9  {width: 11.1111111111%;}
.col-10 {width: 10%;}
.col-11 {width: 9.09090909091%;}
.col-12 {width: 8.33%;}
.col-2-3 {width:66.66%;}
.col-3-4 {width:75%;}
.col-9-10 {width:90%;}


/*------------------------------------------------------------------------------------------*/
/* 5. Landing page header and banners */
/*------------------------------------------------------------------------------------------*/

/* 5.1 Header */

/*Header Top*/

#header-top {
	position:relative;
	overflow:hidden;
}

#header-top, #header-top .row {
	height:32px;
	z-index:999;
}

#header-top p, #header-top li {
	float:left;
	padding-top:7px;
	margin-bottom:0;
	font-size:13px;
}

#header-top p, #header-top li, #header-top a {
	opacity:0.8;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#header-top .header-top-social li {
	opacity:1;
	padding-top:0;
}

.start #header-top {
	border-bottom:none;
}

#header-top .row p {
	font-size:13px!important;
	overflow:hidden;
	padding:0;
	margin:5px;
}

#header-top li a {
	padding-right:10px;
}

#header-top a:hover {
	opacity:1;
}

#page-header .row {
	padding:30px 0;
	margin-bottom:45px;
	clear:both;
	position:relative;
}

#page-header h1 {
	margin:0;
	padding:0;
	position:relative;
	top:0;
}


/*Header Below*/

#header-region, .has-banner.layout-boxed #header-region {
	width:100%;
	padding:0 0 0 0;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	z-index:998;
	position:relative;
}

#header-region .row {
	position:relative;
	overflow:visible;
	z-index:999;
}

.has-transparent-menu #header-region {
	padding:25px 0 0 0;
}

.no-banner.has-transparent-menu #header-region {
	padding:0 0 0 0;
}

/*Header Aside*/

#tool-navigation-lower {
	margin-top:10px;
}

/*If Sticky and Starting Page*/

#header-region {
	box-shadow:2px 0 3px rgba(0, 0, 0, 0.2);
}

.animated-header-shrink #header-region {
	box-shadow:2px 0 3px rgba(0, 0, 0, 0.2);
}


.has-banner.has-transparent-menu #header-region {
	box-shadow:none;
}

.has-banner.has-transparent-menu .animated-header-shrink #header-region {
	box-shadow:2px 0 3px rgba(0, 0, 0, 0.2);
}


.sticky .animated-header #header-region .row, .has-full-width-banner.sticky .animated-header #header-region .row {
	margin-bottom:0;
}

.animated-header.animated-header-shrink #header-region, .has-full-width-banner.sticky .animated-header #header-region, .start.no-banner #header-region, .has-solid-menu #header-region {
	padding:0 0 0 0;
	float:left;
}

/*If not starting page, Nav is opaque*/

.site .animated-header #header-region, .no-banner #header-region, #header-region.stuck {
	float:left;
}

#header-region.stuck {
	top:0;
	float:left;
}

.logged-in.admin-bar #header-region.stuck {
	top:32px;
}

/* 5.2 Navigation */

#main_navigation {
	float:left;
}

#main_navigation ul li {
	float:left;
	list-style:none;
}

#main_navigation a {
	height:71px;
	line-height:71px;
	padding:0 10px 0 10px;
	display:block;
	border-bottom: 3px solid rgba(220, 164, 0, 0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.has-transparent-menu #main_navigation a:hover {
	opacity:0.7;
}

.has-transparent-menu .animated-header-shrink #main_navigation a:first-of-type:hover, .has-transparent-menu #main_navigation .sub-menu a:hover {
	opacity:1;
}

#sub_navigation.collapsed {
	display:none!important;
}

#main_navigation .current-menu-item a .sub-menu a, #main_navigation .sub-menu a {
	border-bottom:none!important;
}

#main_navigation .sub-menu  {
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
	margin-top:-3px!important;
}

#main_navigation .sub-menu .sub-menu {
	margin-top:-39px!important;
	left:18px!important;
}

#main_navigation .sub-menu li {
	float:none;
	min-width:200px;
}

#main_navigation .sub-menu a {
	border:none;
	padding:6px 10px;
	height:auto;
	line-height:24px;
}

#main_navigation .sub-menu a:hover {
	border:none;
}

#sub_navigation.collapsed {
	display:none;
}

/*Modified*/

.menu-button {
	display:none;
	cursor:pointer;
	opacity:0.5;
}

.menu-button {
	content:"\f0c9";
	font-family: "fontawesome";
	font-style: normal;
	font-weight: normal;
	float:right;
}

.menu-button.active:before {
	content:"\f00d";
}

.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
ul.sm li{position:relative;}
ul.sm a{position:relative;display:block;}
ul.sm a.disabled{cursor:default;}
ul.sm ul{position:absolute;top:-999999px;left:-800px;width:170px}
ul.sm li{float:left;}
ul.sm-rtl{direction:rtl;}
ul.sm-rtl li{float:right;}
ul.sm ul li,ul.sm-vertical li{float:none;}
ul.sm a{white-space:nowrap;}
ul.sm ul a,ul.sm-vertical a{white-space:normal;}
* html ul.sm-vertical li{float:left;width:100%;}
* html ul.sm-vertical ul li{float:none;width:auto;}
*:first-child+html ul.sm-vertical>li{float:left;width:100%;}
ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}
ul.sm:after{content:"\00a0";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
* html ul.sm{height:1px;}
*:first-child+html ul.sm{min-height:1px;}
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* Menu items
===================*/

.sm a {
	padding:45px 15px 25px 15px;
	line-height:17px;
	text-decoration:none;
}

.sm li li a {
	padding:11px 15px;
}

.sm a.has-submenu {
	padding-right:32px;
}

.sm ul a.has-submenu,
.sm-vertical a.has-submenu {
	padding-right:23px;
}


/* Sub menu indicators
===================*/

.sm a span.sub-arrow {
	display:none;
	position:absolute;
	right:5px;
	top:62%;
	margin-top:-8px;
	width:16px;
	height:16px;
	line-height:16px;
}


/* Items separators
===================*/

.sm ul li,
.sm-vertical li {
	border-left:0;
}
.sm ul li:first-child,
.sm-vertical li:first-child {
	border-top:0;
}


/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/

.sm span.scroll-up, .sm span.scroll-down {
	position:absolute;
	display:none;
	visibility:hidden;
	overflow:hidden;
	border:solid #bbb;
	border-width:1px 0;
	background:#fff;
	height:20px;
	/* width and position will be automatically set by the script */
}
.sm span.scroll-up-arrow, .sm span.scroll-dow