/*
Theme Name: ample Business
Theme URI: http://canyonthemes.com
Author: Canyon Themes
Author URI: http://canyonthemes.com
Description: 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: _s
Tags:

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.

_s is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

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

pre {
	overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

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

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

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
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: 0.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: 0.9375rem;
}

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

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

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

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; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
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, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

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

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	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: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

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: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## 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 li {
	float: left;
	position: relative;
}

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

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

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

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

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

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

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

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* 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 {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
	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. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.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, /* Older / Newer Posts Navigation (always hidden) */
.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%;
}

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




/* site css */
*{
    margin: 0px;
    padding:0px;
}
.padding-left-right-zero{
    padding-right: 0px;
    padding-left: 0px;
}
.padding-right-zero{
    padding-right: 0px;
}
.padding-left-zero{
    padding-left: 0px;
}
*, *::before, *::after {
    box-sizing: inherit;
}
p {
    font-size: 15px;
    line-height: 26px;
    font-weight: normal;
    color: #747474;
    font-family: 'Andes', sans-serif; 
}
ul, ol {
    margin: 0 0 0em 0em;
}
li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 0;
}
@font-face {
	font-family: 'Andes';
	src: url('fonts/Andes W04 Book.ttf');
}
body {
font-family: 'Roboto' !important;
}

/* ----- Start Top Header ---- */
.top-header {
	padding: 5px 0px;
}
.top-header .top-header-contact-info a,
.top-header-socialicon .menu li a
{
	color: #fff;
}
.top-header .top-header-contact-info a:hover
{
	color: #016770;
	transition: 0.5s;
}
.top-header-contact-info a{
	margin-right: 15px;
}
.top-header-contact-info a .fa{
	margin-right: 5px;
}
.top-header-socialicon {
	text-align: right;
}
.top-header-socialicon .menu li {
	display: inline-block;
	margin-left: 15px;
}
.top-header-socialicon .menu  {
	margin-bottom: 0px;
}
@media only screen and (max-width : 768px) { 
	.top-header-socialicon,
	.top-header-contact-info
	{
		text-align: center;
	}
	.top-header-contact-info
	{
		margin-bottom: 10px;
	}
}


/* ----- Start Main Header ---- */
.main-header {
	padding: 10px 0px 0px;
}
.main-header .site-branding {
	float: left;
}
.site-title {
	margin: 0px;
}
.main-header .site-title {
    font-size: 24px;
    font-weight: normal;
    /* margin: 0px; */
}

/* ----- Start slider css ---- */
.features-slider {
	position: relative;
}
.slider-content {
	position: absolute;
	top: 35%;
	z-index: 999;
	left: 0;
	right: 0;
	width: 100%
}
.features-slider .banner-title {
    font-size: 48px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}
.features-slider .banner-caption {
    font-size: 18px;
    color: #fff;
}
.slider-overlay {
	position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: rgba(0, 0, 0, 0.18);
}
.read-more-background {
	color: #fff;
	margin: 20px 0px 0px;
	padding: 10px 40px;
	display: inline-block;
	font-size: 18px;
	text-transform: uppercase;
}
.read-more-background:hover { 
	background: #fff;
	transition: 0.5s;
}
.features-slider .owl-pagination {
	position: absolute;
    right: 10px;
    top: 45%;
}
.features-slider .owl-theme .owl-controls .owl-page {
    display: table;
}

.features-slider .owl-theme .owl-controls .owl-page span,
.widget-ample-business-theme-testimonial .owl-theme .owl-controls .owl-page span
 {
    background: #fff;
    opacity: 1;
}
.features-slider .owl-theme .owl-controls{
	margin-top: 0px;
}
@media only screen and (max-width : 768px) { 
	.slider-content {
		display: none;
	}
}
@media only screen and (max-width : 992px) { 
	.slider-content {
		top: 20%;
	}
}

/* start widget area */
.widget {
	margin: 60px 0px 0px;
}
.main-title {
	text-align: center;
	margin-bottom: 40px;
}
.main-title .widget-title {
	font-size: 28px;
	font-weight: 500;
	text-transform: uppercase;
}
.btn-wrap {
	text-align: center;
}
.view-more {
	padding: 10px 40px;
	text-transform: uppercase;
	font-size: 20px;
	display: inline-block;
	margin-top: 40px;
}
.view-more:hover {
	color: #fff;
	transition: 0.5s;
}

