/*!
Theme Name: GTL Smart
Theme URI: https://greenturtlelab.com/downloads/gtl-smart/
Author: Greenturtlelab
Author URI: http://www.greenturtlelab.com/
Description: GTL Smart is a simple, beautifully designed responsive multipurpose WordPress theme. This theme can be easily customized to make business, corporate, yoga, blog, construction, education, portfolio, travel and tour, news, beauty, fitness and many more websites. We support via online chat, email, support forum.
Version: 1.0.7
Tested up to: 6.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gtl-smart
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

GTL Smart is based on Underscores https://underscores.me/, (C) 2024 GreenturtleLab
GTL Smart 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/
*/

/* ------------------------------------------------------------------
Preloader
------------------------------------------------------------------- */

/* Pagination CSS */
.pagination {
	margin-top:40px;
}
.pagination .pagination-list{
	text-align: center;
	display:block;
}
.pagination .pagination-list li {
	margin-right: 5px;
	display: inline-block;
}
.pagination .pagination-list li:last-child{
	margin-right:0;
}
.pagination .pagination-list li a {
	background: #F6F6F6;
	color: #666;
	padding: 6px 18px;
	font-weight: 400;
	border: 1px solid #e1e1e1;
	font-size: 16px;
	border-radius: 3px;
	display: block;
}
.pagination .pagination-list li.active a,
.pagination .pagination-list li:hover a{
	background: #f37445;
	color: #fff;
	border-color: transparent;
}
.pagination .pagination-list li a i{
	font-size:13px;
}
.pagination .pagination-list li a i {
	font-size: 10px;
}
.blog-grids.pagination{
	margin-top:50px;
	text-align:center;
}

.page-loader {
	position: fixed;
	background: #f37445;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	z-index: 99999999;
}

.loader {
	position: absolute;
	border-left: 2px solid #ffffff;
	border-top: 2px solid rgba(255, 255, 255, 0.2);
	border-right: 2px solid rgba(255, 255, 255, 0.2);
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	height: 46px;
	width: 46px;
	left: 50%;
	top: 50%;
	margin: -23px 0 0 -23px;
	text-indent: -9999em;
	font-size: 10px;
	z-index: 9999;
	-webkit-animation: load 0.8s infinite linear;
	   -moz-animation: load 0.8s infinite linear;
	     ms-animation: load 0.8s infinite linear;
	      o-animation: load 0.8s infinite linear;
	        animation: load 0.8s infinite linear;
}

.loader,
.loader:after {
	border-radius: 50%;
	width: 46px;
	height: 46px;
}

@-webkit-keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/*======================================
 02. Header CSS
========================================*/
.site-header {
	position: relative;
	padding-bottom: 32px;
}
.site-header .header-bottom {
	width: 100%;
	position:absolute;
	z-index: 333;
}
.site-header .header-bottom.oteher-page{
	position:relative;
}
.site-header .header-bottom.oteher-page .nav li a {
	color:#555;
}
.site-header .header-bottom.oteher-page .nav li:hover a,
.site-header .header-bottom.oteher-page .nav li.active a{
	color:#f37445;
}
.site-header .header-bottom .logo {
	margin-top:14px;
}
.logo p{
	color:#020101;
}
/* Main Menu */
.site-header .main-menu {
	background: #fff;
	z-index: 99;
	text-align: center;
}
.site-header .navigation {
	display:inline-block;
	margin:0;
	padding:0;
}
.site-header .nav li{
	position:relative;
	margin-right: 28px;
	padding-right: 28px;
	border-right: 1px solid rgba(255, 255, 255, 0.20);
}
.site-header .nav li:last-child{
	padding-right:0;
	margin-right:0;
	border:none;
}
.site-header .main-menu {
	position: relative;
	background: transparent;
	padding: 0;
	text-align: left;
	display: inline-block;
	float: right;
}
.site-header .nav li {
	border-right: 0;
	margin-right: 10px;
	padding: 0;
}
.site-header .nav li:last-child{
	margin:0;
	padding:0;
}
.site-header .nav li a {
	color:#1d1c22;
	padding: 25px 12px;
	font-weight: 500;
	position: relative;
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
}
.site-header .nav li a::before {
	position:absolute;
	content:"";
	left:-10px;
	top:50%;
	margin-top:-2px;
	height:4px;
	width:4px;
	border-radius:100%;
	background:#f37445;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	opacity:0;
	/*visibility:hidden;*/
}
.site-header .nav li:hover a:before,
.site-header .nav li.active a:before{
	left:0;
	opacity:1;
	/*visibility:visible;*/
}
.site-header .nav li:hover a,
.site-header .nav li.active a{
	color:#f37445;
}
/* Dropdown Menu */
.site-header .nav li .dropdown {
	position: absolute;
	left: 0;
	width: 230px;
	background: #fff;
	opacity: 0;
	/*visibility: hidden;*/
	display: block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	top: 74px;
	margin: 0;
	text-align: left;
	padding:0;
	box-shadow: 0 5px 5px #0003;
}
.site-header .nav li:hover .dropdown{
	opacity: 1;
	visibility: visible;
} 
.site-header .nav li .dropdown li {
	float: none;
	border:none;
	margin:0;
	padding:0;
}
.site-header .nav li .dropdown li a {
	margin: 0;
	display: block;
	border: none;
	font-weight: 400;
	text-transform: capitalize;
	border-bottom:1px solid #eee;
	color:#666;
	background:#fff;
	padding-left:15px;
	padding-right:15px;
	overflow:hidden;
}
.site-header .nav li .dropdown li:last-child a{
	border-color:transparent;
}
.site-header .nav li .dropdown li a:hover{
	color:#fff;
	background:#f37445;
}
.site-header .nav li .dropdown li a:before{
	display:none;
}
.site-header {
	padding: 0;
	position:relative;
}

