/*
Template Name: Biketik - HTML5 Bike Repair & Service Template
Version: 1.0
Author: Shamim Ahmed
Template URI: http://sylnote.com/themes/biketik
License URI: http://themeforest.net/user/shamimsaj
Tags: Bike Repair, bike repair, template, html5, landing page
*/

/* ------------------------------------------------------------------
[Table of contents]
--------------------
1.  Base Style
2.  Header / #header
3.  Intro / .intro
4.  About / .about
5.  Latest Project / .projects
6.  Services / .service
7.  Chose Us & Tuneup Compare / .others
9.  Pricing Table / .pricing-plan
10. Testimonial / .testimonial
11. Video / .video
12. Blog / .blog
13. Contact / .contact
14. Footer
15. Helper Classes

------------------------------------------------------------------- */
/* ================
   Base styles
   ================ */

html {
    color: #222;
    font-size: 15px;
    line-height: 1.4;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
body{
	font-family: 'Roboto', sans-serif;
}
p{
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.3px;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}
figure{
	margin:0;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Montserrat', sans-serif;
    color: #212121;
}
a{
	-webkit-transition: .3s ease;
	transition:.3s ease;
}
a:hover, a:focus{
	text-decoration:none;
    outline: 0;
}
*:focus{outline:none;}
.success {
	color: #4caf50;
	margin-top: 10px;
}
/* -------- Pre Loader -------- */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fefefe;
	z-index:9999;
}

#status {
	width:400px;
	height:300px;
	position:absolute;
	left:50%;
	top:50%;
	background-image:url('../images/preloader.gif');
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px;
}
/* ===============================
   Header
   =============================== */