/* start services area */ 
.service-item {
	margin-bottom: 30px;
}
.service-icon .fa{
	font-size: 40px;
	margin-bottom: 15px;
}
.service-icon div{
	width: 60px;
    height: 2px;
    vertical-align: top;
}
.widget-inner-title a,
.widget-inner-title
 {
    font-weight: normal;
    font-size: 24px;
    text-transform: capitalize;
}
.widget-inner-title a:hover {
	transition: 0.5s;
}
@media only screen and (max-width : 768px) { 
	.service-item {
	    margin-bottom: 30px;
	    text-align: center;
	}
	.service-icon div {
		display: none;
	}
}
/* ---- Feature section ---*/
.widget-ample-business-theme-feature {
	background: #f4f6f7;
	padding: 40px 0px;
	position: relative;
	overflow: hidden;
}
.widget-ample-business-theme-feature .main-title {
	text-align: left;
}
.feature-image img {
	width: 100%;
}
.feature-item {
	background: #fff;
	padding: 15px;
	display: inline-flex;
	margin-bottom: 30px;

}
.feature-item .feature-item-icon {
    float: left;
    margin-right: 30px;
    margin-top: 7px;
    border-right: 1px solid #eee;
    font-size: 60px;
    padding-right: 15px;
    vertical-align: middle;
    width: 122px;
    text-align: center;
}
.feature-item .widget-inner-title {
    margin-top: 0px;
}
.service-item:hover .service-icon i{
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg);
    transition: 2s;
}
@media only screen and (max-width : 768px) { 
	.feature-image {
	    display: none;
	}
}

/* ---- meet our team and counter button ---*/
#ample-business-theme-meetbutton {
    margin-top: 0px;
}
.widget-ample-business-theme-meetbutton,
.widget-ample-business-theme-testimonial
 {
	background-position: center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
.widget-ample-business-theme-meetbutton .container,
.widget-ample-business-theme-testimonial .container
{
	padding: 40px 0px;
}
.main-title .widget-title.whitetext,
.widget-ample-business-theme-counter .main-title .whitetext,
.testimonial-details .whitetext
 {
	color: #fff;
}
.meet-counter-button {
	margin: 50px 0px;
	text-align: center;
}
.paralex-btn {
    font-size: 24px;
    color: #fff;
    border: 1px solid #fff;
    margin-right: 30px;
    padding: 10px 40px;
    text-transform: uppercase;
}
.paralex-btn:hover {
	color: #fff;
	transition: 0.5s;
}
@media only screen and (max-width : 768px) { 
	.paralex-btn {
	    display: block;
	    margin-bottom: 30px;
	    margin-left: 30px;
	}
}


 /* ---- Our team ---*/
 .widget-ample-business-theme-ourteam {
 	overflow: hidden;
 }
 .our-team-item {
 	background: #f4f6f7;
 }
 .our-team-item .our-team-item-content {
 	padding:  15px;
 	text-align: center;
 }
 .our-team-item-content .team-title{
 	font-size: 20px;
 	font-weight: normal;
 	padding-bottom: 10px;
 	border-bottom: 1px solid #e8e9ea;
 }
 .our-team-item-img {
 	position: relative;
 }
 .our-team-item-img img {
 	width: 100%;
 }
 .team-digination {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.37);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .8s ease;
  text-align: center;
  font-size: 18px;
}

.our-team-item a:hover .team-digination {
  height: auto;
  padding: 10px 0px;
  bottom: 50px;
  
}
.our-team-item-content .team-sociallinks {
	margin: 20px 0px 5px;
}
.our-team-item-content .team-sociallinks li {
    display: inline-block;
    margin-right: 15px;
    border: 1px solid #747474;
    padding: 7px;
    padding: 5px 10px;
    vertical-align: middle;
}
.our-team-item-content .team-sociallinks li a {
	color: #747474;
}
.our-team-item-content .team-title:hover {
	transition: 1s;
}
@media only screen and (max-width : 768px) { 
	.our-team-item {
		margin-bottom: 15px;
	}
}
@media only screen and (max-width : 992px) { 
	.our-team-item-content .team-sociallinks li {
		margin-bottom: 15px;
	}
}

