/*
Author       : Sviatoslav Beliavenko
Template Name: Printex - Printing and delivery of the documents
Description  : This is html5 template
Version      : 1.0
*/

/*
    01. START GENERAL STYLE (body, link color, section-heading, preloader, btn, overlay, section-padding etc)
    02. START HEADER DESIGN
    03. START HOME DESIGN
    04. START FEATURE DESIGN
    05. START FRANCHISE DESIGN
    06. START TEAM DESIGN
    07. START COUNTER DESIGN
    08. START PRICING DESIGN
    08. START TESTIMONIAL DESIGN
    10. START BLOG DESIGN
    11. START NEWSLETTER DESIGN
    12. START CONTACT DESIGN
    13. START FOOTER AND COPYRIGHT DESIGN
*/
  


/* 01. START GENERAL STYLE */

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.5px;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
    font-weight: 
    line-height: normal;
    color: #3c465a;
}

p {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    color: #808080;
    margin: 0;
}

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

a:focus,
a:hover {
	outline: none;
	text-decoration: none;
}

img {
	max-width: 100%;
}

/* END GENERAL STYLE */



/*START PRELOADER DESIGN*/

.stl {
    content:url("../images/logo2.png");
}

.preloader {
	background:#fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;	
}

.spinner {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	font-size: 10px;
	text-indent: -12345px;
	z-index: 10000;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #00bf50;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* END PRELOADER DESIGN */



/* START DEFAULT BTN */

.slide_content.slider_btn,
.slide_content .slider_btn {
    background: transparent;
    border: 1px solid #fff;
    margin-left: 20px;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
	margin-bottom: 20px;
    padding: 14px 38px;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.slide_content .slider_btn.active_btn,
.slide_content .slider_btn:hover {
	color: #fff;
	background: #00bf50; 
	border-color: #00bf50;
	text-decoration: none;
}

.main_btn {
    font-size: 14px;
    padding: 14px 28px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 15px;
	border-radius: 30px;
    border: 1px solid #fff;
    background: #fff;
    color: #00bf50;
    transition: all 0.3s;
}

.main_btn:focus,
.main_btn:hover {
	background: #fff none repeat scroll 0 0!important; 
	color: #1d2025;
	border-color: #fff;
	outline:0 none;
}

.white_bg .main_btn.wh_btn {
    background: #00bf50;
    color: #fff;
}

.white_bg .main_btn.wh_btn:hover {
    background: #1d2026!important;
    color: #fff;
}

.ct_btn {
	background: #00bf50;
	color: #fff;
    margin-top: 30px;
    outline: 0 none !important;
}

.ct_btn:hover {
	background: #1d2026!important;
	color: #fff;
}

/* END DEFAULT BTN */


/* START DEFAULT-COLOR */

.text_white {
	color: #fff !important;
}

.gray_bg{
	background: #f7f7f7;
}

/* END DEFAULT-COLOR */



/* START SECTION-PADDING */

.section_padding {
    padding: 80px 50px;
    overflow: hidden;
}

/* END SECTION-PADDING */



/* START SECTION-HEADING */

.section_heading {
	position: relative;
    padding-bottom: 30px;
    overflow: hidden;
}

.section_heading h2 {
    font-size: 34px;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 600;
}

.section_heading p {
    max-width: 780px;
    margin: 0 auto;
}

.heading_border {
    margin: 15px auto;
    width: 65px;
    height: 1px;
    background: #00bf50;
}

/* END SECTION-HEADING */



/* START HEADER DESIGN */

.navbar-default {
    background-color: transparent;
    border: none;
    padding: 25px 0;
}

.navbar-brand {
	height: auto;
	padding: 0;
}

.navbar-brand { padding: 0px }
.navbar-default .navbar-nav>li>a {
    color: #fff;
}

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

.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover {
    color: #00bf50;
    background: transparent;
}

.main_menu li a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    transition: all linear .3s;
}

.nav {
    padding-right: 30px;
}

.main-order {
    background-color: #00bf50;
    border: none;
    border-radius: 50px;
    padding: 12px 24px 12px 24px;
    margin-top: 5px;
    float: right;
    outline: 0 none !important;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

a button:hover {
    background-color: #1d2025 !important;
}

a button {
    transition: all 0.3s;
}

.mobile-nav {
	display: none;
}

.navbar-default.sticky_menu {
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px #bfbfbf;
    padding: 25px 0;
    width: 100%;
	animation: fadeInDown 1s both 0.2s;
}

.navbar-default.sticky_menu .navbar-nav>.active>a, 
.navbar-default.sticky_menu .navbar-nav>.active>a:focus, 
.navbar-default.sticky_menu .navbar-nav>.active>a:hover {
    color: #00bf50;
    background-color: transparent;
}

.navbar-default.sticky_menu .navbar-nav>li>a {
	color: #1a1a1a;
}

.navbar-default.sticky_menu .navbar-nav>li>a:hover {
    color: #00bf50;
}

#header_area .navbar-toggle { background: #fff none repeat scroll 0 0 }
#header_area .navbar-toggle:hover,
#header_area .navbar-toggle:focus { background-color: #fff }
#header_area .navbar-toggle .icon-bar { background-color: #00bf50 }

/* END HEADER DESIGN */



/* START HOME DESIGN */

.welcome-area,
.welcome-slider-area,
.welcome-slider-area div {
    height: 800px;
}

.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div {
    height: auto;
}

.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}

.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.single-slide-item {
    position: relative;
    z-index: 1;
}

.single-slide-item:after {
    position: absolute;
    background: rgba(0, 0, 0, 0.56);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

.slide_content .sm_text {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
    letter-spacing: 5px;
}

.slide_content h1 {
    color: #fff;
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 10px;
	letter-spacing: 1px;
    text-transform: uppercase;
}

.slide_content h1 span {
	color: #fff;
}

.slide_content p {
    color: #fff;
    max-width: 70%;
    margin: 0 auto;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 1px;
}

.slide_content span,
.slide_content span {
	color: #00bf50;
}

.single_slide_item_button {
	margin-top: 30px;
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
	top: 0;
}

.gradient_bg {
	background: linear-gradient(136deg, #007330 0%, #1fcc67 100%); /* w3c */

}
.gradient_banner:after {
	content: "";
	background: none;
}

/* END HOME DESIGN */



/* START FEATURE DESIGN */

.single_feature {
	background: #fff;
    padding: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
	box-shadow: 0px 0px 20px 0px #d9d9d9;
}

.single_feature i {
	font-size:40px;
	padding:25px 0;
	color:#00bf50;
}

.single_feature h4 {
    font-weight: 700;
	font-size: 20px;
    margin: 25px 0 20px;
	transition: all .3s ease;
}

.single_feature:hover h4 {
	color:#00bf50;
}

/* END FEATURE DESIGN */



/* START FRANCHISE DESIGN */

#franchise {
    padding-top: 120px;
    padding-bottom: 80px;
}

.franchise_area h3 {
    font-size: 34px;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 600;
}

.single_franchise{
    margin-top: 30px;
}

.single_franchise .franchise_list ul li i {
    color: #00bf50;
    margin-right: 10px;
    font-size: 14px;
}

.single_franchise .franchise_list ul li {
    margin-bottom: 5px;
    color: #3c465a;
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0;
}

.franchise-image {
    position: relative;
    display: inline-block;
    z-index: 9;
    margin: 0;
}

.price {
    color: #3c465a;
    font-weight: 600;
}

.mail {
    font-size: 18px;
    font-weight: 600;
    color: #00bf50;
    margin-top: 30px;
    margin-bottom: 30px;
}

/* END FRANCHISE DESIGN */



/* START TEAM DESIGN */

.our-team {
    text-align: center;
    overflow: hidden;
	margin-bottom: 30px;
    position: relative;
    cursor: pointer;
}

.our-team img {
    width: 100%;
    height: auto;
}

.our-team .team-content {
    width: 100%;
    height: 100%;
    background: #00bf50;
    opacity: 0.9;
    padding-top: 45%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(100%);
    transition: all 0.4s 0s;
}

.our-team:hover .team-content { transform: translateY(0); }

.our-team .title {
    display: block;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 5px 0;
}

.our-team .post {
    display: block;
    font-size: 17px;
    color: #fff;
}

/* END TEAM DESIGN */



/* START COUNTER DESIGN */

.section_padding_counter {
    padding-top: 140px;
}

#counterup {
	background: url(../images/counter-bg.jpg);
	background-size: cover;
	position: relative;
	z-index: 1;
}

#counterup:after {
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: -1;
}

