/*!
Theme Name: undercustoms
Theme URI: http://underscores.me/
Author: Amanz
Author URI: https://www.galzor.com/
Description: A Custom theme template for number of projects, Handwritten by Amanz Galzor himself. Check more of his work at galzor.com. He is full stack web developer and part time veteran gamer.
Version: 5.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: undercustoms
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.

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

COLORS {
whity : #f2f2f2;
dark1 : #252525;
dark2 : #111111;
color1: #FF7000;
color2: #FF6000;
}



/*-----------------------
# Fonts
-----------------------*/

/*
font-family: 'Roboto', sans-serif;
*/

/*-------------------------
# Essentials
-------------------------*/

html {
	box-sizing: border-box;
  background: #fff;
  color: #000;
  font-family: sans-serif;
}

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

body {
	background: #fff;
}

body,
button,
input,
select,
optgroup,
textarea {
  color: #111111;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-rendering: optimizeLegibility;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-weight: 600;
  clear: both;
}

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

/*-------------------------
## Links
-------------------------*/

a {
  color: #FF7000;
  text-decoration: none;
  transition: all 0.25s ease;
}

/* a:visited {
  color: #FF7000;
} */

a:hover,
a:focus,
a:active {
  color: #FF6000;
  outline: 0;
}

a:focus {
  outline: thin dotted;
}


/* -----------------------
  Common classes
----------------------- */


.sidebar a, .entry-content a {
	font-weight: 500;
	-webkit-text-decoration: underline solid transparent;
	text-decoration: underline solid transparent;
}

.sidebar a:hover,
.sidebar a:focus,
.entry-content a:hover,
.entry-content a:focus {
  font-weight: 500;
  text-decoration: underline;
  -webkit-text-decoration: underline solid Currentcolor;
  text-decoration: underline solid Currentcolor;
}

.btn-primary {
	color: #fff !important;
	background-color: #FF7000;
	border-color: #FF7000;
  text-transform: uppercase;
}

.btn-primary:hover {
	color: #fff !important;
	background-color: #FF6000;
	border-color: #FF6000;
}

.btn.btn-light {
  background: #fff;
  color: #000;
  box-shadow: 0 2px 0px -1px rgba(0, 0, 0, 0.3);
  transition: all 0.25s ease;
  border: 1px solid transparent;
}

.btn.btn-light:hover,
.btn.btn-light:focus {
  color: #fff;
  background: rgba(0, 0, 0, 0.1);
  border-color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.list {
  margin: 0 0;
  padding: 0 0;
  display: block;
}

.cover-img {
  height: 100%;
  width: 100%;
  object-fit: cover !important;
}

.whitey {
  background: #fff;
  padding: 20px 20px;
  margin-bottom: 30px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
}

.bg-gray {
  background: #f2f2f2;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.bg-color {
  background: #FF7000;
}

.bg-color2 {
  background: #FF6000;
}

.form-control {
  background: #fafafa;
}

.text-color {
  color: #FF7000 !important;
}

.text-color2 {
  color: #FF6000 !important;
}

.list-inline {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-inline li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.text-shadow {
	text-shadow: 0 1px 1px rgba(0,0,0,0.8);
}

.font-light {
  font-weight: 400 !important;
}

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

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

/*-------------------------
# Accessibility
-------------------------*/
/* Text meant only for screen readers. */
.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; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f2f2f2;
	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: 0.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;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

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


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

/*-------------------------
# Widgets
-------------------------*/

.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
  border-radius: 2px;
  margin-bottom: 15px;
  background: #fff;
  padding: 15px 15px;
  border: 1px solid #ddd;
}

.widget select {
  max-width: 100%;
}

.widget .widget-title {
  font-size: 18px;
  margin: 0 0 20px;
}

.widget p {
  margin-bottom: 2px;
}

/*-------------------------
# Content
-------------------------*/
/*-------------------------
## Posts and pages
-------------------------*/
.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;
}