/* --- counter Section ---- */
.widget-ample-business-theme-counter {
	padding: 40px 0px;
}
.conter-item {
    padding: 20px;
    text-align: center;
    background: rgba(251, 250, 249, 0.12);
}
.conter-item  .counter-number{
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 5px 0px;
}
.conter-item  .counter-title{
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
}
.counter-icon .fa {
    font-size: 42px;
    color: #fff;
}
.conter-item:hover {
    transform: translateX(0) translateY(-5px) translateZ(0) rotate(0deg) scale(1);
    -o-transform: translateX(0) translateY(-5px) translateZ(0) rotate(0deg) scale(1);
    -ms-transform: translateX(0) translateY(-5px) translateZ(0) rotate(0deg) scale(1);
    -moz-transform: translateX(0) translateY(-5px) translateZ(0) rotate(0deg) scale(1);
    -webkit-transform: translateX(0) translateY(-5px) translateZ(0) rotate(0deg) scale(1);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}



/*--- our work ------ */
.portfolioContainer1 a img {
    /*margin:15px auto;*/
    margin: 0px auto;
    width: 100%;
    height: 100%;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}
.workimgoverlay img {
  display: block;
  width: 100%;
  height: auto;
}

.workoverlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: rgba(12, 12, 12, 0.37);
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

.workimgoverlay:hover .workoverlay {
  bottom: 0;
  height: 100%;
}

.workdetails {
  color: white;
  position: absolute;
  overflow: hidden;
  padding: 15px;
  height: 100%;
  width: 100%;
}
.workimgoverlay {
	position: relative;
	margin-bottom: 30px;
}
.workdetails .work-title {
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: underline;
}
.workdetails p{
	color: #fff;
}
.border-hover {
	border: 1px solid #fff;
	padding: 15px;
	height: 100%;
}
.portfolioFilter a {
    margin-left: 15px;
    padding: 10px 25px;
    display: inline-block;
    margin-bottom: 15px;
}
.portfolioFilter  {
    margin-bottom: 25px;
}
.portfolioFilter .current,
.portfolioFilter a:hover
{
    color: #fff;
    transition: 0.5s;
}
.widget-ample-business-theme-work .view-more {
	margin-top: 10px;
}

/*---- Testimonial ----*/
.testimonial-img img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 3px solid #fff;
}
.testimonial-details {
	text-align: center;
}
.testimonial-img {
    display: inline-block;
}
h5.clientname {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 20px 0px;
}

/*--- blog ---*/
.widget-ample-business-theme-blog {
	background: #f4f6f7;
	padding: 40px 0px;
	margin-top: 0px;
	overflow: hidden;
}
.blog-item {
	background: #fff;
}
.blog-item img {
	width: 100%;
}
.blog-details {
	padding: 15px;
}
.blog-details .entry-header .entry-title {
	margin-top: 0px;
}
.blog-details .entry-header .entry-title  a{
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    color: #555555;
}
.blog-details .entry-header .entry-title  a:hover{
	color: #2fa3ad;
	transition: 1s;
}
.enty-meta a {
	font-size: 12px;
	text-transform: capitalize;
	color: #b1b0b0;
}
.posted-on {
    margin-right: 15px;
}
.enty-meta {
    padding: 10px 15px;
    margin-right: -15px;
    margin-left: -15px;
    border-top: 1px solid #f5f3f3;
    border-bottom: 1px solid #f5f3f3;
    display: flow-root;
}
.leavecomment a {
	color: #2fa3ad;
}
.widget-ample-business-theme-blog .blog-list .blog-details .entry-content {
	margin-top: 15px;
}
@media only screen and (max-width : 768px) { 
	.blog-item {
	    margin-bottom: 30px;
	}
}

/* ---- client logo ----*/
.client-log {
    text-align: center;
    border: 1px solid #d6d8d8;
    padding: 15px;
}
.client-log {
    margin: 0px 15px;
}

/* --- Top footer ----*/
.ample-business-topfooter {
	background: #464646;
	padding: 40px 0px;
	margin-top: 60px;
	overflow: hidden;
}
.widget-footer-top {
	text-align: center;
	border-right: 1px solid #959595;
}

.widget-footer-top .fa {
	font-size: 40px;
	color: #fff;
}
.footer-top-widget-title {
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	text-transform: capitalize;
}
.widget-footer-top p {
	color: #e6e7e8;
}

