/*!
Theme Name: Compose WP
Theme URI: http://www.weborithm.com/compose
Author: Weborithm
Author URI: http://www.weborithm.com/
Description: Starter template for your web projects, powered by Bootstrap. Use it to build a blog, a business website or an ecommerce store all fully responsive! Feature your favorite content on the customizable home page and use the entire site in full width if you like. 5 widget ready areas are available for you to show any content you like. <a href="http://www.weborithm.com/compose/wordpress-documentation/">Documentation</a> | <a href="http://test.weborithm.com/compose/">Preview</a>.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Domain Path: /languages/
Tags: white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: compose
*/

/*
	Image License
	-------------
	
	All images used in this theme are GPL.
	screenshot.png, profile.jpeg, logo.png, li.png, li-dots.png, pixels.png
	
*/

/*

 * Bootstrap licensed under MIT https://github.com/twbs/bootstrap/blob/master/LICENSE
 
 - Compose Styles
	. Body
	. Fonts
	. Bootstrap Components
	. Bootstrap JavaScript Components
	. Compose Containers
	. Logo
	. Navigation
	. Compose Breadcrumbs
	. Compose Static Image
	. Compose Carousel
	. Compose Gallery
	. Compose Action
	. Compose Boxes
	. Compose Preview
	. Compose Contact
	. Compose Content
		. Form
		. Profile
		. Team
		. Product Intro
		. Full Width
		. Portfolio
		. Services
		. Blog
		. Testimonial
		. Compose Coming Soon
		. Compose Big Intro
	. Compose Aside
	. Compose Footer
	
	- ***** -
	
	. Responsive Styles
	
*/

