/*!
Theme Name: Isha
Theme URI:  http://www.postmagthemes.com/downloads/isha-portfolio-free-wordpress-theme
Author: postmagthemes
Author URI: http://www.postmagthemes.com/
Requires at least: 4.9
Requires PHP: 5.2.4
Description: Description: Isha is a portfolio theme. It is designed to make a company's profile website that has a business scale from large to medium. It has many predesigned sections for showing your business work, price plan, testimonials, team information and many more. A standard blog section is also available which is dedicated mainly to show some of your important thoughts. Since a website is your first impression to your customer hence portfolio of the company shall need to be a perfect showcase. Isha theme as a free portfolio WordPress theme is the best choice for the entrepreneur to start their own business. You can see the demo here https://www.postmagthemes.com/demoisha .
Version: 1.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: isha
Tags: three-columns, two-columns, footer-widgets, portfolio, translation-ready, blog, right-sidebar, custom-header, custom-background, custom-logo, custom-menu, custom-colors, threaded-comments, featured-images, theme-options, full-width-template

Isha, Copyright 2018 Postmagthemes https://www.postmagthemes.com
Voice blog is distributed under the terms of GNU GPL v2 or later.

Isha is derived from Underscores https://underscores.me/, (C) 2013 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/
*/
/*==================================
	Reset CSS
====================================*/ 
* {
    margin: 0;
    padding: 0;
}
html,body {
	height: 100%;
	margin: 0;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #2A2D2F;
	line-height: 22px;
}
h1,h2,h3,h4,h5,h6{
	position:relative;
	font-weight:700;
	margin:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
p {
	color:#6A6A6A;
    margin: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
ul {
    list-style: none;
    margin-bottom: 0;
}
a,button,input,textarea{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-weight:600;
}
a,
a:hover,
a:focus,
a:active,
button{
    text-decoration: none;
    border: none;
    outline: none;
	border:none;
}
img {
    max-width: 100%;
    height: auto;
	display:block;
}
select:focus,
select:active {
    box-shadow: 0;
    border: 0;
    outline: 0
}

.container{
	max-width: 82%;
}
.header-inner > .container {
	max-width: 90%;
}

.nav > li > a:focus,
.nav > li > a:hover {
    background-color: transparent;
    text-decoration: none;
}
.navbar {
    margin-bottom: 0;
    border: 0;
}
.section{
    padding-top: 90px;
    padding-bottom: 90px;
	position:relative;
}
.section-title {
	margin-bottom: 30px;
	text-align: center;
}
.section-title h2 {
	font-size: 27px;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-transform: capitalize;
}
.section-title h2 span{
	text-transform:italic;
	font-weight:400;
}
.section-title h2::before {
	content: "";
	position: absolute;
	left: 50%;
	width: 80px;
	height: 2px;
	background: #E84C3D;
	margin-left: -40px;
	bottom: 0;
}
.section-title h2::after {
	content: "";
	position: absolute;
	left: 49.5%;
	bottom: -4px;
	background: #E84C3D;
	margin-left: -35px;
	width: 10px;
	height: 10px;
	line-height: 10px;
	border-radius: 100%;
}
.section-title p {
	padding: 0px 260px;
}
.btn{
	color:#9B9B9B;
	padding:13px 38px;
	text-transform:uppercase;
	font-weight:600;
	border:none;
	display: inline-block;
	text-align:center;
	font-size:14px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.btn.primary{
	color:#fff;
	border-color:transparent;
}
.mobile-nav{
	display:none;
}
.table {
	display: table;
	width: 100%;
	height: 100%;
}
.table-cell {
	display: table-cell;
	vertical-align: middle;
}

/*==============================
=            Loader            =
==============================*/
.loader-running #wrapper { 
	opacity: 0; 
}
.loader { 
	 pointer-events: none;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
}
.loader-inactive { 
	display: none;
}

.loader .loader-progress { 
	background-color: #596fff;
	position: fixed;
	z-index: 2000;
	top: 50%;
	left: 0;
	height: 6px;
	overflow: hidden;
	-webkit-transition: width 1s;
	transition: width 1s;
 }
.loader .loader-progress-inner { 
	position: absolute;
	top: 0;
	left: 0;
	right: -32px;
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-size: 32px 32px; 
	-webkit-animation: pace-stripe-animation 500ms linear infinite;
	animation: pace-stripe-animation 500ms linear infinite;
}
img{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
input,
input:focus,
input:active {
    outline: none;
    font-weight: 400;
}
select{
    -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
textarea:focus {
    outline: none !important;
    box-shadow: none !important
}
/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
/*Remove bootstrap tab css*/
.nav-tabs > li > a {
    border: 0
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border: 0;
    outline: 0
}
.nav-tabs {
    border: 0
}
.nav-tabs > li > a:hover {
    border: 0
}
/*navbar css icon*/
.navbar-toggle .icon-bar {
    position: relative;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    width: 28px;
}
.slick-slide {
    outline: none !important;
}
.overlay{
	position:relative;
}
.overlay::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	opacity: 0.6;
	background: #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/* BreadCrumbs */
.breadcrumbs {
	text-align: center;
	padding: 90px 0;
	position: relative;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: cover;
	background-position: center;
}
.breadcrumbs h2, .breadcrumbs h1 {
	color: #000000;
	text-transform: capitalize;
	font-weight: 700;
	font-size: 32px;
	position: relative;
	margin-top: 15px;
	display: inline-block;
    background: #fff;
    padding: 5px 35px;
    border-radius: 25px;
}
.breadcrumbs ul {
	display: inline-block;
	background: #fff;
	padding: 10px 30px;
	border-radius: 50px;
}
.breadcrumbs ul li{
	display:inline-block;
}
.breadcrumbs ul li a {
	color: #222222;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 400;
}
.breadcrumbs li + li::before {
	color: #E84631;
	content: "/";
	padding:0 5px;
	font-family: 'FontAwesome';
	content: "\f105";
	font-size:15px;
}
.breadcrumbs ul li.active a {
	color: #E84631;
	border-radius: 5px;
}
.form-control:focus {
	border-color: #ccc;
	box-shadow: 0 0 0 ;
	outline: 0 none;
}
/* Scroll Up CSS */
#scrollUp {
	right: 15px;
	bottom: 12px;
	color: #222222;
	opacity: 1;
	background: transparent;
	font-size: 15px;
	background: #fff;
	box-shadow: 0px 0px 5px #0003;
	width: 42px;
	height: 42px;
	line-height: 42px;
	border-radius: 100%;
	text-align: center;
}
#scrollUp:hover {
	background:#E84C3D;
	color:#fff;
}
.pagination-nav{
	margin-top:50px;
} 
.pagination-nav li {
	display: inline-block;
	margin-right:5px;
}
.pagination-nav li a {
	width: 40px;
	height: 40px;
	border: 1px solid #e7e7e7;
	display: block;
	text-align: center;
	line-height: 40px;
	border-radius: 100%;
	color: #666;
	background: #fff;
}
.pagination-nav li.active a,
.pagination-nav li:hover a{
	-webkit-box-shadow:0px 0px 14px rgba(0, 0, 0, 0.20);
	-moz-box-shadow:0px 0px 14px rgba(0, 0, 0, 0.20);
	box-shadow:0px 0px 14px rgba(0, 0, 0, 0.20);
}
.pagination-nav li.active a, 
.pagination-nav li:hover a {
	border-color: transparent;
	color: #fff;
	background: #E84C3D;
}
/* Preloader Animaion */
.loader{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:#fff;
	z-index:4444;
}
.loader-inner{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-40px;
}
.k-line {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 15px;
}
.k-line11-1 {
	animation: k-loadingP 2s infinite;
}
.k-line11-2 {
	animation: k-loadingP 2s infinite;
	animation-delay: .15s;
}
.k-line11-3 {
	animation: k-loadingP 2s infinite;
	animation-delay: .30s;
}
.k-line11-4 {
	animation: k-loadingP 2s infinite;
	animation-delay: .45s;
}
.k-line11-5 {
	animation: k-loadingP 2s infinite;
	animation-delay: .60s;
}
/* Meheraj CSS Animation*/
@keyframes k-loadingP {
	0% {
		transform:translateY(0)
	}
	35% {
		transform:translateY(0);
		opacity:.3
	}
	50% {
		transform:translateY(-20px);
		opacity:.8
	}
	70% {
		transform:translateY(3px);
		opacity:.8
	}
	85% {
		transform:translateY(-3px)
	}
}
/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
	100% {
    opacity: 1;
  }
}
@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
	100% {
    opacity: 1;
  }
}

@-webkit-keyframes circle {
    0% {opacity: 1;}
    40% {opacity: 1;}
    100% {width: 500px;height: 500px;opacity: 0;}
}
@keyframes circle {
    0% {opacity: 1;}
    40% {opacity: 1;}
    100% {width: 500px;height: 500px;opacity: 0;}
}


@-webkit-keyframes shine {
    100% {left: 125%;}
}
@keyframes shine {
    100% {left: 125%;}
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
	color: #333;
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

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;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
}

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: #222;
	border-color: #333;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #222;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #767676;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}



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