.single_counter {
	border-right: 1px solid #fff;
}

.no_border {
	border: none;
}

.single_counter i {
    font-size: 40px;
    color: #fff;
    padding: 30px 30px;
    border-radius: 50%;
    background: #00bf50;
}

.single_counter .counter:after {
    content: "+";
	color: #fff;
    font-size: 30px;
    padding-left: 3px;
}

.single_counter span {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    display: block;
    margin: 50px 0 15px;
}

.single_counter h4 {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    margin-bottom: 100px;
}

/* END COUNTER DESIGN */



/* START PRICING DESIGN */

.pricingTable {
    border: 1px solid #00bf50;
    text-align: center;
    background: #00bf50;
	margin-bottom: 30px;
    padding: 0 0 30px;
    transition: all 0.5s ease 0s;
	position: relative;
}

.listing-badges {
    position: absolute;
    top: 0;
    z-index: 999;
    right: 0;
    width: 100%;
    display: block;
    font-size: 15px;
    padding: 0;
    overflow: hidden;
    height: 100px;
}

.listing-badges .featured {
    float: left;
    transform: rotate(-45deg);
    left: -67px;
    top: 17px;
    position: relative;
    text-align: center;
    width: 200px;
    font-size: 14px;
    margin: 0;
    background-color: #fff !important;
    padding: 7px 10px;
    font-weight: 500;
    color: #00bf50;
}