/*-------------------------
## Comments
-------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*-------------------------
# Infinite scroll
-------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

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

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

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

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


/*-----------------------
# Theme Content
-----------------------*/

/* HEADER */

.site-header {
  position: relative;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  z-index: 100;
}

.header-top {
	/* border-top: 3px solid #FF7000; */
}

.header-top .logo img {
	max-height: 50px;
	margin: 5px 0;
	padding: 0;
}

.site-header .header-search {
  position: relative;
}

.site-header .header-search input[type="search"] {
	width: 100%;
	padding: 10px 15px;
	color: #fff;
	background: rgb(0, 0, 0);
	font-size: 15px;
	border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.25);
	margin: 6px 0;
	/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); */
}

.site-header .header-search button[type="submit"] {
	position: absolute;
	right: 3px;
	top: 15%;
	height: 70%;
	width: 38px;
	font-size: 15px;
	color: #fff;
	background: #FF7000;
	border: none;
	border-radius: 4px;
	z-index: 2;
	line-height: 1;
}

.navbar-toggler {
  /*display: none;*/
  padding: 0px 8px;
  color: #fff;
  margin: 3px 0;
  font-size: 1.3rem;
  background: #FF7000;
  border-radius: 3px;
}

.header-navigation {
	background: #111111;
	color: #fff;
}

#site-navigation .navbar-nav .nav-link, #site-navigation .navbar-nav a.dropdown-item {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	padding: 20px 15px;
	letter-spacing: 0.8px;
}

#site-navigation .navbar-nav .dropdown-menu {
	padding: 0;
	margin: 0;
	border: none;
}

#site-navigation .navbar-nav a.dropdown-item {
	padding: 8px 20px;
	border: none;
	font-size: 16px;
	color: #fff;
	background: #FF7000;
}

.header-top .contact-info {
  text-align: left;
  margin-top: 15px;
}

.header-top .contact-info h6 {
  font-weight: 600;
  font-size: 13px;
  margin: 0px;
}

.header-top .contact-info h4 {
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 0px;
}

.header-topbar {
  background: #111111;
  color: #bbb;
}

.header-topbar a {
  color: #bbb;
  font-size: 15px;
}

.header-topbar .social-menu a{
  display: inline-block;
  padding-left: 10px;
  font-size: 18px;
}

/* FOOTER */

.site-footer {
  color: #eee;
  /* background: #252525 url('img/footer-bg.jpg') center; */
  /* background-size: cover; */
  background: #111111;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 75px 0 40px;
}

.site-footer h5 {
  color: #fff;
}

.site-footer a {
  color: inherit;
  text-decoration: none;
}

.site-footer a:hover,
.site-footer a:focus {
  color: #FF7000;
  text-decoration: none;
}

.footer-menu .sub-menu {
  display: none;
}

.footer-menu ul {
	overflow: auto;
  display:block;
}

.footer-menu ul li.menu-item {
	/* width: 50%; */
	/* float: left; */
}

.footer-logo .logo img{
  max-height: 75px;
}

.footer-top {
	/* background: #fff; */
	/* border-top: 4px solid #FF7000; */
}

.footer-bottom {
  /* background: #111111; */
}

.footer-logo img {
  max-height: 90px;
}

.social-menu li {
	list-style-type: none;
	display: inline-block;
	margin: 0 5px;
}

.social-menu li a {
	font-size: 20px;
	margin: 0 5px;
	display: inline-block;
}

.footer-bottom .copyrights-text {
	padding: 5px 0;
	font-size: 15px;
}


/* SIDEBAR */

.sidebar aside#secondary {
  padding-top: 0px;
}

.sidebar .widget {
  position: relative;
  padding: 20px 20px;
  margin-bottom: 25px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
  /* box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15); */
}

.sidebar .widget .widget-title,
.sidebar .widget h4 {
  font-size: 20px;
  margin: 0 0 12px 0;
  font-weight: 600;
  position: relative;
}

.sidebar .widget ul {
  padding-left: 0;
  list-style-type: none;
}