header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1;
}
header nav.navbar-default{
	background:transparent;
	border:0;
	border-radius:0;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
header nav .navbar-header .navbar-brand{
	padding:0;
	margin-top:20px;
	margin-left:0 !important;
}
header nav ul.nav{
	float:right;
	margin-top:20px;
}
header nav ul.nav li{
	padding:0 12px;
}
header nav ul.nav li:last-child{
	padding-right:17px;
}
header nav ul.nav li a{
	text-transform:uppercase;
	color:#fff !important;
	padding:15px 0;
}
header nav ul.nav li.active a{
	position:relative;
}
header nav ul.nav li.active a:before{
	position:absolute;
	content:"";
	width:100%;
	height:2px;
	background:#4caf50;
	bottom:0;
	left:0;
}
header nav ul.nav li.active a:after{
	position:absolute;
	content:"";
	width:7px;
	height:7px;
	border:2px solid #4caf50;
	left:50%;
	margin-left:-3px;
	bottom:-2px;
	background:#212121;
	border-radius:100px;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
	color:#4caf50 !important;
}
header nav ul.nav li.active a{
	background:none !important;
}

header .is-sticky nav {
    background: #212121 none repeat scroll 0 0;
    padding-bottom: 30px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
/* Button Search Header */
.btn-search-header, ul.main-menu{
    display: table-cell;
    vertical-align: top;
}
.btn-search-header {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 80px;
    padding: 0 5px 0 12px;
    position: absolute;
    right: 10px;
    top: 5px;
    -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}
.btn-search-header:hover,
.btn-search-header:focus {
	color: #4caf50;
}
.btn-search-header > span {
  cursor: pointer;
}
.btn-search-header span.open {
	position: fixed;
	top: 50px;
	right: 100px;
	font-size: 30px;
	z-index: 999;
	text-indent: -9999px;
	width: 50px;
	height: 50px;
}
.btn-search-header span.open::before {
    background: #4caf50;
    content: "";
    height: 50px;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: skewX(45deg);
            transform: skewX(45deg);
    width: 2px;
}
.btn-search-header span.open::after {
    background: #4caf50;
    content: "";
    height: 50px;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: skewX(-45deg);
            transform: skewX(-45deg);
    width: 2px;
}
.search-popup {
	display: none;
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
}
.form-search-navi {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
		  transform: translate(-50%, -50%);
}
.form-search-navi .form-control {
	padding: 18px 12px;
	height: auto;
	border: 0;
	outline: none;
	box-shadow: none;
	font-size: 16px;
	border-radius: 0;
	width: 300px;
	background: transparent;
	color: #4caf50;
	border-bottom: 1px solid #4caf50;
}
.form-search-navi button {
	background: transparent;
	border: 0;
	outline: 0;
	box-shadow: none;
	position: absolute;
	top: 20px;
	right: 0;
	line-height: 40px;
	z-index: 99;
}
/* ===============================
   Intro
   =============================== */
.intro .intro-slider .carousel-inner .item figure{
	position:relative;
}
.intro .intro-slider .carousel-inner .item figure img{
	width:100%;
}
.intro .intro-slider .carousel-inner .item figure::before {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	content: "";
	height: 100%;
	position: absolute;
	width: 100%;
}
.intro .intro-slider .carousel-inner .item figure figcaption{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.intro-slider .carousel-controls {
    border: 2px solid #4caf50;
    color: #4caf50;
    display: inline-block;
    font-size: 30px;
    height: 50px;
    position: absolute;
    text-align: center;
    top: 50%;
    margin-top: -50px;
    width: 50px;
    transition: .3s ease;
}
.intro-slider .control-left.carousel-controls {
    left: -100px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottom-right: 0;
    border-radius: 100px;
    border-bottom-right-radius: 0;
}
.intro-slider .control-right.carousel-controls {
    right: -100px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-left-right: 0;
    border-radius: 100px;
    border-bottom-left-radius: 0;
}
.intro-slider:hover .control-left.carousel-controls {
    left: 50px;
}
.intro-slider:hover .control-right.carousel-controls {
    right: 50px;
}
.intro{
	position:relative;
	overflow:hidden;
}
.intro .intro-text{
	position:relative;
	top:50%;
	-webkit-transform:translateY(70%);
	        transform:translateY(70%);
	text-align:center;
	color:#fff;
}
.intro .intro-text h1{
	font-size: 46px;
	word-spacing: 2px;
	margin: 0 0 10px 0;
	font-weight:700;
    color: #fff;
	text-transform:uppercase;
}
.intro .intro-text h1 span{
	color:#4caf50;
}
.intro .intro-text p.sub-heading{
	font-size:26px;
	background:#fff;
	padding:10px 25px;
	margin:20px 0;
	display:inline-block;
	color:#212121;
}
.intro .intro-text .intro-desc{
	max-width:600px;
	margin: 10px auto;
}
.intro .intro-text ul.intro-btn{
	margin-top:35px;
}
.intro .intro-text ul.intro-btn li{
	display:inline-block;
	margin-right:15px;
}
.intro .intro-text ul.intro-btn li:last-child{
	margin-right:0;
}
.intro .intro-text ul.intro-btn li:first-child a{
	border:2px solid #fff;
	color:#fff;
	padding:10px 40px;
    text-transform: uppercase;
}
.intro .intro-text ul.intro-btn li:first-child a:hover{
    background: #fff;
    color: #212121;
}
.intro .intro-text ul.intro-btn li:last-child a{
	border:2px solid #4caf50;
	background:#4caf50;
	color:#fff;
	padding:10px 40px;
	text-transform:uppercase;
}
.intro .intro-text ul.intro-btn li:last-child a:hover{
    background: none;
}
.intro .intro-text div{
	margin-top:30px;
}
.intro .intro-text div a{
	color:#bdbdbd;
	font-size:25px;
    position :relative;
    -webkit-animation: mymove 1.3s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 1.3s infinite;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    0%   {top: 0px; opacity: 1;}
    100% {top: 10px; opacity:0;}
}

/* Standard syntax */
@keyframes mymove {
    0%   {top: 0px; opacity: 1;}
    100% {top: 10px; opacity: 0;}
}

/* ===============================
   About
   =============================== */
.section-header {
    text-align: center;
    margin-bottom: 80px;
}

.section-header h2 {
    text-transform: uppercase;
    margin: 0 0 25px 0;
    padding-bottom: 30px;
    font-size: 45px;
    font-weight: 400;
    position: relative;
}

.section-header h2:before {
    bottom: 0;
    color: #4caf50;
    content: "\f0d1";
    font-family: "FontAwesome",sans-serif;
    font-size: 15px;
    left: 50%;
    margin-left: -11px;
    position: absolute;
}

.section-header h2:after {
    background: #4caf50;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    width: 70px;
}

.section-header p {
    max-width: 600px;
    margin: 0 auto;
}

.about {
    padding: 100px 0;
}

.about .col-sm-4.about-box-col:nth-child(2) {
    border-left: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
}

.about .about-box {
    text-align: center;
}

.about .about-box .about-icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    border: 2px solid #4caf50;
    padding-top: 15px;
    font-size: 24px;
    color: #4caf50;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomright: 0;
    border-radius: 100px;
    border-bottom-right-radius: 0;
}

.about .about-box h3 {
    margin: 20px 0 15px 0;
    text-transform: uppercase;
    font-size: 22px;
}

.about .about-box p {
    margin-bottom: 0;
}

.about .about-box:hover .about-icon {
    border-color: #4caf50;
    color: #fff;
    background: #4caf50;
}

/* ===============================
   Latest Project
   =============================== */
.projects {
    background: #f4f4f4;
    padding: 100px 0;
}

.projects .project-wrapper .project-carousel figure {
    position: relative;
    overflow: hidden;
}

.projects .project-wrapper .project-carousel figure figcaption {
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .8s ease;
    transition: .8s ease;
    text-align: center;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}

.projects .project-wrapper .project-carousel figure figcaption h3 {
    color: #fff;
    margin: 0 0 10px 0;
}

.projects .project-wrapper .project-carousel figure figcaption p {
    color: #fff;
}

.projects .project-wrapper .project-carousel figure figcaption p a {
    color: #fff;
}

.projects .project-wrapper .project-carousel figure figcaption ul li {
    display: inline-block;
    margin-right: 5px;
}

.projects .project-wrapper .project-carousel figure figcaption ul li:last-child {
    margin-right: 0;
}

.projects .project-wrapper .project-carousel figure figcaption ul li a {
    border: 2px solid #fff;
    color: #fff;
    display: block;
    height: 35px;
    padding-top: 5px;
    width: 35px;
}

.projects .project-wrapper .project-carousel figure figcaption ul li:first-child a{
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomright: 0;
    border-radius: 100px;
    border-bottom-right-radius: 0;
}

.projects .project-wrapper .project-carousel figure figcaption ul li:last-child a{
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomright: 0;
    border-radius: 100px;
    border-bottom-left-radius: 0;
}

.projects .project-wrapper .project-carousel figure figcaption ul li a:hover {
    background: #fff;
    color: #4caf50;
}

.projects .project-wrapper .project-carousel figure:before {
    position: absolute;
    content: "";
    background: rgba(76, 175, 80, 0.8);
    width: 100%;
    height: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.projects .project-wrapper .project-carousel figure:hover:before {
    height: 100%;
    opacity: 1;
    visibility: visible;
}

.projects .project-wrapper .project-carousel figure:hover figcaption {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 1;
    visibility: visible;
}
.projects .project-wrapper .project-carousel .owl-controls .owl-buttons {
    position: absolute;
    bottom: -44px;
    width: 100%;
}

.projects .project-wrapper .project-carousel .owl-controls .owl-buttons .owl-prev, .projects .project-wrapper .project-carousel .owl-controls .owl-buttons .owl-next {
    display: inline-block;
    border: 2px solid #4caf50;
    color: #4caf50;
    font-size: 25px;
    height: 40px;
    text-align: center;
    width: 40px;
    position: absolute;
}

.projects .project-wrapper .project-carousel .owl-controls .owl-buttons .owl-prev {
    left: 50%;
	margin-left:-110px;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomright: 0;
    border-radius: 100px;
    border-bottom-right-radius: 0;
}

.projects .project-wrapper .project-carousel .owl-controls .owl-buttons .owl-next {
    right: 50%;
	margin-right:-110px;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomright: 0;
    border-radius: 100px;
    border-bottom-left-radius: 0;
}
.projects .project-wrapper .project-all-btn {
  margin-top: 50px;
  text-align: center;
}
.projects .project-wrapper .project-all-btn > a {
  border: 2px solid #4caf50;
  color: #4caf50;
  display: inline-block;
  padding: 5px 15px;
  text-transform: uppercase;
}
.projects .project-wrapper .project-all-btn > a:hover{
	background:#4caf50;
	color:#fff;
}
/* ===============================
   Services
   =============================== */
.service {
    padding: 100px 0;
}

.service .service-boxes .service-box-column {
    margin-bottom: 50px;
}
.service .service-boxes .service-box-column:last-child{
	margin-bottom:0;
}
.service .service-box .service-icon {
    display: table-cell;
    vertical-align: top;
}

.service .service-box .service-icon i {
    display: inline-block;
    font-size: 24px;
    border: 2px solid #4caf50;
    padding: 15px;
    color: #4caf50;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomright: 0;
    border-radius: 100px;
    border-bottom-right-radius: 0;
}

.service .service-box .service-info {
    display: table-cell;
    vertical-align: top;
    padding-left: 15px;
}

.service .service-box .service-info h3 {
    margin: 0 0 15px 0;
    font-size: 22px;
    text-transform: uppercase;
}

.service .service-box .service-info a {
    color: #4caf50;
}

.service .service-box:hover .service-icon i {
    border-color: #4caf50;
    background: #4caf50;
    color: #fff;
}

/* ===============================
   Chose Us & Tuneup Compare
   =============================== */
.others {
    padding: 100px 0;
    background: #f4f4f4;
}

.others .wcus h2 {
    margin: 0 0 20px 0;
    padding-bottom: 20px;
    font-size: 25px;
    text-transform: uppercase;
    position: relative;
}

.others .wcus h2:before {
    background: #4caf50 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100px;
}

.others .wcus h2:after {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 2px solid #4caf50;
    border-radius: 100px;
    bottom: -2px;
    content: "";
    height: 7px;
    left: 48px;
    position: absolute;
    width: 7px;
}

.others .wcus .skill-bars .single-skill {
    margin-bottom: 30px;
    overflow: hidden;
}

.others .wcus .skill-bars .single-skill .skill-ratio {
    margin-top: 10px;
    height: 10px;
    background: #ddd;
    position: relative;
}

.others .wcus .skill-bars .single-skill .skill-ratio span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #4caf50;
    text-align: right;
}

.others .wcus .skill-bars .single-skill .skill-ratio span strong {
    font-weight: 300;
    top: -25px;
    position: absolute;
    right: 0;
}

.others .wcus .skill-bars .single-skill:last-child {
    margin-bottom: 0;
}

.others .tucomp h2 {
    margin: 0 0 20px 0;
    padding-bottom: 20px;
    font-size: 25px;
    text-transform: uppercase;
    position: relative;
}

.others .tucomp h2:before {
    background: #4caf50 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100px;
}

.others .tucomp h2:after {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 2px solid #4caf50;
    border-radius: 100px;
    bottom: -2px;
    content: "";
    height: 7px;
    left: 48px;
    position: absolute;
    width: 7px;
}

.others .tucomp .compare-box h3 {
    margin: 0 0 10px 0;
    font-size: 16px;
}

.others .tucomp .compare-box .single-compare {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.others .tucomp .compare-box .single-compare p {
    margin-bottom: 0;
}

.others .tucomp .compare-box .single-compare p span {
    color: #4caf50;
    display: inline-block;
    float: right;
}

.others .tucomp .compare-box .single-compare:last-child {
    margin-bottom: 0;
    padding: 0;
    border-bottom: 0;
}

/* ===============================
   Pricing Plan
   =============================== */
.pricing-plan {
    padding: 100px 0;
}

.pricing-plan .pricing-container .pricing-single {
    margin-bottom: 30px;
}
.pricing-plan .pricing-container .pricing-single:last-child{
	margin-bottom:0;
}
.pricing-plan .pricing-container .pricing-single .plan-name {
    background: #f4f4f4;
    padding: 20px;
    min-height: 168px;
}

.pricing-plan .pricing-container .pricing-single .plan-name h3 {
    margin: 0 0 10px 0;
    text-transform: uppercase;
    color: #4caf50;
    font-weight: 600;
    word-spacing: 5px;
}

.pricing-plan .pricing-container .pricing-single .plan-list {
    background: #eee;
    padding: 20px;
    min-height: 168px;
}

.pricing-plan .pricing-container .pricing-single .plan-list ul {
    margin-bottom: 0;
}

.pricing-plan .pricing-container .pricing-single .plan-list ul li {
    padding: 5px 0;
    font-weight: 300;
    font-size: 15px;
}

.pricing-plan .pricing-container .pricing-single .plan-list ul li i {
    display: inline-block;
    padding-right: 5px;
}

.pricing-plan .pricing-container .pricing-single .plan-list ul li i.fa-check-circle {
    color: #4caf50;
}

.pricing-plan .pricing-container .pricing-single .plan-list ul li i.fa-times-circle {
    color: #777;
}

.pricing-plan .pricing-container .pricing-single .plan-price {
    background: #4caf50;
    padding: 20px;
    min-height: 168px;
    text-align: center;
}

.pricing-plan .pricing-container .pricing-single .plan-price span {
    display: block;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.pricing-plan .pricing-container .pricing-single .plan-price span ~ span {
    font-size: 34px;
    font-weight: 600;
}

.pricing-plan .pricing-container .pricing-single .plan-price a.plan-buy-btn {
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #fff;
    padding: 8px 20px;
    display: inline-block;
    margin-top: 5px;
}

.pricing-plan .pricing-container .pricing-single .plan-price a.plan-buy-btn:hover {
    background: #fff;
    color: #4caf50;
}

/* ===============================
   Testimonial
   =============================== */
.testimonial {
    padding: 100px 0;
    background: url(http://placehold.it/1920x1100);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}

.testimonial:before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.testimonial .section-header {
    color: #fff;
}

.testimonial .section-header h2 {
    color: #fff;
}

.testimonial .testimonial-wrapper .testimonial-carousel .owl-item {
    text-align: center;
    color: #fff;
}

.testimonial .testimonial-wrapper .testimonial-carousel .owl-item p {
    max-width: 650px;
    margin: 0 auto;
}

.testimonial .testimonial-wrapper .testimonial-carousel .owl-item h3 {
    color: #4caf50;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
    margin: 20px 0 5px 0;
}

.testimonial .testimonial-wrapper .testimonial-carousel .owl-item span {
    color: #777;
}

.testimonial .testimonial-wrapper .testimonial-carousel .owl-controls .owl-buttons {
    position: absolute;
    top: 10px;
    width: 100%;
}

.testimonial .testimonial-wrapper .testimonial-carousel .owl-controls .owl-buttons .owl-prev, .testimonial .testimonial-wrapper .testimonial-carousel .owl-controls .owl-buttons .owl-next {
    display: inline-block;
    border: 2px solid #4caf50;
    color: #fff;
    font-size: 25px;
    height: 40px;
    text-align: center;
    width: 40px;
    position: absolute;
}

.testimonial .testimonial-wrapper .testimonial-carousel .owl-controls .owl-buttons .owl-prev {
    left: 0;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomright: 0;
    border-radius: 100px;
    border-bottom-right-radius: 0;
}

.testimonial .testimonial-wrapper .testimonial-carousel .owl-controls .owl-buttons .owl-next {
    right: 0;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomright: 0;
    border-radius: 100px;
    border-bottom-left-radius: 0;
}

/* ===============================
   Video
   =============================== */
.video {
    padding: 100px 0;
}

.video .video-wrapper iframe {
    border: 0;
    margin: 0 auto;
    display: block;
}

/* ===============================
   Blog
   =============================== */
.blog {
    padding: 100px 0;
    background: #f4f4f4;
}

.blog .blog-wrapper .blog-single:hover .blog-thumb img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}

.blog .blog-wrapper .blog-single:hover .blog-info h3 a {
    color: #4caf50;
}

.blog .blog-wrapper .blog-single:hover .blog-info ul.blog-meta li:last-child a {
    color: #4caf50;
}

.blog .blog-wrapper .blog-single .blog-thumb {
    position: relative;
    overflow: hidden;
}

.blog .blog-wrapper .blog-single .blog-thumb img {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.blog .blog-wrapper .blog-single .blog-thumb span.post-date {
    position: absolute;
    top: 15px;
    left: 15px;
    display: inline-block;
    text-align: center;
    background: #4caf50;
    padding: 10px 20px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomright: 0;
    border-radius: 100px;
    border-bottom-left-radius: 0;
}

.blog .blog-wrapper .blog-single .blog-thumb span.post-date span {
    display: block;
    font-weight: 600;
    font-size: 17px;
}

.blog .blog-wrapper .blog-single .blog-thumb a.post-category {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    background: #4caf50;
    padding: 3px 15px;
}

.blog .blog-wrapper .blog-single .blog-info h3 a {
    color: #212121;
    font-size: 22px;
    text-transform: uppercase;
}

.blog .blog-wrapper .blog-single .blog-info h3 a:hover {
    color: #4caf50;
}

.blog .blog-wrapper .blog-single .blog-info ul.blog-meta li {
    display: inline;
    position: relative;
    padding-right: 15px;
    margin-right: 5px;
}

.blog .blog-wrapper .blog-single .blog-info ul.blog-meta li:before {
    position: absolute;
    content: "/";
    right: 0;
    top: 0;
}

.blog .blog-wrapper .blog-single .blog-info ul.blog-meta li:last-child {
    margin-right: 0;
    padding-right: 0;
}

.blog .blog-wrapper .blog-single .blog-info ul.blog-meta li:last-child:before {
    content: none;
}

.blog .blog-wrapper .blog-single .blog-info ul.blog-meta li a {
    color: #777;
}

.blog .blog-wrapper .blog-single .blog-info ul.blog-meta li a:hover {
    color: #4caf50;
}

.blog .blog-wrapper .blog-single .blog-info p{
	margin-bottom:0;
}

/* Call To Action */
.callto-action {
    padding: 100px 0;
}

.callto-action .cta-single {
    border: 1px solid #eee;
    padding: 15px;
    text-align: center;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.callto-action .cta-single:hover {
    border-color: #4caf50;
}

.callto-action .cta-single p {
    margin-bottom: 0;
}

.callto-action .cta-single h3 {
    margin: 10px 0;
    text-transform: uppercase;
}

.callto-action .cta-single a {
    color: #4caf50;
}

/* ===============================
   Contact
   =============================== */
.contact .address {
    min-height: 360px;
    text-align: center;
    background: #4caf50;
    position: relative;
}

.contact .address .address-info {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    color: #fff;
}

.contact .address .address-info h3 {
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}

.contact .contact-form {
    min-height: 360px;
    background: url(http://ecologiktransporte.com.ar/pre/images/500x330.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 20px;
}

.contact .contact-form:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
}

.contact .contact-form .contact-form-inner {
    position: relative;
}

.contact .contact-form .contact-form-inner h3 {
    margin: 0 0 15px 0;
    color: #fff;
}

.contact .contact-form .contact-form-inner form input {
    background: none;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #4caf50;
    border-left: 0;
    height: 30px;
    width: 100%;
    color: #fff;
    box-shadow: none;
}

.contact .contact-form .contact-form-inner form textarea {
    background: none;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #4caf50;
    border-left: 0;
    height: 80px;
    width: 100%;
    color: #fff;
    box-shadow: none;
}

.contact .contact-form .contact-form-inner form button {
    background: #4caf50 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    padding: 7px 20px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 15px;
}

.contact .contact-form .contact-form-inner form .form-group:last-child {
    margin-bottom: 0;
}

.contact #map {
    width: 100%;
    height: 360px;
}

.contact #map .info-window h3 {
    margin: 0;
}

/* Clients Logo */
.clients-logo img {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}

/* ===============================
   Footer
   =============================== */
footer {
    background: #212121;
    padding: 100px 0 0 0;
    color: #C3C3C3;
}

footer .footer-widget h2.widget-title {
    margin: 0 0 30px 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
}

footer .footer-widget .widget-content img.footer-logo {
    margin-top: 20px;
}

footer .footer-widget .widget-content ul.footer-social {
    margin-top: 50px;
}

footer .footer-widget .widget-content ul.footer-social li {
    display: inline-block;
    margin-right: 10px;
}

footer .footer-widget .widget-content ul.footer-social li a {
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    border: 2px solid #4caf50;
    color: #c3c3c3;
    padding-top: 5px;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomright: 0;
    border-radius: 100px;
    border-bottom-left-radius: 0;
}

footer .footer-widget .widget-content ul.footer-social li a:hover {
    border-color: #4caf50;
    background: #4caf50;
    color: #fff;
}

footer .footer-widget .widget-content .latest-post-single {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #333;
}

footer .footer-widget .widget-content .latest-post-single:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

footer .footer-widget .widget-content .latest-post-single div {
    display: table-cell;
    vertical-align: top;
}

footer .footer-widget .widget-content .latest-post-single div ~ div {
    padding-left: 15px;
}

footer .footer-widget .widget-content .latest-post-single div ~ div h3 {
    margin: 0 0 5px 0;
}

footer .footer-widget .widget-content .latest-post-single div ~ div h3 a {
    font-size: 18px;
    color: #C3C3C3;
}

footer .footer-widget .widget-content .latest-post-single div ~ div h3 a:hover {
    color: #4caf50;
}

footer .footer-widget .widget-content .latest-post-single div ~ div span {
    font-size: 12px;
    color: #757575;
}

footer .footer-widget .widget-content ul.widget-gallery {
    margin-top: 30px;
}

footer .footer-widget .widget-content ul.widget-gallery li {
    display: inline-block;
    margin-bottom: 4px;
}

footer .footer-widget .widget-content ul.working-hour-widget li span {
    display: inline-block;
    min-width: 110px;
    color: #4caf50;
}

footer .footer-bottom {
    margin-top: 100px;
    text-align: center;
    background: #4caf50;
    padding: 20px 0;
}

footer .footer-bottom p {
    margin-bottom: 0;
    color: #fff;
}

/* ===============================
   Helper classes
   =============================== */
.hidden {
    display: none !important;
}
.no-padding{
    padding-right: 0;
    padding-left: 0;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}