/*--------------------- Copyright (c) 2018 ----------------------- 
[
1. Body 
2. Typography css / a 
3. Preloader css 
4. Top Header css 
5. Menu css
6. Banner css
7. About css
8. Service css
9. App css 
10.Package css
11.Counter css
12.History css
13.Testimonial css
14.Blog css
15.Client css
16.Footer css
17.Sidebar css
18.Contact css
19.Gallery css
20.Faq css css
21.Request A Quote css
22. 404 page css
23.Go To Top css
-------------------------------------------------------------------*/
 body {
     font-family: 'Open Sans', sans-serif;
     font-size: 15px;
     line-height: 24px;
     color: #484848;
     background-color: #ffffff;
     -webkit-font-smoothing: antialiased;
}
/*====Typography Css Start====*/
 a {
     text-decoration: none;
     cursor: pointer;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 a:hover, a:focus {
     color: #ee8a27;
     outline: none;
     text-decoration: none;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-family: 'Open Sans', sans-serif;
     font-weight: 700;
     line-height: 1.1;
     color: #2d2d2d;
     margin-bottom: 0px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 img {
    
}
 input, textarea, select, button {
     outline: none;
     box-shadow: none;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 input:focus, textarea:focus, select:focus, button:focus {
     outline: none;
     box-shadow: none;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 .form-control:focus {
     outline: none;
     box-shadow: none;
     border: 1px solid #fba62f;
}
 ul{
     padding:0px;
     margin:0px;
     list-style:none;
}
 .bg_color {
     background-color: #333333;
}
 .color1{
     color:#fba62f;
}
 .form-control {
     padding: .5rem 20px;
     font-size: 15px;
     height: 45px;
     line-height: 50px;
     color:#b6b6b6;
     border-radius: 4px;
     border: none;
     background-color: transparent;
     border: 1px solid #b6b6b6;
}
 .nice-select {
     border-radius: 6px;
     border: none;
     font-size: 15px;
     font-weight: normal;
     height: 50px;
     width: 100%;
     line-height: 50px;
}
 .nice-select .list {
     width: 100%;
}
 .nice-select:after {
     border-bottom: 1px solid #b6b6b6;
     border-right: 1px solid #b6b6b6;
     content: '';
     display: block;
     height: 6px;
     width: 6px;
}
 .bottom_marger30{
     margin-bottom:30px;
}
 .bottom_marger50{
     margin-bottom:50px;
}
/*====Preloader Css Start====*/
.loader_wrapper {
    position:  fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 100;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
}
.loaded .loader_wrapper{
	display:none;
}
.loader {
    display: inline-block;
    width: 80px;
    height: 80px;
    position: absolute;
    border: 4px solid #2d2d2d;
    top: 50%;
    animation: loader 4s infinite ease;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

.loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #fba62f;
    animation: loader-inner 4s infinite ease-in;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  
  25% {
    transform: rotate(180deg);
  }
  
  50% {
    transform: rotate(180deg);
  }
  
  75% {
    transform: rotate(360deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }
  
  25% {
    height: 0%;
  }
  
  50% {
    height: 100%;
  }
  
  75% {
    height: 100%;
  }
  
  100% {
    height: 0%;
  }
}
/*====Top Header Css Start====*/
.tp_header_wrapper{
    position: relative;
    z-index: 10;
}
.tp_top_header {
    background-color: #fba62f;
}
.tp_logo {
    position: absolute;
}

.tp_logo {
    position: absolute;
    width: 37%;
    background-color: #fba62f;
    padding: 25px 150px 27px 25px;
    text-align: right;

}
.tp_logo a{
	z-index:1;
	position:relative;
}
.tp_logo:after{
    position: absolute;
    right: -105px;
    top: -8px;
    content: "";
    width: 0;
    height: 0;
    border-top: 110px solid #fba62f;
    border-right: 105px solid transparent;
}

.tp_top_info {
    float: right;
    padding: 15px 0px;
}

.tp_top_info ul li {
    display: inline-block;
    padding: 0px 20px;
    color: #fff;
}
.tp_top_info ul li a{
	color:#ffffff;
}
.tp_top_info ul li i {
    padding-right: 10px;
}
.tp_top_info ul li:last-child{
	padding-right:0px;
}
/*====Menu css start====*/
 .tp_menu_wrapper {
    background-color: #fff;
}
button.tp_menu_btn{
	display:none;
}
.menu_cross {
    display: none;
}
.tp_logo_responsive {
    display: none;
}
.dropdown-expander {
    display: none;
}
@media(min-width:991px){
.tp_menu {
    width: 100%;
    display: inline-block;
}

.tp_menu ul {
    float: right;
}

.tp_menu ul li {
    display: inline-block;
}

.tp_menu ul li a {
    color: #2d2d2d;
    text-transform: capitalize;
    font-size: 16px;
    padding: 12px 22px 5px;
    display: inline-block;
    position: relative;
}
.tp_menu ul li a:hover{
	color:#fba62f;
}
.tp_menu ul li a.active{
	color:#fba62f;
}
.tp_menu ul > li > a:after{
    position: absolute;
    width: 2px;
    height: 17px;
    background-color: #565656;
    content: "";
    right: 0px;
    top: 15px;
}
.tp_menu ul li:last-child a{
	padding-right:0px;
}
.tp_menu ul li:last-child a:after{
	display:none;
}
/*----Sub Menu Start----*/
.tp_menu ul li ul.sub-menu {
    position: absolute;
    left: 0px;
    top: 100%;
    min-width: 185px;
    background: #fff;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    border: 2px solid #fba62f;
    -webkit-transition: -webkit-transform .3s ease, opacity .3s ease, visibility .3s ease;
    transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
    -webkit-transform: translate3d(-15px, 15px, 0);
    -moz-transform: translate3d(-15px, 15px, 0);
    -o-transform: translate3d(-15px, 15px, 0);
    -ms-transform: translate3d(-15px, 15px, 0);
    transform: translate3d(-15px, 15px, 0);
}
.tp_menu ul li:hover ul.sub-menu{
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
} 
.tp_menu ul li ul.sub-menu li {
    width: 100%;
}

.tp_menu ul li ul.sub-menu li a {
    width: 100%;
    padding: 10px 15px;
}
.tp_menu ul li ul.sub-menu li a:after{
	display:none;
}
}
/*====Banner Css Start====*/
.tp_banner_wrapper{
    background-image: url(../images/banner.jpg);
    background-color: #fba62f;
    background-size: cover;
    padding-top: 115px;
    text-align: center;
    height: 740px;
    position: relative;
    z-index: 1;
}
.tp_banner_wrapper h1{
    font-size: 60px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 85px;
    line-height: 73px;
	position: relative;
    z-index: 1;
}
.tp_banner_wrapper .tp_overlay {
    background-color: rgba(0, 0, 0, 0.75);
    z-index: -1;
}
/*==About Css Start==*/
.tp_about_wrapper{
	background-color: #fba62f;
    padding: 80px 0px;
    padding-top: 230px;
}
.tp_abt_data h3 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
}

.tp_abt_data h1 {
	font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 35px;
}

.tp_btn {
    background-color: #ffffff;
    height: 40px;
    color: #484848;
    text-transform: uppercase;
    padding: 0px 36px 0px 30px;
    display: inline-block;
    line-height: 40px;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: right;
    border: none;
    cursor: pointer;
}
.tp_btn:after{
	position: absolute;
    background-color: #484848;
    width: 50px;
    height: 50px;
    content: "";
    z-index: -1;
    top: 0;
    right: -35px;
    transform: skew(-18deg);
    -webkit-transform: skew(-18deg);
    -moz-transform: skew(-18deg);
    -ms-transform: skew(-18deg);
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}
.tp_btn:hover:after{
    width: 120%;
    right: -20px;
}
.tp_btn:hover{
	color:#ffffff;
}
.tp_abt_data p {
    margin-bottom: 30px;
}
.tp_track_box {
    background-color: #ffffff;
    box-shadow: 0px 8px 8.6px 1.4px rgba(0, 0, 0, 0.35);
    border-radius: 6px;
}
h1.tp_track_heading {
    background-color: #2d2d2d;
    color: #ffffff;
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 13px 0px;
    border-radius: 6px 6px 0px 0px;
}
.tp_track_form{
	padding:30px 30px 10px
}
.tp_input{
	margin-bottom:20px;
	line-height:0;
}
.tp_track_form .tp_btn{
	width:100%;
	height:50px;
	background-color:#fba62f;
	font-size:22px;
	letter-spacing:1px;
	color:#fff;
	text-align:center;
	line-height:50px;
}
.tp_track_form .tp_btn:hover{
	background-color: #484848;
}
.tp_track_form .tp_btn:after{
	display:none;
}
.tp_track_box .form-control{
	height:40px;
}
/*====Services Css Start====*/
.tp_heading{
    font-size: 30px;
    color: #2d2d2d;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 50px;
    z-index: 1;
    position: relative;
}
.tp_service_wrapper{
	padding:75px 0px 5px;
}

.tp_service_box ul li {
    width: 100%;
    display: inline-block;
    margin-bottom: 65px;
}

.tp_ser_data {
    width: calc(100% - 43px);
    float: left;
    text-align: right;
    padding-right: 15px;
}

.tp_ser_data h3 {
    font-size: 21px;
    color: #fba62f;
    font-weight: 600;
    padding-bottom: 5px;
}

.tp_ser_data p {
    margin: 0px;
	line-height:24px;
}
.tp_ser_icon{
	width: 43px;
    height: 43px;
    display: inline-block;
    border: 6px solid #484848;
    border-radius: 100%;
    text-align: center;
    font-size: 22px;
	position:relative;
	margin-top: 3px;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	}
	.tp_ser_icon i{
		position: absolute;
		left: 4px;
		top: 4px;
	}
	.tp_service_box ul li:hover .tp_ser_icon{
		transform: rotate(-91deg);
		-webkit-transform: rotate(-91deg);
		-moz-transform: rotate(-91deg);
		-ms-transform: rotate(-91deg);
		border-color:#fba62f;

	}
	.tp_service_box ul li:hover .tp_ser_icon i{
		transform: rotate(91deg);
		-webkit-transform: rotate(91deg);
		-moz-transform: rotate(91deg);
		-ms-transform: rotate(91deg);
		display: inline-block;
		transition:all 0.3s ease-in-out;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
	}
	.tp_service_box ul li:hover .tp_ser_icon:after{
		border-top-color:#fba62f;
	}
.tp_ser_icon:after {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    bottom: -18px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-top: 14px solid #484848;
    border-left: 8.75px solid transparent;
    border-right: 8.75px solid transparent;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
}
.tp_service_box.tp_ser_right .tp_ser_icon{
	float:left;
}
.tp_service_box.tp_ser_right .tp_ser_data {
    text-align: left;
    padding-right: 0;
    padding-left: 15px;
}
	.tp_service_box.tp_ser_right ul li:hover .tp_ser_icon{
		transform: rotate(91deg);
		-webkit-transform: rotate(91deg);
		-moz-transform: rotate(91deg);
		-ms-transform: rotate(91deg);
	}
	.tp_service_box.tp_ser_right ul li:hover .tp_ser_icon i{
		transform: rotate(-91deg);
		-webkit-transform: rotate(-91deg);
		-moz-transform: rotate(-91deg);
		-ms-transform: rotate(-91deg);
	}
/*====App Section Css Start====*/
.tp_app_wrapper{
	background-image:url(../images/app_bg.jpg);
	background-size:cover;
	position:relative;
	padding:80px 0px;
}
.tp_app_wrapper:after{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:rgba(10, 12, 11, 0.85);
	content:"";
}	
.tp_app_data {
    position: relative;
    z-index: 1;
	padding-right: 40px;
}

.tp_app_data h1 {
    color: #ffffff;
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 30px;
}

.tp_app_data h2 {
    font-size: 35px;
    color: #fba62f;
    text-transform: uppercase;
    padding: 25px 0px 25px;
}
.tp_app_btns {
    margin-top: 32px;
}

.tp_app_data p {
    color: #ffffff;
    margin: 0;
}
.tp_app_btns > a {
    margin-right: 30px;
}
.tp_app_mob{
	position:relative;
	z-index:1;
	padding-left:30px;
}
/*====Package Css Start====*/
.tp_pckg_wrapper{
	padding:80px 0px 50px;
	background-color:#ffffff;
}
.tp_pckg_wrapper .tp_heading{
	color:#2d2d2d;
}
.tp_pckg_box {
	background-color: #fba62f;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
}
.tp_pckg_box ul li{
	width:30%;
	display:inline-block;
}
.tp_pckg_name {
    padding: 60px 0px;
    padding-left: 55px;
	position:relative;
	z-index:1;
}

.tp_pckg_name h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}

.tp_pckg_name h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    padding-top: 10px;
}

.tp_pckg_name h1 sub {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
}
.tp_pckg_list {
    padding-top: 40px;
}
.tp_pckg_list > ul{
	padding-left:50px;
	position:relative;
}
.tp_pckg_list > ul:before{
	position: absolute;
    height: 182px;
    width: 1px;
    background-color: #ffffff;
    content: "";
    left: 0;
    top: -24px;
}
.tp_pckg_list > ul:after{
	position: absolute;
	height: 182px;
	width: 1px;
	background-color: #ffffff;
	content: "";
	right: -30px;
	top: -25px;
}
.tp_pckg_list ul li {
    width: 50%;
    float: left;
    color: #fff;
    margin-bottom: 10px;
}

.tp_pckg_list ul li i.flaticon.flaticon-check {
    width: 15px;
    height: 15px;
    background-color: #fff;
    font-size: 8px;
    color: #fba62f;
    border-radius: 100%;
    display: inline-block;
    line-height: 16px;
    text-align: center;
    margin-right: 15px;
}
.tp_pckg_btn {
    padding-top: 80px;
    float: right;
    text-align: center;
}
.tp_pckg_icon {
    font-size: 106px;
    position: absolute;
    left: 1px;
    bottom: 18px;
    z-index: -1;
    opacity: 0.4;
	transform: rotate(-19deg);
	-webkit-transform: rotate(-19deg);
	-moz-transform: rotate(-19deg);
	-ms-transform: rotate(-19deg);
}
.tp_pckg_name.pckg_name2 .tp_pckg_icon {
    left: -10px;
    bottom: 26px;
	transform: rotate(31deg);
	-webkit-transform: rotate(31deg);
	-moz-transform: rotate(31deg);
	-ms-transform: rotate(31deg);
}
.tp_pckg_name.pckg_name3 .tp_pckg_icon {
    left: -23px;
    bottom: 6px;
	transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
}
/*====Counter Css Start====*/
.tp_counter_wrapper{
    background-image: url(../images/count_bg.jpg);
    background-size: cover;
    position: relative;
    padding: 80px 0px;
    text-align: center;
}
.tp_overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    top: 0;
    left: 0;
    content: "";
}
.tp_count_box {
    text-align: center;
    color: #fff;
    position:  relative;
    z-index: 1;
    display: inline-block;
}

.tp_count_box h1 {
    color: #fba62f;
    width: 85px;
    height: 85px;
    font-size: 35px;	
    font-weight: 600;
    background-color: #fff;
    text-align: center;
    line-height: 85px;
    display: inline-block;
    border-radius: 100%;
	position:relative;
}
.tp_count_box h1:after{
	width: 95px;
    height: 95px;
    position: absolute;
    content: "";
    left: -5px;
    top: -5px;
    border: 1px solid #fba62f;
    border-radius: 100%;
}
.tp_count_box p {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0px;
    margin-top: 30px;
}
/*====History Css Start====*/
.tp_history_wrapper {
    padding: 80px 0px 80px;
}
.cd-horizontal-timeline .events-content ol {
    padding: 0px;
    list-style: none;
}

.tp_hstry_data h1 {
    font-size: 30px;
    text-transform: uppercase;
    padding-bottom: 15px;
}

.tp_hstry_data p {
    font-size: 15px;
}

.tp_hstry_data h3 {
    font-size: 15px;
    margin-bottom: 10px;
}

/*====Testimonial Css Start====*/
.tp_test_wrapper{
	background-image:url(../images/test_bg.jpg);
	background-size:cover;
	position:relative;
	z-index:1;
	padding:80px 0px;
}
.tp_test_wrapper h1.tp_heading {
    color: #fff;
}
.tp_test_wrapper .owl-carousel .owl-item img {
    display: block;
    width: auto;
    border-radius: 3px;

}
.tp_test_box {
    background-color: #fff;
    padding: 15px 30px;
    border-radius: 5px;
    border: 2px solid #fba62f;
    position: relative;
}

.tp_test_wrapper .owl-carousel .owl-stage-outer {
    padding-top: 37px;
    padding-bottom: 30px;
}
.tp_test_box .tp_test_img {
    position: absolute;
    top: -38px;
    border: 2px solid #fba62f;
    border-radius: 3px;
}

.tp_test_box h2 {
    font-size: 16px;
    text-align: left;
    margin-top: 0px;
}

.tp_test_box p {
    padding-top: 20px;
    margin: 0px;
    color: #2d2d2d;
    font-size: 15px;
}
.tp_test_wrapper .owl-controls {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 75%;
}
.tp_test_wrapper .owl-dot {
    display: inline-block;
}
.tp_test_wrapper .owl-theme .owl-dots .owl-dot span {
    width: 5px;
    height: 5px;
    background-color: #ffffff;
    display: block;
    margin: 0px 5px;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
}
.tp_test_wrapper .owl-theme .owl-dots .owl-dot.active span {
    background-color: #fba62f;
	transform:scale(2);
	-webkit-transform:scale(2);
	-moz-transform:scale(2);
	-ms-transform:scale(2);
}
.tp_test_wrapper .owl-dots {
    text-align: center;
}
span.test_quote {
    position: absolute;
    color: #fba62f;
    opacity: 0.2;
    left: 10px;
}

span.test_quote i {
    font-size: 40px;
}
/*====Blog Css Start====*/
.tp_blog_wrapper{
	padding:80px 0px 48px;
}
.tp_blog_wrapper h1.tp_heading{
	color:#2d2d2d;
}
.tp_blog_data h2 a {
    font-size: 16px;
    padding: 20px 0px 10px;
	color:#2d2d2d;
	display:block;
}
.tp_blog_data tp_btn  {
    background-color: green;
    color: #fff;
     padding-left: 70px;
    margin-top: 25px;
}
.tp_blog_img img {
    border-radius: 8px 8px 0px 0px;
}
.tp_blog_img {
    position: relative;
}

.tp_blog_ovrly {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.52);
    border-radius: 8px 8px 0px 0px;
	opacity:0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.tp_blog_ovrly ul.tp_blog_info {
    background-color: #fba62f;
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: perspective(600px) rotateX(90deg);
    -moz-transform: perspective(600px) rotateX(90deg);
    -ms-transform: perspective(600px) rotateX(90deg);
    -o-transform: perspective(600px) rotateX(90deg);
    transform: perspective(600px) rotateX(90deg);
    overflow: auto;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.tp_blog_box:hover .tp_blog_ovrly ul.tp_blog_info {
    opacity: 1;
    -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    -o-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
}
.tp_blog_box:hover .tp_blog_ovrly{
	opacity:1;
}
.tp_blog_ovrly ul.tp_blog_info li {
    display: inline-block;
}

.tp_blog_ovrly ul.tp_blog_info li a {
    padding: 3px 15px;
    font-size: 13px;
	color: #ffffff;
    display: block;
	position:relative;
}
.tp_blog_ovrly ul.tp_blog_info li a:hover{
	color:#ffffff;
}
.tp_blog_ovrly ul.tp_blog_info li a:after{
    position: absolute;
    width: 1px;
    height: 20px;
    background-color: #ffffff;
    content: "";
    right: -3px;
    top: 6px;
}
.tp_blog_ovrly ul.tp_blog_info li:last-child a:after{
	display:none;
}
.tp_blog_ovrly ul.tp_blog_info li a i {
    margin-right: 1px;
}
.tp_blog_data h2 a:hover{
	color:#fba62f;
}
/*====Client Css Start====*/
.tp_client_wrapper{
	background-color:#fba62f;
	padding:80px 0px;
}
.tp_client_slider {
    text-align: center;
}
.tp_client_slider .owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
}
/*====Footer Css Start====*/
.tp_footer_wrapper{
	background-image:url(../images/footer_bg.jpg);
	background-size:cover;
	position:relative;
	padding:80px 0px;
}
.tp_foo_box {
    position:  relative;
    z-index: 1;
}

.tp_foo_box p {
    color: #fff;
}

.tp_foo_box img {
    padding-bottom: 20px;
}

ul.tp_foo_icons {	
	margin-top:5px;
}

ul.tp_foo_icons li {
    display: inline-block;
}

ul.tp_foo_icons li a {
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    background-color: #3b5998;
    border-radius: 100%;
    margin-right: 7px;
    font-size: 13px;
	color:#ffffff;
    line-height: 25px;
}
ul.tp_foo_icons li:nth-child(2) a{
	background-color:#55acee;
}
ul.tp_foo_icons li:nth-child(3) a{
	background-color:#007ab9;
}
ul.tp_foo_icons li:nth-child(4) a{
	background-color:#dc4e41;
}
ul.tp_foo_icons li:nth-child(5) a{
	background-color:#cb2027;
}
.tp_foo_box h2 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 24px;
	text-transform:uppercase;
}
.tp_foo_box.tp_foo_links ul li {
    display: inline-block;
    width: 49%;
    margin-bottom: 5px;
}