/* ---- Middle Footer ----*/
.middle-footer {
	margin: 30px 0px 0px;
	border-top: 1px solid #959595;
	padding-top: 30px;
}
.footer-bottom-title {
	font-size: 24px;
	color: #fff;
	font-weight: 500;
	text-transform: capitalize;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.footer-bottom-title:before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0px;
    width: 100%;
    max-width: 60px;
    height: 3px;
    z-index: 999;
}
.footer-bottom-title:after {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0px;
    width: 100%;
    border-bottom: 1px solid #959595;
    height: 3px;
    z-index: 99;
}
.middle-footer .widget-area p{
	color: #e6e7e8;
}
.middle-footer .widget-area ul li {
    clear: both;
    display: table;
    margin-bottom: 15px;
    width: 100%;
}
.middle-footer .widget-area ul li .fa {
    float: left;
    font-size: 14px;
    width: 30px;
    text-align: left;
    line-height: 25px;
    text-indent: 1px;
    color: #e6e7e8;
}
.middle-footer .widget-area ul li a {
    float: left;
    width: calc(100% - 35px);
    width: -webkit-calc(100% - 35px);
    width: -moz-calc(100% - 35px);
    color: #e6e7e8;
    font-size: 15px;
    text-transform: capitalize;
}
.middle-footer .widget-area ul li a:hover {
	transition: 1s;
}
.footer-tags a {
    color: #e6e7e8;
    margin-right: 15px;
    padding: 5px 9px;
    display: inline-block;
    margin-bottom: 15px;
}
.footer-tags a:hover {
	color: #e6e7e8;
	transition: 1s;
}

/* ---- Bottom footer ------*/
.site-footer.bottom-footer {
	background: #3a3939;
	border-top: 1px solid #8e8e8e;
	padding: 15px 0px;
}
.copyright {
    float: left;
}
.copyright p{
    color: #fff;
    margin: 0px;
}
.footer-social-link {
	float: right;
}
.widget-footer-social-icon li {
    display: block;
    margin-left: 15px;
    float: left;
}
.widget-footer-social-icon li a {
    border: 1px solid #bababa;
    display: inline-block;
    height: 33px;
    line-height: 2.3;
    margin-right: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 33px;
    color: #fff;
}


/*  ------ hover color for solcial links  ---*/

.socialicon .facebook:hover {
	background: #3b5999;
	color: #fff;
	transition: 1s;
}
.top-header .top-header-socialicon .menu .facebook a:hover {
	color: #3b5999;
	transition: 1s;
}
.socialicon .twitter:hover {
	background: #55acee;
	color: #fff;
	transition: 1s;
}
.top-header .top-header-socialicon .menu .twitter a:hover {
	color: #55acee;
	transition: 1s;
}
.socialicon .youtube:hover {
	background: #cd201f;
	color: #fff;
	transition: 1s;
}
.top-header .top-header-socialicon .menu .youtube a:hover {
	color: #cd201f;
	transition: 1s;
}
.socialicon .instagram:hover {
	background: #e4405f;
	color: #fff;
	transition: 1s;
}
.top-header .top-header-socialicon .menu .instagram a:hover {
	color: #e4405f;
	transition: 1s;
}
.socialicon .linkedin:hover {
	background: #0077B5;
	color: #fff;
	transition: 1s;
}
.top-header .top-header-socialicon .menu .linkedin a:hover {
	color: #0077B5;
	transition: 1s;
}


/* Inner page banner */
.ample-inner-banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
    width: 100%;
    padding: 50px 0px;
    text-align: left;
}
.ample-inner-banner .entry-title,
.ample-inner-banner .page-title
{
    font-size: 24px;
    font-weight: 500;
    color: #fff;
}

/*-- Breadcrumb --*/
.breadcrumbs {
	padding: 5px 0px;
}
.breadcrumb.trail-items {
    margin-bottom: 0px;
    padding-left: 0px;
}
.breadcrumb.trail-items li a {
   color: #fff;
}
.breadcrumb.trail-items > .active {
	color: #ff9900;
}

/* --- About us top section ---*/
.aboutus-top  {
	margin-top: 40px;
}
.aboutus-top {
    text-align: center;
}
.elementor-heading-title {
    font-size: 24px;
    margin-bottom: 20px;
}
.half-bg-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 48%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #091b6b;
}