.white_bg {
	border-color: #d9d9d9;
	background: #fff;
	transition: all 0.3s;
}

.pricingTable .pricingTable-header {
    padding: 30px 0 30px;
}

.white_bg .heading {
	color: #3c465a !important;
}

.pricingTable .heading {
    font-size: 24px;
    font-weight: 700;
	color: #fff;
    margin: 10px 0;
    text-transform: capitalize;
}

.white_bg .pricing_value {
	color: #3c465a !important;
}

.pricingTable .pricing_value {
    margin-top: 40px;
    color: #fff;
}

.pricingTable .currency,
.pricingTable .month {
    font-size: 16px;
}

.pricingTable .price-value {
    font-size: 50px;
}

.pricingTable .pricing-content ul {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}
.white_bg .pricing-content ul li {
	color: #808080 !important;
}
.pricingTable .pricing-content ul li {
	color: #fff;
    font-size: 14px;
    line-height: 35px;
}

.alert-areas {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #3c465a;
    line-height: 1.8;
    background-color: #fff2d9;
    border: 1px solid #ffdd99;
    width: 100%;
    padding: 20px 30px;
}

/* END PRICING DESIGN */



/* START TESTIMONIAL DESIGN */

#testimonial {
	background: url(../images/testimonial/bg.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	z-index: 1;
}

#testimonial:after {
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	z-index: -1;
}

#testimonial-slider {
    padding: 100px 0;
}

.testimonial .pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    top: -60px;
    left: 0;
    right: 0;
}

.testimonial .pic img {
    width: 100%;
    height: auto;
}

.testimonial .description {
    text-align: center;
    font-weight: 500;
    color: #fff;
    margin: 0 13%;
    position: relative;
    font-style: italic;
}


