/*!
Theme Name: blackcab
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: blackcab
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

blackcab is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b, strong {
	font-weight: bolder
}

code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button, input {
	overflow: visible
}

button, select {
	text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"], [type="radio"] {
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

body, button, input, select, optgroup, textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5
}

h1, h2, h3, h4, h5, h6 {
	clear: both
}

p {
	margin-bottom: 1.5em
}

dfn, cite, em, i {
	font-style: italic
}

blockquote {
	margin: 0 1.5em
}

address {
	margin: 0 0 1.5em
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: .9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: .9375rem
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help
}

mark, ins {
	background: #fff9c0;
	text-decoration: none
}

big {
	font-size: 125%
}

html {
	box-sizing: border-box
}

*, *:before, *:after {
	box-sizing: inherit
}

body {
	background: #fff
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em
}

ul, ol {
	margin: 0 0 1.5em 3em
}

ul {
	list-style: disc
}

ol {
	list-style: decimal
}

li > ul, li > ol {
	margin-bottom: 0;
	margin-left: 1.5em
}

dt {
	font-weight: bold
}

dd {
	margin: 0 1.5em 1.5em
}

img {
	height: auto;
	max-width: 100%
}

figure {
	margin: 1em 0
}

table {
	margin: 0 0 1.5em;
	width: 100%
}

.footer-nav {
	width: 100%;
	margin: 0px;
	padding: 23px 0px 20px 0px;
	background: #000;
	text-align: center
}

.footer-nav ul {
	margin: 0px
}

.footer-nav ul li {
	margin: 0px -2px;
	display: inline-block
}

.footer-nav ul li a {
	background: rgba(255, 255, 255, 0);
	padding: 15px;
	font-size: 1.6rem;
	line-height: 26px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	letter-spacing: 0.1rem;
	word-spacing: -0.05em
}

.footer-nav ul li a:hover {
	cursor: pointer;
	background: rgba(255, 255, 255, 0.1);
	-webkit-transition: all 0.5s;
	transition: all 0.5s
}

.footer-widgets {
	padding: 2em;
	background: #21262c;
	background: -moz-linear-gradient(top, #21262c 0%, #0b0d0f 100%);
	background: -webkit-linear-gradient(top, #21262c 0%, #0b0d0f 100%);
	background: linear-gradient(to bottom, #21262c 0%, #0b0d0f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21262c', endColorstr='#0b0d0f', GradientType=0)
}

.footer-widgets::after {
	content: "";
	display: block;
	height: 1px;
	width: 90%;
	background: #6b6b6b;
	margin: 0 auto
}

.footer-widgets ul {
	margin: 0
}

.site-footer {
	padding-top: 30px;
	background: #161414;
	background: -moz-linear-gradient(top, #161414 0%, #000 100%);
	background: -webkit-linear-gradient(top, #161414 0%, #000 100%);
	background: linear-gradient(to bottom, #161414 0%, #000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161414', endColorstr='#000000', GradientType=0)
}

.site-footer .footer-copy {
	float: left
}

.site-footer ul {
	margin: 0px;
	float: right;
	list-style-type: none
}

.site-footer ul li {
	width: 50px;
	height: 50px;
	margin: 0px 4px;
	float: left
}

.site-footer ul li a {
	width: 50px;
	height: 50px;
	background-size: 50px 50px;
	display: block;
	opacity: 0.40;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-moz-transition: all 0.5s
}

.site-footer ul li a.facebook {
	background-image: url(assets/img/icon-facebook.svg)
}

.site-footer ul li a.twitter {
	background-image: url(assets/img/icon-twitter.svg)
}

.site-footer ul li a.instagram {
	background-image: url(assets/img/icon-insta.svg)
}

.site-footer ul li a:hover {
	opacity: 1
}

.cab-detail {
	text-align: center
}

.cab-detail a {
	background-color: rgba(255, 255, 0, 0.3);
	border-radius: 100%;
	border: 2px solid yellow
}

.cab-detail a:hover {
	transform: scale(1.1);
	transition: all ease 500ms
}

.cab-detail a:hover::after {
	content: "";
	width: 60px;
	height: 1px;
	background: #b2a75c;
	display: block;
	position: absolute;
	top: 18px;
	left: -60px;
	z-index: 4
}

.cab-info {
	display: none;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	width: 180px;
	padding: 8px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #b2a75c;
	z-index: 4
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: .75rem;
	line-height: 1;
	padding: 1em 2em
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa
}

button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	color: #b2a75c;
	border: 1px solid rgba(178, 167, 92, 0.45);
	border-radius: 3px;
	padding: 3px;
	background: transparent
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	color: #ccc
}

select {
	border: 1px solid rgba(178, 167, 92, 0.45)
}

textarea {
	width: 100%
}

label {
	color: #b2a75c
}

a {
	color: #4169e1
}

a:visited {
	color: purple
}

a:hover, a:focus, a:active {
	color: #191970
}

a:focus {
	outline: thin dotted
}

a:hover, a:active {
	outline: 0
}

.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999
}

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

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

.main-navigation ul ul a {
	width: 200px
}

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

.main-navigation li {
	float: left;
	position: relative
}

.main-navigation a {
	display: block;
	text-decoration: none
}

.menu-toggle, .main-navigation.toggled ul {
	display: block
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none
	}

	.main-navigation ul {
		display: block
	}
}

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
	float: left;
	width: 50%
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important
}

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

#content[tabindex="-1"]:focus {
	outline: 0
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
	content: "";
	display: table;
	table-layout: fixed
}

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
	clear: both
}

.widget {
	margin: 0 0 1.5em
}

.widget select {
	max-width: 100%
}

.sticky {
	display: block
}

.post, .page {
	margin: 0
}

.updated:not(.published) {
	display: none
}

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

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

.footer-nav {
	display: none
}

#footer-end {
	clear: both;
	text-align: center;
	font-size: .75rem
}

.comment-content a {
	word-wrap: break-word
}

.bypostauthor {
	display: block
}

.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
	display: none
}

.infinity-end.neverending .site-footer {
	display: block
}

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0
}

embed, iframe, object {
	max-width: 100%
}

.custom-logo-link {
	display: inline-block
}

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0
}

.wp-caption-text {
	text-align: center
}

.gallery {
	margin-bottom: 1.5em
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%
}

.gallery-columns-2 .gallery-item {
	max-width: 50%
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
	max-width: 25%
}

.gallery-columns-5 .gallery-item {
	max-width: 20%
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%
}

.gallery-caption {
	display: block
}

.site-header {
	background-color: rgba(0, 0, 0, 0.9);
}

h1, h2, h3, h4, h5, h6, #mainnav ul li a, .portfolio-info, .roll-testimonials .name, .roll-team .team-content .name, .roll-team .team-item .team-pop .name, .roll-tabs .menu-tab li a, .roll-testimonials .name, .roll-project .project-filter li a, .roll-button, .roll-counter .name-count, .roll-counter .numb-count button, input[type="button"], input[type="reset"], input[type="submit"] {
	font-family: 'Source Code Pro', monospace;
}

.site-title {
	font-size: 32px;
}

.site-description {
	font-size: 16px;
}

#mainnav ul li a {
	font-size: 14px;
}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 42px;
}

h3 {
	font-size: 32px;
}

h4 {
	font-size: 25px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

body {
	font-size: 16px;
}

.single .hentry .title-post {
	font-size: 36px;
}

.header-image {
	background-size: cover;
}

.header-image {
	height: 300px;
}

.site-header.fixed {
	position: absolute;
}

.widget-area .widget_fp_social a, #mainnav ul li a:hover, .webhound_contact_info_widget span, .roll-team .team-content .name, .roll-team .team-item .team-pop .team-social li:hover a, .roll-infomation li.address:before, .roll-infomation li.phone:before, .roll-infomation li.email:before, .roll-testimonials .name, .roll-button.border, .roll-button:hover, .roll-icon-list .icon i, .roll-icon-list .content h3 a:hover, .roll-icon-box.white .content h3 a, .roll-icon-box .icon i, .roll-icon-box .content h3 a:hover, .switcher-container .switcher-icon a:focus, .go-top:hover, .hentry .meta-post a:hover, #mainnav > ul > li > a.active, #mainnav > ul > li > a:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .text-color, .social-menu-widget a, .social-menu-widget a:hover, .archive .team-social li a, a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .classic-alt .meta-post a, .single .hentry .meta-post a {
	color: #e43919
}

.reply, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .project-filter li a.active, .project-filter li a:hover, .preloader .pre-bounce1, .preloader .pre-bounce2, .roll-team .team-item .team-pop, .roll-progress .progress-animate, .roll-socials li a:hover, .roll-project .project-item .project-pop, .roll-project .project-filter li.active, .roll-project .project-filter li:hover, .roll-button.light:hover, .roll-button.border:hover, .roll-button, .roll-icon-box.white .icon, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .go-top, .bottom .socials li:hover a, .sidebar .widget:before, .blog-pagination ul li.active, .blog-pagination ul li:hover a, .content-area .hentry:after, .text-slider .maintitle:after, .error-wrap #search-submit:hover, #mainnav .sub-menu li:hover > a, #mainnav ul li ul:after, button, input[type="button"], input[type="reset"], input[type="submit"], .panel-grid-cell .widget-title:after {
	background-color: #e43919
}

.roll-socials li a:hover, .roll-socials li a, .roll-button.light:hover, .roll-button.border, .roll-button, .roll-icon-list .icon, .roll-icon-box .icon, .owl-theme .owl-controls .owl-page span, .comment .comment-detail, .widget-tags .tag-list a:hover, .blog-pagination ul li, .hentry blockquote, .error-wrap #search-submit:hover, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, button, input[type="button"], input[type="reset"], input[type="submit"], .archive .team-social li a {
	border-color: #e43919
}

.site-header.float-header {
	background-color: rgba(0, 0, 0, 0.9);
}

@media only screen and (max-width: 1024px) {
	.site-header {
		background-color: #000000;
	}
}

.site-title a, .site-title a:hover {
	color: #ffffff
}

.site-description {
	color: #ffffff
}

#mainnav ul li a, #mainnav ul li::before {
	color: #ffffff
}

#mainnav .sub-menu li a {
	color: #ffffff
}

#mainnav .sub-menu li a {
	background: #1c1c1c
}

.text-slider .maintitle, .text-slider .subtitle {
	color: #ffffff
}

body {
	color: #47425d
}

#secondary {
	background-color: #ffffff
}

#secondary, #secondary a, #secondary .widget-title {
	color: #767676
}

.footer-widgets {
	background-color: #252525
}

.btn-menu {
	color: #ffffff
}

#mainnav ul li a:hover {
	color: #e43919
}

.site-footer {
	background-color: #1c1c1c
}

.site-footer, .site-footer a {
	color: #666666
}

.overlay {
	background-color: #000000
}

.page-wrap {
	padding-top: 0px;
}

.page-wrap {
	padding-bottom: 0px;
}

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

	.mobile-slide {

		display: block;

	}

	.slide-item {

		background-image: none !important;

	}

	.header-slider {

	}

	.slide-item {

		height: auto !important;

	}

	.slide-inner {

		min-height: initial;

	}

}

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

	h1 {
		font-size: 32px;
	}

	h2 {
		font-size: 28px;
	}

	h3 {
		font-size: 22px;
	}

	h4 {
		font-size: 18px;
	}

	h5 {
		font-size: 16px;
	}

	h6 {
		font-size: 14px;
	}

}

@media only screen and (max-width: 400px) {
    .site-footer .footer-copy, .site-footer ul{
        float: none;
    }
    .site-footer ul{
        padding-left: 0;
        padding-bottom: 20px;
        overflow: hidden;
    }
      .site-footer .footer-copy a{
          justify-content: start;
      }
}