/* ---- ample Page ------*/
.single-ample-page {
	background: #f7f7f7;
	padding-bottom: 30px;
}
.single-ample-page #primary {
	width: 70%;
	float: left;
	padding-left: 15px;
    padding-right: 15px;
}
.sidebar {
	width: 30%;
	float: left;
	padding-left: 15px;
    padding-right: 15px;
}
#primary.content-area, 
.sidebar
{
	margin-top: 30px;
}
article.page,
.sidebar section
 {
	margin-bottom: 2em;
    background: #fff;
    border: 1px solid #e1e1e1;
	padding: 15px;
}
@media only screen and (max-width : 991px) { 
	.single-ample-page #primary,
	.sidebar
	 {
		width: 100%;
	}
}

/* --- siderbar search widger --- */
.widget-search label {
    width: 96%;
    margin-bottom: 15px;
}
.widget-search input[type=search] {
	font-size: 14px;
    font-weight: normal;
    border: 1px solid #e1e1e1;
}
.widget-search .search-submit {
	width: 100%;
    padding: 10px;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0px;
    border: none;
    background: #5d5c5c;
}
.widget-search .search-submit:hover {
	transition: 1s;
}
.sidebar .widget {
	margin-top: 0px;
	margin-bottom: 30px;
}

/* --- sidebar recent post --- */
.sidebar .widget-title {
    font-size: 24px;
    margin: 0px;
    padding-bottom: 10px;
    border-bottom: 4px double #e1e1e1;
    font-weight: 500;
    margin-bottom: 15px;
}
.widget-recentpost ul li,
.widget-archives ul li,
.widget-categories ul li
 {
    clear: both;
    display: table;
    margin-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
}
.widget-recentpost ul li:last-child, 
.widget-archives ul li:last-child,
.widget-categories ul li:last-child
{
	border-bottom: none;
}
.widget-recentpost ul li .fa, 
.widget-archives ul li .fa,
.widget-categories ul li .fa 
{
    float: left;
    font-size: 14px;
    width: 30px;
    text-align: left;
    line-height: 25px;
    text-indent: 1px;
    color: #e6e7e8;
}
.widget-recentpost ul li a,
.widget-archives ul li a,
.widget-categories ul li a 
{
    float: left;
    width: calc(100% - 35px);
    width: -webkit-calc(100% - 35px);
    width: -moz-calc(100% - 35px);
    color: #555555;
    font-size: 15px;
    text-transform: capitalize;
}
.widget-recentpost ul li a:hover,
.widget-archives ul li a:hover,
.widget-categories ul li a:hover
 {
	transition: 1s;
}

/*---- blog Category ----*/
article.post {
    margin-bottom: 2em;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 15px;
}
article.post .entry-header .entry-title {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 24px;
    font-weight: normal;
}

article.post .entry-meta {
	margin-top: 15px;
}
article.post .entry-meta .posted-on a,
article.post .entry-meta .posted-by a,
article.post .entry-meta .category-tag a,
article.post .entry-meta .category-tag .fa

 {
    font-size: 12px;
    color: #908e8e;
}
article.post .entry-meta .posted-by
 {
	margin-right: 15px;
}
article.post .entry-meta .category-tag a {
	margin-right: 5px;
}
.article-readmore {
	color: #0275d8;
}
.two-column-blogcat article.post {
	width: 47%;
    float: left;
    margin: 0px 10px;
}

/* ---- pagination ---*/
.posts-navigation .nav-previous,
.posts-navigation .nav-next
 {
    width: auto;
    padding: 10px 25px;
    font-size: 16px;
}
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a 
{
	color: #fff;
}
.posts-navigation .nav-previous:hover,
.posts-navigation .nav-next:hover 
{
	background: #5d5c5c;
	transition: 1s;
}
.pagination-blog .pagination > li > a:hover {
	color: #fff;
	transition: 1s;
}


/* --- Author Box ---*/
.authorbox {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px;
}
.about-author h3 {
    font-size: 14px;
    color: #a7a7a7;
    font-weight: normal;
    text-transform: uppercase;
}
.author-avatar {
    width: 90px;
    float: left;
}
.author-avatar img {
    border-radius: 50%;
    border: 5px solid #2fa3ad;
}
.author-info {
    margin-left: 115px;
    display: flow-root;
}
.authur-title a {
    font-size: 18px;
}
.authur-title {
	 margin-top: 0px;
}
.author-sociallink li {
	display: inline-block;
	margin-right: 15px;
}
.author-sociallink li a{
	font-size: 14px;
	color: #929191;
}