.site-header .header-bottom .button {
	margin-top: 14px;
	float: right;
}
.site-header .header-bottom .button .btn {
	border-radius: 30px;
	padding: 12px 38px;
	color: #fff;
}
/* Header Sticky */
.site-header.sticky .header-bottom{
	background:#f37445;
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	bottom:initial;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	animation: fadeInDown 0.5s both 0.5s;
}
.site-header.sticky .nav li a {
	color:#555;
}
.site-header.sticky .nav li:hover a,
.site-header.sticky .nav li.active a{
	color:#f37445;
}
.site-header.sticky .nav li .dropdown li a{
	color:#555;
}
.site-header.sticky .nav li .dropdown li a:hover{
	color:#fff;
	background:#f37445;
}
.site-header.sticky .header-bottom {
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.20);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.20);
	z-index: 999999;
}
.site-header .header-bottom h1.site-title{
	font-size: 32px;
	color: #f37445;
}
/*======================================
   End Header CSS
========================================*/  

/*======================================
   03. Hero Area CSS
========================================*/  
.hero-area {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}
.hero-area .single-slider.overlay:before{
	opacity:0.5;
}
.hero-area .single-slider{
	height: 700px;
}
.hero-area .hero-inner {
	text-align: left;
}
.hero-area .welcome-text{
	padding-top:283px;
}
.hero-area .welcome-text h1 {
	font-size: 44px;
	color: #fff;
	text-transform: uppercase;
	font-weight:800;
	margin-bottom: 10px;
}
.hero-area .welcome-text h1 span {
	display: block;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 12px;
}
.hero-area .welcome-text h3 {
	font-size: 29px;
	font-weight: 200;
	color: #fff;
	text-transform: capitalize;
}
.hero-area .welcome-text h3 span{
	display:inline-block;
	font-size:28px;
	color:#f37445;
	font-weight:700;
	margin-left:10px;
}
.hero-area .single-slider {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
}
.hero-area .welcome-text .button {
	margin-top: 35px;
}
.hero-area .welcome-text .btn {
	margin-right: 15px;
	color: #fff;
	padding: 13px 40px;
	background: #f37445;
	border-radius: 0;
}
.hero-area .welcome-text .btn.video{
	background:#fff;
	color:#1D1C22;
	padding: 13px 40px;
}
.hero-area .welcome-text .btn.video:hover{
	background:#f37445;
	color:#fff;
}
.hero-area .welcome-text .btn.video i{
	font-size:18px;
	display:inline-block;
	margin-right:10px;
}
.hero-area .welcome-text .btn:last-child{
	margin:0;
}
.hero-area .welcome-text .btn:before{
	display:none;
}
.hero-area .welcome-text .btn:hover{
	color:#1D1C22;
	background: #fff;
}

/* Owl Nav */
.hero-area .owl-controls{}
.hero-area .owl-controls .owl-nav{}
.hero-area .owl-controls .owl-nav div {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	font-size: 25px;
	border-radius:0;
	background: transparent;
	border: 1px solid #fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin: 0;
}
.hero-area .owl-controls .owl-nav div:hover{
	background:#f37445;
	border-color:transparent;
	color:#fff;
	border-radius:100%;
}
.hero-area .owl-controls .owl-nav div.owl-prev{
	left:12px;
	z-index:3;
}
.hero-area .owl-controls .owl-nav div.owl-prev:hover{
	color:#fff;
}
.hero-area .owl-controls .owl-nav div.owl-next{
	right:12px;
	z-index:3;
}
.hero-area .owl-controls .owl-nav div.owl-next:hover{
	color:#fff;
}
/* Slider Animation */
.hero-area .owl-item.active .welcome-text h1{
	animation: fadeInUp 0.8s both 1s;
}
.hero-area .owl-item.active .welcome-text h3{
	animation: fadeInUp 0.8s both 1.2s;
}
.hero-area .owl-item.active .welcome-text p{
	animation: fadeInUp 0.8s both 1.4s;
}
.hero-area .owl-item.active .welcome-text .btn{
	animation: fadeInUp 0.8s both 1.6s;
}
/*======================================
   End Hero Area CSS
========================================*/ 




/*======================================
   About CSS
========================================*/ 

.about{}
.about .about-inner{
	margin-top: 25px;
}
.about .about-image{
	overflow:hidden;
}
.about .about-image img{
	height:100%;
	width:100%;
}
.about .about-image:hover img{
	transform:scale(1.1);
}
.about .content {
	margin-top: 40px;
}
.about .content .text {
	margin-bottom: 30px;
}
.about .content .text span {
	display: block;
	font-size: 20px;
	color: #1D1C22;
	font-weight: 600;
	border-left: 3px solid #f37445;
	padding-left: 7px;
	margin-bottom: 20px;
}
.about .personal-info {
	padding: 18px 25px;
	border: 1px solid #ddd;
}
.about .personal-info .info-inner{}
.about .personal-info .info-inner p {
	display: block;
	margin-bottom: 10px;
}
.about .personal-info .info-inner p span {
	display: block;
	font-weight: 500;
	color: #f37445;
}
.about .button {
	margin-top: 20px;
}
.about .button .btn i{
	display:inline-block;
	margin-left:5px;
}
.about .button .btn{
	border-radius:0;
	margin-right:10px;
}
.about .button .btn.primary{
	background:#1D1C22;
	color:#fff;
}
.about .button .btn.primary:hover{
	background:#f37445;
	color:#fff;
}
.about .button .btn:last-child{
	margin:0;
}

/*======================================
   /End About CSS
========================================*/ 