.tp_foo_box.tp_foo_links ul li a {
    text-transform: capitalize;
    color: #fff;
}
ul.tp_foo_icons li a:hover{
	transition: -webkit-transform 0.4s ease-out;
    -ms-transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
    -webkit-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.tp_foo_box.tp_foo_links ul li a i.flaticon.flaticon-play-arrow {
    font-size: 9px;
    color: #fba62f;
    margin-right: 10px;
    position: relative;
    top: -2px;
}
.tp_foo_box.foo_contacts ul {}

.tp_foo_box.foo_contacts ul li {
    width: 100%;
    margin-bottom: 20px;
    display: inline-block;
	color:#ffffff;
}
.tp_foo_box.foo_contacts ul li a{
	color:#ffffff;
}
.tp_foo_box.foo_contacts ul li i {
    margin-right: 15px;
    position:  relative;
    top: 3px;
}
.tp_foo_box .tp_foo_form .form-control {
    background-color: rgba(39, 39, 39, 0.7);
    border: 1px solid transparent;
    margin-bottom: 20px;
    color: #fff;
}
.tp_foo_form button.tp_btn, .tp_rq_form button.tp_btn{
	background-color:#fba62f;
	color:#ffffff;
}
.tp_btm_footer{
	background-color:#fba62f;
	text-align:center;
}
p.copyright {
    margin: 0px;
    padding: 15px 0px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}
/*====About Page Css Start====*/
.tp_bread_wrapper{
	background-image:url(../images/bread_bg.jpg);
	background-size:cover;
	position:relative;
	padding:80px 0px;
}
.tp_about_wrapper.tp_about_page {
    padding-top: 80px;
}
.tp_bread_wrapper h1 {
    text-align: center;
    color: #ffffff;
    position:  relative;
    z-index: 1;
    font-size: 45px;
    text-transform: uppercase;
}

.tp_bread_wrapper ol.breadcrumb {
    position: relative;
    z-index: 1;
    background-color: transparent;
    text-align: center;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.tp_bread_wrapper ol.breadcrumb li {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    float: none;
}
.tp_bread_wrapper ol.breadcrumb li a{
	color:#ffffff;
}
.tp_bread_wrapper ol.breadcrumb li a:hover, .tp_foo_box.tp_foo_links ul li a:hover, .tp_foo_box.foo_contacts ul li a:hover{
	color:#fba62f;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
    content: ">";
}
.tp_point_wrapper {
   padding-bottom: 80px;
}

.tp_point_wrapper h1.tp_heading {
	color: #2d2d2d;
    text-align: left;
    padding-top: 80px;
}

.tp_points_list {
    position: relative;
    margin-bottom: 25px;
}

.tp_points_list span.tp_point_icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    font-size: 23px;
    border: 3px solid #fba62f;
    border-radius: 3px;
    font-weight: 400;
    margin-right: 3px;
}
.tp_points_list h2 {
    text-transform: uppercase;
	font-size:22px;
}

.tp_points_list p {
    padding-top: 15px;
	margin:0px;
}
/*====Team Css Start====*/
.tp_team_wrapper{
	padding:80px 0px;
}
.tp_team_wrapper h1.tp_heading{
	color:#2d2d2d;
}
.tp_team_details {
    text-align: center;
    background-color: #fba62f;
    padding: 15px 0px 11px;
    position: absolute;
    bottom: -30%;
    width: 100%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.tp_team_details ul li {
    display: inline-block;
}

.tp_team_details ul li a {
    color: #fff;
    padding: 0px 3px;
}

.tp_team_details h3 {
	color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
}

.tp_team_details p {
    font-size: 16px;
    color: #fff;
    margin: 0px;
}

.tp_team_box {
    position: relative;
    overflow: hidden;
}
.tp_team_name {
    text-align: center;
    background-color: #fba62f;
    padding: 10px 0px;
    width: 100%;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

.tp_team_name h3 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
}
.tp_team_box:hover .tp_team_details{
	bottom:0;
}

/*====Services Page Css Start====*/
.tp_process_wrapper{
	background-image:url(../images/process_bg.jpg);
	background-size:cover;
	position:relative;
	padding:80px 0px;
}
.tp_process_box{
	position:relative;
	z-index:1;
	text-align:center;
}
.tp_pro_icon:after{
    position: absolute;
    border: 1px dashed #ffffff;
    content: "";
    width: 177%;
    top: 50%;
    left: 107%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.tp_process_box.tp_process_box1 .tp_pro_icon:after{
	display:none;
}
.tp_pro_icon {
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    background-color: #fff;
    border-radius: 100%;
    font-size: 35px;
    display: inline-block;
	position:relative;
}
.tp_pro_icon:before{
	width: 110px;
    height: 110px;
    position: absolute;
    top: -5px;
    left: -5px;
    border: 1px dashed #fba62f;
    content: "";
    border-radius: 100%;
} 
.tp_pro_icon i{
    color: #fba62f;
    position: relative;
    display: inline-block;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
}
.tp_process_box:hover .tp_pro_icon > i{
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
}

.tp_process_box h3{
	color: #ffffff;
    text-transform: uppercase;
    padding-top: 20px;
    font-size: 22px;
}
.tp_process_wrapper .tp_overlay {
    background-color: rgba(0, 0, 0, 0.71);
}
span.tp_pro_arrow {
    position: absolute;
    right: -106%;
    font-size: 55px;
    top: -3px;
    z-index: 1;
}
/*====Blog Page Css Start====*/
.tp_blog_box {
    margin-bottom: 23px;
}
.tp_pagination ul.pagination li.page-item .page-link {
	padding: 0;
    margin-left: 0;
    color: #b6b6b6;
    background-color: #f5f7f9;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
	border:1px solid #b6b6b6;
}
.tp_pagination ul.pagination li.page-item .page-link.active, .tp_pagination ul.pagination li.page-item .page-link:hover{
	background-color:#fba62f;
	color:#ffffff;
}
.tp_pagination {
    margin: 30px 0px;
}
/*====Sidebar css Start=====*/
.tp_sidebar_search{
	position:relative;
}
.tp_sidebar_search .form-control {
    height: 50px;
    line-height: 50px;
    border: 1px solid #dadada;
}
.search_btn {
    position: absolute;
    right: 4px;
    top: 4px;
    background-color: #fba62f;
    border: none;
    color: #ffffff;
    width: 42px;
    height: 42px;
    border-radius: 4px;
    cursor: pointer;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}
.search_btn:hover{
	background-color:#484848;
}
.tp_sidebar_wrapper .widget {
    margin-bottom: 30px;
}
h2.widget-title {
    font-size: 22px;
    font-weight: 400;
    padding-left: 15px;
    position: relative;
    padding-bottom: 25px;
    text-transform: capitalize;
}
h2.widget-title:before{
	position:absolute;
	width:2px;
	height:25px;
	background-color:#fba62f;
	left:0;
	content:"";
	top:0;
}
.widget.widget_categories li {
    width: 100%;
    padding-left: 15px;
    margin-bottom: 10px;
	position:relative;
}
.widget.widget_categories li:before{
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #fba62f;
    content: "";
    left: 0;
    top: 11px;
}
.widget.widget_categories li a {
    color: #2d2d2d;
}

span.cat_count {
    float: right;
}
.widget.widget_categories li a:hover{
	color:#fba62f;
}
.widget.widget_recent_entries ul li {
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
}
.widget.widget_recent_entries ul li .recent_cmnt_img {
    float: left;
    width: 70px;
}

.widget.widget_recent_entries ul li .recent_cmnt_data {
    width: calc(100% - 70px);
    float: left;
	padding-left:10px;
}
.widget.widget_recent_entries ul li .recent_cmnt_data h4 {
    font-size: 15px;
    line-height: 24px;
    padding-bottom: 5px;
}

.widget.widget_recent_entries ul li .recent_cmnt_data h4 a {
    color: #2d2d2d;
    font-weight: 600;
}
.widget.widget_recent_entries ul li .recent_cmnt_data h4 a:hover{
	color:#fba62f;
}
.widget.widget_recent_entries ul li .recent_cmnt_data span i{
	color:#fba62f;
}
.widget.widget_recent_entries ul li .recent_cmnt_data span {
    font-size: 14px;
    color: #2d2d2d;
}
.widget.widget_tag_cloud ul li {
    margin: 0 7px 10px 0;
    display: inline-block;
}
.widget.widget_tag_cloud ul li a{
	border:1px solid #fba62f;
	height:33px;
	font-size:15px;
	color:#2d2d2d;
	text-transform:uppercase;
	display:block;
	border-radius:5px;
	padding:0px 12px;
	line-height:32px;
	position:relative;
	overflow:hidden;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}
.widget.widget_tag_cloud ul li a:hover{
	color:#ffffff;
}
.widget.widget_tag_cloud ul li a:after {
    position: absolute;
    background-color: #fba62f;
    width: 100px;
    height: 50px;
    content: "";
    z-index: -1;
    top: 0;
    right: -200%;
    transform: skew(-18deg);
    -webkit-transform: skew(-18deg);
    -moz-transform: skew(-18deg);
    -ms-transform: skew(-18deg);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.widget.widget_tag_cloud ul li a:hover:after {
    width: 120%;
    right: -2px;
}
.widget.widget_social_links ul li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 10px;
}
.widget.widget_social_links ul li a {
    color: #fff;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    position: relative;
	border-radius: 100%;
    background-color: #3b5998;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.widget.widget_social_links ul li a i{
	font-size:13px;
}
.widget.widget_social_links ul li:nth-child(2) a{
	background-color:#55acee;
}
.widget.widget_social_links ul li:nth-child(3) a{
	background-color:#007ab9;
}
.widget.widget_social_links ul li:nth-child(4) a{
	background-color:#dc4e41;
}
.widget.widget_social_links ul li:nth-child(5) a{
	background-color:#cb2027;
}
.widget.widget_social_links ul li a:hover{
	margin-top:-5px;
}
.widget.widget_social_links ul li a:hover {
    transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
/*----Blog Single Page Css Start----*/
.tp_blog_ovrly_heading {
    position:  absolute;
    bottom: 0;
    width: 100%;
    background-color: #fba62f;
}

span.ovrly_date {
    display: inline-block;
    width: 55px;
    height: 55px;
    float: left;
    background-color: #fff;
    margin: 2px;
    color:  #fba62f;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 5px;
    text-align: center;
    text-transform: uppercase;
}

.tp_blog_ovrly_heading h2 {
    display: inline-block;
    width: calc(100% - 59px);
    float: left;
    padding-left: 15px;
    line-height: 57px;
	font-size:22px;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:600;
}
.tp_blog_data ul.tp_blog_info li {
    display: inline-block;
}
.tp_blog_data ul.tp_blog_info li a {
    padding: 15px 15px;
    position: relative;
    display: inline-block;
    color: #2d2d2d;
    font-size: 16px;

}
.tp_blog_data ul.tp_blog_info li a:hover{
	color:#fba62f;
}
ul.tp_blog_info li a:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 20px;
    background-color: #fba62f;
    right: -2px;
    top: 16px;
}
.tp_blog_data ul.tp_blog_info li a i {
    font-size: 13px;
    color: #fba62f;
}
.tp_blog_data ul.tp_blog_info li:first-child a{

	padding-left:0px;

}
.tp_blog_data ul.tp_blog_info li:last-child a:after{
	display:none;
}
.tp_blog_share {
    border: 2px solid #dadada;
    border-width: 2px 0px 2px 0px;
    padding: 5px 0px;
}

.tp_blog_tag {
    display: inline-block;
    text-transform: capitalize;
    color: #2d2d2d;
}
.tp_blog_tag i {
    color: #fba62f;
    margin-right: 5px;
}
.tp_blog_icons {
    float: right;
}

.tp_blog_icons ul {
    display: inline-block;
}

.tp_blog_icons ul li {
    display: inline-block;

}
.tp_blog_icons ul li a {
    padding: 0px 9px;
    color: #fba62f;
}
.tp_blog_icons ul li:last-child a{
	padding-right:0px;
}
.tp_blog_icons span {
    color: #2d2d2d;
    margin-right: 15px;
		text-transform:capitalize;
}
.comments-area {
	padding-top: 50px;
	display: inline-block;
}
h3.comments-title {
    font-size: 22px;
    text-transform: capitalize;
    margin: 0px;
    padding-bottom: 40px;
    font-weight: bold;
    position: relative;
    padding-left: 10px;
}
h3.comments-title:before{
    position: absolute;
    width: 2px;
    height: 40px;
    background-color: #fba62f;
    left: 0;
    content: "";
    top: -7px;
}
.comments-area ol.commentlist {
	margin: 0px;
	padding: 0px;
}
.comments-area ol.commentlist li.comment {
	list-style: none;
	display: inline-block;
}
.comment_img {
	float: left;
}
.comment_img img {
	margin-right: 20px;
	border:8px solid #ffffff;
}
.comment_data {
	width: calc(100% - 124px);
	float: left;
}
.comment_data_info h3 {
	margin: 0px;
	font-size: 20px;
	text-transform: capitalize;
	float: left;
	display: block;
	width: 100%;
	font-weight: 400;
}
.comment_data_info h3 a {
	color: #5a5a5a;
	margin-right: 30px;
}
.comment_data_info h3 a:hover {
	color: #ffae11;
}
.comment-reply {
	float: right;
}
.comment_para {
	display: inline-block;
	margin: 0px;
	line-height: 26px;
}
.comment_data_info p {
    display: inline-block;
    margin: 0px;
    padding: 5px 0px;
    color: #484848;
    font-size: 16px;
}
.comment-reply a {
    color: #484848;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.comment-reply a:hover i {
	margin-right: 10px;
}
.comment-reply a:hover {
	color: #ffae11;
}
.comment-reply i {
    color: #ffae11;
    margin-right: 5px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.comments-area ol.commentlist li.comment .children {
	padding: 0px;
}
.rb_comments {
    padding: 15px 10px;
    float: left;
    background-color: #f5f5f5;
    margin-bottom: 20px;
}
.comment-reply-title {
    font-size: 22px;
    color: #ffae11;
    text-transform: capitalize;
    padding-bottom: 30px;
	font-weight: bold;
}
.comment_input_wrapper {
	margin-bottom: 30px;
	display: inline-block;
	width: 100%;
}
.comment-respond .form-control {
	background-color: transparent;
	height: 40px;
	font-size: 14px;
	padding-left: 0px;
	line-height: 1.25;
	color: #464a4c;
	border: none;
	border-bottom: 1px solid #b6b6b6;
	border-radius: 0;
}
.comment-respond textarea.form-control {
    height: 100px;
    resize: none;
}
.comment-respond .form-control:focus {
	border-color: #ffae11;
}
.comment-respond{
	padding-top:50px;
}
.comment-form-submit .bs_btn {
    background-color: #ffae11;
    border: 2px solid #ffae11;
    color: #ffffff;
}
.comment-form-submit .bs_btn:hover{
	background-color:transparent;
	color:#ffae11;
}
.comment-form-submit .tp_btn {
    background-color: #fba62f;
    color: #ffffff;
    padding: 0px 47px;
    line-height: 42px;
}
.comment-form-submit .tp_btn:hover{
	background-color:#484848;
}
.tp_blog_wrapper.tp_blog_single {
    padding: 80px 0px;
}
/*====Contact Page Css Start====*/
.tp_con_page {
    padding: 80px 0px;
}
.tp_con_form h1.tp_heading, .tp_con_info h1.tp_heading {
	color: #2d2d2d;
    text-align: left;
    padding-left: 15px;
    position: relative;
	padding-bottom:30px;
}
.tp_con_form h1.tp_heading:before, .tp_con_info h1.tp_heading:before{
    position: absolute;
    width: 2px;
    height: 40px;
    background-color: #fba62f;
    left: 0;
    content: "";
    top: -3px;
}
.tp_con_form p {
    margin-bottom: 25px;
    color: #2d2d2d;
}
.tp_con_form .form-control {
    height: 45px;
    line-height: 50px;
}

.tp_con_form .form-group {
    margin-bottom: 30px;
}
textarea.form-control {
    height: 140px !important;
    resize: none;
}
.tp_con_form .tp_btn {
    background-color: #fba62f;
    color: #ffffff !important;
}
.tp_con_info_box {
    margin-top: 24px;
}

.tp_con_info_box h2 {
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 600;
    color: #fba62f;
    margin-bottom: 15px;
	position:relative;
	padding-left:30px;
}
.tp_con_info_box h2 i {
    position:  absolute;
    left: 0;
    font-size: 25px;
}
.tp_map_wrapper iframe{
    width: 100%;
    height: 400px;
    border-top: 3px solid #fba62f;
    margin-bottom: -7px;
}
/*====Gallery page css Start====*/
.tp_gallery_wrapper {
    padding: 80px 0px 50px;
}

.tp_gal_filter {
    text-align: center;
    margin-bottom: 50px;
}

.tp_gal_filter ul li {
    display: inline-block;
}

.tp_gal_filter ul li a {
    height: 36px;
    padding: 0px 15px;
    display: inline-block;
    text-transform: uppercase;
    line-height: 35px;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    margin: 0px 5px;
	position:relative;
	overflow:hidden;
	border-radius:4px;
}
.tp_gal_filter ul li a.active{
	background-color:#fba62f;
}
.tp_gal_filter ul li a:after {
    position: absolute;
    background-color: #fba62f;
    width: 100px;
    height: 50px;
    content: "";
    z-index: -1;
    top: 0;
    right: -200%;
    transform: skew(-18deg);
    -webkit-transform: skew(-18deg);
    -moz-transform: skew(-18deg);
    -ms-transform: skew(-18deg);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.tp_gal_filter ul li a:hover:after {
    width: 120%;
    right: -2px;
}

.element-item {
    width: 30%;
    float: left;
    margin-bottom: 30px; 
}
.tp_gal_filter ul li a:not([href]):not([tabindex]) {
    color: #484848;
    text-decoration: none;
}
.tp_gal_filter ul li a.active:not([href]):not([tabindex]) {
	color:#ffffff;
}
.tp_gal_filter ul li a:not([href]):not([tabindex]):hover{
	color:#ffffff;
}
.gallery_img {
    position: relative;
    overflow: hidden;
}
.gallery_img_overlay {
    position: absolute;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    height: 100%;
    width: 100%;
    left: 0;
    top: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.overlay_buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.overlay_buttons .fa {
    background:#ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #484848;
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    -webkit-transition: all 0.2s 0.3s;
    -moz-transition: all 0.2s 0.3s;
    -o-transition: all 0.2s 0.3s;
    transition: all 0.2s 0.3s;
    opacity: 0;
}
.overlay_buttons .fa:hover{
	background-color:#fba62f;
	color:#ffffff;
}
.gallery_img:hover .gallery_img_overlay{
	opacity:1;
	top:0;
}
.gallery_img:hover .overlay_buttons .fa{
	opacity:1;
}
/*====Faq Page Css Start====*/
.tp_faq_wrapper{
    padding: 80px 0px 50px;
}
.tp_faq_wrapper h1.tp_heading{
	color:#2d2d2d;
}
.panel-title a:before {
    content: "\f068";
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    right: -3px;
    top: -9px;
    font-size: 15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    color: #ffffff;
    width: 35px;
    height: 35px;
    background-color: #fba62f;
    text-align: center;
    line-height: 35px;
}

.panel-title a.collapsed:before {
    content: "\f067";
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    right: -3px;
    top: -9px;
    font-size: 15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    color: #000;
    line-height: 35px;
    color: #fff;
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}
.tp_faq_wrapper .panel.panel-default {
    width: 100%;
    padding: 16px 10px;
    border: 1px solid #d9d9d9;
    margin-bottom: 30px;
    position: relative;
}

.tp_faq_wrapper .panel.panel-default h4.panel-title {
    font-size: 17px;
}

.tp_faq_wrapper .panel.panel-default h4.panel-title a {
    color: #484848;
    position: relative;
    width: 100%;
    display: block;
    padding-right: 35px;
}
.tp_faq_wrapper .panel.panel-default .panel-body {
    padding-top: 20px;
}
/*====Request A Quote Css Start====*/
.tp_rq_wrapper {
    padding: 80px 0px 0px;
}
.form-group {
    margin-bottom: 30px;
}
.tp_rq_form {
    padding-top: 30px;
}
/*====404 Page Css Start====*/
.tp_error_wrapper{
    padding: 125px 0px 150px;
}
.tp_error_wrapper h1 {
    font-size: 186px;
    line-height: 187px;
    font-weight: 700;
    margin: 0 0 23px;
    letter-spacing: 36px;
    color: #fba62f;
}

.tp_error_wrapper h2 {
    font-size: 44px;
    line-height: 46px;
    color: #d9d9d9;
    font-weight: 700;
    margin: 0 0 33px;
    display: block;
}

.tp_error_wrapper p {
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    color: #646a7c;
	margin: 0 0 49px;
}
.tp_error_wrapper a.tp_btn{
	background-color:#fba62f;
	color:#ffffff;
}
/*====Go Top Css Start====*/
.gotop.goto {
    bottom: 60px;
}
.gotop {
    position: fixed;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    background-color: #fba62f;
    border: 2px solid #2d2d2d;
    z-index: 1;
    right: 15px;
    line-height: 35px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}
.response {
    color: red;
    margin-bottom: 10px;
}
/*====IE====*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .tp_logo{
	   padding:26px 150px 27px 25px;
   }
   .tp_track_box .form-control, .form-control{
	   padding:0px 10px;
	   line-height:42px;
   }
   .tp_blog_ovrly ul.tp_blog_info{
	   bottom:-1px;
   }
   .tp_con_form .form-control{
	   line-height:45px;
   }
}
/*====Media Css Start====*/
@media(max-width:1200px){
	.tp_team_box {
    text-align: center;
}
.tp_rq_img {
    position: absolute;
    bottom: 0;
    right: 0;
}
.tp_rq_wrapper {
    position: relative;
}
.tp_rq_form {
    margin-bottom: 50px;
}
}
@media(min-width:992px) and (max-width:1199px){
	.tp_logo {
    padding: 33px 150px 27px 28px;
    height: 101px;
}
.tp_menu ul li a {
    font-size: 14px;
    padding: 12px 15px 5px;
}
.tp_service_box ul li {
    margin-bottom: 35px;
}	
.tp_ser_data h3 {
    font-size: 16px;
}
.tp_service_box.tp_ser_right .tp_ser_data {
    padding-left: 10px;
}
.tp_pckg_name {
    padding-left: 30px;
}
.tp_pckg_name h3 {
    font-size: 20px;
}
.tp_pckg_name h1 {
    font-size: 40px;
}
.tp_pckg_list ul li {
    font-size: 14px;
}
.cd-horizontal-timeline .events-content li .tp_timeline_data {
    padding-left: 15px;
}
.cd-horizontal-timeline .events-content li .tp_timeline_data h3 {
    font-size: 14px;
    padding-top: 10px;
}
.tp_blog_data h2 a {
    font-size: 14px;
}
.tp_blog_ovrly ul.tp_blog_info li a {
    padding: 3px 10px;
    font-size: 11px;
}
.tp_menu ul li ul.sub-menu {
	left: -20px;
}

}
@media(max-width:1024px){
.tp_pckg_list > ul:before {
    top: -31px;
}
}
@media(max-width:992px){
.tp_about_wrapper {
    padding-top: 80px;
}
.tp_service_box ul li:hover .tp_ser_icon, .tp_service_box.tp_ser_right ul li:hover .tp_ser_icon {
    transform: translateX(-50%) rotate(0deg);
    -webkit-transform: translateX(-50%) rotate(0deg);
    -moz-transform: translateX(-50%) rotate(0deg);
    -ms-transform: translateX(-50%) rotate(0deg);
    -o-transform: translateX(-50%) rotate(0deg);
}
.tp_ser_icon, .tp_service_box.tp_ser_right .tp_ser_icon {
	    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) rotate(0deg);
    -webkit-transform: translateX(-50%) rotate(0deg);
    -moz-transform: translateX(-50%) rotate(0deg);
    -ms-transform: translateX(-50%) rotate(0deg);
    -o-transform: translateX(-50%) rotate(0deg);
}
.tp_ser_data, .tp_service_box.tp_ser_right .tp_ser_data {
    width: 100%;
    text-align: center;
    padding-right: 0;
    padding-top: 70px;
}
.tp_service_box ul li {
    position: relative;
	margin-bottom:30px;
}
.tp_service_box ul li:hover .tp_ser_icon i, .tp_service_box.tp_ser_right ul li:hover .tp_ser_icon i {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.tp_about_img {
    width: 100%;
    text-align: center;
}

.tp_about_img img {
    display: inline-block;
}	
.tp_app_mob {
    padding-left: 0;
    margin-top: 50px;
}
.tp_pckg_name {
    padding: 30px 0px;
    padding-left: 0;
    text-align: center;
}
.tp_pckg_list {
    padding-top: 10px;
    width: auto;
    text-align: center;
    border-top: 1px solid #fff;
}
.tp_pckg_list ul li {
    width: 100%;
    margin-bottom: 15px;
    display: inline-block;
}
.tp_pckg_btn {
    padding-top: 30px;
    float: right;
    text-align: center;
    padding-bottom: 25px;
    border-top: 1px solid #fff;
}
.tp_count_box {
    margin-bottom: 30px;
}
.cd-horizontal-timeline .events-content ol {
    display: inline-block;
    text-align: center;
}
.cd-horizontal-timeline .events-content li .tp-timeline_img {
    float: none;
    display: inline-block;
}
.cd-horizontal-timeline .events-content li .tp_timeline_data {
    width: 100%;
    float: left;
    padding-left: 0;
    text-align: center;
    padding-top: 30px;
}
.cd-horizontal-timeline .events-content li .tp_timeline_data h1.tp_heading {
    text-align: center;
}
.tp_blog_ovrly ul.tp_blog_info li a {
    padding: 3px 10px;
}
.tp_pckg_list > ul {
    padding-left: 0;
}
}
@media(max-width:991px){
	.tp_pckg_list > ul:before {
		display:none;
}
	.tp_rq_img {
    position: relative;
}
	.tp_logo {
    display: none;
}
.tp_top_info {
    float: left;
    width: 100%;
    text-align: center;
}
.tp_header_wrapper {
    position: relative;
    z-index: 10;
}
.tp_menu {
    width: 300px;
    display: inline-block;
    position: fixed;
    height: 100%;
    top: 0;
    left: -600px;
    background-color: #fba62f;
    z-index: 10;
    padding-top: 40px;
	overflow-y:scroll;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.tp_menu::-webkit-scrollbar {
    width: 2px;
}
 
.tp_menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px #2d2d2d;
}
 
.tp_menu::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.tp_menu.open_menu{
	left:0;
}
button.tp_menu_btn {
    float: right;
    margin-top: 9px;
    background-color: #fba62f;
    border: none;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
	display:block;
}
.tp_menu_wrapper {
    padding: 15px 0px;
}
.tp_menu ul li a.active {
    color: #fff;
}
.tp_menu ul li{
	width:100%;
	border-bottom: 1px solid #ea9e34;
}
.tp_menu ul li a {
	padding: 10px 22px 10px;
    width: 100%;
    text-transform: capitalize;
    display: block;
    color: #fff;
}
.menu_cross {
    position: absolute;
    top: 7px;
    right: 20px;
    font-size: 25px;
    color: #fff;
    cursor: pointer;
    display: block;
}
.dropdown-expander {
    float: right;
    font-size: 20px;
    display: block;
}
.tp_menu ul li ul.sub-menu {
    display: none;
}
.tp_top_info ul li a {
    padding-bottom: 5px;
    display: inline-block;
}
.tp_logo_responsive {
    display: block;
}
.tp_process_box h3 {
    font-size: 17px;
}
span.tp_pro_arrow {
    right: -52%;
}
.comment-respond {
    margin-bottom: 50px;
}
.element-item {
    width: 29%;
}
.tp_gallery_wrapper {
    text-align: center;
}
div#portfolio {
    display: inline-block;
    width: 100%;
}
.tp_error_wrapper h1 {
    font-size: 175px;
}
.tp_error_wrapper h2 {
    font-size: 35px;
    line-height: 46px;
}
.tp_error_wrapper p {
    font-size: 17px;
    line-height: 26px;
}
.tp_con_info {
    padding-top: 50px;
}
}
@media(max-width:767px){
	.cd-horizontal-timeline .events-content ol {
    display: inline-block;
    text-align: center;
    width: 100%;
}
	.tp_banner_wrapper {
    padding-top: 50px;
    height: auto;
}
.tp_banner_wrapper h1 {
    font-size: 35px;
    margin-bottom: 45px;
    line-height: 40px;
}
.tp_track_box {
    margin-top: 30px;
}
.tp_app_btns > a {
    margin-right: 15px;
}
.tp_blog_img img {
    width: 100%;
}
.tp_pro_icon:after {
   display:none;
}
span.tp_pro_arrow {
    right: 36px;
    top: 116%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.tp_process_box {
    margin-bottom: 60px;
}
.tp_blog_ovrly_heading h2 {
    padding-left: 0;
    line-height: 42px;
    font-size: 16px;
    color: #2d2d2d;
}
span.ovrly_date {
    display: none;
}
.tp_blog_ovrly_heading {
    position: relative;
}
.tp_error_wrapper h1 {
    font-size: 112px;
    letter-spacing: 20px;
    line-height: 115px;
}
.tp_error_wrapper h2 {
    font-size: 31px;
    line-height: 46px;
}
}
@media(max-width:480px){
	.element-item {
    width: 94%;
}
.gallery_img img{
	width:100%;
}
	.tp_menu {
    width: 250px;
}
.tp_abt_data {
    text-align: center;
}
.tp_abt_data h1 {
    font-size: 25px;
}
.tp_app_data {
    padding-right: 0;
    text-align: center;
}
.tp_app_btns > a {
    margin-right: 0;
    margin-top: 15px;
    display: block;
}
.tp_app_mob {
    display: inline-block;
    text-align: center;
    width: 100%;
}	
.tp_top_info ul li {
    padding: 0px 5px;
}
.tp_bread_wrapper h1 {
    font-size: 30px;
}
.tp_heading {
    font-size: 21px;
}
.tp_pagination ul.pagination li.page-item .page-link {
    width: 27px;
    height: 27px;
    line-height: 27px;
    font-size: 13px;
}
.tp_blog_data h2 a {
    line-height: 22px;
}
.comment_img {
    float: none;
    width: 100%;
    text-align: center;
}
.comment_data_info h3 a {
    margin-right: 0;
}
.comment_data {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}
.tp_blog_ovrly_heading h2 {
    line-height: 33px;
    font-size: 16px;
    width: 100%;
}
.tp_points_list h2 {
    font-size: 19px;
}
.tp_faq_wrapper .panel.panel-default h4.panel-title {
    font-size: 15px;
    line-height: 24px;
}
}
@media(max-width:400px){
	.tp_blog_ovrly_heading h2 {
    font-size: 14px;
}
.tp_blog_data ul.tp_blog_info li a {
    padding: 15px 15px;
    font-size: 12px;
}

}
@media(max-width:320px){
	.tp_points_list h2 {
    font-size: 16px;
}
.tp_points_list span.tp_point_icon {
    width: 40px;
    height: 40px;
    display: block;
    line-height: 37px;
    font-size: 18px;
    margin-bottom: 15px;
}
.cd-horizontal-timeline .events-content li .tp_timeline_data h3 {
    line-height: 25px;
}
.cd-horizontal-timeline .events {
    left: -116px !important;
}
.tp_menu {
    width: 200px;
}
.tp_blog_data ul.tp_blog_info li a {
    padding: 5px 6px;
    font-size: 13px;
}
ul.tp_blog_info li a:after {
    top: 8px;
}
.comment-reply {
    top: 9px;
    line-height: 28px;
}
.panel-title a:before {
    top: 6px;
    width: 25px;
    height: 25px;
    line-height: 28px;
}
.tp_faq_wrapper .panel.panel-default h4.panel-title {
    font-size: 15px;
    line-height: 24px;
}
.panel-title a.collapsed:before {
    top: 6px;
    line-height: 28px;
}
}
@media (max-width: 767px) and (orientation: landscape) {
	.element-item {
    width: 26%;
}
}