/*--- Related Post ---*/
.related-post .related-item .entry-header .entry-title {
    font-size: 17px;
    line-height: 24px;
}
.ample-widget.related-post {
    margin: 40px 0px 10px;
}
.ample-widget.related-post h3, 
.leave-comment h3
{
    font-size: 24px;
    font-weight: 500;
}
.innerpage-team-details .our-team-item {
	margin-bottom: 30px;
}
/*--- Contact Us page ---*/
.contact-page {
	margin-top: 40px;
}
.contact-page-content ul li {
	border-top: 1px solid #d7d7d7;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 15px;
}
.contact-page-content ul li h6 {
    font-size: 16px;
    font-weight: normal;
}
.contact-page-content ul li .fa {
    margin-right: 15px;
}

/* ---- sticky Navagation ----*/
.navbar-fixed-top {
  top: 0;
  z-index: 100;
  position: fixed;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #eee;
}
.scrollup {
    font-size: 16px;
    border-radius: 100%;
    bottom: 50px;
    color: #ffffff;
    float: right;
    line-height: 1.2;
    padding: 10px 17px;
    position: fixed;
    right: 50px;
    text-align: center;
    text-shadow: 0 0 1px #313131;
    transition: all 0.3s ease-in-out 0s;
    z-index: 999;
}
.scrollup:hover { 
	background: #383838;
	color: #fff;
}
.contact-form input[type=text],
.contact-form textarea
{
    border: 1px solid #eee;
    font-size: 12px;
    padding-left: 10px;
    /* margin-right: -15px; */
}
.contact-form input[type=text] {
	width: 97.5%;
}
.contact-form {
    margin-bottom: 40px;
}




/* ----- Customizer color   ----*/

.main-header .site-title a,
.read-more-background:hover,
.service-icon .fa,
.feature-item .feature-item-icon,
.widget-inner-title a:hover,
.our-team-item-content .team-title:hover,
h5.clientname,
.view-more,
.posted-on a:hover, 
.posted-by a:hover,
.blog-details .entry-header .entry-title  a:hover,
.leavecomment a,
.main-nav  li:hover > a,
.middle-footer .widget-area ul li a:hover,
.widget-recentpost ul li a:hover,
.widget-archives ul li a:hover,
.widget-categories ul li a:hover,
article.post .entry-header .entry-title a:hover,
article.post .entry-meta .posted-on a:hover,
article.post .entry-meta .posted-by a:hover,
article.post .entry-meta .category-tag a:hover,
.article-readmore:hover,
.posts-navigation .nav-previous:hover > a,
.posts-navigation .nav-next:hover > a,
.authur-title a:hover,
.contact-page-content ul li .fa 
{
	color: #2fa3ad;
}

.top-header,
.service-icon div,
.widget-ample-business-theme-counter,
.portfolioFilter .current,
.portfolioFilter a:hover,
.paralex-btn:hover,
.view-more:hover,
.features-slider .owl-theme .owl-controls .owl-page.active span,
.widget-ample-business-theme-testimonial .owl-theme .owl-controls .owl-page.active span,
.read-more-background,
.widget-ample-business-theme-testimonial,
.widget-ample-business-theme-meetbutton,
.footer-tags a:hover,
.ample-inner-banner,
.breadcrumbs,
.widget-search .search-submit:hover,
.posts-navigation .nav-previous,
.posts-navigation .nav-next,
.pagination-blog .pagination > .active > a,
.pagination-blog .pagination > li > a:hover,
.scrollup
{
	background-color: #2fa3ad;
}

.paralex-btn:hover,
.view-more,
.portfolioFilter a,
.footer-tags a,
.pagination-blog .pagination > .active > a

{
	border: 1px solid #2fa3ad;
}
.footer-bottom-title:before  {
	border-bottom: 1px solid #2fa3ad;
}


.main-title .widget-title,
.widget-inner-title a,
.widget-inner-title,
.our-team-item-content .team-title,
.conter-item  .counter-title,
.portfolioFilter a,
.team-digination,
.elementor-heading-title,
article.post .entry-header .entry-title a,
.authur-title a,
.ample-widget.related-post h3,
.contact-page-content ul li h6
{
	color: #555555;
}