/*=========================
	Skills CSS
===========================*/
.skill {
	background: #000;
	padding: 50px 0 100px;
}
.skill .section-title {
	margin-top: 130px;
}
.skill .section-title h2{
	color:#fff;
}
.skill .skill-main{
	margin-top:50px;
}
.skill .skill-head .skill-content {
	margin-top: 50px;
}
.skill .skill-head .skill-content h3{
	color:#fff;
	font-weight:700;
	font-size:28px;
}
.skill .skill-head .skill-content h3 .span1 {
	font-size: 20px;
	font-weight: 400;
	display: block;
	margin-bottom: 20px;
	text-transform: uppercase;
	border-left: 2px solid #f37445;
	padding-left: 8px;
}
.skill .skill-head .skill-content h3 .span2{
	color:#f37445;
}
.skill .skill-head .skill-content p{
	color:#fff;
	font-weight:300;
	margin-top:20px;
}
.skill .skill-head .skill-content .bolt{
	font-weight:600;
}
.skill .skill-title h4 {
	font-size: 14px;
	margin-bottom: 15px;
	text-transform: capitalize;
	font-weight: 400;
	color: #fff;
}
.skill .single-skill{
	margin-bottom:30px;
}
.skill .single-skill:last-child{
	margin-bottom:0;
}
.skill .progress {
	overflow: visible;
	box-shadow: none;
	background: #eee;
	height: 10px;
	margin: 0;
	border-radius: 10px;
}
.skill .progress .progress-bar {
	position: relative;
}
.skill .progress .progress-bar span {
	position: absolute;
	right: -2px;
	top: -36px;
	font-weight: 500;
	font-size: 14px;
	color:#fff;
}
.skill .progress .progress-bar span::before{
	border-bottom-color:#ED1C24;
}
.skill .progress .progress-bar {
	background: #f37445;
	border-radius: 10px;
}
.skill .button{
	margin-top:20px;
}
.skill .button .btn:hover{
	background:#333;
	color:#fff;
}
.skill .button .btn{
	background:#ED1C24;
}
/*=========================
	End Skills CSS
===========================*/


/*======================================
   14. services CSS
========================================*/
.services {
	background: #fcfcfc;
	position: relative;
}
.services .title-line{}

.services .single-head{
	margin-top:35px;
}
.services .service-single:hover{
	box-shadow: 0 7px 10px #0003;
	transform:translateY(-5px);
}
.services .service-single {
	position: relative;
	margin-top: 1px;
	background: #fff;
	text-align: left;
	padding: 56px 40px 40px 40px;
	box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.services .service-single i {
	font-size: 50px;
	color: #f37445;
	margin-bottom: 25px;
	display: block;
}
.services .service-single:hover i{
	
}
.services .service-single .content{
	
}
.services .service-single .content h4 {
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	color:#1D1C22;
}
.services .service-single .content p {
	margin-top: 15px;
}
.services .service-single .content .btn{
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	margin: 0;
	text-align: center;
	height: 30px;
	width: 135px;
	margin-top: 25px;
	line-height: 30px;
	border-radius: 3px;
	color: #fff;
}
.services .service-single .content .btn:hover{
	color:#fff;
}
.services .service-single:hover .content .btn{
	
	
}
/*======================================
   End services CSS
========================================*/

/*======================================
   09. Call To Action CSS
========================================*/
.cta-style{
	position:relative;
	text-align: center;
	background:#f5f5f5;
	z-index:9999;
	padding:100px 0;
}
.cta-style .cta-text {
	position: relative;
	text-align: center;
	padding: 50px 200px 5px 200px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 5;
}
.cta-style .cta-text:before {
	position: absolute;
	content: "";
	left: 0;
	top:0;
	height: 100%;
	width: 100%;
	background:#000;
	z-index:-1;
	opacity:0.7;
}
.cta-style .cta-text h2 {
	font-size: 28px;
	font-weight: 700;
	text-transform: capitalize;
	color: #fff;
}
.cta-style .cta-text h2 span{
	font-weight:500;
	font-size:14px;
	display:block;
}
.cta-style .cta-text p {
	font-size: 14px;
	color: #fff;
	margin-top: 20px;
}
.cta-style .button {
	margin-top: 35px;
	transform: translateY(26px);
}
.cta-style .button .btn {
	color: #fff;
	background: #f37445;
	border-radius: 0;
	margin-right: 15px;
	padding: 12px 40px;
	box-shadow: 0 3px 5px #0003;
}
.cta-style .button .btn:last-child{
	margin:0;
}
.cta-style .button .btn:hover{
	color:#f37445;
	background:#fff;
	border-color:#fff;
}
/*======================================
   End Call To Action CSS
========================================*/

/*======================================
   15. Counter CSS
========================================*/
.counter {
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	padding:90px 0;
	
}
.counter.overlay:before{
	opacity:0.9;
}

.counter .text{}
.counter .text h2 {
	position: relative;
	color: #fff;
	padding-bottom: 15px;
	margin-bottom: 25px;
	font-size: 31px;
}
.counter .text h2:before{
	position:absolute;
	content:"";
	left:0;
	bottom:0;
	height:2px;
	width:80px;
	background:#f37445;
}
.counter .text h2 span{
	display:inline-block;
	font-weight:300;
	margin-left:5px;
}
.counter .text p{
	color:#fff;
}
.counter .single-count {
	border-radius: 3px;
	position: relative;
	background: transparent;
	text-align: center;
}
.counter .single-count i {
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-size: 37px;
}
.counter .single-count:hover i{
	transform:scale(1.1);
}
.counter .single-count h2 {
	position:relative;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	padding-top: 28px;
	margin-top: 28px;
}
.counter .single-count h2:before{
	position:absolute;
	content:"";
	left:50%;
	margin-left:-30px;
	top:0;
	height:1px;
	width:60px;
	background:#ffffff4d;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.counter .single-count:hover h2:before{
	background:#f37445;
	transform:rotate(180deg);
}
.counter .single-count h2 span {
	display: block;
	margin-bottom: 6px;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
}
.counter .single-count p {
	margin-top: 30px;
	font-size: 14px;
	font-weight: 300;
	color: #1D1C22;
}
/*======================================
  End Counter CSS
========================================*/

/*======================================
   10. Testimonials CSS
========================================*/
.testimonials{
	background:#fcfcfc;
}
.testimonials .title-line{}
.testimonials .testimonial-slider{
	margin-top:40px;
	position:relative;
}
.testimonials .single-slider:hover img{
	transform:rotate(360deg);
}
.testimonials .single-slider {
	margin: 0;
	text-align: left;
	background: #fff;
	padding: 30px 40px;
	position: relative;
	margin-top: 45px;
	padding-top: 45px;
	border-radius: 5px;
	margin-bottom: 35px;
	border: 1px solid #ddd;
}
.testimonials .author img{
	height:90px;
	width:90px;
	display:inline-block;
	border-radius:100%;
	position:absolute;
	left:40px;
	top:-45px;
	transition:all 1s ease;
}
.testimonials .single-slider h2 {
	font-size: 18px;
	text-transform: initial;
	margin-bottom: 2px;
	margin-top: 22px;
	color: #1D1C22;
}
.testimonials .single-slider h2 i{
	font-size:13px;
	color:#f37445;
	padding:0 10px;
}
.testimonials .single-slider h2 span {
	margin-top: 5px;
	font-weight: 500;
	display: block;
	font-size: 14px;
	color: #444;
}
.testimonials .single-slider .ster{
	margin-bottom:10px;
}
.testimonials .single-slider .ster li{
	display:inline-block;
	
}
.testimonials .single-slider .ster li i{
	color:#f37445;
}
.testimonials .t-content p{
	font-weight:300;
	font-size:16px;
	color:#444;
}
/* Slider Dots */
.testimonials .owl-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	position: absolute;
	left: -70px;
	top: 50%;
	background: #f37445;
	padding: 5px 20px;
	transform: rotate(90deg);
	margin-top: -18px;
	border-radius: 3px;
}
.testimonials .owl-carousel .owl-dot {
	margin-right: 5px;
}
.testimonials .owl-carousel .owl-dot span {
	width: 10px;
	height:10px;
	background: #fff;
	margin: 0;
	border:1px solid transparent;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	border-radius:100%;
}
.testimonials .owl-carousel .owl-dot span:hover{
	background:#fff;
}
.testimonials .owl-carousel .owl-dot span:last-child{
	margin:0;
}
.testimonials .owl-carousel .owl-dot.active span{
	border-color:#fff;
	background:transparent;
}
/*======================================
  End Testimonials CSS
========================================*/