.sidebar .widget a {
  font-weight: 500;
  font-size: 14px;
}

/* condinationally hidden file:sidebar.php*/
.sidebar .widget.widget_search,
.sidebar .widget.custom-widget-subpages {
  background: #FF7000;
  padding-bottom: 20px;
}

.sidebar .widget.widget_search .widget-title,
.sidebar .widget.custom-widget-subpages .widget-title {
  color: #fff;
}

.sidebar .widget.custom-widget-subpages ul li a {
  color: #fff;
  font-weight: 600;
}

.sidebar .widget.custom-widget-subpages ul li a:hover,
.sidebar .widget.custom-widget-subpages ul li a:focus {
  text-decoration: underline;
}

.sidebar .search-form {
  margin: 0;
  padding: 0;
}

.sidebar .search-form label {
  display: block;
}

.sidebar .search-form input[type="search"] {
  width: 100%;
  border-radius: 3px;
  padding: 7px 10px;
  background: #fff;
  border: none;
  margin-bottom: 8px;
  color: #111111;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
  font-size: 15px;
}

.sidebar .search-form input[type="submit"] {
  background: #111111;
  color: #fff;
  padding: 8px 16px;
  border-radius: 3px;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid transparent;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
}

.sidebar .widget.widget_recent_entries ul li {
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
}

.sidebar .widget.widget_media_image {
	padding: 5px;
}

.sidebar .widget.widget_media_image img {
	border-radius: 2px;
}

/* CONTENT */

.homepage-content {
  position: relative;
  display: block;
}

.site-content {
  padding: 0px 0;
  background: #f2f2f2;
}

.site-content .content-area {
  padding: 0px 0;
  background: #f2f2f2;
}

.content-actual{
  position: relative;
  padding: 20px 20px;
  margin-bottom: 30px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
}

.common-section {
  clear: both;
  display: block;
  padding: 50px 0;
  position: relative;
}

.parallax-box {
  overflow: hidden;
  position: relative;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index: 0;
  /* border: 2px solid red; */
}

.parallax-box + div {
  position: relative;
  z-index: 1;
}

.parallax-img {
  /* position: absolute; */
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.titlemon {
  background: #FF7000;
  background: linear-gradient(-90deg, #FF7000 1%, #FF6000 100%);
  color: #fff;
  padding: 50px 0px 40px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.titlemon.bg-titlemon {
  background: #FF7000 url('img/bg-title.jpg') center no-repeat;
  background-size: cover;
  padding: 20px 0;
}

.title h3 {
	margin: 0;
	font-size: 44px;
	font-weight: 500;
	margin-bottom: 10px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.titlemon .title p,
.titlemon .title .lead {
	font-size: 20px;
	font-weight: 500;
}

.section-title h2 {
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 30px;
}

.section-title h6 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	padding-left: 2px;
}

.text-strong {
	font-weight: bolder !important;
}

/* scroll-to-top */

.back-to-top {
	position: fixed;
	right: 32px;
	bottom: 120px;
	height: 40px;
	width: 40px;
	background: #111111;
	cursor: pointer;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	line-height: 38px;
	z-index: 10;
}

.icon {
  width: 100%;
  max-width: 100px;
  display: inline-block;
}

/* Home SLIDER */

.hero-slider .carousel .carousel-item {
  height: 100vh;
  height: 640px;
  background: #111111;
}

.hero-slider .carousel .carousel-item:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0.2) 60%);
}

.hero-slider .carousel .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero-slider .carousel .carousel-control-next,
.hero-slider .carousel .carousel-control-prev {
  color: #FF7000;
  text-align: center;
  width: 5%;
  max-width: 80px;
  min-width: 30px;
}

.hero-slider .carousel .carousel-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0.1) 80%);
  border: 2px solid yellow;
  z-index: 2;
}

.hero-slider .carousel .carousel-caption {
	position: absolute;
	height: auto;
	width: 80%;
	left: 10%;
	bottom: 50%;
	transform: translateY(40%);
	text-align: left;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	background: transparent;
}

