/*
Theme Name: Beecrew
Theme URI: http://beetechno.com/theme/beecrew
Author: Beetechnology team
Author URI: http://beetechno.com
Description: Beecrew is a single-page theme that displays all the essential features of your website on the home page. It makes easy for the users to get all the required information within a single page. Beecrew is a professional and outstanding responsive business WordPress Theme. Beecrew was built keeping the simplicity of design in mind. The whole interface of Beecrew Theme is clutter free and the place for the most important business content is provided.
You just need to create your pages that will automatically appear on the home page. All page names will be displayed on menu bar. When users click on the particular menu option, they will get redirected to that particular section on the home page. No page browsing. No page loading. It's quick, easy and simple.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, custom-colors, custom-menu, editor-style, featured-images, post-formats, sticky-post, threaded-comments 
Text Domain: beecrew

SUGGESTION! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. 
*/

/* Font Face */
@font-face {
    font-family: 'Muli';
    src: url('css/fonts/muli-webfont.woff2') format('woff2'),
         url('css/fonts/muli-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* Font Face */

body{
	margin: 0 auto;
	line-height: 24px;
	font-size: 16px;
	font-family: 'Muli', sans-serif;
	padding-top: 40px;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-weight: bold;
}

h2{
	font-size: 80px;
}

ul,
ol{
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

a{
	text-decoration: none;
	color: #666;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

a:hover,
a:focus,
a:active{

	color: #666;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

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

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

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


/*caption classes*/
.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

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

.gallery-caption{
    margin: 0 auto;
}

/*autor post*/
.bypostauthor{
    color: #ff5c26;  
}

.bypostauthor .fn{
    margin-left: 20px;
    text-transform: uppercase;
}

.bypostauthor .comment-content{
    color: #101010;
}

.sticky{
    margin: 0 auto;
    text-align: center;
}

/*owl*/
.owl-theme .owl-controls .owl-buttons div{
	border-radius: 0px;
	padding: 0px;
}

.owl-theme .owl-controls {
    margin-top: 25px;
}

.owl-theme .owl-controls .owl-buttons div .fa{
	height: 40px;
	width: 40px;
	line-height: 40px;
}

/*----navbar----*/
.navbar-top {
    clear: both;
    min-height: 50px;
}

.navbar-default {
    background-color: #fff;
    border: none;
    height: 100px;
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border-radius: 0px;
	margin-bottom: 0px;
}

.logo{
	margin-top: 17px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.nav.navbar-nav {
    margin-top: 33px;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.navbar-default .navbar-nav .active a,
.navbar-default .navbar-nav .active a:focus,
.navbar-default .navbar-nav .active a:hover {
    background-color: transparent;
    color: #ffc926;
}

.navbar-default .current-menu-item a {
    color: #ffc926 !important; 
}

.navbar-default .navbar-nav li a{
	color: #666;
	font-size: 17px;
}

.navbar-default .navbar-nav li a:hover{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.navbar-default .navbar-nav li a:focus,
.navbar-default .navbar-nav li a:hover {
    color: #ffc926;
    background-color: transparent;
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
 }


.nav-toggle {
    display: inline-block;
    position: relative;
    top: 38px;
}

.affix {
      top:0;
      width: 100%;
      z-index: 9999999 !important;
}

.navbar.navbar-default.affix.shrink{
  	height: 80px;
  	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background: #fff;
	color: #666;
}

.navbar.navbar-default.affix.shrink .navbar-nav li a{
  	color: #666;
}

.navbar.navbar-default.affix.shrink .navbar-nav .active a{
  	color: #ffc926;
}


.navbar.navbar-default.affix.shrink .navbar-nav li a:hover,
.navbar.navbar-default.affix.shrink .navbar-nav li a:focus,
.navbar.navbar-default.affix.shrink .navbar-nav li a:active{
  	color: #ffc926;
}


.navbar.navbar-default.shrink .logo {
    margin-top: -5px;
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.nav-toggle{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.navbar.navbar-default.affix.shrink .nav-toggle{
	top: 20px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.navbar.navbar-default.shrink  .nav.navbar-nav {
    margin-top: 15px;
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#myNavbar {
    float: left;
}

#searchform {
    width: 630px;
    float: right;
    background: #fff;
    display: none;
    position: absolute;
    top: 100px;
}

.navbar-form .input-group {
    width: 600px;
}

.navbar-form .input-group > .form-control{
	 width: -webkit-calc(100% - 60px);
     width: calc(100% - 60px);
	height: 60px;
	display: inline-block;
	border-radius: 0px;
}

#search-icon {
    margin-left: -2px;
    height: 60px;
    background: #ff6600;
    box-shadow: none;
    border: none;
    width: 60px;
    color: #fff;
    font-weight: bold;
    text-transform: capitalize;
    position: relative;
}

.nav-toggle .fa.fa-bars {
    padding: 0px 15px;
    font-size: 30px;
    margin-top: -3px;
    position: relative;
    z-index: 1;
}

.nav-toggle .fa.fa-search {
    position: relative;
    top: -5px;
    padding: 0px 5px 0px 7px;
}

/*navbar shrink*/
.navbar.navbar-default.affix.shrink #searchform{
    top: 80px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/*---top carousel section---*/

.top-carousel{
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.top-carousel .item:after{
	content: '';
    background: #000;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    opacity: 0.9;
    top: 0;
    left: 0;

}
.top-carousel .item img{
    width :100%;
}

.top-carousel .owl-controls {
    margin-top: -36%;
    text-align: center;
    transform: rotate(90deg);
    float: right;
}

.top-carousel .owl-theme .owl-controls .owl-page span {
    background: #fff;
    border:none;
} 

.top-carousel .owl-theme .owl-controls .owl-page.active {
    border: 2px solid #fff;
    border-radius: 50%;
}

.top-carousel .caption {
    position: absolute;
    color: #fff;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    display: block;
    text-align: center;
    bottom: 50%;
    z-index: 1;
}

.top-carousel .caption h2{
	font-size: 32px;
	text-shadow: 1px 1px 0px #fff;
}

.top-carousel .caption h3{
	font-size: 72px;
	text-transform: capitalize;
	text-shadow: 1px 1px 0px #fff;
}

.get-started {
    margin-top: 20px;
}

.btn {
    color: #fff;
    font-weight: bold;
    padding: 15px 25px;
    border-radius: 25px;
    text-transform: uppercase;
}

.btn.started{
	background: #ff6600;
}

.btn.started:hover{
	background: #f00;
}

.btn.started.blue {
    background: #1E9E6B;
    margin-left: 20px;
}

.btn.started.blue:hover {
    background: #1D7250;
}

.btn:hover{
	color: #fff;
}

.section-heading {
    margin: 0 auto;
    text-align: center;
} 

.section-heading h3 {
    text-transform: uppercase;
    font-size: 35px;
}

.section-subtitle {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 20px;
    color: #999999;
    margin-bottom: 15px;
    text-align: center;
}

.title-arrow {
    z-index: 1;
    margin-bottom: 20px;
}

.title-arrow:before {
    font-family: FontAwesome;
    content: "\f13d";
    opacity: 0.5;
    position: relative;
    font-size: 25px;
}

.border{
	padding: 10px;
	border:1px solid #ddd;
}


/*---features section---*/
.wrapper{
	padding-bottom: 70px;
	padding-top: 70px;
}
.wrapper.features{
	background: #F9F9F9;
	background-attachment: fixed;
	background-size: cover;
}

.feature-description {
    padding: 60px 20px;
    background: #fff;
    margin: 0px -15px;
    color: rgb(123, 123, 123);
	border: 1px solid #eee;
	box-shadow: 0px 0px 1px #eee;
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.feature-title {
    font-size: 30px;
    padding-bottom: 20px;
    color: #444444;
    font-weight: bold;
    text-transform: capitalize;
}

.feature-bg {
    width: 100%;
    font-size: 90px;
    position: absolute;
    opacity: 0.1;
    text-align: right;
    right: 40px;
    top: 15px;
}


/*---about---*/
.about-introduction {
    padding: 10px 100px;
    font-size: 20px;
    text-align: center;
}

.about-top.clearfix {
    text-align: center;
    color: #8C8C8C;
}

.about-top .fa {
    font-size: 60px;
    margin: 5px auto;
    cursor: pointer;
    display: block;
}

.about-top .nav-tabs.nav-justified > .active > a,
.about-top .nav-tabs.nav-justified > .active > a:focus,
.about-top .nav-tabs.nav-justified > .active > a:hover {
    border: none;
    color: #ff5c26;
    border-bottom: 2px solid red;
}

.about-top .nav-tabs.nav-justified > li > a {
   border: 0px;
   cursor: pointer;
}

.about-top .nav > li > a:focus,
.about-top .nav > li > a:hover {
    background-color: #fff;
    color: #0099CC;
    border: none;
}

.about-top .contact-info{
	color: #666;
	text-align: left;
}

.about-top .nav-tabs.nav-justified {
    margin-bottom: 40px;

}

.top-tab {
    margin: 0px 150px;
}

.top-tab li a{
    color: #0099cc;
}

.about-desc .list-wrapper p {
    margin-bottom: 0px;
}

.list-wrapper p {
    margin-bottom: 0px;
}

.about-image {
    margin-top: 50px;
}

.tab-content {
    text-align: left !important;
}

.about-desc {
    color: #666;
    line-height: 28px;
}

.about-desc h3 {
    font-size: 50px;
    color: #000;
    margin-bottom: 25px;
}

.about-desc p {
    margin-bottom: 25px;
}

.btn.read-more {
    border: 1px solid #ff6600;
    color: #ff6600;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 200;
    border-radius: 50px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.btn.read-more:hover{
	background: #ff6600;
	color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.our-status{
    text-align: center;
    padding: 10px 0px 40px;
	border: 1px solid #eee;
	margin-top: 60px;
}


.our-status .count {
    width: auto;
    display: inline-block;
    margin-left: 10px;
    font-size: 40px;
    font-weight: bold;
    color: #666;
    text-shadow: 1px 1px 0px #666;
}

.our-status p {
    margin: 10px 0px;
}

.our-status.services{
    border: none;
    text-align: left;
    margin-top: 0px;
    padding-top: 0px;
}



.our-status.services p {
    width: 77%;
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
}

.about .our-status .block.animated.fadeInUp {
    margin-bottom: 15px;
}

.about .our-status .fa,
.contact-info .fa{
	font-size: 35px;
	line-height: 60px;
	background: #ff6400;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	text-align: center;
	color: #fff;
    margin-top: 30px;
	border: 2px solid #ddd;
	box-shadow: 1px 1px 5px #666;
	display: inline-block;
    
}

.our-status.services .fa{
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}

.contact-info .fa{
	margin-top: 10px;
}

.about-list .col-md-10{
	padding-left: 30px
}

/*---portfilio---*/
.portfilio h2::before{
	right: 36%;
}

.portfilio h2::after{
	right: 62%;
}

.portfilio-filter{
    padding: 10% 0px;
}

.portfilio-filter li {
    display: inline-block;
}

.portfilio-filter li a {
    padding: 10px 25px;
    border: 1px solid #ff6600;
    margin: 0px 10px;
    font-size: 18px;
    text-transform: uppercase;
    color: #666;
    text-decoration: none;
}

.portfilio-filter li a:hover,
.portfilio-filter li a:focus,
.portfilio-filter li a:active{
    background: #ff8000;
    border: 1px solid #ff8000;
    color: #fff;
}

.portfilio-wrap{
	overflow: hidden;
	position: relative;
}

.portfilio-wrap img {
    overflow: hidden;
}

.portfilio-items, 
.portfilio-filter {
  list-style: none outside none;
  margin: 0 0 40px 0;
  padding: 0;
}

.portfilio-item{
	margin-top: 2%;
}

.portfilio-filter {
    padding: 2% 0px 2% 0px;
}

.portfilio-inner{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfilio-inner h3{
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
}

.p-image:hover.portfilio-inner,
.p-image:hover .portfilio-inner a
 {
    color: #fff;
	z-index: 11;
	position: relative;
	margin-top: -87px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.p-image:hover .mask,
.p-visit:hover .mask
{
    opacity: 0.9;
    z-index: 1; 
}

.portfilio-wrap:hover .p-visit {
	opacity: 1;
	color: #fff;
}

.mask {
    opacity: 0;
    overflow: visible;
    border: 165px solid #000;
    box-sizing: border-box;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    top: 0px;
    position: absolute;
    width: 100%;
    z-index: 1;
    height: 100%;
}

.p-visit {
   position: absolute;
	top: 40%;
    left: 0;   
	right: 0;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	border-radius: 25px;
	font-weight: bold;
	z-index: 1;
	width: 180px;
	height: 50px;
	line-height: 50px;
	background: #1E9E6B;
	opacity: 0;
	text-transform: uppercase;
 }


/*--testimonial---*/
.tslider-wrapper {
    padding: 60px 0px;
}

.wrapper.testimonial {
    background: #F9F9F9;
    background-attachment: fixed;
    background-size: cover;
}


.testimonial .banner-slider.owl-carousel.owl-theme {
    padding: 10px 0px;
}

.testimonial .reviewer-image {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border-radius: 50%;
    border: 15px solid #fff;
    overflow: hidden;
}

.testimonial .description {
    width: 80%;
    background: #fff;
    margin-top: -61px;
    margin: 0 auto;
    margin-top: -61px;
    padding:60px 60px 40px 60px;
    text-align: center;
}

.testimonial .description .name {
    padding: 20px 0px 0px 0px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}

.testimonial .review {
    padding: 10px 60px;
}

.testimonial .description .degination {
    color: #ff6600;
}

.testimonial .description .review::before {
    font-family: FontAwesome;
	top: -27px;
	left: -37px;
	padding-right: 10px;
	content: "\f10d";
	opacity: 0.5;
	position: relative;
	font-size: 40px;
}

.testimonial .description .review::after {
    font-family: FontAwesome;
    top:30px;
    left:40%;
    padding-right:10px;
    content: "\f10e"; 
    position: relative;
    opacity: 0.5;
    font-size: 40px
}

.testimonial .owl-pagination {
    position: absolute;
    right: 0;
    left: 0;
}

.owl-theme .owl-controls .owl-page span {
    width: 4px;
    height: 4px;
    margin: 7px;
    background: #000;
    border:none;
    opacity: 1;
} 

.owl-theme .owl-controls .owl-page.active {
    border: 1px solid #000;
    border-radius: 50%;
}


/*--pricing--*/
.price-wrapper1,
.price-wrapper2,
.price-wrapper3{
    padding: 50px 50px 20px 50px;
    border: 1px solid #eee; 
}

.price-wrapper1 {
    margin: 90px -50px 90px 10px;
    background: #FBFBFB;
}

.price-wrapper2 {
	margin: 40px 10px;
    background: #fff;
    border-top: 8px solid #ff6400;
    box-shadow: 0px 0px 5px #ddd;
    position: relative;
    z-index: 1;
    padding-bottom: 50px;
}

.price-wrapper3 {
	margin: 90px 0px 90px -70px;
	padding-left: 75px;
	background: #FBFBFB;
}

.price-wrapper2 .price.standard{
	margin-top: 45px;
}

.price-wrapper2:hover .price.standard {
    color: #ff6400;
    
}

.price-wrapper2:hover .price.standard .price-range {
    text-shadow: 2px 2px 1px #ff6600;
}

.btn.started.price-btn {
    border-radius: 0px;
    margin: 25px 0px;
    background: none;
    border: 1px solid #ff6600;
    color: #ff6600;
}

.btn.started.price-btn:hover{
	background: #ff6600;
	color: #fff;
}

.comming {
    color: #666;
    opacity: 0.5;
}

.price-desc ul li{
	padding: 6px 0px;
}

.price-desc ul li i{
	margin-right: 15px;
	color: #ff6400;
}

.price.standard {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 20px;
} 

.price.standard .price-title {
    text-transform: uppercase;
    font-weight: bold;
    color: #ff6400;
}

.price.standard .price-range {
    font-size: 50px;
    font-weight: bold;
    text-shadow: 2px 2px 1px #363434;
    letter-spacing: 3px;
}

.price-desc {
    padding-top: 40px;
    text-align: center;
}


/*---blog---*/
.blog-wrapper{
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 2px 10px #999;
    margin-left: -10px;
    margin-right: -10px;
}

.blog-image {
    overflow: hidden;
}

.blog-des {
    padding: 0px 10px 0px 10px;
    text-align: center;
     color: #545454;
}

.blog-des .btn.read-more {
    padding: 10px 25px;
    margin: 15px 0px 25px 0px;
}

.blog-title {
    font-size: 20px;
    font-weight: bold;
    text-transform: capitalize;
    line-height: 30px;
    margin: 15px 0px;
}


/*---team----*/
.team{
	background: #F9F9F9;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

.team-image img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

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

.team-wrapper {
    background: #f9f9f9;
    border: 1px solid #ddd;
    padding: 30px;
    text-align: center;
    margin: 0px 2px;
}

.team-slider .owl-item:nth-child(even) .team-wrapper {
	background: #EEE;
}

.team-detail .degination {
    padding: 10px 0px 0px 0px;
    text-transform: capitalize;
    color: #666;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.team-detail .p-name {
    padding: 20px 0px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ff6400;
    margin: 0 auto;
}

.team-detail .p-name::after {
    content: '';
    border-bottom: 4px solid #d4d4d4;
    display: block;
    width: 80px;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
}

.team-detail .p-detail {
    line-height: 30px;
}

.team-detail .social {
	margin-top: 20px;
}

.team-detail .social li {
    display: inline-block;
}

.team-detail .social .fa{
	height: 40px;
	width: 40px;
	border: 1px solid #ddd;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.team-detail .social .fa:hover{
	background: #ff6400;
	color: #fff;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
    border-color: #ff6400;
}

.team .owl-buttons {
    position: absolute;
    right: 0;
}


/*---clients---*/
 .clients .client-slider .item img{
 	margin: 0 auto;
 }

 .clients .client-slider{
 	padding-top: 60px;
 }


/*---contact---*/
.contact {
    background: url("images/background-images/bg2.jpg");
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

.contact:after{
	content: '';
    background: #000;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    opacity: 0.9;
    top: 0;
    left: 0;

}

.contact .section-heading h3,
.contact .section-heading .section-subtitle{
	position: relative;
	z-index: 1;
	color: #fff;
}

.contact-form,
.contact-info {
    z-index: 1;
    position: relative;
    color: #fff;
}

.contact-info h3{
	text-shadow: -1px 1px 0px #fff;
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: 10px;
}

.contact-info .fa{
	background:none;
	font-size: 50px;
	color: #ff6400;
	margin-top: 5px;
	border: none;
	box-shadow: none;
}

.contact-form .form-control{
	border-radius: 0px;
	height: 50px;
}

.contact-form .form-control.text{
	height: auto;
}

.btn.contact {
	background: #1E9E6B;
	overflow: hidden;
	color: #fff !important;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.btn.contact:hover {
	background: #1D7250;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.contact .list-wrapper.clearfix.wow.fadeInUp.animated {
    margin-bottom: 15px;
}

.copyright a{
	color: #fff;
	text-decoration: underline;
}

#message-success {
    background: #fff;
    margin: 20px 0px;
    padding: 10px 20px;
    border-radius: 5px;
    display: none;
}

#message-success p.error {
    color: #da1111;
    font-family: 'Muli', sans-serif;;
    margin-bottom: 5px;
}

#message-success p.success {
    color: #0072aa;
    font-family: 'Muli', sans-serif;;
    margin-bottom: 5px;
}


/*preview home page*/
.widget.categories {
    margin-top: 40px;
}

.widget-area .widget {
    margin-bottom: 10px;
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    -moz-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

.widget-area .widget .form-group {
     margin-bottom: 0px; 
}

.widget h2 {
    text-transform: capitalize;
    letter-spacing: -1px;
    margin-bottom: 20px;
    font-size: 30px;t
}

ol.children {
    margin-left: 35px;
}

.widget.comments span {
    margin-left: 10px;
    font-size: 14px;
    font-style: italic;
    color: #ff5c26;
}

.sidebar-form .form-group {
    width: 100%;
}

.sidebar-form .input-group {
    width: 100%;
}

.sidebar-form .input-group > .form-control{
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    height: 60px;
    display: inline-block;
    border-radius: 0px;
}

.sidebar-form input.form-control {
    height: 45px;
    border-radius: 0px;
}

.sidebar-form  #search-icon{
    width: 60px;
}

.preview-main {
    margin-top: 10px;
    background: #f9f9f9;
}

.content-area .post-title{
    font-size: 20px;
    margin-bottom: 30px;
}

.content-area .post-title a{
    color: #000;
}

.content-area .post-meta {
    margin-bottom: 20px;
}

.content-area .post-meta span {
    margin: 0px 5px;
    border-left: 1px solid #666;
    margin-left: ;
    padding-left: 10px;
}

.content-area .post-meta span .fa {
    color: #f60;
}

.content-area .post-meta span:first-child{
    border: none;
    margin-left: 0px;
    padding-left: 0px;
}

.widget ul li {
    margin: 10px 0px;
    border-bottom: 1px dotted #c6c5c5;
    padding-bottom: 10px;
}

.post {
    margin-top: 40px;
}

.post.about p{
    margin-bottom: 30px;
}

.reply{
    margin: 50px 0px;
}

.post {
    margin-bottom: 40px;
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    -moz-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

.post-content {
    margin: 40px 0px 0px 0px;
    font-weight: 200;
    color: #666;
    font-size: 16px;
    text-align: justify;
    line-height: 25px;
}

.post .btn.read-more {
    padding: 5px 15px;
    margin-top: 20px;
}

.site.footer {
    padding: 40px 0px;
}

.copyright {
    float: left;
}

.theme-info {
    float: right;
}

.theme-info a {
    background: #ff5c26;
    padding: 5px 10px;
    color: #fff;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}


/* page*/
.post-content.page p{
    margin-bottom: 30px;
}


/* detail page*/
p.response-count {
    color: #ff5c26;
    text-transform: uppercase;
    font-weight: bold;
}

.post.response {
    margin: 40px 0px;
}

.response-all {
    margin: 40px 0px;
}

.r-image {
    width: 20%;
    display: inline-block;
    margin-right: 30px;
}

.r-response {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    padding: 20px 20px 10px;
    min-height: 80px;
    margin-bottom: 30px;
    background-color: #f1f1f1;
    border: 1px solid #d3d3d3;
    font-size: 14px;
    position: relative;
}

.r-response:before{
    position: absolute;
    left: -11px;
    top: 19px;
    content: "";
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid #d3d3d3;
}

.r-response .author {
    color: #ff5c26;
    text-transform: uppercase;
    font-weight: bold;
}

.r-response .date {
    margin: 0 0 10px;
    color: #999;
    font-size: 12px;
}

.site.footer {
    background: #000;
    color: #c3c2c2;
    opacity: 0.8;
}

.pager{
    text-align: left;
    padding: 20px 0px;
}

.pager a {
    border-radius: 0px !important;
    border: 1px solid #ff5c26 !important;
}

.pager a:hover {
    
    background: #ff5c26 !important;
    color: #fff;
}

.search-result {
    margin: 40px 0px;
    text-align: center;
    color: #f60;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
}

.search-term {
    font-style: oblique;
    text-transform: none;
    color: #f90;
}

.btn-bottom {
    margin-bottom: 40px;
}

.btn-bottom li{
    display: inline-block;
}

.btn-bottom li.next{
    float: right;
}

.preview-main .post-image img {
    width: 100%;
}

.index_titles.blog.single {
    background: #f9f9f9;
    border-radius: 5px;
    padding: 12px 0px 10px 40px;
    width: 100%;
}

span.current {
    color: #ff6600;
}

input#submit {
    background: #1E9E6B;
    overflow: hidden;
    color: #fff !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-weight: bold;
    padding: 15px 25px;
    border-radius: 25px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-style: none;
}

input#author {
    height: 50px;
}

input#email {
    height: 50px;
}


/*comments*/
h3#comments {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    color: #ff5c26;
    margin-bottom: 40px;
}

.comment-author.vcard img {
    border-radius: 50%;
}

.commentlist .comment-body{
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    -moz-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

.commentlist .children li {
    border: none;
}

.commentlist span.says {
    display: none;
}

.commentlist b.fn a {
    color: #000;
    margin-left: 10px;
    text-transform: uppercase;
}

.commentlist .comment-metadata {
    position: relative;
    top: -40px;
    float: right;
    font-size: 15px;
}

.commentlist .comment-content {
    padding: 30px;
}

.commentlist .reply {
    margin: 0px; 
    text-align: right;
}

.commentlist span.edit-link a {
    color: #ff5c26;
    font-weight: bold;
    margin: 0px 10px;
}
.commentlist .reply a {
    padding: 5px 10px;
    /* background: #eee; */
    color: #000;
    -webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    -moz-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    box-shadow: 0 4px 6px rgba(100, 100, 100, 0.3);
}

div#respond {
    margin: 50px 0px;
}

p.logged-in-as a {
    color: #ff5c26;
}

p.logged-in-as {
    text-align: right;
}

.commentlist {
    -webkit-padding-start: 0px;
}

h3#reply-title {
    position: relative;
    margin: 0px;
}

a.more-link {
    display: block;
}

.widget.categories {
    font-family: 'Muli', sans-serif;;
}

span.comment-author-link {
    text-transform: capitalize;
    font-weight: bold;
}

/* end css */