/*=======================
  Timeline CSS
=========================*/
.timeline{}
.timeline .time-inner{}
.timeline .time-inner .content {
	background: #fbfbfb;
	box-shadow: 0 0 7px #0003;
}
.timeline .time-inner .content .title {
	background: #f37445;
	text-align: center;
	font-size: 25px;
	text-transform: capitalize;
	font-weight: 700;
	color: #fff;
	padding: 12px 0;
}
.timeline .time-inner .inner-head {
	border-left: 1px solid #0000001a;
	margin-left: 25px;
	padding-left: 25px;
}
.timeline .time-inner .inner {
	margin-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}
.timeline .time-inner .inner{
	margin-bottom:30px;
}
.timeline .time-inner .inner:last-child{
	margin-bottom:0;
}
.timeline .time-inner .inner h3 {
	font-size: 16px;
	margin-bottom: 10px;
	position:relative;
}
.timeline .time-inner .inner h3::before {
	position: absolute;
	content: "";
	left: -33px;
	top: 0;
	height: 15px;
	width: 15px;
	background: #f37445;
	border-radius: 100%;
}
.timeline .time-inner .inner h3::after {
	position: absolute;
	content: "";
	left: -29px;
	top: 4px;
	height: 7px;
	width: 7px;
	background: #f9f9f9;
	border-radius: 100%;
}
.timeline .time-inner  .inner .date{}
.timeline .time-inner .inner .date span {
	display: block;
	margin: 15px 0;
	color: #f37445;
}
.timeline .time-inner  .inner .text{}


/*=======================
  Timeline CSS
=========================*/