.hero-slider .carousel .carousel-caption .caption-content {
	max-width: 540px;
	margin: 0;
}

.hero-slider .carousel .carousel-caption h2 {
	text-transform: none;
	font-size: 54px;
	font-weight: 800;
	color: #fff;
	line-height: 1;
}

.hero-slider .carousel .carousel-caption h2 span {
	color: #FF7000;
}

.hero-slider .carousel .carousel-caption h4 {
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
}

.hero-slider .carousel .carousel-caption p {
	color: #fff;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 400;
  text-align: inherit;
	/* opacity: 0.8; */
}

.hero-slider .carousel .carousel-caption .btn {
	/* color: #fff;
  background: transparent;
	font-weight: 500;
	letter-spacing: 0.5px;
	border: 2px solid #fff;
	margin: 15px 0;
	font-size: 15px; */
	text-transform: uppercase;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	padding: 10px 30px;
  margin-top: 10px;
}

/* .hero-slider .carousel .carousel-caption .btn:hover,
.hero-slider .carousel .carousel-caption .btn:focus {
	color: #111111;
  background: #fff;
} */

/* testmonial area */

.testimonial-slider .carousel-item {
	background: rgba(255,255,255,0.99);
	width: 74.33%;
	left: 13%;
	padding: 40px;
	min-height: 240px;
	text-align: center;
	color: #333;
	border-radius: 5px;
	/* box-shadow: 0 10px 4px rgba(0,0,0,0.4); */
  border: 1px solid #dee2e6 !important;
  position: relative;
}

.testimonial-slider .carousel-item .testimonial-item {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	left: 50%;
}

/* Blog posts */

.blog-item .card-img-top {
  height: 200px;
  object-fit: cover;
}

.blogpost-item .card-category {
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0.5px;
	color: #111111;
}

.blogpost-item .card-category a {
	color: #111111;
}

.blogpost-item .card-text {
	font-size: 15px;
	color: #555;
}

.blogpost-details .dated {
	font-size: 13px;
	text-transform: uppercase;
}

.titlemon.single-mode {
  background: #f2f2f2;
  color: #111111;
  padding: 70px 0px 40px;
}

.single-img img {
  border-radius: 5px;
  width: 100%;
}

.single-content .entry-footer .entry-meta {
	display: block;
	border-top: 1px solid #ddd;
	padding-top: 20px;
	margin-top: 20px;
}

.single-content .entry-footer .entry-meta {
	display: block;
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 20px;
  color: #777;
	font-size: 14px;
}

.single-content .entry-footer .cat-links,
.single-content .entry-footer .tags-links {
	display: block;
	padding-top: 5px;
	color: #777;
	font-size: 14px;
}

.single-content .entry-footer a {
	color: inherit;
	font-weight: bold;
}

/* Plugins */

.tns-nav {
	margin-top: 20px;
}

.tns-nav > button {
	height: 15px;
	width: 15px;
	margin: 5px;
	border-radius: 50%;
	border: 2px solid #ccc;
	background: #ccc;
	padding: 0;
}

.tns-nav > button.tns-nav-active {
	background: #FF7000;
}

.tiny-slider-center .tiny-item.tns-item {
	padding: 20px;
}

.tiny-slider-center .tiny-item.tns-item img {
	border-radius: 3px;
}

.tiny-slider-center .tiny-item.tns-item.tns-slide-active.firstly {
	opacity: 0.3;
  padding-left: 40px;
  padding-right: 0;
}

.tiny-slider-center .tiny-item.tns-item.tns-slide-active.lastly {
	opacity: 0.3;
  padding-left: 0;
  padding-right: 40px;
}

.tiny-slider-center .tiny-item.tns-item.tns-slide-active.middle {
	opacity: 1;
	z-index: 10;
	padding: 0;
	box-shadow: 0 8px 6px -5px rgba(0,0,0,0.4);
}

.clients-slider .tiny-item .card {
	background: #fff;
	border: none;
	padding: 0px;
}