.testimonial .title {
    display: inline-table;
    font-size: 18px;
    font-weight: 600;
    color: #00bf50;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 0px;
}

/* END TESTIMONIAL DESIGN */



/* START BLOG DESIGN */

.blog-content {
    background: #fff;
    padding: 20px 20px 30px;
}

.blog-content a h4 {
    font-size: 20px;
    text-transform: inherit;
    font-weight: 600;
    line-height: 28px;
	margin: 10px 0px;
}

.blog-meta {
    border-bottom: 1px solid #e5e5e5;
    padding: 0px 0px 10px 0px;
    display: block;
}

.blog-meta span {
    color: #3c465a;
    font-size: 14px;
    font-weight: 700;
    padding-right: 10px;
}

.blog-content a h4 {
    color: #3d465a;
    transition: all .3s ease;
}

.blog-content a h4:hover {
    color:#00bf50;
}

.single-blog {
    box-shadow: 0px 0px 20px 0px #d9d9d9;
    position: relative;
    margin-bottom: 30px;
}

.read-more {
    color: #3d465a;
    display: inline-block;
    font-weight: 700;
    display: block;
    padding-top: 10px;
	transition: all 0.3s;
}

.read-more:hover {
    color:#00bf50;
}

#blog .owl-dots {
    text-align: center;
}

#blog .owl-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 30px;
	background: rgba(12, 198, 82, 0.3);
	margin-top: 30px;
}

#blog .owl-dot.active,
#blog .owl-dot:hover {
	background: #00bf50;
}

/* END BLOG DESIGN */



/* START NEWSLETTER DESIGN */

.newsletter {
    padding: 50px 0;
    background: #00bf50;
	position: relative;
    z-index: 9;
    margin-top: 0px;
}

.newsletter:after {
    padding: 50px 0;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background: #00bf50;
	z-index: -1;
}