/*--------------------------------------------------------------
Compose Add-Ons - Compatibility coming soon...
--------------------------------------------------------------*/

	/* responsive Mega Menu */
	
	/* Pricely */
	.compose-pricely { border-bottom: 1px dashed #eee; padding: 0 0 20px; }
	.compose-pricely h3.pricely-intro { margin: 40px 0 10px; text-align: center; }
	.compose-pricely p.text-center { margin: 0 0 40px; }
	
	
/*--------------------------------------------------------------
Body
--------------------------------------------------------------*/
body { color: #333; background: #fff; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 300; }
a { }
a:hover, a:focus { color: #F99111; text-decoration: none; }
p { font-size: 14px; line-height: 23px; }
blockquote { margin-top: 20px; }

.content-bg { background: #fff; padding-top: 10px; }
.home .content-bg, .page-template-compose-home-carousel .content-bg { padding-top: 0; }


/*--------------------------------------------------------------
Fonts
--------------------------------------------------------------*/
body strong { font-weight: 700; }
h1, h2, h3, h4, h5, h6 { color: #111; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; }


/*--------------------------------------------------------------
Bootstrap Components
--------------------------------------------------------------*/
.btn { border-radius: 3px; }
.btn-lg { padding: 5px 15px; }

.thumbnail, .img-thumbnail { border-radius: 2px; }

.alert { border-radius: 2px; }

.progress { border-radius: 2px; }

.list-group-item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.panel { border-radius: 2px; }
.panel-heading { border-top-left-radius: 1px;
  border-top-right-radius: 1px; }

.well { border-radius: 2px; }


/*--------------------------------------------------------------
Bootstrap JavaScript Components
--------------------------------------------------------------*/
.modal-dialog { margin-top: 15%; }
.modal-body { padding-bottom: 10px; }
.tab-pane { padding: 10px 0 0; }
.carousel { margin: 0 0 10px; }


/*--------------------------------------------------------------
Compose Containers, These Go With .container
--------------------------------------------------------------*/
.compose-gallery { padding-top: 40px; }
.compose-404 { padding-top: 40px; }
.compose-coming-soon { padding-top: 40px; }


/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.site-header { background: #fff; }

.compose-logo { padding-bottom: 20px; padding-top: 20px; }
.compose-logo h1 { font-weight: 300; margin: 0; }
.compose-logo-title { font-family: 'Source Sans Pro', sans-serif; font-size: 30px; font-weight: 300; line-height: 41px; margin: 0; }
.compose-logo-description { font-style: italic; 	margin: 0; }

.compose-social { text-align: right; padding-bottom: 0px; padding-top: 25px; }
.compose-social .fa { margin-left: 5px; }
.compose-social a { color: }

/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/
.navbar { border: 0; border-radius: 0; margin: 0; min-height: inherit; }
.navbar-collapse { padding: 0; min-height: normal; }
.nav-menu > li { margin-right: -4px; }
.nav > li > a { padding: 10px 15px; }
.navbar .navbar-nav > li > a { color: #ccc; }
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus { background: #111; }
.nav > li.active > a, .navbar .nav .active > a, .navbar .nav .active > a:hover, .navbar .nav .active > a:focus { font-weight: 600; padding-bottom: 10px; padding-top: 10px; }
.navbar .nav li.dropdown:hover > .dropdown-toggle .caret { border-top-color: #fff; }

.dropdown-menu > li > a {  }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {  }

/* Dropdown */
.dropdown-menu { border: 0; border-radius: 0; }

.compose-home-v2 .nav > li > a:hover { background: none; }

.nav .fa { padding-right: 5px; }

.navbar li.active a { font-weight: 600; }
.navbar li.active li a { font-weight: 400; }

/* Bootstrap Nav Walker */
.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:active > .dropdown-menu { display:block; }
.dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:active>a:after { border-left-color: #ffffff; }
.dropdown-submenu.pull-left { float:none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px;border-radius: 6px 0 6px 6px; }


/* Primary Navigation */
.primary-navigation {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	position: relative; }
	
.site-navigation li .current_page_item > a,
.site-navigation li .current_page_ancestor > a,
.site-navigation li .current-menu-item > a,
.site-navigation li .current-menu-ancestor > a { color: #fff; }

.primary-navigation:after { content: ""; display: table; }

.primary-navigation.toggled-on { padding: 20px 0; }

.primary-navigation .nav-menu { display: none; }

.primary-navigation.toggled-on .nav-menu { display: block; }
.primary-navigation.toggled-on li { font-size: 13.3px; }

.primary-navigation a { display: block; padding: 5px 0; }

.menu-toggle:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 FontAwesome;
	text-decoration: inherit;
	vertical-align: text-bottom; }

.menu-toggle {
	background-color: #000;
	border-radius: 0;
	cursor: pointer;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	top: 0;
	right: 0;
	text-align: center;
	width: inherit; border: 0; }
	
.menu-toggle span { display: none; }

.menu-toggle button { border: 0; }
.menu-toggle:before { color: #fff; content: "\f0c9"; padding: 16px; }

.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover { background-color: #444; }

.menu-toggle:focus { outline: 1px dotted; }

/*--------------------------------------------------------------
Compose Breadcrumbs
--------------------------------------------------------------*/
.compose-breadcrumbs { padding-bottom: 10px; text-align: right; }
.compose-breadcrumbs ul { list-style: none; margin: 0; padding: 0; }
.compose-breadcrumbs li { display: inline-block; font-size: 11px; font-weight: 400; padding: 0 0 0 10px; text-transform: uppercase; }
.compose-breadcrumbs li a { color: #999; margin-right: 10px; }
.compose-breadcrumbs li.separator { padding-left: 0; }
.compose-breadcrumbs .title-hover { cursor: help; }


/*--------------------------------------------------------------
Compose Static Image
--------------------------------------------------------------*/
.compose-static-image { min-height: inherit; height: 400px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; opacity: 0.9; }
.compose-static-image:after { content: " "; background: url(images/pixels.png) repeat; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }

.compose-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding: 15px; text-align: center; text-shadow: 0 0 3px #000; transition: text-shadow ease-in 250ms; }
.compose-caption:hover { text-shadow: 0 0 6px #000; transition: text-shadow ease-out 250ms; }

.compose-caption h2 { color: #fff; font-size: 36px; font-weight: 900; margin: 0; text-transform: uppercase; }
.compose-caption p { color: #fff; font-size: 18px; font-weight: 400; line-height: 22px; margin: 0 0 15px; }


/*--------------------------------------------------------------
Compose Carousel
--------------------------------------------------------------*/
.carousel { margin-bottom: 0px; /* ** */ }
.compose-carousel-image { padding: 0; position: relative; }

.compose-carousel-image .item img { margin: auto; }
.carousel .compose-caption h2 a { color: #fff; }
.carousel .compose-caption p { margin: 15px 0 0; }

.carousel-control.left, .carousel-control.right { /* ** */ }
.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right { position: absolute; top: 45%; z-index: 5; display: inline-block; }


/*--------------------------------------------------------------
Compose Gallery
--------------------------------------------------------------*/
.compose-gallery {  }
.compose-gallery-content { padding: 30px 0 40px; }
.compose-gallery-content-headline { padding-left: 0; }
.compose-gallery-content-headline h3 { font-weight: 400; margin: 0; }
.compose-gallery-content-text { padding-right: 0; }

.compose-gallery-preview { border-top: 1px dashed #eee; padding: 40px 0 0; }
.compose-gallery-preview h3 { margin-top: 0; }
.compose-gallery-preview .thumbnail { margin: 0; }
.compose-gallery-preview [class*="col-"] { padding-top: 30px; }


/*--------------------------------------------------------------
Compose Call to Action
--------------------------------------------------------------*/
.compose-action { border-bottom: 1px dashed #eee; padding-top: 40px; padding-bottom: 40px; }
.compose-action h3 { margin-top: 0; font-weight: 300; }
.compose-action [class*="col-"] { padding-left: 0; }
.compose-action-button { padding: 0; text-align: right; }
.compose-action-button p { margin: 0; }


/*--------------------------------------------------------------
Compose Boxes
--------------------------------------------------------------*/
.compose-boxes { border-bottom: 1px dashed #eee; padding-top: 40px; padding-bottom: 40px; }
.compose-boxes [class*="col-"]:first-child, .compose-boxes-v2 [class*="col-"]:first-child { padding-left: 0; }
.compose-boxes [class*="col-"]:last-child, .compose-boxes-v2 [class*="col-"]:first-child { padding-right: 0; }

.compose-box { }
.compose-box img { display: block; margin: auto; }
.compose-box .fa { color: #555; display: table-cell; font-size: 30px; padding-top: 2px; }
.compose-box .caption { display: table-cell; vertical-align: top; padding-left: 15px; }
.compose-box .btn { padding-left: 0; padding-top: 0; }

.compose-box h3, .compose-box h4 { font-size: 20px; font-weight: 400; margin-top: 0; }


/*--------------------------------------------------------------
Compose Preview
--------------------------------------------------------------*/
.compose-preview { border-bottom: 1px dashed #eee; padding-top: 40px; padding-bottom: 40px; }
.compose-preview h3 { font-weight: 300; margin-top: 0; }
.compose-preview li { color: #555; padding: 2px 0 3px; }
.compose-preview .fa-li { color: #555; padding-top: 3px; }
.compose-preview .fa-ul { margin-bottom: 0; }
.compose-preview .compose-preview-image { /* display: table-cell; float: none; vertical-align: bottom; */ padding: 0 30px 0 0;  }
.compose-preview .compose-preview-image img { width: 100%; height: auto; }
.compose-preview .compose-preview-text { display: table-cell; float: none; padding: 0; }
.compose-preview .compose-preview-text ul { margin-top: 10px; padding-left: 15px; }


/*--------------------------------------------------------------
Compose Contact Map
--------------------------------------------------------------*/
.compose-contact-map { height: 400px; padding-left: 0; padding-right: 0; }


/*--------------------------------------------------------------
Compose Content
--------------------------------------------------------------*/
#content { padding-bottom: 40px; }
h1.page-title, h1.entry-title, h2.page-title, h2.entry-title { margin-top: 0; font-weight: 400; }

.compose-content {  }
.compose-content [class*="col-"] {  }

.content-change-layout { float: right; padding-left: 15px; padding-right: 0; }

	/* Compose Form */
	.compose-content .control-group { padding: 0 0 15px; }

	/* Compose Profile */
	.compose-profile { border: 1px dashed #eee; padding: 10px; }
	.compose-profile img { border-right: 1px dashed #eee; padding: 0 10px; margin-right: 20px; }
	.compose-profile .fa { color: #eee; display: inline-block; padding-right: 10px; position: relative; top: 5px; }

	/* Compose Team */
	.compose-team { padding: 0 0 20px; }
	.compose-team-list { padding-top: 20px; text-align: center; }
	.compose-team-list img { display: block; margin: auto; padding-bottom: 20px; }
	.compose-team-list h4 { font-weight: 400; margin-bottom: 0; }
	.compose-team-list p { font-style: italic; }
	.compose-team-list ul { list-style: none; padding: 0; }
	.compose-team-list li { display: inline-block; padding: 0 2px 0 3px; }
	
	/* Compose Product Intro */
	.compose-product-intro { padding: 0 0 20px; }
	.compose-product-intro-image { padding-left: 0; }
	/* Compose Full Width */
	.compose-content-full { padding: 0; }
	
	/* Compose Portfolio */
	.compose-portfolio ul { list-style: none; padding: 0; }
	.compose-portfolio ul li { padding: 0 5px 5px 0; }
	.compose-portfolio .thumbnail { border: 0; border-radius: 0; margin: 0; padding: 0; position: relative; overflow: hidden; }
	
	.compose-portfolio .caption h4 { font-size: 24px; font-weight: 400; }
	.compose-portfolio .caption {
		position: absolute;
		padding: 15% 0 0;
		top: -100%;
		right: 0;
		background: rgba(0, 0, 0, 0.75);
		width: 100%;
		height: 100%;
		text-align: center;
		color: #fff !important;
		z-index: 2;
		-webkit-transition: all 0.325s ease-in-out;
		-moz-transition: all 0.325s ease-in-out;
		-o-transition: all 0.325s ease-in-out;
		-ms-transition: all 0.325s ease-in-out;
		transition: all 0.325s ease-in-out; }
	.compose-portfolio .thumbnail:hover .caption { top: 0%; }
	
	.compose-portfolio .modal span.btn { border: 0; border-radius: 0; display: block; margin: 1px 0 0; padding: 10px; width: auto; }
	
	/* Compose Services */	
	.compose-services { }
	.compose-services  .compose-services-feature { border-bottom: 1px dashed #eee; padding: 0 0 40px; }
	.compose-services  .compose-services-feature-media { padding-left: 0; }
	.compose-services  .compose-services-feature-content { padding: 0 15px; }
	
	.compose-services .compose-boxes { padding-bottom: 10px; }
	.compose-services .compose-boxes h3 { margin-top: 0; }
	.compose-services .compose-boxes [class*="col-"]:first-child { padding-left: 15px; }
	.compose-services .compose-boxes [class*="col-"]:last-child { padding-right: 15px; }
	
	.compose-boxes ul { list-style: none; margin: 0; padding: 30px 0 0; }
	.compose-boxes ul li { padding-bottom: 30px; }
	
	.compose-services .compose-box { padding: 0 15px 20px; }
	
	.compose-services-action { border-bottom: 1px dashed #eee; padding: 40px 40px 30px; }
	.compose-services-action h3 { margin: 0 0 40px; text-align: center; }
	
	.compose-services-action-media { padding-bottom: 40px; }
	
	.compose-services-action-content p { margin: 0 80px 10px; text-align: center; }
	
	/* Compose Blog */
	.compose-blog-post  { padding: 0; }
	.compose-blog-post:after { content: ""; display: block; border-bottom: 1px solid #eee; width: 25px; height: 1px; margin: 10px 0 40px; }
	.page .compose-blog-post:after { display: none; }
	.home .format-status:after, .home .format-aside:after  { content: ""; display: block; border-bottom: 1px solid #eee; width: 25px; height: 1px; margin: 10px 0 0px; float: left; }
	
	.compose-blog-post h1, .compose-blog-post h2 { border-bottom: 1px dashed #eee; margin-bottom: 20px; padding: 0 0 5px; }
	.compose-blog-post .compose-blog-image img { margin-bottom: 10px; }
	.compose-blog-post ul.compose-blog-meta { clear: both; list-style: none; margin: 20px 0 10px; padding: 0; }
	.compose-content-full ul.compose-blog-meta{ list-style: none; margin: 0; padding: 0; }
	
	.compose-blog-post .compose-blog-image li, .compose-blog-post ul.compose-blog-meta li, .compose-content-full ul.compose-blog-meta li  { display: inline; padding-right: 15px; }
	
	.compose-blog-post .fa { color: #555; padding-right: 2px; }
	.compose-blog-post .compose-blog-text  { padding-right: 0; }
	.compose-blog-post .compose-blog-image { padding-right: 0; }
	
	/* Archive + Search */
	.archive ul.compose-blog-meta, .search ul.compose-blog-meta { margin: 20px 0 10px; }
	.archive h2.page-title, .search  h2.page-title  { margin-bottom: 20px; }

	/* Compose Testimonial */
	.carousel-testimonial { margin-bottom: 20px; padding: 0; }
	.carousel-testimonial .item { padding: 0 40px; }
	.carousel-testimonial .item .fa { color: #eee; display: inline-block; padding-right: 10px; position: relative; top: 5px; }
	.carousel-testimonial .carousel-control { background: none; width: auto; }
	
	/* Compose Coming Soon */
	.compose-coming-soon { text-align: justify; }
	.compose-coming-soon h1, .compose-coming-soon h2, .compose-coming-soon h3 { text-align: center; margin-top: 0; }
	.compose-coming-soon [class*="col-"] { border-bottom: 1px dashed #eee; padding: 40px 0; }
	.compose-coming-soon #contactForm { border-bottom: none; padding: 20px 0 0; text-align: center; }
		
	/* Compose Big Intro */
	.compose-big-intro { border-bottom: 1px dashed #eee; padding: 80px 0 70px; text-align: center; }
	.compose-big-intro h2 { color: #555; font-size: 36px; font-weight: 900; margin: 0 0 20px; text-transform: uppercase; }
	.compose-big-intro p { font-size: 16px; font-style: italic; line-height: 22px; margin: 0 0 10px; }
	.compose-big-intro .btn { margin-top: 10px; }
	
	/* Compose Post Formats */
	.single .compose-blog-image  { padding-right: 0; }
	.home .format-aside { border-left: 1px dashed #eee; margin: 20px 0 30px; padding: 0 20px; }
	.home .format-status { border-left: 3px double #eee; margin: 20px 0 30px; padding: 0 20px; }

	.type-attachment .entry-meta { padding: 0 0 10px; }
	.type-attachment .attachment { padding: 0 0 10px; }
	.type-attachment .parent-post-link { float: right; }
	.type-attachment .entry-caption { font-style: italic; }

	.post .col-xs-12 ul { margin-bottom: 0; }	
	.post .col-sm-6 ul { margin-bottom: 20px; }
	
	/* Compose Page */
	.type-page h1 { }
	.type-page .compose-blog-image { padding-right: 0; }

	/* Compose Lists */
	.compose-content ul, .compose-content ol { margin-bottom: 20px; }
	.compose-content ol ul, .compose-content ol ol, .compose-content ul ol, .compose-content ul ul { margin: 10px 0; }
	.type-page .compose-blog-image { padding-right: 0; }
	
	/* Compose Sticky */
	.compose-content .sticky { background: #fafafa; border-bottom: 4px double #eee; margin: 0 0 40px; padding: 20px 20px 0; }
	.compose-content .sticky:after { margin-bottom: 20px; }
	.compose-content .sticky h2 { font-weight: 400; }

	/* Compose Tables */
	.compose-content table th { background: #fdfdfd; border-bottom: 1px solid #fafafa; }
	.compose-content table td, .compose-content table th { border-bottom: 1px solid #fafafa; padding: 5px; }
	.compose-content table tr:hover { background: #fdfdfd; }
	

/*--------------------------------------------------------------
Compose Aside
--------------------------------------------------------------*/
.compose-aside { font-size: 14.4px; }
.compose-aside h3 { font-size: 24px; }
.compose-aside h3:nth-child(1) { margin-top: 0; }

.compose-aside ul { list-style: none; margin: 0; padding: 0; }
.compose-aside ul ul { list-style: url(images/li.png); margin: 0 0 20px; padding: 0 0 10px 20px; }

.compose-aside ul ul ul { list-style: url(images/li-dots.png); padding-bottom: 0; }
.compose-aside ul ul ul ul { list-style: url(images/li-dots.png); }

.compose-aside ul ul ul { margin: 0; }

.compose-aside li li { border-bottom: 1px dotted #eee; padding: 10px 0; }
.compose-aside li li li { border-bottom: 0; padding: 10px 0 0; }

.compose-aside li li a { padding: 0;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out; }
.compose-aside li li a:hover { padding-left: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out; }

.aside-change-layout { float: left; }


/*--------------------------------------------------------------
Compose Footer
--------------------------------------------------------------*/
.compose-footer { background: #fafafa; color: #333; font-size: 14.4px; padding-top: 40px; padding-bottom: 40px; }
.compose-footer .container { padding: 0; }

.compose-footer ul { list-style: none; padding: 0; }
.compose-footer ul ul { list-style: disc; margin-bottom: 10px; padding-left: 20px; }
.compose-footer li { color: #ccc; }
.compose-footer li li { padding: 5px 0 0; }
.compose-footer h3 { font-size: 24px; margin-top: 0; }
.compose-footer li p { color: #333; }


	/* Compose Footer - Social */
	ul.compose-social { list-style: none; padding: 0; }
	ul.compose-social li { display: inline-block; margin: 0 10px 0 0; }


	/* Compose Footer - Credit */
	.compose-credit { font-size: 13px; margin-top: 30px; text-align: center; }
	.compose-credit p { border-top: 1px dashed #ccc; display: inline-block; padding: 20px; }

	
/*--------------------------------------------------------------
Compose Home v2
--------------------------------------------------------------*/
.compose-home-v2 .navbar-collapse.collapse {
        text-align: center; /* Set this */
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
}
.compose-home-v2 .navbar-collapse.collapse li { text-align: left; }
.compose-home-v2 .navbar-nav { display:inline-block; float: none; margin: 0; }
	
.compose-home-v2  .compose-box { text-align: center; }
.compose-home-v2  .compose-box h3 { margin: 0; }
.compose-home-v2  .compose-box .fa { display: inherit; margin: 0 0 20px; }


/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden; }

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */ }

/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em; }
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em; }
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto; }
.alignnone, .alignnone img, .aligncenter, .aligncenter img, .alignleft, .alignleft img, .alignright, .alignright img { height: auto; max-width: 100%; }

/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:after { content: ''; display: table; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.site-footer:after,
.nav-links:after { clear: both; }

/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/
.widget { margin: 0 0 2.3em; }

/* Make sure select elements fit in widgets */
.widget select { max-width: 100%; }

/* Search widget */
.widget_search #search-submit { display: none; }
.widget_search .form-group { margin: 0; }
.searchform .col-xs-6 { padding-left: 0; }
.searchform #s { color: #999; border-radius: 2px; }
.searchform #s:focus { color: #333; }

/* Calendar */
#calendar_wrap caption { padding: 0 0 10px; text-align: right; }
.widget_calendar th { border: 1px solid #eee; padding: 3px 0; width: 1%; text-align: center; }
.widget_calendar td { border: 1px solid #eee; text-align: center; }
.widget_calendar td#prev { padding: 5px 10px; text-align: left; }
.widget_calendar td#next { padding: 5px 10px; text-align: right; }

.widget .post-date { color: #999; font-size: 11px; padding-left: 5px; }

/*--------------------------------------------------------------
Posts and pages
--------------------------------------------------------------*/
.sticky { }

.hentry { margin: 0; }

.byline,
.updated { display: none; }

.single .byline,
.group-blog .byline { display: inline; }

.page-content,
.entry-summary { margin: 2.3em 0 0; }

.entry-content { border-bottom: 1px dashed #eee; margin-bottom: 1.5em; }
.single .entry-content, .page .entry-content { border: 0; }

.page-links { clear: both; margin: 0 0 1.5em; }

.entry-content p { margin: 0 0 1.5em; }

.navigation { width: 100%; }
.nav-previous { float: left; }
.nav-next { float: right; }


/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
.comments-area { border-top: 1px dashed #eee; margin: 1.5em 0 0; }
.comments-area h3 { font-size: 30px; margin-top: 20px; line-height: 30px; }
.comment-content a { word-wrap: break-word; }
.bypostauthor { }

.form-submit { display: none; }

#comment { width: 100%; resize: vertical; }

#comment,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] { border-radius: 2px; color: #999; padding: 3px 9px; }

#comment:focus,
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus { color: #333; }

.comment-list { list-style: none; margin: 0 0 48px 0; }

.comment-author { font-size: 14px; line-height: 1.7142857142; }

.comment-list .reply,
.comment-metadata { font-size: 12px; line-height: 2; text-transform: uppercase; }

.comment-list .reply { margin-top: 10px; }

.comment-author .fn { font-weight: 900; }

.comment-author a { color: #2b2b2b; }

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a { color: #767676; }

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover { color: #41a62a; }

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
	padding-top: 24px; }

.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child { border-top: 0; }

.comment-author { position: relative; }

.comment-author .avatar { border: 1px solid #eee; border-radius: 50px; margin: 0 5px 0 0; padding: 2px; }

.bypostauthor > article .fn:before {
	content: "\f408";
	margin: 0 2px 0 -2px;
	position: relative;
	top: -1px; }

.says { display: none; }

.comment-author { padding: 0 0 10px; }

.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata { border-left: 1px dotted #eee; padding-left: 30px; }

.comment-list .reply { background: #fefefe; display: inline; padding: 5px 5px 5px 30px; }

.comment-edit-link { margin-left: 10px; }

.comment-edit-link:before { }

.comment-reply-link:before,
.comment-reply-login:before { margin-right: 2px; }

#cancel-comment-reply-link { background: #fefefe; border-right: 1px dotted #eee; padding: 6px 30px 6px 5px; width: auto; font-size: 14px; }

.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word; }

.comment-content ul,
.comment-content ol { margin: 0 0 24px 22px; }

.comment-content li > ul,
.comment-content li > ol { margin-bottom: 0; }

.comment-content > :last-child { margin-bottom: 0; }

.comment-content p { padding: 0 0 10px; }

.comment-list .children { list-style: none; margin-left: 15px; }

.comment-respond { margin-bottom: 24px; padding: 0; }

.comment .comment-respond { margin-top: 24px; }

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code { color: #767676; }

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as { font-size: 13px; font-style: italic; line-height: 1.7142857142; }

.no-comments {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.5;
	margin-top: 24px;
	text-transform: uppercase; }

.comment-form label { display: block; }

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] { width: 50%; }

.form-allowed-tags,
.form-allowed-tags code { font-size: 12px; line-height: 1.5; }

.required { color: #c0392b; }

.comment-reply-title small a {
	color: #2b2b2b;
	float: right;
	height: 24px;
	overflow: hidden;
	width: 24px; }

.comment-reply-title small a:hover { color: #41a62a; }

.comment-reply-title small a:before { font-size: 32px; }

.comment-navigation {
	font-size: 12px;
	line-height: 2;
	margin-bottom: 48px;
	text-transform: uppercase; }

.comment-navigation .nav-next,
.comment-navigation .nav-previous { display: inline-block; }

.comment-navigation .nav-previous a { margin-right: 10px; }

#comment-nav-above { margin-top: 36px; margin-bottom: 0; }

ol.comment-list { margin: 0 0 30px; padding: 0; }


/*--------------------------------------------------------------
Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none; }
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer { display: block; }


/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0; }
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object { max-width: 100%; }


/*--------------------------------------------------------------
 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%; text-align: right; }
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto; }
.wp-caption-text { border-bottom: 1px solid #eee; color: #999; display: inline-block;
	text-align: right; font-weight: bold; }
.wp-caption .wp-caption-text {
	margin: 0.8075em 0 0; }


/*--------------------------------------------------------------
Galleries
--------------------------------------------------------------*/
.gallery { margin-bottom: 16px; }
.gallery:after { clear: both; content: ' '; display: table; }

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative; }

.gallery-columns-1 .gallery-item { max-width: 100%; }

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 4px);
	max-width:         calc(50% - 4px); }

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 4px);
	max-width:         calc(33.3% - 4px); }

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px); }

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px); }

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px); }

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px); }

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px); }

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px); }

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; }

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; }

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
	transition: opacity ease-in 250ms; }

.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; }

.gallery-item:hover .gallery-caption { opacity: 1; transition: opacity ease-out 250ms; }

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption { display: none; }


/*--------------------------------------------------------------
Responsive Styles
--------------------------------------------------------------*/

@media (min-width: 991px) and (max-width: 1600px) {

/* Compose Carousel */
.compose-carousel-image .carousel .item { height: 400px; }

/* Compose Carousel in Full Width Template */
.compose-content-full .carousel .item  { background-size: 100% auto; height: 400px; }

}

@media screen and (max-width: 990px) {

/* Compose Carousel in Full Width Template */
.compose-content-full .carousel .item  { background-size: 100%; height: 200px; }

}

@media screen and (min-width: 783px) {
	/* Primary Navigation */

	.primary-navigation { padding: 0; }

	.primary-navigation .menu-toggle { display: none; padding: 0; }

	.primary-navigation .nav-menu { border-bottom: 0; display: block; margin: 0; padding: 0; }

	.primary-navigation.toggled-on { border-bottom: 0; margin: 0; padding: 0; }

	.primary-navigation li { border: 0; display: inline-block; position: relative; }

	.primary-navigation a { display: inline-block; padding: 10px 15px; white-space: nowrap; color: #ccc; font-weight: 400; }

	.primary-navigation .current-menu-item a { background-color: #111; }
	.primary-navigation li.current-menu-item a  { background-color: #111; }
	
	.primary-navigation li.current-menu-item li a { background-color: #333; }
	.primary-navigation li:hover  { background-color: #111; }
	
	.primary-navigation ul ul {
		background-color: #333;
		float: left;
		margin: 0;
		position: absolute;
		padding: 0;
		left: -999em;
		z-index: 99999; }

	.primary-navigation li li {
		border: 0;
		display: block;
		height: auto;
		line-height: 1.0909090909; }

	.primary-navigation ul ul ul { left: -999em; top: 0; }

	.primary-navigation ul ul a { padding: 10px 15px; white-space: normal; width: 180px; }

	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a { background-color: ; color: #fff; }

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a { background-color: ; }

	.primary-navigation ul li:hover > ul,
	.primary-navigation ul li.focus > ul { left: auto; }

	.primary-navigation ul ul li:hover > ul,
	.primary-navigation ul ul li.focus > ul { left: 100%; }

	.primary-navigation .menu-item-has-children > a,
	.primary-navigation .page_item_has_children > a { padding-right: 26px; }

	.primary-navigation .menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children > a:after {
		-webkit-font-smoothing: antialiased;
		content: "\f0d7";
		display: inline-block;
		font: normal 12px/1 FontAwesome;
		position: absolute;
		right: 12px;
		top: 13px;
		vertical-align: text-bottom; }

	.primary-navigation li .menu-item-has-children > a,
	.primary-navigation li .page_item_has_children > a { padding-right: 20px; width: 180px; 	}

	.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
	.primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
	.primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children li.page_item_has_children > a:after {
		content: "\f0da";
		right: 8px;
		top: 10px; }
}

@media screen and (max-width: 768px) {

.primary-navigation.toggled-on ul.nav-menu { margin: 20px 0 0; }
.navbar-toggle { border: 0; }
.navbar-collapse { border: 0; }

 
  
/* Header */
.compose-logo { text-align: center; padding-top: 10px; padding-bottom: 10px; }
.compose-social { text-align: center; padding-top: 0; padding-bottom: 10px; }


/* Navigation */
.navbar-nav { margin-left: 0; margin-right: 0; }


/* Compose Breadcrumbs */
.compose-breadcrumbs { padding-left: 15px; padding-right: 15px; }


/* Static Image */
.compose-caption h2 { }
.compose-caption p { line-height: 18px; }


/* Compose Action */
.compose-action-text { text-align: center; }
.compose-action .text-right { margin: 10px 0 0; text-align: center; }


/* Compose Boxes */
.compose-box { text-align: ; }
.compose-boxes [class*="col-"] { padding: 0; }
.compose-boxes [class*="col-"]:last-child p { margin: 0; }
.compose-boxes [class*="col-"]:last-child .btn { padding-bottom: 0; }

.compose-services .compose-boxes [class*="col-"] { padding: 0 15px; }


/* Compose Preview */
.compose-preview .compose-preview-image { display: inherit; float: left; padding: 0 0 20px; }
.compose-preview .compose-preview-image img { display: block; margin: auto; }
.compose-preview .compose-preview-text { display: inherit; float: left; }


/* Compose Content */


	/* Compose Product Intro */
	.compose-product-intro-image { padding: 0 0 10px; }
	
	/* Compose Portfolio */
	.compose-portfolio .caption { padding: 10% 0 0; }
	.compose-portfolio .modal-dialog img { display: block; margin: auto; }
	
	/* Compose Services */		
	.compose-services  .compose-services-feature-media { padding-left: 0; padding-right: 0; }
	.compose-services  .compose-services-feature-media img { display: block; margin: auto; }
	.compose-services-action { padding: 40px 0 30px; }
	.compose-services-action-content, .compose-services-action-media { padding-right: 0; }
	

/* Compose Aside */
.compose-aside { padding: ; }


/* Comments */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] { width: 100%; }


}


@media screen and (max-width: 767px) {
  
/* Compose Boxes */
.compose-boxes { padding-bottom: 10px }
.compose-boxes [class*="col-"] { padding: 0 0 30px; }
  

/* Compose Content */
	.compose-content { padding: ; }
	
	
	/* Compose Portfolio */
	.compose-portfolio .caption { padding: 15% 0 0; }

	
	/* Compose Services */
	.compose-services .compose-boxes [class*="col-"] { padding: 0 15px 20px; }
	.compose-services-action-content p { margin: 0 20px 10px; }
	
	
	/* Compose Blog Post */
	.compose-blog-post .compose-blog-image img { display: block; margin: 0 auto 10px; }
	.compose-blog-post [class*="col-"] { padding: 0; }
	.compose-blog-post .compose-blog-image ul { text-align: center; }
	
}

@media screen and (max-width: 640px) {

body { font-size: 12px; }


/* Static Image */
.compose-caption h2 { font-size: 30px; font-weight: 700; }
.compose-caption p { font-size: 18px; line-height: 18px; }
.compose-caption { right: 10%; left: 10%; }


/* Compose Content */

	/* Compose Blog Post */
	.compose-blog-post .compose-blog-image ul { text-align: left; }

}

@media screen and (max-width: 480px) {

/* Compose Carousel */

.carousel .compose-caption h2 { font-size: 20px; }
.carousel .compose-caption p { font-size: 14px; margin: 5px 0 0; }

/* Compose Boxes */
.compose-box .fa { font-size: 30px; }


/* Compose Portfolio */
.compose-portfolio .caption h4 { font-size: 18px; }
.compose-portfolio .caption p { display: none; }
.compose-portfolio .caption .fa { font-size: 18px; }
.compose-portfolio .caption { position: absolute; padding: 10% 0 0; top: -150%; }

}
/* category description */
.content-bg .page-title .taxonomy-description {
	margin-top: 15px;
	margin-right: 15px;
	
}
.content-bg .page-title {
	padding-left: 15px;
}
.content-bg .page-title .taxonomy-description p {
	color: white;
}
.content-bg .page-title .taxonomy-description p a {
	color: yellow;
}