.clients-slider .tiny-item .card img {
	height: 160px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
	filter: grayscale(1);
	opacity: 0.7;
	transition: all 0.25s ease;
}

.clients-slider .tiny-item .card img:hover,
.clients-slider .tiny-item .card img:focus {
	filter: grayscale(0);
	opacity: 1.0;
}


.service-card {
  overflow: hidden;
  margin-bottom: 15px;
}

.service-card img {
  transform: scale(1.0);
  transition: all 1s ease;
}

.service-card:hover img,
.service-card:focus img {
  transform: scale(1.2);
}

.card-items > div {
	padding: 1.25rem;
	margin-bottom: 1.5rem !important;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
}

.card-items h4,
.card-items h5 {
	color: #000;
}

.card-items p {
  margin-bottom: 5px;
  color: #6c757d;
}

.wp-block-image figcaption {
	color: #555;
	font-size: 0.8rem;
	text-align: center;
	margin-bottom: 30px;
}

body.page .entry-content {
	margin: 0;
}


/*---------------------------
## Responsive
---------------------------*/

/* Portrait tablet to landscape and desktop to 1200px */

@media all and (max-width: 1200px) {
  body {
    overflow-x: hidden;
  }


}

/* Portrait tablet to landscape and desktop to 992px */
@media all and (max-width: 992px) {

  .tiny-slider-center .tiny-item.tns-item.tns-slide-active.firstly,
  .tiny-slider-center .tiny-item.tns-item.tns-slide-active.lastly,
  .tiny-slider-center .tiny-item.tns-item.tns-slide-active.middle {
    opacity: 1;
    padding: 20px;
  }


}

/* Landscape phone to portrait tablet to 768px */
@media all and (max-width: 768px) {

  #site-navigation > .container {
    justify-content: end;
    text-align: right;
  }

  #site-navigation {
    padding: 5px 0;
  }

  #site-navigation .navbar-nav .nav-link {
    padding: 8px 15px;
    text-align: left;
    /* border-top: 1px solid #ddd; */
  }

  #site-navigation .navbar-nav a.dropdown-item {
    text-align: center;
    /* background: #f2f2f2; */
  }

  #menu-main-menu {
    margin-top: 15px;
  }

  .header-top .contact-info {
    margin-top: 10px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
  }

  .hero-slider .carousel .carousel-caption h2 {
    font-size: 40px;
  }

  .footer-text a.px-3 {
    display: block;
  }

  .hero-slider .carousel .carousel-item {
    height: 480px;
  }


}

/* Landscape phones and down upto 576px */
@media all and (max-width: 576px) {

  .site-branding {
    text-align: center;
  }

  .header-top .contact-info{
    text-align: left;
  }

  .header-top .contact-info h6 {
    display: inline-block;
  }

  .contact-info .navbar-expand-lg.navbar-dark {
    float: right;
  }

  .contact-info .btn.btn-primary {
    margin-top: 6px;
  }

  .parallax-box .simpleParallax {
    height: 100%;
  }

  .hero-slider .carousel .carousel-item {
    height: 420px;
  }

  .hero-slider .carousel .carousel-caption {
    text-align: center;
  }

  .footer-title, .footer-text {
    /* text-align: center; */
  }

  .footer-menu ul li.menu-item {
    /* text-align: center; */
  }

  .blogpost-item .card-body {
    /* text-align: center; */
  }

  .sidebar .widget {
    /* text-align: center; */
  }

  .wpcf7 .form-control {
    /* text-align: center; */
  }

  .lead {
    font-size: 1.1rem;
    font-weight: 300;
  }

  .back-to-top {
    right: 12px;
    bottom: 80px;
    height: 35px;
    width: 35px;
    line-height: 34px;
  }

  .hero-slider .carousel .carousel-caption {
    bottom: 40%;
  }

  .hero-slider .carousel .carousel-caption h2 {
    font-size: 30px;
  }

}

/* Landscape phones and down upto 480px */
@media all and (max-width: 480px) {

}