/*=======================
  07. Projects CSS
=========================*/
.projects {
	background: #f9f9f9;
	padding-top:100px;
}
.projects .project-nav {
	margin: 20px 0 50px 0;
	text-align: center;
}
.projects .project-nav .project-menu {
	display: inline-block;
	margin: 0;
}
.projects .projects-nav ul li {
	display: inline-block;
	position: relative;
	padding: 5px 15px;
	border-radius: 0;
	font-size: 14px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 500;
	margin: 0 10px 0 0;
	color: #353535;
	font-family: 'Roboto', sans-serif;
	background: transparent;
	border: none;
}
.projects .project-nav ul li {
	display: inline-block;
	position: relative;
	padding: 8px 21px;
	border-radius:30px;
	font-size: 13px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 500;
	margin: 0 5px 0 0;
	color: #353535;
	font-family: 'Roboto', sans-serif;
	background: transparent;
	border: none;
}
.projects .project-nav ul li:last-child{
	margin:0;
}
.projects .project-nav ul li.active, .projects .project-nav ul li:hover {
	color: #fff;
	background: #f37445;
	
}
.projects .project-nav .cbp-filter-counter{
	display:none;
}
.projects .project-single {
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.projects .project-inner{
	position:relative;
	overflow:hidden;
}
.projects .project-head {
	position: relative;
	text-align: center;
}
.projects .project-head:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	content: "";
	opacity: 0;
	z-index: 33;
	background:#000;
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.projects .project-single:hover .project-head:before{
	opacity:0.7;
	height: 100%;
}
.projects .project-head img{
	width:100%;
	z-index:2;
}
.projects .project-bottom {
	padding: 10px 0 0;
	position: absolute;
	width: 100%;
	z-index: 333;
	text-align: center;
	top: 50%;
	margin-top: -23.5px;
}
.projects .project-bottom h4 {
	text-transform: capitalize;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	transform:translateY(20px);
}
.projects .project-bottom h4 a:hover{
	color:#f37445;
}
.projects .project-single:hover .project-bottom h4{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}
.projects .project-bottom h4 a{
	color:#fff;
}
.projects .project-bottom h4 span {
	display: block;
	color: #fff;
	font-size: 14px;
	margin-top: 10px;
	font-weight: 400;
}

/* Project Single CSS */
.project-single{}
.project-single .content{}
.project-single .content h2 {
	margin-bottom: 25px;
	padding-bottom: 20px;
	color:#1D1C22;
	position: relative;
}
.project-single .content h2:before{
	position:absolute;
	content:"";
	left:0;
	bottom:0;
	height:2px;
	width:70px;
	background:#1D1C22;
}
.project-single .content p{
	margin-top:15px;
}
.project-single .content .image-head {
	margin-top: 20px;
}
.project-single .content .image-head .single-image{
	margin-top:30px;
}
.project-single .content .image-head .single-image img{}
.project-single .content .image-head .single-image.full img{
	width:100%;
	height:100%;
}




/*=======================
  End Projects CSS
=========================*/

/*=============================
	Blog CSS CSS
===============================*/
.blog{
	background:#fcfcfc;
}
.blog .single-news {
	background: #fff;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	box-shadow: 0 0 5px #0000001a;
}
.blog .single-news{}
.blog .single-news .news-head{
	position:relative;
}
.blog .single-news .news-head:before{
	position:absolute;
	content:"";
	height:100%;
	width:100%;
	background:#fff;
	left:0;
	top:0;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	transform:scale(0);
}
.blog .single-news:hover .news-head:before{
	opacity:0.2;
	visibility:visible;
	transform:scale(1);
}
.blog .single-news .news-head img{
	height:100%;
	width:100%;
}
.blog .single-news .news-head .date {
	position: absolute;
	right: 14px;
	top: -25px;
	text-align: center;
	background: #f37445;
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	font-size: 14px;
	text-transform:capitalize;
	border-radius: 2px 8px 2px 2px;
}
.blog .single-news .news-head .date:before{
	position:absolute;
	content:"";
	left:0;
}
.blog .single-news .news-head .date span{
	display:block;
}
.blog .single-news .news-body {
	padding: 20px;
	padding-bottom:15px;
}
.blog .single-news .news-content{}
.blog .single-news .news-content .title {
	font-size: 18px;
	margin-bottom: 12px;
}
.blog .single-news .news-content .title a{}
.blog .single-news .news-content .title a:hover{
	color:#f37445;
}
.blog .single-news .news-content .text {
	margin-bottom: 20px;
}
.blog .single-news .news-content .bottom{
	overflow:hidden;
	padding-top:15px;
	border-top:1px solid #ddd;
}
.blog .single-news .news-content .bottom .comment{
	float:left;
}
.blog .single-news .news-content .bottom .comment a{
	display:inline-block;
	margin-left:3px;
	font-weight:400;
}
.blog .single-news .news-content .bottom .comment a:hover{
	color:#f37445;
}
.blog .single-news .news-content .bottom .comment i{
	display:inline-block;
	margin-right:5px;
	color:#f37445;
}
.blog .single-news .news-content .bottom .btn{
	float:right;
	padding:0;
	background:transparent;
	color:#888;
	font-weight:400;
}
.blog .single-news .news-content .bottom .btn i{
	display:inline-block;
	margin-left:0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.blog .single-news .news-content .bottom .btn:hover i{
	margin-left:5px;
}
.blog .single-news .news-content .bottom .btn:hover{
	color:#f37445;
}
.blog-single .content p a{
	text-decoration: underline;
}
.comments-area p a{
	text-decoration: underline;
}
.widget_text p a {
	text-decoration: underline;
}



/* Blog Single CSS */

/* Blog Sidebar */
.blog-sidebar {
	background: #fff;
	margin-top: 30px;
	padding: 30px;
	box-shadow: 0 0 5px #0000001a;
}
.blog-sidebar .single-widget{
	margin-bottom:50px;
}
.blog-sidebar .single-widget .title {
	position: relative;
	text-align: left;
	font-size: 18px;
	color: #2C2D3F;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-weight: 400;
	font-weight: 600;
}
.blog-sidebar .single-widget .title::before {
	position: absolute;
	left: 0;
	content: "";
	bottom: -1px;
	height: 1px;
	width: 60px;
	background: #f37445;
}
.blog-sidebar .single-widget .title::after {
	position: absolute;
	left: 0;
	content: "";
	bottom: -3px;
	height: 1px;
	width: 40px;
	background: #f37445;
}
.blog-sidebar .single-widget:last-child{
	margin:0;
}
.blog-sidebar .search{
	position:relative;
}
.blog-sidebar .search input {
	width: 100%;
	height: 48px;
	box-shadow: none;
	text-shadow: none;
	color: #2C2D3F;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border: 1px solid #0000004d;
	border-radius: 0;
	padding-right: 63px;
	font-weight: 400;
	font-size: 14px;
}
.blog-sidebar .search .button {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 48px;
	box-shadow: none;
	text-shadow: none;
	text-align: center;
	border: none;
	font-size: 14px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: #1D1C22;
	color: #fff;
	padding: 0 18px;
	border-radius: 0;
}
.blog-sidebar .search .button:hover{
	color:#fff;
	background:#f37445;
}
/* Category List */
.blog-sidebar .categor-list {
	margin-top: 15px;
}
.blog-sidebar .categor-list li{
	border-bottom:1px solid #e5e5e5;
	position:relative;
}
.blog-sidebar .categor-list li:before{
	position:absolute;
	content:"";
	left:0;
	top:50%;
	margin-top:-3px;
	height:6px;
	width:6px;
	background:#f37445;
	border-radius:100%;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.blog-sidebar .categor-list li:hover:before{
	opacity:1;
	visibility:visible;
}
.blog-sidebar .categor-list li:last-child{
	border:none;
}
.blog-sidebar .categor-list li a{
	color:#1D1C22;
	padding:13px 0;
	display:block;
	font-weight:400;
	font-size:14px;
}
.blog-sidebar .categor-list li a span {
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	margin-left:10px;
	float:right;
}
.blog-sidebar .categor-list li a:hover{
	color:#f37445;
	padding-left:13px;
}
.blog-sidebar .categor-list li a i{
	margin-right:6px;
}
/* Recent Post */
.blog-sidebar .recent-post{}
.blog-sidebar .single-post {
	margin-top: 28px;
}
.blog-sidebar .single-post .image {
	float: left;
	margin-right: 18px;
}
.blog-sidebar .single-post .image img {
	height: 60px;
	width: 60px;
	border-radius:100%;
}
.blog-sidebar .single-post .content h5 {
	font-size: 14px;
	line-height: 18px;
}
.blog-sidebar .single-post .content h5 span {
	display: block;
	color: #f37445;
	font-weight: 400;
	margin-bottom: 5px;
	font-size: 13px;
}
.blog-sidebar .single-post .content h5 a {
	color: #2C2D3F;
	font-weight: 500;
}
.blog-sidebar .single-post .content h5 a:hover{
	color:#f37445;
}
/* Newslatter */
.blog-sidebar .newsletter{
	text-align:center;
}
.blog-sidebar .newsletter .news-title{}
.blog-sidebar .newsletter .news-title i{
	font-size:40px;
	color:#f37445;
}
.blog-sidebar .newsletter .news-title p {
	margin: 25px;
	font-size: 20px;
	font-weight: 200;
	text-transform: capitalize;
}
.blog-sidebar .newsletter input {
	height:45px;
	line-height:45px;
	width:100%;
	box-shadow:none;
	text-shadow:none;
	border:1px solid #1D1C224D;
	margin-bottom:10px;
	border-radius:0;
	font-weight:400;
	font-size:14px;
	padding:0 20px;
	text-align:center;
}
.blog-sidebar .newsletter button {
	width:100%;
	height:45px;
	line-height:45px;
	padding: 0;
	margin: 0;
	box-shadow:none;
	text-shadow:none;
	border:none;
	background:#f37445;
	color:#fff;
	border-radius:0;
	font-size:14px;
	text-align:center;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.blog-sidebar .newsletter button i{
	margin:0;
}
.blog-sidebar .newsletter button:hover{
	background:#1D1C22;
	color:#fff;
}
/* Blog Tags */
.blog-sidebar .side-tags{}
.blog-sidebar .side-tags .tag{
	margin-top:30px;
}
.blog-sidebar .side-tags .tag li {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 22px;
}
.blog-sidebar .side-tags .tag li a {
	padding: 8px 13px;
	font-weight: 400;
	color: #5559;
	border: 1px solid #0000001a;
	border-radius: 30px;
}
.blog-sidebar .side-tags .tag a:hover{
	color:#fff;
	background:#f37445;
	border-color:transparent;
}
/* Blog Single CSS */
.blog-single{
	background:#f8f8f8;
	padding:70px 0 100px;
}
.blog-single .blog-single-main{
	margin-top:30px;
	
}
.blog-single .blog-detail {
	background: #fff;
	padding: 20px 30px;
	box-shadow: 0 0 8px #0000001a;
}
.blog-single .image{
	position:relative;
}
.blog-single .image img{
	width:100%;
	height:100%;
	border-radius:2px;
}
.blog-single .blog-title {
	font-size: 30px;
	font-weight: 700;
	margin: 25px 0;
	color:#f37445;
}
.blog-single .blog-meta {
	margin-bottom: 25px;
	overflow: hidden;
	margin-top:10px;
}
.blog-single .blog-meta p{
	display:inline-block;
	margin-right:10px;
}
.blog-single .blog-meta p a{
	font-weight:400;
	margin-right:5px;
}
.blog-single .blog-meta p a:last-child{
	margin:0;
}
.blog-single .blog-meta p a:hover{
	color:#f37445;
}
.blog-single .blog-meta p:last-child{
	margin-right:0;
}
.blog-single .blog-meta p i{
	margin-right:5px;
	color:#f37445;
}
.blog-single .blog-meta p span{}
.blog-single .content p{
	margin-bottom:30px;
}
.blog-single .content a{
	text-decoration: underline;
}
.blog-single .content p:last-child{
	margin:0;
}
.blog-single blockquote {
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 400;
	border-left: 5px solid #f37445;
	margin-left:20px;
	padding: 20px;
}
.blog-single .share-social {
	overflow: hidden;
	border-radius: 3px;
	background: transparent;
	margin-top: 30px;
	padding-bottom: 20px;
}
.blog-single .share-social .title {
	font-size: 15px;
	color: #1D1C22;
	float: left;
	line-height: 35px;
	margin-right: 25px;
	margin-top: -3px;
	font-weight: 500;
}
.blog-single .share-social ul{
	margin-left:30px;
}
.blog-single .share-social ul li{
	display:inline-block;
	margin-right:5px;
}
.blog-single .share-social ul li:last-child{
	margin-right:0;
}
.blog-single .share-social ul li a {
	color: #fff;
	height: 30px;
	width: 30px;
	line-height: 30px;
	display: block;
	text-align: center;
	background: #1D1C22;
	border-radius: 100%;
	font-size: 13px;
}
.blog-single .share-social ul li a:hover{
	color:#fff;
	background:#f37445;
	border-color:#f37445;
}
/* Comments */
.blog-single .comments .comment-title {
	position: relative;
	text-align: left;
	font-size: 18px;
	color: #2C2D3F;
	margin-bottom: 20px;
	padding-bottom: 15px;
	font-weight: 600;
}
.blog-single .comments .comment-title::before {
	position: absolute;
	left: 0;
	content: "";
	bottom: -1px;
	height: 1px;
	width: 60px;
	background: #f37445;
}
.blog-single .comments .comment-title::after {
	position: absolute;
	left: 0;
	content: "";
	bottom: -3px;
	height: 1px;
	width: 40px;
	background: #f37445;
}
.blog-single .comments {
	background: #fff;
	padding: 30px 30px;
	margin-top: 30px;
	box-shadow: 0 0 8px #0000001a;
}
.blog-single .comments .single-comment {
	position: relative;
	padding: 25px 15px;
	background: #fff;
	margin:15px 0;
}
.blog-single .comments .single-comment:last-child{
	margin-bottom:0;
}
.blog-single .comments .single-comment.left{
	margin-left:95px;
}
.blog-single .comments .single-comment img {
	height: 70px;
	width: 70px;
	border-radius: 100%;
	position: absolute;
	left: 16px;
}
.blog-single .single-comment .content {
	padding-left: 95px;
}
.blog-single .single-comment .content .name {
	overflow: hidden;
	padding: 10px 0;
	margin-bottom: 5px;
}
.blog-single .single-comment .content h4 {
	color: #1D1C22;
	font-size: 17px;
	font-weight: 600;
	float:left;
}
.blog-single .single-comment .content h4 span {
	display: block;
	font-weight: 400;
	font-size: 13px;
	margin-top: 2px;
}
.blog-single .single-comment .content p {
	color: #666;
	font-weight: 300;
}
.blog-single .single-comment .content .button {
	display: inline-block;
	float: right;
	margin-top: 6px;
}
.blog-single .single-comment .content .button a {
	background: transparent;
	color: #f37445;
	padding: 5px 25px;
	border-radius: 30px;
	text-transform: capitalize;
	font-weight: 500;
	border: 1px solid #f37445;
}
.blog-single .single-comment .content .button a:hover{
	color:#fff;
	background:#f37445;
	border-color:#f37445;
}
.blog-single .single-comment .content a:hover {
	color:#04AAF4;
}
/* Comment Form */
.blog-single .reply {
	margin-top: 30px;
	background: #fff;
	padding: 30px;
	box-shadow: 0 0 8px #0000001a;
}
.blog-single .reply .reply-title {
	position: relative;
	text-align: left;
	font-size: 18px;
	color: #2C2D3F;
	margin-bottom: 20px;
	padding-bottom: 15px;
	font-weight: 600;
}
.blog-single .reply .reply-title::before {
	position: absolute;
	left: 0;
	content: "";
	bottom: -1px;
	height: 1px;
	width: 60px;
	background: #f37445;
}
.blog-single .reply .reply-title::after {
	position: absolute;
	left: 0;
	content: "";
	bottom: -3px;
	height: 1px;
	width: 40px;
	background: #f37445;
}
.blog-single .reply .form {
	margin-top: 45px;
}
.blog-single .reply .form-group{
	margin-bottom:25px;
}
.blog-single .reply .form-group input {
	box-shadow: none;
	text-shadow: none;
	font-size: 15px;
	font-weight: 400;
	width: 100%;
	padding: 0 20px;
	text-transform: capitalize;
	height: 50px;
	border: 1px solid #1D1C224D;
	color: #2C2D3F;
	background: transparent;
	border-radius:0;
}
.blog-single .reply .form-group input:hover{
	border-color:#f37445;
}
.blog-single .reply .form-group textarea {
	box-shadow: none;
	text-shadow: none;
	border: 1px solid #1D1C224D;
	font-size: 15px;
	padding-left: 16px;
	padding-top: 18px;
	resize: none;
	height: 200px;
	color: #2C2D3F;
	background: transparent;
	text-transform: capitalize;
	border-radius:0;
	width: 100%;
}
.blog-single .reply .form-group textarea:hover{
	border-color:#f37445;
}
.blog-single .reply .button {
	margin-bottom: 0;
	text-align: center;
}
.blog-single .reply .button .btn{
	border-radius:0;
}
/*=============================
	/End Blog CSS CSS
===============================*/



/*===================
	Team
=====================*/
.team{
	background:#fff;
}
.team .single-team{
	margin-top: 30px;
	background:#fff;
	text-align: center;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.team .single-team:hover{
	
}
.team .team-head {
	border: 1px solid #ddd;
	border-radius: 4px;
}
.team .single-team .image{
	overflow:hidden;
	border-radius:4px 4px 0 0;
}
.team .single-team .image:hover img{
	transform:scale(1.1);
}
.team .single-team img{
	height:100%;
	width:100%;
	border-radius:4px 4px 0 0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.team .single-team .content{}
.team .single-team .content .name {
	color: #1D1C22;
	font-weight: 600;
	margin-top: 25px;
	font-size: 17px;
}
.team .single-team .content .title{
	font-weight:400;
	margin-top:4px;
	display:block;
}
.team .content .social {
	margin-top: 15px;
	border-top: 1px solid #ddd;
	padding: 7px 0;
	border-radius: 0 0 10px 10px;
}
.team .content .social li {
	display: inline-block;
	margin-right: 11px;
}
.team .content .social li:last-child{
	margin-right:0;
}
.team .content .social li a {
	color: #c3c3c3;
	background: transparent;
	text-align: center;
	border-radius: 100%;
	display: block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	line-height: 32px;
}
.team .single-team .social li a:hover{
	color:#f37445;
}
.team .content .social li a i {
	font-size: 18px;
}
/*===================
	End Team
=====================*/

 
/*======================================
  19. Faq CSS
========================================*/ 
.faq-main .faq-area {
	margin-top: 30px;
}
.faq-main .single-faq {
	border: 1px solid #eee;
	margin-bottom: 5px;
}
.faq-main .single-faq .faq-title a{
	font-size: 18px;
	background: #f5f5f5;
	padding: 15px;
	color: #424646;
	display:block;
}
.faq-main .single-faq .faq-title.active a{
	background:#f37445;
	color:#fff;
	border-color:#f37445;
}
.faq-main .faq-body {
	padding: 15px;
}
.faq-main .faq-body p {
	font-weight: 300;
	font-size: 15px;
}
/*======================================
  End Faq CSS
========================================*/ 

/*======================================
  21. Contact CSS
========================================*/
.contact{
	background:#fff;
}
.contact .title-line {
	margin-bottom: 70px;
}
/* Google Map */
.contact #myMap {
	height: 458px;
	width: 100%;
}
.contact .contact-head {
	border-radius: 0px;
	margin-top: 0px;
}
.contact .form{
}

.contact .contact-info .single-info {
	margin-bottom: 50px;
	position: relative;
	display:inline-block;
	margin-right:25px;
}
.contact .contact-info .single-info:last-child{
	margin-right:0;
}
.contact .contact-info .single-info i {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 17px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	background: #f37445;
	display: block;
	text-align: center;
	color: #fff;
	border-radius: 0px;
}
.contact .contact-info .single-info p {
	padding-left: 55px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	color: #1D1C22;
}
.contact .contact-info .single-info p a{
	color:#757575;
	font-size:15px;
	font-weight:400;
	display:block;
	text-transform:lowercase;
}
.contact .contact-info .single-info a:hover{
	color:#f37445;
}
.contact .form .form-group{
	margin-bottom: 20px;
}
.contact .form input {
	width: 100%;
	height: 53px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #ccc;
	text-transform: capitalize;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border: none;
	background: transparent;
	color: #1D1C22;
	border-radius:0;
	font-weight:400;
	border: 1px solid #3333;
}
.contact .form textarea{
	width: 100%;
	height:200px;
    padding: 15px;
	border:1px solid #ccc;
	text-transform:capitalize;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	border: none;
	background: transparent;
	color: #1D1C22;
	border-radius:0;
	font-weight:400;
	border: 1px solid #3333;
}
.contact .form .button{
	text-align:left;
}
.contact .form .btn {
	background: #f37445;
	border-radius: 0;
	padding: 14px 31px;
}
.contact .form .btn:before{
	display:none;
}
.contact .form .btn i{
	margin-right:10px;
}
.contact .form .btn:hover{
	background:#1D1C22;
	color:#fff;
}
/*======================================
  End Contact CSS
 ========================================*/

/*======================================
  22. Footer CSS
 ========================================*/
.footer{
	background:#1D1C22;
	text-align:center;
}
.footer .logo p a{
	color:#ffffff;
	font-size: 32px;
}
.footer .logo p{
	color:#ffffff;
}
.footer .footer-top{
	padding:70px 0;
}
.footer .logo{
	margin-bottom:30px;
	display:inline-block;
}
.footer .social{
	
}
.footer .social li{
	display:inline-block;
	margin-right:5px;
}
.footer .social li:last-child{
	margin:0;
}
.footer .social li a {
	height: 40px;
	width: 40px;
	line-height: 40px;
	display: block;
	color: #fff;
	border-radius: 100%;
	font-size:20px;
}
.footer .social li a:hover{
	color:#f37445;
}
.footer .social li a i{
	
}
.footer .copyright {
	padding: 20px 0;
	border-top: 1px solid #ffffff1a;
}
.footer .copyright p{
	color:#fff;
}
.footer .copyright p a{
	margin:0 5px;
}
.footer .copyright p a:hover{
	text-decoration:underline;
}
/*======================================
  End Footer CSS
 ========================================*/
/*Keyboard Navigation start*/
a:focus {
	outline: 2px solid #23282d;
}

button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #23282d #23282d #23282d;
}

p.form-submit input[type="submit"]{
	 background: #f37545;
    padding: 10px 20px;
    border: #f37545;
    color: #fff;
}


.nav li:focus-within > ul.dropdown{
  opacity:1 ! important;
}
/*
.nav li > ul.dropdown a:focus-within{
	color: #2980B9;
}*/
.nav li ul li:hover ul.dropdown,
.nav li ul li:focus-within ul.dropdown{
	top: calc(0% + 1rem); right: 100%;
}

/*keyboard Navigation End*/
/*Slick navigation menu*/
.slicknav_nav li:focus-within{
	border:1px solid #ccc;
}

.slicknav_nav li:focus-within > ul.dropdown{
  visibility: visible;
  opacity: 1;
}