.signup_form h3 {
    margin-bottom: 10px;
    margin-top: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

.signup_form p {
	color: #fff;
	margin: 0;
}

.signup_form input {
    background: #fff;
    border-radius: 0;
    border: 1px solid #00bf50;
    color: #666;
    margin-bottom: 0px;
    transition: all 0.2s ease 0s;
    border-radius: 0px;
    height: 46px;
    line-height: 46px;
    width: 354px!important;
    box-shadow: none;
    padding-left: 15px;
    padding-right: 15px;
}

.newsletter_form {
	margin-top: 20px;
}

.signup_form input:hover, 
.signup_form input:focus {
    border-color: #00bf50;
    background: #fff;
    box-shadow: none;
    outline: 0 none;
}

.signup_form .sub_btn {
    position: absolute;
    margin-top: 1px;
    padding: 11px 27px;
    box-shadow: none;
    border-radius: 0;
    margin-left: 0;
    outline: 0 none !important;
}

.signup_form input::-moz-placeholder { color: #999; opacity: 1 }

.signup_form input:-ms-input-placeholder { color: #999; }

.signup_form input::-webkit-input-placeholder { color: #999; }

/* END NEWSLETTER DESIGN */



/* START CONTACT DESIGN */

#contact {
    position: relative;
    z-index: 1;
}

.contact_area {
    position: relative;
    padding: 80px 0;
    background: #fff;
    z-index: 999;
}

.single_details {
    padding: 0 0 50px;
}

.contact_icon {
	color: #00bf50;
    font-size: 30px;
    margin: 0 0 15px;
}

.single_details ul li {
    color: #808080;
    font-weight: 400;
}

#contact-form input[type="text"], 
#contact-form input[type="email"],
#contact-form input[type="password"] {
    background: transparent;
    border-color: #d9d9d9;
    border-radius: 0;
    box-shadow: none;
    color: #808080;
    height: 50px;
    line-height: 50px;
    padding: 10px 15px;
    margin-bottom: 15px;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.form-control::-moz-placeholder {
    color: #808080;
    opacity: 1
}

.form-control:-ms-input-placeholder { color: #808080; }

.form-control::-webkit-input-placeholder { color: #808080; }

#contact-form textarea {
	background: transparent;
	border-color: #d9d9d9;
	border-radius: 0;
	box-shadow: none;
	padding: 10px 15px;
	color: #808080;
	height: 220px;
	transition: all 0.3s ease-in-out;
}

#contact-form input:focus {
    border-color: #00bf50;
    box-shadow: none;
    outline: 0 none;
}

#contact-form textarea:focus {
	border-color: #00bf50;
    box-shadow: none;
    outline: 0 none;
}

.fas {
    color: #00bf50;
}


/* START FOOTER AND COPYRIGHT DESIGN */

#footer {
    background: #1d2026;
    padding: 80px 0 0;
}

.single_footer img {
	margin-bottom: 30px;
}

.single_footer h4 {
    color: #fff;
    margin: 0 0 30px;
}

.description {
    margin-bottom: 30px;
}

.sing_footer_about_address ul {
	margin-left: 0;
	list-style: none;
	padding-left: 0;
}

.sing_footer_about_address ul li {
	color: #808080;
    line-height: 40px;
}

.sing_footer_about_address {
    margin-bottom: 30px;
}

.li, i {
    font-size: 24px;
    color: #808080;
    padding-right: 15px;
}

.li, ul {
    font-size: 16px;
}

.sing_links_tags li {
	text-shadow: none;
	list-style: none;
	padding-bottom: 15px;
    transition: 0.3s;
}

.sing_links_tags li a {
	position: relative;
	color: #808080;
	transition: 0.3s ease-in-out;
}

.sing_links_tags li a:hover {
	text-decoration: none;
	outline: none;
	color: #00bf50;
}

.latest_news p a {
	color: #808080;
	font-weight: 400;
	font-size: 16px;
	transition: 0.5s ease-in-out;
}

.latest_news p a:hover {
	color: #00bf50;
	text-decoration: none;
}

.latest_news {
    margin-bottom: 10px;
}

.single_footer .footer_icon i {
    top: 5px;
    float: left;
    font-size: 18px;
    color: #808080;
}

.single_footer .footer_info {
	margin-left: 40px;
	margin-bottom: 20px;
}

.single_footer .footer_right_info h3 {
    font-size: 18px;
    font-weight: 500;
    color: #808080;
    margin-top: 0;
    font-weight: 500;
    letter-spacing: .5px;
}

.single_footer .footer_right_info p {
    margin: 0;
}

/* START COPYRIGHT DESIGN */

.copyright_area {
    border-top: 1px solid #262a33;
    padding: 30px 0;
    margin-top: 50px;
}

.copy_text p {
    font-size: 14px;
    font-weight: 500;
}

.copy_text p a {
    color: #00bf50;
}

.dev {
color: #808080 !important;
}

.dev:hover {
    color: #ffffff !important;
}

.dev {
    transition: all 0.3s;
}

#backdrop {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
}

#loader {
    position: absolute;
    width: 50px;
    height: 50px;
    border: 2px solid rgba(255,255,255,0.2);
    border-radius: 50px;
    top: 50%;
    left: 50%;
    margin-left: -25px;
}

#loader:before {
    position: absolute;
    content:'';
    display: block;
    background-color: rgba(0,0,0,0.2);
    width: 80px;
    height: 80px;
    border-radius: 0px;
    top: -15px;
    left: -15px;
}

#loader:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid transparent;
    animation-name: spinner 1s linear infinite;
    -webkit-animation: spinner 1s linear  infinite;
    -moz-animation: spinner 1s linear  infinite;
}

@keyframes spinner{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

@-webkit-keyframes spinner{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

@-moz-keyframes spinner{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

/* END FOOTER AND COPYRIGHT DESIGN */