/*!
Theme Name: Compose
Theme URI: http://www.weborithm.com/compose
Description: Starter template for your web projects, powered by Bootstrap.
Version: 0.9
Author: Weborithm
Author URI: http://www.weborithm.com/
Tags: clean, minimal, light, theme-options
License: GNU General Public License v3.0
License URI: https://www.gnu.org/copyleft/gpl.html
*/

/*

 * 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 */

	/* 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: 14px; font-weight: 300; }
a {  }
a:hover, a:focus { color: #F99111; text-decoration: none; }
p { line-height: 22px; }
blockquote { margin-top: 20px; }


/* Fonts */
body strong { font-weight: 700; }
h1, h2, h3, h4, h5, h6 { color: #111; font-family: 'Source Sans Pro', sans-serif; font-weight: 200; }
h2 { 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; }


/* Logo */
.compose-logo { float: none; 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: 36px; font-weight: 300; line-height: 1.1; margin: 0; }
.compose-logo-tagline { font-style: italic; 	margin: 0; }


/* Navigation */
.navbar { border-radius: 0; margin: 0; min-height: inherit; }
.navbar-collapse { padding: 0; min-height: normal; }
.nav > li > a { padding: 10px 15px; }
.navbar-inverse .navbar-nav > li > a { color: #ccc; }
.nav > li.active > a, .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { font-weight: 600; padding: 10px 15px; }
.compose-home-v2 .nav > li > a:hover { background: none; }



/* Compose Breadcrumbs */
.compose-breadcrumbs { padding: 10px 0 0; text-align: right; }
.compose-breadcrumbs:after { content: ""; display: block; border-bottom: 3px dotted #eee; width: 12px; height: 1px; margin: 10px 0 0; float: 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 Static Image */
.compose-static-image { color: #fff; 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(img/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 {  font-size: 18px; font-weight: 400; line-height: 22px; margin: 0 0 15px; }


/* Compose Carousel */
.compose-carousel-image { padding: 0; }
.carousel .carousel-caption h3 { border-radius: 2px; color: #fff; display: inline-block; font-size: 36px; font-weight: 900; padding: 5px 15px; text-transform: uppercase; }


/* 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 Action */
.compose-action { border-bottom: 1px dashed #eee; padding: 40px 0; }
.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: 40px 0; }
.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: 36px; }
.compose-box .caption { display: table-cell; vertical-align: top; padding-left: 15px; }
.compose-box .btn { padding-left: 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: 40px 0; }
.compose-preview [class*="col-"]:first-child { padding-right: 30px; }
.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; padding: 0; vertical-align: bottom; }
.compose-preview .compose-preview-image img { width: 100%; height: auto; }
.compose-preview .compose-preview-text { display: table-cell; float: none; padding: 0; }


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


/* Compose Content */
.compose-content { padding-left: 0; }
.compose-content [class*="col-"] { padding-left: 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 h2 { border-bottom: 1px dashed #eee; margin-bottom: 20px; padding: 0 0 10px; }
	.compose-blog-post .compose-blog-image img { margin-bottom: 10px; }
	.compose-blog-post .compose-blog-image ul { list-style: none; margin:; padding: 0; }
	.compose-blog-post .compose-blog-image li { display: inline; padding-right: 15px; }
	.compose-blog-post .compose-blog-image .fa { color: #555; padding-right: 2px;}

	/* 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 Aside */
.compose-aside { padding-right: 0; }
.compose-aside ul { list-style: none; margin: 0; padding: 0; }
.compose-aside ul ul { list-style: url(img/li.png); margin: 0 0 20px; padding-left: 20px; }
.compose-aside ul ul ul { list-style: circle; }
.compose-aside li li { border-bottom: 1px dotted #eee; padding: 10px 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; }


/* Compose Footer */
.compose-footer { background: rgba(245,245,245, 0.5); margin-top: 40px; padding: 40px 0; }
.compose-footer .container { padding: 0; }

.compose-footer ul { padding-left: 20px; }
.compose-footer li { color: #ccc; }
.compose-footer h3 { margin-top: 0; }
.compose-footer li p { color: inherit; }


	/* 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; }


@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 (max-width: 768px) {


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


/* Compose Breadcrumbs */
.compose-breadcrumbs { }


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


/* Compose Action */
.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 15px 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: 0; }


}


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


/* Compose Content */
	.compose-content { padding: 0; }
	
	
	/* 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  { padding: 0; }
	.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: 5%; left: 5%; }


/* Compose Content */


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

}


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


/* 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%; }

}