ul.slick-dots li button:focus {
	border: 2px dotted blue;
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*====================================
	Header Style
======================================*/
.header {
	position: relative;
	width: 100%;
	background: #222;
}
.header .topbar {
	position: relative;
}
.header .top-inner {
	border-bottom: 1px solid #e6e6e6;
	padding: 10px 0;
}
/* Social */
.header .social {
	display: inline-block;
}
.header .social li {
	display: inline-block;
	margin-right: 2px;
}
.header .social li:last-child{
	margin:0;
}
.header .social li a {
	display: block;
	border-radius: 100%;
	text-align: center;
	font-weight: 400;
	color: #eee;
	width: 25px;
	height: 24px;
	line-height: 24px;
}
.header .social li:hover a{
	color:#fff;
	background:#E84C3D;
}
.header .header-inner {
	z-index: 95;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3 ease;
}
/* Logo */
.header .logo {
	padding-top: 10px;
}
.header .logo img{
	display:inline-block;
}
/* Main Menu */
.header .main-menu {
	position: relative;
}
.header .navbar {
	padding: 0;
	display: inline-block;
}
.header .nav li {
	margin-right: 10px;
	position: relative;
}
.header .nav li a {
	text-transform: capitalize;
	color: #eee;
	position: relative;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: block;
	background: transparent;
	border-radius: 0px;
	padding: 22px 18px;
	position: relative;
}
.header .nav li.active a,
.header .nav li:hover a,
.header .nav li a:focus{ /* added later*/
	background:#E84C3D;
	color:#fff;
}
.header .nav li a i{
	margin-left:5px;
}
.header .nav .dropdown {
	position: absolute;
	left: 0;
	width: 220px;
	z-index: 99;
	background: black;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0;
	visibility: hidden;	
	-webkit-transform:translateY(30px);
	-moz-transform:translateY(30px);
	transform:translateY(30px);
	-webkit-box-shadow: 0px 0px 5px #0000004d;
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 0px 5px #0000004d;
}
.header .nav li:hover .dropdown {
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}

.header .nav .dropdown:before{
	content:"";
}
.header .nav .dropdown li {
	display: block;
	width: 100%;
	margin: 0;
	float: none;
}
.header .nav li .dropdown li a {
	color: white;
	padding: 8px 15px;
	text-transform: capitalize;
	border-radius: 0px;
	font-weight: 400;
	border-bottom: 1px solid #e7e7e7;
	background: transparent;
}
.header .nav li .dropdown li:last-child a{
	border-bottom:0px;
}

.header .nav li .dropdown li a:before,
.header .nav li .dropdown li a:after{
	display:none;
}
.header .menu-right {
	display: inline-block;
}

/*Added Css suggest from simon dai*/
.menu-item-has-children > a.dropdown-item:after { 
	content: ' â–º';
	font-size: 10px;
	vertical-align: 0;
	padding-left: 5px;
}
/* Below add right direction to menu if it has child menu */
.menu-item-has-children > a.nav-link:after {
	content: " \25bc";
	font-size: 9px;
	vertical-align: 0;
	padding-left: 5px;
}
/* Search Form */
.header .search {
	display: inline-block;
}
.header .search a {
	width: 25px;
	display: block;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: #2BB2B7;
	color: #fff;
	font-size: 13px;
}
.header .search.active a i:after{
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.header .search.active a i:before{
	content:"\f00d";
}
.header .search-form {
	width: 250px;
	right: 0;
	z-index: 4;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: absolute;
	right: 0;
	opacity: 0;
	visibility: hidden;
	top: 100%;
	background: #fff9;
	text-align: center;
	padding: 15px;
	box-shadow: 0px 0px 5px #0006;
}
.header .search-form input {
	height: 40px;
	padding: 0 20px;
	border: 1px solid #e6e6e6;
}
.header .search-form button {
	position: absolute;
	right: 25px;
	top: 22px;
	background: transparent;
}
.header .search-form.active{
	opacity:1;
	visibility:visible;
}
/*====================================
	End Header Style
======================================*/

/*====================================
	Hero Area CSS
======================================*/
.hero-area .single-slider::before {
	opacity: 0;
	z-index: 500;
}
.hero-area{
	height: 700px;
}
.hero-area .single-slider {
	height: 700px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:50% 50%;
}
.hero-area .welcome-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 700px;
	background: transparent;
	position:relative;
	z-index:9999;
}
.hero-area .welcome-text h2 a{
	color:#fff;
	font-size: 50px;
	font-weight: 800;
	text-transform: capitalize;
	line-height: 65px;
}
.hero-area .welcome-text h2 b{
	color:#E84C3D;
	border-bottom:2px solid;
}
.hero-area .welcome-text p {
	color: #bbb;
	margin: 20px 0;
	font-size: 15px;
	padding: 0 80px;
}
.hero-area .welcome-text .btn {
	text-transform: uppercase;
	position: relative;
	color: #fff;
	margin-right: 15px;
	border: none;
	background: #fff;
	color: #222222;
}
.hero-area .welcome-text .btn:hover{
	background:#E84C3D;
	color:#fff;
}
.hero-area .welcome-text .btn:last-child{
	margin-right:0px;
}
.hero-area .welcome-text .btn.primary{
	background:#E84C3D;
	color:#fff;
	border-color:transparent;
}
.hero-area .welcome-text .btn.primary:hover{
	background:#fff;
	color: #222222;
}
/* Slider Button */
.hero-area button {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 5;
	font-size: 30px;
	display: block;
	cursor: pointer;
	background: transparent;
	color: #fff;
	outline: none;
	width: 50px;
	height: 50px;
	line-height: 50px;
	padding: 0;
	font-size: 28px;
	border-radius: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 1;
	visibility: visible;
	border: 1px solid #fff;
	border-radius: 0px;
}
.hero-area:hover button{
	opacity:1;
	visibility:visible;
}
.hero-area button:hover{
	color:#fff;
	background:#E84C3D;
	border-color:transparent;
}
.hero-area button.PrevArrow {
	left:0px;
}
.hero-area button.NextArrow {
	right: 0px;
}
/* Slider Animation */
.hero-area .single-slider.slick-active h1{
    animation: zoomIn 1s both 0.6s;
}
.hero-area .single-slider.slick-active p{
    animation: fadeInDown 1s both 1s;
}
.hero-area .single-slider.slick-active .button {
    animation: fadeInDown 1s both 1.3s;
}
/*====================================
	End Hero Area CSS
======================================*/

/*====================================
	Features CSS
======================================*/
.features-area{
	padding:50px 0 80px;
}
.features-area .single-features {
	text-align: center;
	padding:0 10px;
	margin-top:30px;
}
.features-area .single-features i {
	width: 85px;
	height: 85px;
	line-height: 85px;
	border: 2px solid #eee;
	color: #E84C3D;
	font-size: 25px;
	border-radius: 100%;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.features-area .single-features:hover i{
	border-color:transparent;
	background:#E84C3D;
	color:#fff;
}
.features-area .single-features h4 {
	position: relative;
	font-size: 17px;
	margin: 10px 0 15px 0;
	padding-bottom: 15px;
}
.features-area .single-features h4::before {
	position: absolute;
	content: "";
	width: 50px;
	height: 2px;
	background: #ccc;
	bottom: -1px;
	left: 50%;
	margin-left: -25px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.features-area .single-features:hover h4:before{
	background:#E84C3D;
}
/*====================================
	End Features CSS
======================================*/

/*====================================
	Call to action CSS
======================================*/  
.call-to-action {
	padding: 100px 0;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.call-to-action .call-to-main {
	text-align: center;
	padding: 0 190px;
}
.call-to-action h2 a{
	color: #fff;
	font-size: 30px;
	margin-bottom: 10px;
	font-weight:400;
}
.call-to-action h2 span{
	font-weight:700;
	text-transform:uppercase;
}
.call-to-action p {
	color: #fff;
}
.call-to-action .btn {
	background: #E84C3D;
	color: #fff;
	border: 1px solid transparent;
	margin-top: 20px;
}
.call-to-action .btn:hover{
	border-color:#fff;
	color:#222;
	background:#fff;
}
/*====================================
	End Call to action CSS
======================================*/   


/*====================================
	Why Choose CSS
======================================*/
.why-choose {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background: #fff;
}
.why-choose .why-left{
	position:relative;
}
.why-choose .single-image{
	position:relative;
}
.why-choose .single-image img{
	width:100%;
}
.why-choose .single-image .zoom {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #fff;
	z-index: 333;
	text-align: center;
	border-radius: 100%;
	margin-left: -25px;
	margin-top: -25px;
	color: #E84C3D;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.why-choose .single-image .zoom:hover{
	background:#E84C3D;
	color:#fff;
}
.why-choose .single-image:hover .zoom{
	opacity:1;
	visibility:visible;
}
.why-choose .section-title {
	text-align: left;
}
.why-choose .section-title h2::before {
	left: 0;
	margin: 0;
}
.why-choose .section-title h2::after {
	left: 0;
	margin: 0;
}
.why-choose .some-fact {
	margin-top: 20px;
}
.why-choose .single-fact h4 {
	color:#555;	
	font-size:20px;
	font-weight:400;
}
.why-choose .single-fact h4 span{
	font-size: 40px;
	font-weight:700;
	color: #E84C3D;
}
.why-choose .slick-dots {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -42.5px;
}
.why-choose .slick-dots li {
	display: inline-block;
	margin-right: 5px;
	cursor: pointer;
}
.why-choose .slick-dots li:last-child{
	margin:0;
}
.why-choose .slick-dots li button {
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 100%;
	background: #fff;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	color: #222;
	font-size: 13px;
}
.why-choose .slick-dots li button:hover{
	background:#E84C3D;
	color:#fff;
}
.why-choose .slick-dots li.slick-active button{
	background:#E84C3D;
	color:#fff;
}
.why-choose .slick-dots li.slick-active button:hover{
	background:#fff;
	color:#222;
}
/*====================================
	End Why Choose CSS
======================================*/

/*====================================
	Services CSS
======================================*/
.services {
	background: #F4F5F9;
}
.services .single-service {
	position: relative;
	margin-top: 30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: #fff;
	padding: 45px 20px;
	text-align: left;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.services .single-service i {
	font-size: 40px;
	position: relative;
	text-align: center;
	color: #E84C3D;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-bottom: 15px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border: 1px solid #ebebeb;
	display: inline-block;
	border-radius: 100%;
	font-size: 25px;
}
.services .single-service:hover i{
	background:#E84C3D;
	color:#fff;
	border-color:transparent;
}
.services .single-service h4 {
	font-size: 18px;
	margin: 0 0 15px;
	position: relative;
	padding-bottom: 15px;
}
.services .single-service h4 a {
	color: #2A2D2F;
}
.services .single-service h4::before {
	position: absolute;
	content: "";
	width: 50px;
	height: 2px;
	background: #ccc;
	bottom: -1px;
	left: 0%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.services .single-service:hover h4::before{
	background:#E84C3D;
}
/*====================================
	End Services CSS
======================================*/

/*====================================
	Portfolio CSS
======================================*/
.project {
	overflow: hidden;
	background: #fff;
}
/* Project Nav */
.project .project-nav {
	text-align: center;
	display: inline-block;
	width: 100%;
	margin: 20px 0;
}
.project .project-nav li a{
	color: #2A2D2F;

}


.project .project-nav li {
	position: relative;
	cursor: pointer;
	margin-right: 5px;
	text-transform: capitalize;
	margin: 0;
	margin-right: 20px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-weight: 600;
	z-index: 1;
	display: inline-block;
	padding-right: 20px;
}
.project .project-nav li:first-child:before{
	display:none;
}
.project .project-nav li.active,
.project .project-nav li a:hover{
	color:#E84C3D;
}
.project .project-nav li:last-child{
	margin-right:0px;
}
.project .project-nav li::before {
	position: absolute;
	top: 0;
	left: -22px;
	content: "/";
	color: #222222;
	font-size: 20px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.project .project-nav li:hover:before{
	color:#E84C3D;
}
.project .project-nav li i{
	color:#16A085;
	margin-right:10px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.project .project-nav li.active i,
.project .project-nav li:hover i{
	color:#fff;
}
.project .single-project {
	overflow: hidden;
	position: relative;
	margin-top: 30px;
	background: #fff;
	box-shadow: 0px 0px 15px #0000001a;
}
.project .project-head{
	position:relative;
	z-index:66;
	overflow:hidden;
}
.project .project-head:before{
	opacity:0;
	visibility:hidden;
}
.project .single-project:hover .project-head:before{
	opacity:0.5;
	visibility:visible;
}
.project .project-hover {
	position: absolute;
	top: 50%;
	margin-top:-25px;
	left: 0;
	width: 100%;
	text-align: center;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	opacity:0;
	visibility:hidden;
}
.project .single-project:hover .project-hover{
	opacity:1;
	visibility:visible;
}
.project .project-hover .btn {
	background: #E84C3D;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	padding: 0;
	border-radius: 100%;
	margin-right: 5px;
	transform: translateX(25px);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.project .project-hover .btn:hover{
	background:#fff;
	color:#222;
}
.project .project-hover .btn.zoom:hover{
	background:#E84C3D;
	color:#fff;
}
.project .single-project:hover .btn,
.project .single-project:hover .btn.zoom{
	transform: translateX(0);
}
.project .project-hover .btn:last-child{
	margin:0;
}
.project .project-hover .btn.zoom {
	background: #fff;
	color: #E84C3D;
	transform: translateX(-35px);
	transition:all 0.5s ease;
}
.project .single-project img{
	display:block;
	width:100%;
	z-index:3;
}
.project .project-des {
	text-align: center;
	padding: 20px;
}
.project .project-des h4 {
	margin-bottom: 5px;
	position: relative;
	font-size: 20px;
	text-transform: capitalize;
}
.project .project-des h4 a {
	color: #2A2D2F;
}
.project .project-des h4 a:hover{
	color:#E84C3D;
}

/* Portfolio Single */
.project.single{
	background:#F5F8F9;
}
.project.single .project-head:before{
	display:none;
}
.project.single .single-project{
	margin-top:0px;
	background:#fff;
	padding:20px;
}
.project.single .single-content {
	margin-top: 20px;
}
.project.single .single-content h2{
	font-size:30px;
}
.project.single .single-content h2 a{
	color:#444;
}
.project.single .single-content p{
	margin-top:20px;
}
.project.single .portfolio-image {
	margin-top: 20px;
}
.project.single .portfolio-image .image{
	overflow:hidden;
	border:2px solid #f6f6f6;
}
.project.single .portfolio-image .image:hover img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	transform:scale(1.2);
}
.project.single .project-info {
	display: inline-block;
	padding: 20px;
	margin-top: 20px;
}
.project.single .project-info .single-info {
	display: inline-block;
	margin-right:20px;
	text-align: center;
}
.project.single .project-info .single-info:last-child{
	margin:0;
}
.project.single .project-info .single-info p{
	color:#fff;
	font-weight:600;
}
.project.single .project-info .single-info span {
	margin-right: 10px;
	color: #E84C3D;
}
.project.single .project-info .single-info a {
	background: #fff;
	color: #444;
	padding: 5px 10px;
	border-radius: 3px;
}
.project.single .project-info .single-info a:hover{
	color:#E84C3D;
}
/*====================================
	End Portfolio CSS
======================================*/

/*====================================
	Countdown CSS
======================================*/
.countdown {
	background-size: cover;
	background-position: center;
	padding:60px 0 90px;
}
.countdown:before{
	opacity:0.8;
}
.countdown .section-title h2{
	color:#fff;
}
.countdown .section-title p{
	color:#fff;
}
.countdown .single-count {
	margin-top:30px;
	text-align: center;
	position: relative;
	background: transparent;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.countdown .single-count i {
	font-size: 25px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 100%;
	color: #fff;
	border: 1px solid #fff;
}
.countdown .single-count:hover i{
	background:#E84C3D;
	color:#fff;
	border-color:transparent;
}
.countdown .count {
	font-size: 30px;
	font-weight: 700;
	position: relative;
	color: #fff;
	margin-bottom: 5px;
	margin: 10px 0 5px 0;
}
.countdown .single-count p {
	font-size: 14px;
	color: #fff;
}
.countdown .single-count:hover .count,
.countdown .single-count:hover p{
	color:#fff;
}
/*====================================
	End Countdown CSS
======================================*/

/*====================================
  Pricing Table
======================================*/
.e-table2 {
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 3px;
	text-align: center;
	position: relative;
	background: #fff;
	margin-top:30px;
	-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);
}
/* Table Head */
.e-table2 .e-table-head {
	position: relative;
	padding: 30px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-bottom: 1px solid #e6e6e6;
	background: #222222;
}
.e-table2 .title {
	font-weight: 700;
	font-size: 25px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	margin-bottom: 25px;
}
.e-table2 .price {
	display: block;
}
.e-table2 .price .amount {
	font-weight: 700;
	margin: 0;
	font-size: 45px;
	color: #fff;
	display: inline-block;
}
.e-table2 .amount span {
	position: relative;
	font-size: 20px;
}
.e-table2 .amount .currency {
	position: relative;
	top: -20px;
}
/* Table List */
.e-table2 .e-table-list {
	padding: 20px 0;
	text-align: center;
	position: relative;
}
.e-table2 .e-table-list li {
	color: #555;
	position: relative;
	margin-bottom: 15px;
}
.e-table2 .e-table-list li:last-child{
	margin:0;
}
.e-table2 .e-table-list li.cross {
	opacity: 0.5;
}
.e-table2 .e-table-list i {
	font-size: 13px;
	text-align: center;
	padding: 0;
	float: right;
}
/* Table Bottom */
.e-table2 .e-table-bottom {
	text-align: center;
	padding: 20px 0;
	border-top: 1px solid #e6e6e6;
}
.e-table2 .btn {
	z-index: 1;
	position: relative;
	color: #fff;
	overflow: hidden;
	margin: 0;
	border: none;
	background: #222222;
	padding: 14px 30px;
	text-transform: capitalize;
	border-radius: 3px;
}
.e-table2 .btn:hover{
	background:#E84C3D;
	color:#fff;
}
.e-table2 .btn i {
	margin-left: 5px;
}
/* Table Active */
.e-table2.active .e-table-head {
	background: #E84C3D;
}
.e-table2.active .e-table-bottom .btn {
	background: #E84C3D;
}
.e-table2.active .e-table-bottom .btn:hover{
	background:#222222;
	color:#fff;
}
/*====================================
	End Pricing Table
======================================*/

/*====================================
	Testimonials CSS
======================================*/
.testimonials {
	position: relative;
	background: #F4F5F9;
}
.testimonials .testimonial-active {
	margin-top: 30px;
}
.testimonials .single-testimonial {
	background: #fff;
	padding: 0 40px 40px 40px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	text-align: center;
	margin-top: 29px;
	margin-bottom: 10px;
}
.testimonials .t-author {
	position: relative;
	top: -25px;
}
.testimonials .t-author img {
	max-width: 70px;
	max-height: 70px;
	border-radius: 100%;
	display: inline-block;
	border: 3px solid #fff;
	box-shadow: 0px 0px 5px #000;
}
.testimonials .single-testimonial p {
	position: relative;
	content: "";
	z-index: 4;
	font-style: italic;
}
.testimonials .t-name {
	font-size: 18px;
	display: block;
	margin-top: 14px;
	
	margin-top: 15px;
}
.testimonials .t-name a{
	color: #2A2D2F;
}
.testimonials .t-name span {
	display: block;
	font-size: 13px;
	font-weight: 400;
	margin-top: 5px;
}
.testimonials .slick-center .single-testimonial{
	background:#E84C3D;
}
.testimonials .slick-center .single-testimonial p,
.testimonials .slick-center .single-testimonial .t-name,
.testimonials .slick-center .single-testimonial .t-name a{
	color:#fff;
}
/* Testimonial Dots */
.testimonials .slick-dots {
	text-align: center;
	margin-top:20px;
}
.testimonials .slick-dots li {
	display: inline-block;
	margin: 0  5px 0 0;
	padding: 0;
	line-height: 0px;
	margin-bottom: 5px;
}
.testimonials .slick-dots li:last-child{
	margin:0px;
}
.testimonials .slick-dots li button {
	width: 12px;
	height: 12px;
	line-height: 12px;
	border-radius: 100%;
	font-size: 0;
	background: #ccc;
	margin-left: 5px;
	border: 1px solid transparent;
	cursor: pointer;
	outline: none;
	border: 1px solid transparent;
	margin: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.testimonials .slick-dots li:first-child button {
    margin-left: 0
}
.testimonials .slick-dots li:hover button,
.testimonials .slick-dots li.slick-active button {
	background: transparent;
	background:#E84C3D;
	position: relative;
}
/*====================================
	End Testimonials CSS
======================================*/

/*====================================
	Consultation CSS
======================================*/
.consultation {
	background: #252525;
}
.consultation .t-video {
	position: absolute;
	width: 45%;
	top: 0;
	height: 100%;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.consultation .t-video:before{
	opacity:0.4;
}
.consultation .video-play .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 85px;
	height: 85px;
	line-height: 85px;
	padding: 0;
	border-radius: 100%;
	font-size: 30px;
	margin: -42.5px 0 0 -42.5px;
	z-index: 33;
	background: #E84C3D;
	border: 1px solid transparent;
	color: #fff;
}
.consultation .video-play .btn:hover{
	background:#fff;
	color:#282828;
}
.consultation .waves-block .waves {
	position: absolute;
	width: 160px;
	height: 160px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 100%;
	-webkit-animation: waves 3s ease infinite;
	animation: waves 3s ease infinite;
	right: -3px;
	top: -22px;
	left: 50%;
	top: 50%;
	margin: -80px 0 0 -80px;
	border: 2px solid #fff;
}
.consultation .waves-block .wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.consultation .waves-block .wave-2 {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.consultation .waves-block .wave-3 {
    -webkit-animation-delay: 1s;
    animation-delay:  1s;
}
/* Theme Animations */
@-webkit-keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
.consultation .form-area {
	text-align: center;
}
.consultation .section-title {
	text-align: left;
	padding:0;
	margin:0;
}
.consultation .section-title h2 {
	font-size: 30px;
	margin-bottom: 10px;
	text-transform: capitalize;
	color: #fff;
	padding-bottom: 0px;
}
.consultation .section-title h2:before,
.consultation .section-title h2:after{
	display:none;
}
.consultation .section-title p {
	padding: 0;
	color: #bbb;
}
.consultation .form {
	margin-top: 20px;
}
.consultation .form-group input {
	width: 100%;
	height: 48px;
	padding: 15px;
	font-weight: 400;
	border: none;
	background: #fff;
	border-radius: 3px;
}
.consultation .form-group input:hover,
.consultation .form-group input:focus,
.consultation .form-group textarea:hover,
.consultation .form-group textarea:focus{
	background:#fff;
	padding-left:20px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.17);
}
.consultation .form-group textarea {
	width: 100%;
	height: 150px;
	padding: 15px;
	resize: none;
	background: #fff;
	font-weight: 400;
	border-radius: 3px;
	border:none;
}
.consultation .form-group.button {
	margin-bottom: 0px;
	text-align: left;
}
.consultation .form-group .btn {
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
	background: #E84C3D;
}
.consultation .form-group .btn:hover{
	background:#fff;
	color:#2A2D2F;
}
/* Consult Video */
.consultation .consult-video {
	position: absolute;
	right: 0px;
	height: 100%;
	top: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 48%;
}
.consultation .consult-video::before {
	position: absolute;
	top: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0.9;
}
.consultation .consult-video .video a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    text-align: center;
    color: #fff;
    line-height: 90px;
    border-radius: 100%;
    font-size: 32px;
    margin: -45px 0 0 -45px;
    padding: 2px 2px 2px 6px;
	background:#fff;
	border:2px solid transparent;
}
.consultation .consult-video .video a:hover{
    color: #fff;
	border-color:#fff;
}
/*====================================
	End Consultation CSS
======================================*/

/*====================================
	Team CSS
======================================*/
.team {
	background: #F4F5F9;
}
.team .single-team {
	position: relative;
	margin-top: 30px;
	text-align: left;
	overflow: hidden;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	text-align: center;
	padding: 40px 0;
}
.team .team-head{
	position:relative;
	overflow:hidden;
}
.team .single-team img {
	z-index: 5;
	width: 100%;
	width: 140px;
	height: 140px;
	border-radius: 100%;
	display: inline-block;
	border: 5px solid #fff;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.team .single-team:hover img {
	border-color:#E84C3D;
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transform:rotate(360deg);
}
.team .team-social {
	background: #fff;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	padding: 10px;
	z-index: 44;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	transform: translateX(-100px);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	text-align: center;
	margin-top: -22.5px;
}
.team .team-social li {
	display: inline-block;
	margin-right: 5px;
}
.team .team-social li:last-child{
	margin:0;
}
.team .team-social a {
	text-align: center;
	color: #2A2D2F;
	display: block;
	width:28px;
	height:28px;
	line-height:28px;
	border:1px solid transparent;
}
.team .member-name {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-align: center;
	padding: 20px 0;
}
.team .member-name h4 {
	font-size: 18px;
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;

}
.team .member-name h4 a{
   color: #2A2D2F;
   }
.team .member-name h4::before {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -18px;
	width: 36px;
	background:#ccc;
	height: 2px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.team .single-team:hover h4:before{
	background:#E84C3D;
}
/*====================================
	End Team CSS
======================================*/

/*====================================
	News CSS
======================================*/

/* Latest News */
.newsblog .single-news {
	background: #fff;
	margin-top: 30px;
	margin-bottom:5px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	position:relative;
	word-break: break-word;
}
.newsblog .single-news .news-head {
	position: relative;
}
.newsblog .news-head img {
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index:3;
}
.newsblog .single-news .date {
	position: absolute;
	color: #fff;
	text-align: center;
	left: 50%;
	z-index: 9;
	width: 55px;
	height: 55px;
	line-height: 18px;
	padding-top: 8px;
	top: 0;
	border-radius: 50px;
	top: 50%;
	margin: -27.5px 0 0 -27.5px;
	opacity:0;
	visibility:hidden;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	transform:scale(0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.newsblog .single-news:hover .date{
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.newsblog .single-news .date:hover{
	background:#fff;
	color:#777;
}
.newsblog .single-news .date span{
	display:block;
}
.newsblog .single-news .news-bottom {
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	background: #fff;
	height: 100%;
	padding: 20px;
}
.newsblog .news-meta {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: relative;
}
.newsblog .news-meta ul li {
	display: inline-block;
	color: #777;
	margin-right: 10px;
	font-weight: 400;
	border-right: 1px solid #e6e6e6;
	padding-right: 10px;
}
.newsblog .news-meta.double-column-half-image ul li,
.newsblog .news-meta.single-column-half-image  ul li,
.news-meta.widget-latest-blog ul li{
	margin-right: 2px;
	padding-right: 5px;
}
.newsblog .news-meta ul li:last-child{
	margin:0;
	padding:0;
	border:none;
}
.newsblog .news-meta ul li a {
	color: #666;
	font-weight:400;
}
.newsblog .news-meta ul li i {
	margin-right: 5px;
	text-align: center;
	border-radius: 100%;
}
.newsblog .content {
	position: relative;
}

.newsblog .content h2 a {
	color: #363636;
	cursor: pointer;
	text-transform: inherit;
	font-weight: 700;
}
.newsblog .content h2 a:hover{
	color:#E84C3D;
}
.newsblog .single-news .btn {
	color: #E84C3D;
	border: 1px solid;
	padding: 5px 10px;
	text-transform: capitalize;
	margin-top: 10px;
}
.newsblog .single-news .btn:hover{
	border-color:transparent;
	background:#E84C3D;
	color:#fff;
}

/* Testimonial Dots */
.newsblog .slick-dots {
	text-align: center;
	margin-top:20px;
}
.newsblog .slick-dots li {
	display: inline-block;
	margin: 0  5px 0 0;
	padding: 0;
	line-height: 0px;
	margin-bottom: 5px;
}
.newsblog .slick-dots li:last-child{
	margin:0px;
}
.newsblog .slick-dots li button {
	width: 12px;
	height: 12px;
	line-height: 12px;
	border-radius: 100%;
	font-size: 0;
	background: #ccc;
	margin-left: 5px;
	border: 1px solid transparent;
	cursor: pointer;
	outline: none;
	border: 1px solid transparent;
	margin: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.newsblog .slick-dots li:first-child button {
    margin-left: 0
}
.newsblog .slick-dots li:hover button,
.newsblog .slick-dots li.slick-active button {
	background: transparent;
	background:#E84C3D;
	position: relative;
}
/* News Archive */
.newsblog.archive{
	padding:0 0 100px;
}
.newsblog.archive .single-news{
	margin-bottom:0px;
}
.newsblog.archive .sidebar-main {
	margin-top: 30px;
	background: #fff;
	padding: 15px;
}
.newsblog.archive .single-widget {
	margin-bottom: 30px;
	margin-top: 30px;
}
.newsblog.archive .single-widget:Last-child{
	margin-bottom: 0px;
}
.newsblog.archive .single-widget h2 {
	font-size: 16px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position:relative;
}

.newsblog .subscribe form input {
	width: 100%;
	height: 50px;
	border: none;
	padding:0 10px;
	border: 1px solid #e7e7e7;
}
.newsblog .subscribe form button {
	right: 0;
	top: 0;
	padding: 10px;
	margin-top: 10px;
	display: block;
	width: 100%;
	border: 1px solid #e7e7e7;
	cursor: pointer;
	color: #fff;
	background: #E84C3D;
}
.newsblog .subscribe form button:hover {
	color:#fff;
	background:#2A2D2F;
}
/* add line in widget title */
h2.widget-title:before {
	content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    background: #bdc3c7;
    z-index: 1;
}
h2.widget-title {
	text-align: center;
}
h2.widget-title span {
	padding: 3px 20px;
    background: #fff;
    display: inline-block;
    z-index: 10;
    position: relative;
    margin: 0 auto;
}
/* end  */

/* Form */
.newsblog.archive .form {
	position: relative;
}
.newsblog.archive .form input {
	width: 100%;
	height: 45px;
	border: none;
	padding: 0 15px;
	background: #F3F6F8;
}
.newsblog.archive .form button {
	position: absolute;
	top: 5px;
	right: 15px;
	color: #fff;
	width: 35px;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	background: #E84C3D;
}
.newsblog.archive .form button:hover{
	background:#2A2D2F;
	color:#fff;
}
/* Categories */
.newsblog .categories-inner li{
	line-height:40px;
}
.newsblog .categories-inner li a{
	color:#555;
}
.newsblog .categories-inner li:hover a{
	color:#E84C3D;
}
.newsblog .categories-inner li a span {
	margin-left: 10px;
	float: right;
}
.newsblog .categories-inner li a i{
	margin-right:5px;
}
/* Popular */
.newsblog .signle-popular {
	margin-bottom: 20px;
	position: relative;
	padding-left: 36px;
}
.newsblog .signle-popular i {
	float: left;
	border-radius: 100%;
	position: absolute;
	left: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #ebebeb;
	color: #E84C3D;
}
.newsblog .signle-popular h4{
	font-size:18px;
}
.newsblog .signle-popular h4 a {
	font-size: 14px;
	color: #2A2D2F;
}
.newsblog .signle-popular h4:hover a{
	color:#E84C3D;
}
.newsblog .signle-popular p {
	font-size: 13px;
}
/* Tags */
.newsblog .tags ul li {
	display: inline-block;
	margin-top: 10px;
}
.newsblog .tags ul li a {
	color: #222;
	font-size: 14px;
	border: 1px solid #e6e6e6;
	display: block;
	padding: 10px;
}
/* Photo Gallery */
.newsblog .photo {
	overflow: hidden;
}
.newsblog .photo ul li{
	float:left;
}
.newsblog .photo ul li a{
	display:block;
}
.newsblog .photo ul li img {
	width: 106px;
	height: 80px;
}
/* News BLog Single */
.newsblog.single .single-news{
	padding:20px;
}
.newsblog.single .news-head{
	margin-bottom:20px;
}
.newsblog.single .news-head h1 {
	font-size: 30px;
	margin-bottom: 10px;
}
.newsblog.single .news-head h1 a {
	color: #222222;
	font-weight: inherit;
}
.newsblog.single .news-head h1:hover a{
	color:#E84C3D;
} 
.newsblog.single .news-meta ul li i {
	margin-right: 5px;
	text-align: center;
	border-radius: 100%;
	color: #E84C3D;
}
.newsblog.single .news-head img{
	background:#f6f6f6;
	padding:10px;
}
.newsblog.single .news-bottom{
	width:100%;
	position:relative;
}
.newsblog.single .content p{
	margin-bottom:20px;
}
/* Share Article */
.newsblog.single .share-social {
	overflow: hidden;
	padding: 10px 20px;
	border-radius: 3px;
	background: #222222;
	margin-top: 20px;
}
.newsblog.single .share-social .title {
	font-size: 15px;
	color: #fff;
	float: left;
	line-height: 35px;
}
.newsblog.single .share-social ul{
	float:right;
}
.newsblog.single .share-social ul li{
	display:inline-block;
	margin-right:5px;
}
.newsblog.single .share-social ul li:last-child{
	margin-right:0px;
}
.newsblog.single .share-social ul li a {
	color: #2C2D3F;
	height: 30px;
	width: 30px;
	line-height: 30px;
	border-radius: 100%;
	display: block;
	text-align: center;
	background: #fff;
}
.newsblog.single .share-social ul li a:hover{
	color:#fff;
	background:#E84C3D;
}
/* Comment Form */
.newsblog.single .reply .reply-title {
	position: relative;
	text-align: left;
	font-size: 20px;
	color: #2C2D3F;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e2e2e2;
	font-weight: 400;
	margin-top: 35px;
	font-weight: 700;
}
.newsblog.single .reply .reply-title::before {
	position: absolute;
	left: 0;
	content: "";
	bottom: -1px;
	height: 1px;
	width: 60px;
	background: #E95749;
}
.newsblog.single .reply .form-group{
	margin-bottom:25px;
}
.newsblog.single .reply .form-group input {
	box-shadow: none;
	text-shadow: none;
	font-size: 15px;
	width: 100%;
	padding: 0 20px;
	text-transform: capitalize;
	height: 50px;
	background: #fff;
	box-shadow: none;
	border: none;
	color: #2C2D3F;
	font-weight:600;
}
.newsblog.single .reply .form-group textarea {
	box-shadow: none;
	text-shadow: none;
	border: none;
	font-size: 15px;
	padding-left: 16px;
	padding-top: 18px;
	resize: none;
	height: 200px;
	color: #2C2D3F;
	background: #fff;
	text-transform: capitalize;
	width: 100%;
	font-weight:600;
}
.newsblog.single .reply .button {
	text-align: left;
	margin-bottom:0px;
}
.newsblog.single .reply .button .btn {
	text-align: left;
	margin-bottom: 0px;
	position: relative;
	width: auto;
	height: auto;
	padding: 7px 25px;
	right: 0;
}
/*====================================
	End News CSS
======================================*/

/*===============================
	Brand CSS
===============================*/
.brand {
	padding: 20px 0;
	background: #E84C3D;
}
.brand .single-brand {
	text-align: center;
	padding: 25px;
}
.brand .single-brand img{
	display:inline-block;
	opacity:0.8;
}
.brand .single-brand:hover img{
	opacity:1;
}
/*===============================
	End Brand CSS
===============================*/

/*=============================
	About US CSS
===============================*/
.about-us{
	background:#fff;
	padding:60px 0 90px;
}
.about-us .about-content{
	margin-top:30px;
}
.about-us .about-content .story{
	display: block;
	color:#04AAF4;
	margin-bottom:20px;
	font-size:17px;
}
.about-us .about-content .story i{
	color:#04AAF4;
	margin-right:5px;
	font-size:22px;
}
.about-us .about-content h3 {
	font-size: 26px;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.about-us .about-content h3::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 2px;
	width: 60px;
	background: #E84C3D;
}
.about-us .about-content h3 span{
	display:inline-block;
	color:#E84C3D;
}
.about-us .about-content p {
	line-height: 26px;
	margin-bottom: 10px;
}
.about-us .about-content p:last-child{
	margin:0;
}
.about-us .about-content .button {
	margin-top: 25px;
}
.about-us .about-content .btn {
	color:#fff;
	background: #222222;
	margin-right: 15px;
}
.about-us .about-content .btn:hover{
	background:#E84C3D;
	color:#fff;
}
.about-us .about-content .btn.primary{
	background:#E84C3D;
}
.about-us .about-content .btn.primary:hover{
	background:#222222;
	color:#fff;
}
.about-us .about-content .button .btn:last-child{
	margin:0;
}
.about-us .about-img {
	position: relative;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	border: 10px solid #fff;
	margin-top:30px;
}
.about-us .about-img:before{
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.about-us .about-img:hover:before{
	opacity:0.6;
	visibility:visible;
}
.about-us .about-img .video {
	height: 64px;
	width: 64px;
	line-height: 64px;
	background: #E84C3D;
	color: #fff;
	font-size: 20px;
	border-radius: 100%;
	display: block;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -32px;
	padding-left: 4px;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.about-us .about-img .video:hover{
	background:#fff;
	color:#E84C3D;
}
.about-us .about-img:hover .video{
	transform:scale(1);
}
.about-us .about-img img{
	height:100%;
	width:100%;
	
}
/*=============================
	End About US CSS
===============================*/

/*======================================
	404 CSS
========================================*/ 
.error-page {
	text-align:center;
}
.error-page .error-inner {
	display: inline-block;
}
.error-page .error-inner h1 {
	font-size: 190px;
	color: #fff;
	font-weight: 800;
	text-align: center;
	background-image: url('img/error-bg.jpg');
	background-position: center !important;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
	position: relative;
}
.error-page .error-inner h1 span {
	display: block;
	font-size: 38px;
	color: #fff;
	font-weight: 600;
	text-shadow: none;
}
.error-page .error-inner p {
	padding: 20px 15px;
	color: #666;
}
.error-page .search-form {
	width: 100%;
	position: relative;
}
.error-page .btn {
	border: 2px solid #E84C3D;
	color: #E84C3D;
	border-radius:50px;
}
.error-page .btn:hover{
	background:#E84C3D;
	border-color:transparent;
	color:#fff;
}
/*======================================
	End 404 CSS
========================================*/ 

/*====================================
	Contact CSS
======================================*/
.contact {
	background: #F4F5F9;
}
.contact .contact-title {
	margin-bottom: 30px;
}
.contact .contact-title h2 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-size: 22px;
}
.contact .contact-title h2::before {
	content: "";
	width: 50px;
	height: 2px;
	background: #E84C3D;
	position: absolute;
	bottom: -1px;
}
.contact .form {
	position: relative;
	z-index: 222222;
	border-radius: 3px;
	margin-top: 30px;
	background: #fff;
	padding: 30px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}
.contact .form-group {
	position: relative;
	margin-bottom: 30px;
}
.contact .form-group h4{
	font-size:16px;
}
.contact .form-group i {
	position: absolute;
	font-size: 16px;
	padding: 15px 12px;
}
.contact .form-group input {
	width: 100%;
	height: 50px;
	border: none;
	border-bottom: 1px solid #e6e6e6;
	font-weight: 600;
}
.contact .form-group textarea {
	border: none;
	border-bottom: 2px solid #e6e6e6;
	width: 100%;
	resize: none;
	font-weight: 600;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.contact .form-group.button{
	margin-bottom:0px;
}
.contact .form-group.button .btn {
	display: block;
	height: 45px;
	border: 0px solid;
	padding: 0 35px;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	background: #E84C3D;
}
.contact .form-group.button .btn:hover{
	background:#252525;
}
.contact .form-group.button .btn i{
	position:relative;
	display:inline-block;
	color:#fff;
	margin-right:10px;
	padding:0px;
}
.contact .contact-main {
	background:#fff;
	margin-top:30px;
	padding: 30px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}
.contact .single-contact {
	position: relative;
	padding-left: 40px;
	padding-bottom: 50px;
	word-break: break-all;
}
.contact .single-contact:last-child{
	margin:0;
	border:none;
}
.contact .single-contact i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	text-align: center;
	border-radius: 100%;
	position: absolute;
	left: 0;
	color: #E84C3D;
}
.contact .single-contact h4 {
	font-size: 16px;
	font-weight: 600;
}
.contact .single-contact a{
	color:#777;
}
.contact .single-contact a:hover{
	color:#E84C3D;
}
.map {
	width: 100%;
	height: 550px;
}
/*====================================
	End Contact CSS
======================================*/

/*====================================
	Footer CSS
======================================*/
.footer{
	background-color: #222;
}
.footer .footer-top {
	padding: 60px 0 90px;
}
.footer .single-widget{
	margin-top:30px;
}
.footer .single-widget h2,
.footer .single-widget h2 a {
	font-size: 16px;
	margin-bottom: 20px;
	text-transform: capitalize;
	color: #fff;
}
.footer .single-widget p,
.footer .single-widget ul li:before,
.footer .single-widget ul li a{
	color: #bbb;
}
/* Footer About */
.footer .single-widget.about img{
	display:inline-block;
}
.footer .single-widget.about p {
	color: #bbb;
	margin: 20px 0;
}
.footer .single-widget.about h4 {
	margin-bottom: 15px;
	font-size: 16px;
	color: #fff;
}
.footer .single-widget.about .social li {
	display: inline-block;
	margin-right: 10px;
}
.footer .single-widget.about .social li:last-child{
	margin-right:0px;
}
.footer .single-widget.about .social li a {
	font-size: 14px;
	display: block;
	text-align: center;
	color: #bbb;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #bbb;
	border-radius: 100%;
}
.footer .single-widget.about .social li:hover a{
	border-radius:100%;
	color:#fff;
	background:#E84C3D;
}
/* Newsletter */
.footer .single-widget.newsletter p{
	color:#bbb;
}
.footer .single-widget.newsletter form {
	margin-top: 20px;
	position: relative;
}
.footer .single-widget.newsletter input {
	width: 100%;
	padding: 10px 25px;
	color: #eee;
	border-radius: 0px;
	text-transform: capitalize;
	margin-bottom: 10px;
	background: rgba(0, 0, 0, 0.42);
	border-radius: 3px;
	border: none;
	box-shadow: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.footer .single-widget.newsletter input::-webkit-input-placeholder {
    opacity: 1;
    color: #bbb !important;
}
.footer .single-widget.newsletter input::-moz-placeholder {
    opacity: 1;
    color: #bbb !important;
}
.footer .single-widget.newsletter::-ms-input-placeholder {
    opacity: 1;
    color: #bbb !important;
}
.footer .single-widget.newsletter input:hover{
	padding-left:30px;
}
.footer .single-widget.newsletter button {
	color: #fff;
	display: inline-block;
	padding: 10px 25px;
	cursor: pointer;
	border-radius: 3px;
	position: absolute;
	right: 0;
	background: #E84C3D;
}
.footer .single-widget.newsletter button:hover{
	background:#fff;
	color:#222222;
}
/* Footer Lists */
.footer .single-widget.lists li {
	line-height: 30px;
}
.footer .single-widget.lists li:last-child{
	margin-bottom:0px;
}
.footer .single-widget.lists li a {
	color: #bbb;
	font-weight: 400;
}
.footer .single-widget.lists li a:hover{
	color:#E84C3D;
}
.footer .single-widget.lists li a i{
	margin-right:10px;
}
/* Photo Gallery*/
.footer .photo-gallery h2{
	margin-bottom:10px;
}
.footer .photo-gallery ul {
	margin-left: -10px;
	overflow: hidden;
}
.footer .photo-gallery ul li {
	float: left;
	margin: 10px 0 0 10px;
	padding: 0;
}
.footer .photo-gallery ul li:last-child{
	margin-right:0px;
}
.footer .photo-gallery ul li img {
	width: 76px;
	height: 62px;
}
/* Contact CSS */
.footer .single-widget.contact{
	background:transparent;
}
.footer .single-widget.contact p{
	margin-bottom:10px;
}
.footer .single-widget.contact ul li {
	padding-left: 25px;
	font-size: 14px;
	margin-bottom: 5px;
	position: relative;
	color: #bbb;
}
.footer .single-widget.contact ul li:last-child{
	margin-bottom:0px;
}
.footer .single-widget.contact ul i {
	position: absolute;
	left: 0;
	font-size: 13px;
	top: 6px;
}
.footer .single-widget.contact ul a{
	color:#bbb;
	font-weight:400;
}
.footer .single-widget.contact ul a:hover{
	color:#E84C3D;
}
/* Copyright */
.footer .copyright {
    padding: 15px 0;
    text-align: center;
    border-top: 2px solid #b3b3b2;
}
.footer .copyright p {
	color: #bbb;
	font-size: 14px;
}
.footer .copyright p a{
	color:#E84C3D;
}
.footer .copyright p a:hover{
	text-decoration:underline;
}

/*====================================
	End Footer CSS
======================================*/

/* .navigation.posts-navigation, .navigation.post-navigation, .search-form .screen-reader-text{
	display: none;
} */

.post-navigation .nav-previous {
    float: left;
    width: 50%;
}
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
/*Comment Form */
	.bypostauthor b {
		border-bottom: 2px solid #414141;
	}
	#commentform p {
		margin-bottom: 12px;
	}
	#commentform #comment {
		width: 100%;
	}

	#author,#email,#url{
		width: 100%;
		height: 38px;
		border: 1px solid #333;
	}
	.comments-area{margin: 35px 15px;}
	
	.form-submit input {
		padding: 10px 30px;
		background: #E84C3D;
		color: #fff;
		cursor: pointer;
	}
	.form-submit input:hover{
		background:#FFF;
		color:#222;
	}
	.search-submit{
		background: #E84C3D;
		color: #FFF;
		padding: 8px;
    	margin-left: -5px;
		border: 1px solid #E84C3D;
	}

	.search-field{
		padding: 7px;
		width: 170px;
	}
	.widget_recent_entries ul li{
		padding: 10px;
		margin-left: 20px;
	}
	.widget_recent_entries ul li a:hover{
		    color: #E84C3D;
	}

	.widget_recent_entries ul li a{
	    font-size: 14px;
	    color:#2A2D2F;
	 }
	.widget_recent_entries ul li:before{
	  	content: "\f105"; /* FontAwesome Unicode */
  		font-family: FontAwesome;
     	float: left;
	    border-radius: 100%;
	    position: absolute;
	    left: 0;
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	    text-align: center;
	    border: 1px solid #ebebeb;
	    color: #E84C3D;
	     margin-left: 27px;
   	 	margin-top: -5px;
	 }
	 .widget_recent_entries ul li span{
	 	display: block;
	 }

	 #recentcomments a,.widget_archive ul li a,.widget_categories ul li a, .widget_meta ul li a{
		color:#2A2D2F;
	 }

	  #recentcomments  a:hover, .widget_archive ul li a:hover,.widget_categories ul li a:hover, .widget_meta ul li a:hover{
		color:#E84C3D;
	 }

	 #recentcomments li:before,.widget_archive ul li:before,.widget_categories ul li:before, .widget_meta ul li:before{
	 	content: "\f105"; /* FontAwesome Unicode */
  		font-family: FontAwesome;
  		padding: 7px;
	 }

	.home .gallery{
	 	 padding: 20px 0;
    	background: #E84C3D;
	 }

	 .home .gallery .gallery-item{
	 		 margin: 0px 20px;
	 }

	.features-area .single-features h4 a {
    	color: #2A2D2F;
	}

	.call-to-action .call-to-main h2{
		margin-bottom: 10px;
	}

	.why-choose h2.front-widget-title a{
		color:#2A2D2F;
	}

	.about-us .about-content h3 a{
		color:#2A2D2F;
	}

	.site-title{
		margin-top: -15px;
	}
	.site-title a {
		color: #ffffff;
	}
	.site-title a, .site-description {
		word-wrap: break-word;
	}
	/* Below add down direction to top most menu if it has child menu */
.menu-item-has-children > a.dropdown-item:after { 
	content: ' â–º';
	font-size: 10px;
	vertical-align: 0;
	padding-left: 5px;
}
/* Below add right direction to menu if it has child menu */
.menu-item-has-children > a.nav-link:after {
	content: " \25bc";
	font-size: 10px;
	vertical-align: 0;
	padding-left: 5px;
}

/* Third Level Menu */
.main-menu .nav .dropdown li .dropdown {
  position: absolute;
  left: 100%;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.main-menu .nav .dropdown li .dropdown li:hover {
  color: #E84C3D;
}

.main-menu .nav .dropdown li:hover .dropdown {
  opacity: 1;
  visibility: visible;
}

/*Mega Menu Css*/
.navbar-megamenu {
	background-color: #3C5071;
	border-color: #2F415E;
	border-radius: 2px
}

.navbar-megamenu .navbar-brand {
	color: #fff;
	font-weight: 800
}

.navbar-megamenu .navbar-nav>li>a {
	color: #fff
}

.navbar-megamenu .navbar-nav>li>a:hover,
.navbar-megamenu .navbar-nav>li>a:focus {
	color: #fff;
	background-color: #30405A
}

.navbar-megamenu .navbar-nav>li.active>a,
.navbar-megamenu .navbar-nav>li.active>a:hover,
.navbar-megamenu .navbar-nav>li.active>a:focus,
.navbar-megamenu .navbar-nav>li.open>a,
.navbar-megamenu .navbar-nav>li.open>a:hover,
.navbar-megamenu .navbar-nav>li.open>a:focus {
	color: #fff;
	background-color: #30405A
}

.navbar-megamenu .navbar-nav>li.megamenu {
	position: static
}

.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu {
	min-width: 280px
}

.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column {
	width: 280px;
	display: block;
	float: left
}

.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column:not(:first-child):after {
	position: absolute;
	display: block;
	content: '';
	width: 1px;
	background-color: #eeeeee;
	height: 100%;
	top: 0
}

.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column .divider {
	margin: 16px 20px 10px;
	max-width: 60px
}

.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column a {
	font-size: 13px;
	padding: 3px 20px;
	display: block;
	color: #333
}

.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column a:hover,
.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column a:focus {
	background-color: #f5f5f5;
	color: #333
}

.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column span.sub {
	font-size: 11px;
	line-height: 1.6em;
	margin-top: -4px;
	padding: 2px 20px;
	display: block
}

.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column .featured-image a {
	font-size: 14px;
	color: #2E7DD9;
	font-weight: 600
}

.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column .featured-image a img {
	padding: 5px 0
}

.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column .description {
	padding: 3px 0
}

.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column .description a {
	display: none
}

/*--------------------------------------------------------------
## 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-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;
}
/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 5px 5px 5px;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.btn:focus, button:focus, a:focus, textarea:focus, input:focus {
	outline: thin dotted;
}

h1.site-title, h2.site-title {
	font-size: 2.75rem !important;
	vertical-align: middle;
	padding-top: 3%;
}
.dropdown-item { white-space: normal; }

.testimonials .slick-center .single-testimonial:hover a,
.testimonials .slick-center .single-testimonial:hover p,
h1 a:hover,
.why-choose h2.front-widget-title a:hover,
h3 a:hover,
.services .single-service h4 a:hover ,
.project .project-des h4 a:hover, 
.testimonials .t-name a:hover,
.team .member-name h4 a:hover,
.hero-area .welcome-text h2 a:hover,
p a:hover,
a:hover {
	transition: .3s;
	color: #E84C3D;
}
.testimonials .slick-center .single-testimonial:hover {
	transition: .4s;
	background: rgb(255, 255, 255) !important;
}
.single-news article .content ul.alignfull,
.alignfull,
.single-news article .content ul.alignfull.wp-block-gallery {
	max-width: 100vw;
	margin: 15px -50px 15px -50px;
	line-height: 25px;
}
.single-news article .content ul.alignwide,
.alignwide,
.single-news article .content ul.wp-block-gallery.alignwide  {
	max-width: 100vw;
	margin-left: -20px;
	margin-right: -20px;
	line-height: 25px;
}
.single-news article .content ul.wp-block-gallery{
	margin-left: 0;
}

#comments .children {
	margin-left: 45px;
}
h2.comments-title,
h3.comment-reply-title {
	font-size: 1.15rem;
}

/* used as in marketify*/

#comments img
{
	display: inline;
	border-radius: 50%;
}

.comment-content {
	padding: 20px;
    border: 1px solid #bdc3c7;
    background: #fff;
    position: relative;
    /*margin-left: 125px;*/
}

#comments .comment-content:before {

    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 14px solid #bdc3c7;
    content: ' ';
    position: absolute;
    top: 15px;
    left: -15px;
}

#comments .comment-content:after {
	width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 14px solid #fff;
    content: ' ';
    position: absolute;
    top: 15px;
    left: -14px;
}

.comment-body {
	margin: 10px 0;
}
.comment-author.vcard {
	margin: 5px 0;
}

.card, .media{
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
border-radius: none;
}

.newsblog .card .btn,
.newsblog .media .btn,
.newsblog .thumb .btn {
    color: #E84C3D;
    border: 1px solid;
    padding: 10px 20px;
    text-transform: capitalize;
    margin-top: 10px;
}
.newsblog .card .btn:hover,
.newsblog .media .btn:hover,
.newsblog .thumb .btn:hover {
	border-color: transparent;
    background: #E84C3D;
    color: #fff;
}

.related-post {
	border-bottom: 1px solid rgb(222, 222, 222);
}
.author-section {
	border-bottom: 1px solid rgb(222, 222, 222);
}
.related-post h3, .author-section h3 {
	font-family: 'Open Sans';
    margin-bottom: 19px;
    text-align: center;
    line-height: 1;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 600;
}
.related-post h4 a {
	font-size: 16px;
	color: black;
	font-weight: 400;

}

.author-section .media {
	box-shadow: none;
}
.author-section img
{
	border-radius: 15px;
	width: 85%;
	margin-bottom: 15px;
}
.author-section .media-body
{
	line-height: 25px;
}
.author-section .author-description {
	background-color: #e1e2e4; 
	border-radius: 5px ; 
	padding: 10px 15px; 
	margin: 10px 0px;
}

aside .recentcomments {
	word-wrap: break-word;
}
.cat, .tag {
	font-style: italic;
}
.cat a:hover, .tags-links a:hover {
	color: grey;
}

.thumb,
.media {
	background-color: white;
}
.thumb .related-post .row,
.single-news .related-post .row {
	background: #f6f6f6;
	padding: 10px;
	margin: 0;
}
.newsblog .news-meta ul li.author-in-blog {
	border: none;
}
.newsblog .news-meta ul li.author-in-blog img{
	width: auto;
    height: 30px;
    border-radius: 100%;
	display: inline-block;
	border: 2px solid #fff;
}
.single-news .news-bottom {
	overflow: hidden;
}


 /* Sidebar widget setting for frontpage widget  */

.sidebar-main .col-lg-2,
.sidebar-main .col-lg-3,
.sidebar-main .col-lg-4,
.sidebar-main .col-lg-5,
.sidebar-main .col-lg-6,
.sidebar-main .col-lg-7,
.sidebar-main .col-lg-8,
.sidebar-main .col-md-2,
.sidebar-main .col-md-3,
.sidebar-main .col-md-4,
.sidebar-main .col-md-5,
.sidebar-main .col-md-6,
.sidebar-main .col-md-7,
.sidebar-main .col-md-8,
.sidebar-main .col-12
 {
	max-width: 100%;
	flex: 0 0 100%;
}
.sidebar-main .section-title h2.widget-title span {
    padding: 3px 10px;
}
/* .sidebar-main .section-title:before  {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 13%;
    left: 0;
    right: 0;
    background: #bdc3c7;
    z-index: 1;
} */
.sidebar-main .section-title h2.widget-title:before {
	content: none;
}
.sidebar-main .container {
	max-width: none;
}
.sidebar-main .section-title p {
	padding: 0 ;
}

.sidebar-main .section-title h2::after {
content: none;
}

/*calender setting*/

.widget_calendar table {
	width: 100%;
	text-align: center;
}
.widget_calendar table thead{
	border: 1px solid grey;
}

/* add meta on image */
.meta {
	position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
	z-index: 324;
}
.newsblog .news-meta ul li.reading-time {
display: block; 
border: none; 
padding-left: 40px;
}
/* meta on image style finished*/

.newsblog .content h4 a {
	color: black;
}
.latest-blog-height {
	height: 358px;
}
.newsblog .news-meta ul.pro-meta.meta li.author-in-blog a,
.newsblog .news-meta ul.pro-meta.meta li.post-by,
.newsblog .news-meta ul.pro-meta.meta li.post-by a,
.newsblog .news-meta ul li.reading-time {
	color:white;
}

.gallery div div {
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#Primary-sidebar .section,
#secondary .section {
	padding-top: 15px;
    padding-bottom: 15px;
}

.project.section ul li.reading-time {
	color: white;
	margin-right: 10px;
}
.project.section ul li i {
    margin-right: 5px;
    text-align: center;
	border-radius: 100%;
 }

.double-column-half-image {
	position: relative;
 }

 .pro-meta.meta {
	position: absolute; 
	background: rgba(0, 0, 0, 0.2); /* Black see-through */
	color: #f1f1f1; 
	width: 40%;
	transition: .5s ease;
	opacity:1;
	color: white;
	padding: 5px;
 }

 .widget-area .slick-track,
 .widget-area .slick-slide,
 footer .slick-track,
 footer .slick-slide {
	 width: 100% !important;
 }
footer .section-title p {
	padding: 0;
}

.site-description {
	color: white;
}

.newsblog .single-news article ul {
	list-style: initial;
}
.slicknav_btn {
background-color: transparent;
}

/* break word */
span, a, p, h1, h2, h3, h4, h5 {
	word-wrap: break-word;
	/* word-break: break-all; */
}

/* keyboard navigation */
ul.project-nav li:focus {
	border: 2px solid black;
}

.slick-slide a:focus img {
	outline: thin dotted;
}
/* For the default widget placed in front page portfolio area */
#content > .front-widget-title {
	text-align: center;
    padding: 30px;
}
#content > ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
}
#content > ul {
	margin: 0 130px;
}
#content > .calendar_wrap {
	padding: 30px;
	margin: auto;
	width: 15%;
}

.sticky .thumb-body .content, 
.sticky .card-body ,
.sticky .news-bottom
.sticky .media-body  {
	border: 1px solid grey;
}

.newsblog .news-meta ul li.author-in-blog {
	margin-right: 2px;
	padding-right: 2px;
}
.single-news article .content ul {
	margin-left: 42px;
	margin-top: 20px;
	margin-bottom: 20px;
}
















@media only screen and (min-width:741px){
    .phonefooternav{display:none;}
}


/*iconfont*/
        .phonefooternav {position: fixed;bottom: 0;width: 100%;z-index: 99999;}
        .phonefooternav ul {list-style-type: none;margin: 0;padding: 0;}
        .phonefooternav ul li {width: 33.1298%;background: #494949;float: left;}
        .phonefooternav ul li:nth-of-type(2){border-left: 1px solid #666;border-right: 1px solid #666;}
        .phonefooternav ul li a {display: block;color: #fff;text-align: center;padding: 14px 0;}
        .phonefooternav ul li a i{margin-right: 5px;}     
@font-face {font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_886215_znog8ur2bnq.eot?t=1544088757732'); /* IE9*/
  src: url('//at.alicdn.com/t/font_886215_znog8ur2bnq.eot?t=1544088757732#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAmsAAsAAAAADhwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8jUptY21hcAAAAYAAAACUAAACArxzVU1nbHlmAAACFAAABVkAAAccK9EDBmhlYWQAAAdwAAAALwAAADYTfV9naGhlYQAAB6AAAAAcAAAAJAfeA4pobXR4AAAHvAAAAA4AAAAkJAAAAGxvY2EAAAfMAAAAFAAAABQGyAiQbWF4cAAAB+AAAAAfAAAAIAEaALJuYW1lAAAIAAAAAUUAAAJtPlT+fXBvc3QAAAlIAAAAYwAAAH7jnHfseJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeib+oZm7438AQw9zA0AAUZgTJAQDoUQx3eJztkTsOwkAMRGfJhxWiQDQoB0jHkVLkCPS5AhVd0uR2k9wijG0Eyh2w9VbyyLsrzQCoABTiLkogvZBg9ZSaXC9wcr1Er/mi1j5vbNhx4ry067BtX2X8KbtKftP66m2/HVFLP+i9ClkrNf519vPxmbL5Glg6bAI5B3aBPATHwBLjFMhXcA4ssaUNLPF1CJDfsactu3icdVXNbxtFFN83szvr9a69Hu+XHccfu068SR07sWPvtk2dxG1V2h7KR2mLSA9tlSKgrVSVe4lCqUTVAxx6IIeKICoQSAUuiPTCxwEkUATiAP8Bh8KFS+BQO7zdtKiHshq9fW/e27czv9+8NwIT8KED8omgCo5QFaaFOeEpQTDaQafmV9Ng2rOxXgePRfo8PNIdiGPcOCbWq24cA1HMju5cT6bTybNqOq2efYJGv4jkoBdNkB8iOdgX69/Hei/ykhUtqwGgGP6BInrfhx0FSP3/fbgtEu+tT36N9yaEuKB2CLhQT+Y2LtiHGi7S+ZylOCMXUMoyT7HBLYbyaZlrjKxEcnCOaVwmK5GMcm5/LQq0LrhCWxCk0G2Cz2W3BI6F6YMeoO1yNF2OP2KWZIfj8zgpS854LQ22QzfzD9bcOuTpSyh1S4cjwYMVFHQFjWEnlYafFKYayWGrMPxAMVNiopaHKZf8PAJ1t5/U9WQ/PEwGdngEYEvVdfWSIm8z05CkbfhHFrMm29n79of0d7osmMJpQYDADjmbJjU/DXLNn4ew5htmERxTxgmGNMrMb0LIa0EY2LNuO7B1YDrEzjrUmMzKwJnt2Avg2hgzDd1OLZyHBQjI28fvnpBEed4tHr52aLK++NaBkeI6SbCq5Z2bGL63HFQClYqZo6V9JdiV8dJUVlQzVUhn6tYz/cuWAoRqjWLtAGT6S9kkIZTKHcSdnqEEhneJpPQq5YUb/frkoTcOlEaHn50/ubFYGeGerIhAiZp7/QQsn76hUUokgqmz6bJEKVWm8uOHhn/2z/BEFFUvTjx7zJzUjaaelhEQxOdj+hs9LtwRhHHkLB5VL4IDR1P2gwU8yGHgBzX/P/eOE8ktQRnwZTstO2wHCIUfRU1Dk3Y7iE4YOLG3FGGI2Dks0p1W/GWI32ByHG27DLGDPfxtKw14imbtsNUOW/h3HJ0avWtOcKtulSty0WGaRJMSq+4OG3WfE5bMak6yDJDkSkHXKtwq6+N9jc8QmC54Sx0ruLJnbBeTNF1JVPzupVmrfarvjY4gkVKi6RayGgOlYhtFAL1qzuTyc8XONMubTMxIVAXLGjOMmRlKMpjdbpgJJaMitMTr6uYiNW5nK6peUDLJkpLTEiYj3J+aCnZXZVFSRDXhFOVK2azbfMK0THE/t15sNV+p734tsDpLnmNS0LWETvVc5VTb6lx6+UQht98rWQbQZtuvWhZJ6ErSKEjTneJcPjdjehmAYiLpK0yWVVNLeY2E5Ki5ZCYn03RCyyDLWkVNHazqFSx75Pcbeo8uChms1OeQcITXq/ly2IQuwlpCjiEqBmxSMlqz8+DblhkRUX1Edy8+ALNOENMUxToxgUhsnIHek7Y2wgszfx0rl6WtLze2Doqba+9uilWvebNxvru2+SYwUesVnP1W7+QYzyG3KW6riphNE1olNFnhxlSOsfSYljoJNze2pNHCsfuzV/ZtbIni1sbapoj59l6cvj5VLIubk6KoOsn8KOSV4lKY31OSRqeMFAFFbY0nuKuKorUrY4xqFMQWpY2HPeBb+hXtIxrYEwzucgidRXp1cOejD+nig1V6dShcuyZgOWyv0G26IuiCgXeAL4R4C5zFuqh6tR50gjk8qUUwmT/brRpPmJOfMAct7K4yOCHHA+0iXryJlcBNhjdDrcsV6DotJ6TNdY1zbT3F+e3V1XceNy6+HxmRQINYw+cT2cRw1Ks3KuRHbJxQKICmDLqKBpfh1eV85e+d4Eg0VofHd/Kk1iPr08cNuAU9xoY3p9zBL5UGtlT4LoPPcK+iaQp5AUaGW3DUQPz+BZ1IG0YAAAB4nGNgZGBgAOIHrk174vltvjJwszCAwA193q0I+n8DCwNzA5DLwcAEEgUAI2EJtgB4nGNgZGBgbvjfwBDDwgACQJKRARVwAgBHDwJyeJxjYWBgYCGAAQL0ACUAAAAAAAAAbgCYAOwBfAJsAu4DAgOOeJxjYGRgYOBkWMbAzgACTEDMBYQMDP/BfAYAGhQBzQB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxtxEEOgjAQBdD5SKV06T081AR/aJPCNC0K3F4St77Fk05+gvw3osMNPRzuGOAxIoifdONs9XRTtkbHRVPuF6t0JdpKv0fdmpYSjqTr3OLVY9fKaO/G54s5fVhPkS/tJxrRAA==') format('woff'),
  url('//at.alicdn.com/t/font_886215_znog8ur2bnq.ttf?t=1544088757732') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_886215_znog8ur2bnq.svg?t=1544088757732#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-category:before { content: "\e699"; }

.icon-close:before { content: "\e69a"; }

.icon-email:before { content: "\e69f"; }

.icon-more:before { content: "\e617"; }

.icon-phone:before { content: "\e725"; }

.icon-whatsapp:before { content: "\e65c"; }

.icon-xiangshang:before { content: "\e619"; }

.icon-warehouse-delivery:before { content: "\e87b"; }

.message {
    border: 1px solid #635757;
    padding: 1.0em 3.0em;
    background: #083a6f40;
    width: 80%;
    margin: 0 auto;
}
.comments-area .message {
    width: 100%;
}
.comments-title, #reply-title {
    margin-bottom: 30px;
    font-size: 32px;
    text-align: center;
}
.message h5 {
    font-size: 15px;
    text-align: center;
}
.comment-form label {
    color: #111111;
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
}
span.required {
    color: #dc3545;
    font-size: 21px;
}
.message input, .message textarea {
    border: 1px solid #333;
}
.lbt {
    float: left;
    width: 45%;
    padding-right: 20px;
    margin-bottom: 20px;
}
.lright {
    float: left;
    width: 55%;
    margin-bottom: 20px;
    padding: 30px 30px 0;
}
.nei.qcfd {
    clear: both;
}
.lbt img {
    width: 100%;
    height: auto;
}
.lright h2 {
    font-size: 22px;
    color: #333;
}
.lright h5 {
    margin: 8px 0;
}
.lianxi {
    background-color: #083a6f40;
    width: 50%;
    text-align: center;
    padding: 11px 5px;
    font-size: 20px;
    margin-left: 20%;
    border-radius: 10px;
}
table {
    table-layout: fixed;
    width: 100%;
    display: inline-block;
    overflow: auto;
    word-wrap: break-word;
    text-align: center;
}
table td, table th {
    border: 1px solid #999;
}
@media (max-width: 768px){
.lbt, .lright, .message, .lianxi {
    width: 100%;
	}
}


.news-head img {
    margin: 0 auto;
}


.list {
    width: 22.8%;
    float: left;
    margin: 0px 13.5px;
    height: 450px;
}
.list img {
    display: block;
    max-width: 100%;
    height: auto;
}
.list h2 {
    font-size: 20px;
    margin: 15px 0;
    padding-left: 10px;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.list p {
    font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 16px;
    margin: 15px 0;
    padding-left: 5px;
    color: #333333;
    border-left: 3px solid #c7411e;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.list a {
    display: inline-block;
    padding: 0 20px;
    color: #ffffff;
    line-height: 30px;
    height: 30px;
    background-color: #c7411e;
    color: #ffffff;
    font-weight: bold;
}
.list a:hover {
	color: black;
}
.news-head.news-meta.double-column-half-image img{
    height: 340px;
    width: 88%;
}
@media (max-width: 768px){
.list {
    width: 100%;
	}
}

section.newsblog.section {
    direction: initial;
}
section.hero-area {
    direction: initial;
}
section.pb-5.related-post {
    direction: initial;
}