/*--------------------- Copyright (c) 2018 ----------------------- 
[Master Stylesheet] 
Project: Logistic - Responsive HTML Template 
Version: 1.0.0 
Author: TemplateBundle Assigned to: TemplateBundle 
------------------------------------------------------------------- 
[Table of contents] 
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: rgb(72 72 72);
     background-color: rgb(255 255 255);
     -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: rgb(251 166 47);
     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: rgb(45 45 45);
     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 {
     max-width: 100%;
}
 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 rgb(251 166 47);
}
 ul{
     padding:0px;
     margin:0px;
     list-style:none;
}
 .bg_color {
     background-color: #333333;
}
 .color1{
     color:rgb(251 166 47);
}
 .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;
     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: rgb(255 255 255);
    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: rgb(251 166 47);
    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: rgb(251 166 47);
}
.tp_logo {
    position: absolute;
}

.tp_logo {
    position: absolute;
    width: 37%;
    background-color: rgb(251 166 47);
    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 rgb(251 166 47);
    border-right: 105px solid transparent;
}

.tp_top_info {
    /* float: right; */
    padding: 15px 0px;
    text-align: end;
}

.tp_top_info ul li {
    display: inline-block;
    padding: 0px 20px;
    color: rgb(255 255 255);
}
.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: rgb(255 255 255);
}
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; 
    text-align: end;
}

.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:rgb(251 166 47);
}
.tp_menu ul li a.active{
	color:rgb(251 166 47);
}
/* .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: 153px;
    background: rgb(255 255 255);
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    border: 2px solid rgb(251 166 47);
    -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);
    text-align: start;
}
.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(../pics/banner.jpg);
    background-color: rgb(251 166 47);
    background-size: cover;
    padding-top: 115px;
    text-align: center;
    height: 740px;
    position: relative;
    z-index: 1;
}
.tp_banner_wrapper h1{
    font-size: 60px;
    color: rgb(255 255 255);
    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: rgb(251 166 47);
    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: rgb(255 255 255);
    height: 40px;
    color: rgb(72 72 72);
    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: rgb(72 72 72);
    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:rgb(255 255 255);
}
.tp_abt_data p {
    margin-bottom: 30px;
}
.tp_track_box {
    background-color: rgb(255 255 255);
    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: rgb(255 255 255);
    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:rgb(251 166 47);
	font-size:22px;
	letter-spacing:1px;
	color:rgb(255 255 255);
	text-align:center;
	line-height:50px;
}
.tp_track_form .tp_btn:hover{
	background-color: rgb(72 72 72);
}
.tp_track_form .tp_btn:after{
	display:none;
}
.tp_track_box .form-control{
	height:40px;
}
/*====Services Css Start====*/
.tp_heading{
    font-size: 30px;
    color: rgb(72 72 72);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 35px;
    z-index: 1;
    position: relative;
}
.tp_service_wrapper{
    padding: 73px 0px 9px;
}

.tp_service_box ul li {
    width: 100%;
   display: flex;
    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: rgb(251 166 47);
    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 rgb(72 72 72);
    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 rgb(72 72 72);
    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(../pics/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: rgb(255 255 255);
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 30px;
}

.tp_app_data h2 {
    font-size: 35px;
    color: rgb(251 166 47);
    text-transform: uppercase;
    padding: 25px 0px 25px;
}
.tp_app_btns {
    margin-top: 32px;
}

.tp_app_data p {
    color: rgb(255 255 255);
    margin: 0;
}
.tp_app_btns > a {
    margin-right: 30px;
}
.tp_app_mob{
	position:relative;
	z-index:1;
	padding-left:30px;
}
/* new_packages */
.new_packages{
    background-color:rgb(251 166 47);
    padding: 73px 0px 80px 0px;
}
.new_wrappre:hover{
    transform: translateY(-15px);
}

.tp_pack{
    color: rgb(255 255 255);
}
.new_wrappre{
    background-color: white;
    text-align: center;
    transition: all 0.3s linear;
    padding: 30px 0px;
    border-top: 3px solid rgb(72 72 72);
}

.new_wrappre .new_pack h3{
    font-size: 20px;
    padding-bottom: 5px;
    color: rgb(72 72 72);
}

.new_wrappre .new_pack h1{
    padding-bottom: 8px;
    font-size: 60px;
    color: rgb(251 166 47);
}
.new_wrappre>ul{
    line-height: 3;
}
.by_btn{
    background-color: rgb(251 166 47);
    margin-top: 15px;

}
.space{
    padding-right: 10px;
}
.yellow_wrappre{
    background-color: rgb(255 255 255);
    padding: 73px 0px 80px 0px;
}
.yellow_wrappre ul{
    color: #ffff;
}
.yellow_pricing_sec{
    background-color: #fba62f;
}
.yellow_wrappre .yellow_pricing_sec h1{
    color: #ffff;
}
.yellow_wrappre .yellow_pricing_sec h3{
    color: #ffff;
}
.yellow_wrappre .yellow_pricing_sec h6{
    color: #ffff;
    padding-bottom: 5px;
}



/*====Package Css Start====*/
.tp_pckg_wrapper{
    padding: 73px 0px 50px;
	background-color:rgb(255 255 255);
}
.tp_pckg_wrapper .tp_heading{
	color:#2d2d2d;
}
.tp_pckg_box {
	background-color: rgb(251 166 47);
    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: rgb(255 255 255);
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}

.tp_pckg_name h1 {
    color: rgb(255 255 255);
    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;
    display: inline-flex;
}
.tp_pckg_list > ul:before{
	position: absolute;
    height: 182px;
    width: 1px;
    background-color: rgb(255 255 255);
    content: "";
    left: 0;
    top: -24px;
}
.tp_pckg_list > ul:after{
	position: absolute;
	height: 182px;
	width: 1px;
	background-color: rgb(255 255 255);
	content: "";
	right: -30px;
	top: -25px;
}
.tp_pckg_list ul li {
    width: 82%;
    /* float: left; */
    color: rgb(255 255 255);
    margin-bottom: 10px;
}

.tp_pckg_list ul li i.flaticon.flaticon-check {
    width: 15px;
    height: 15px;
    background-color: rgb(255 255 255);
    font-size: 8px;
    color: rgb(251 166 47);
    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(../pics/count_bg.jpg);
    background-size: cover;
    position: relative;
    padding-top: 85px;
    padding-bottom: 74px;
    text-align: center;
}
.tp_overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(10, 12, 11, 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: rgb(251 166 47);
    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 rgb(251 166 47);
    border-radius: 100%;
}
.tp_count_box p {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0px;
    margin-top: 30px;
}
/* new-history-sec */
.history_sec {
    padding: 80px 0px 50px 0px;
}
.contain h3 span{
    color: rgb(251 166 47);
    font-family: 'FontAwesome';
    /* font-size: 51px; */
}
.sec-img{
    position: absolute;
    top: 100px;
    left: 8px;
}
.contain h3{
    padding-bottom: 20px;
}
.history_btn{
    background-color: rgb(251 166 47);
    margin-top: 13px;
}
.img_history{
    position: relative;
    text-align: right;
    /* margin-top: -40px; */
}

/*====History Css Start====*/
.tp_history_wrapper {
    padding: 80px 0px 70px;
}
.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(../pics/test_bg.jpg);
	background-size:cover;
	position:relative;
	z-index:1;
    padding-top: 73px;
    padding-bottom: 77px;
}
.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 rgb(251 166 47);
    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 rgb(251 166 47);
    border-radius: 3px;
}

.tp_test_box h2 {
    font-size: 16px;
    padding-left: 90px;
    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: rgb(251 166 47);
	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: rgb(251 166 47);
    opacity: 0.2;
    left: 10px;
}

span.test_quote i {
    font-size: 40px;
}
/*====Blog Css Start====*/
.tp_blog_wrapper{
    padding: 80px 0px 50px;
}
.tp_blog_wrapper h1.tp_heading{
	color:#2d2d2d;
}
.tp_blog_data h2 a {
    font-size: 16px;
    padding: 20px 0px 26px;
	color:#2d2d2d;
	display:block;
}
.tp_blog_data .tp_btn {
    background-color: rgb(251 166 47);
    color: #fff;
    /* margin-top: 10px; */
}
/* .tp_blog_data{
   margin-top: 10px;
} */
.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: rgb(251 166 47);
    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:rgb(251 166 47);
}
/*====Client Css Start====*/
.tp_client_wrapper{
	background-color:rgb(251 166 47);
	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(../pics/footer_bg.jpg);
	background-size:cover;
	position:relative;
	padding-top: 75px;
    padding-bottom: 70px;
}
.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: rgb(251 166 47);
    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 rgb(255 255 255 / 15%);
    margin-bottom: 20px;
    color: rgb(255 255 255);
}
.tp_foo_form button.tp_btn, .tp_rq_form button.tp_btn{
	background-color:rgb(251 166 47);
	color:#ffffff;
}
.tp_btm_footer{
	background-color:rgb(251 166 47);
	text-align:center;
}
p.copyright {
    margin: 0px;
    padding: 15px 0px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}
/*====About Page Css Start====*/
.tp_bread_wrapper{
	background-image:url(../pics/bread_bg.jpg);
	background-size:cover;
	position:relative;
	padding:80px 0px;
}
.tp_about_page {
    padding-top: 80px;
    padding-bottom: 76px;
}
.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:rgb(251 166 47);
}
.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 rgb(251 166 47);
    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-top: 73px;
    padding-bottom: 80px;
}
.tp_team_wrapper h1.tp_heading{
	color:#2d2d2d;
}
.tp_team_details {
    text-align: center;
    background-color: rgb(251 166 47);
    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: rgb(251 166 47);
    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 ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tp_team_name ul li{
    padding-right: 10px;
}

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

/*====Services Page Css Start====*/
.tp_process_wrapper{
	background-image:url(../pics/process_bg.jpg);
	background-size:cover;
	position:relative;
	padding-top: 85px;
    padding-bottom: 77px;
}
.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 rgb(251 166 47);
    content: "";
    border-radius: 100%;
} 
.tp_pro_icon i{
    color: rgb(251 166 47);
    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;
    position: relative;
}
.tp_blog_box>.tp_blog_data::before{
    position: absolute;
    content: "";
    background-color: rgb(251 166 47);
    width: 130px;
    height: 3px;
    top: 238px;
    margin-top: 8px;

}
.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:rgb(251 166 47);
	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: rgb(251 166 47);
    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:rgb(72 72 72);
}
.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:rgb(251 166 47);
	left:0;
	content:"";
	top:0;
}
.widget.widget_categories li {
    width: 100%;
    padding-left: 15px;
    margin-bottom: 15px;
	position:relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.widget.widget_categories li:before{
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: rgb(251 166 47);
    content: "";
    left: 0;
    top: 11px;
}
.widget.widget_categories li a {
    color: #2d2d2d;
}

/* span.cat_count {
    float: right;
} */
.widget.widget_categories li a:hover{
	color:rgb(251 166 47);
}
.widget.widget_recent_entries ul li {
    margin-bottom: 15px;
    width: 100%;
  display: flex;
}
.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:15px;
}
.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:rgb(251 166 47);
}
.widget.widget_recent_entries ul li .recent_cmnt_data span i{
	color:rgb(251 166 47);
}
.widget.widget_recent_entries ul li .recent_cmnt_data span {
    font-size: 14px;
    color: #2d2d2d;
}
.widget.widget_tag_cloud ul li {
    margin: 0 7px 15px 0;
    display: inline-block;
}
.widget.widget_tag_cloud ul li a{
	border:1px solid rgb(251 166 47);
	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: rgb(251 166 47);
    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: rgb(251 166 47);
    display: flex;
}

span.ovrly_date {
    display: inline-block;
    width: 55px;
    height: 55px;
    /* float: left; */
    background-color: #fff;
    margin: 2px;
    color:  rgb(251 166 47);
    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:rgb(251 166 47);
}
ul.tp_blog_info li a:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 20px;
    background-color: rgb(251 166 47);
    right: -2px;
    top: 16px;
}
.tp_blog_data ul.tp_blog_info li a i {
    font-size: 13px;
    color: rgb(251 166 47);
}
.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;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tp_blog_tag {
    display: inline-block;
    text-transform: capitalize;
    color: #2d2d2d;
}
.tp_blog_tag i {
    color: rgb(251 166 47);
    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: rgb(251 166 47);
}
.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: rgb(251 166 47);
    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: 1px solid rgba(var(--ca-dark),.09);
    border-radius: 100%;
}
.comment_data {
	width: calc(100% - 124px);
	/* float: left; */
}
.comment_data_info{
    display: flex;
    align-items: center;
    padding: 15px 0px 0px 0px;
}
.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: rgb(251 166 47);
	margin-right: 30px;
}
.comment_data_info h3 a:hover {
	color: rgb(251 166 47);
}
/* .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: rgb(72 72 72);
    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: rgb(251 166 47);
}
.comment-reply i {
    color: rgb(251 166 47);
    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: #f6f6f6;
    margin-bottom: 20px;
    display: flex;
}
.comment-reply-title {
    font-size: 22px;
    color: rgb(251 166 47);
    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: rgb(72 72 72);
	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: rgb(251 166 47);
}
.comment-respond{
	padding-top:50px;
}
.comment-form-submit .bs_btn {
    background-color: rgb(251 166 47);
    border: 2px solid rgb(251 166 47);
    color: #ffffff;
}
.comment-form-submit .bs_btn:hover{
	background-color:transparent;
	color:rgb(251 166 47);
}
.comment-form-submit .tp_btn {
    background-color: rgb(251 166 47);
    color: #ffffff;
    padding: 0px 47px;
    line-height: 42px;
}
.comment-form-submit .tp_btn:hover{
	background-color:#484848;
}
.tp_blog_single {
    padding: 80px 0px;
}
/*====Contact Page Css Start====*/
.tp_con_page {
    padding-top: 73px;
    padding-bottom: 74px;
}
.display_flex{
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    justify-content: center;
}
.tp_con_form h1.tp_heading, .tp_con_info h1.tp_heading {
	color: #2d2d2d;
    text-align: center;
    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: rgb(251 166 47);
    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: rgb(251 166 47);
    color: #ffffff !important;
}
.tp_con_info_box {
    /* margin-top: 24px; */
    margin-bottom: 30px;
}
.tp_con_info_box>h6{
    text-align: center;
    padding-bottom: 10px;
    padding-top: 5px;
}
.tp_con_info_box>p{
    text-align: center;
   
}

.tp_con_info_box h2 {
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 600;
    color: rgb(251 166 47);
    margin-bottom: 15px;
	position:relative;
	/* padding-left:30px; */
    text-align: center;
}
.tp_con_info_box h2 i {
    /* position:  absolute;
    left: 0; */
    font-size: 40px;
    /* padding: 16px; */
    background-color: rgb(251 166 47);
    border-radius: 50px;
    height: 70px;
    width: 70px;
    /* line-height: 2; */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color:#ffffff;
    box-shadow: inset 0px 0px 0px 3px white;
    border: 1px solid rgb(251 166 47);
    transition: all 0.3s linear;
}
.tp_con_info_box:hover h2 i{
    color:rgb(251 166 47);
    background-color: #ffffff;
    transition: all 0.5s linear;
}
.tp_map_wrapper iframe{
    width: 100%;
    height: 400px;
    border-top: 3px solid rgb(251 166 47);
    margin-bottom: -7px;
}

/*====Gallery page css Start====*/
.tp_gallery_wrapper {
    padding: 80px 0px 50px;
    background-color: #ffffff;
}

.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:rgb(251 166 47);
}
.tp_gal_filter ul li a:after {
    position: absolute;
    background-color: rgb(251 166 47);
    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; 
} */
.element-item{
    width: 30%;
    margin-bottom: 30px;
}
.tp_gal_filter ul li a:not([href]):not([tabindex]) {
    color: rgb(72 72 72);
    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:rgb(251 166 47);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: rgb(72 72 72);
    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:rgb(251 166 47);
	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: 73px 0px 50px;
}


.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: rgb(251 166 47);
    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;
    background-color: #f0f0f0;
}

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

.tp_faq_wrapper .panel.panel-default h4.panel-title a {
    color: rgb(72 72 72);
    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: 100px 0px 0px;
}
.form-group {
    margin-bottom: 30px;
}
.tp_rq_form {
    padding-top: 30px;
}
/*====404 Page Css Start====*/
.tp_error_wrapper{
    padding: 48px 0px 74px;
}
.tp_error_wrapper h1 {
    font-size: 186px;
    line-height: 187px;
    font-weight: 700;
    margin: 0 0 23px;
    letter-spacing: 36px;
    color: rgb(251 166 47);
}

.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:rgb(251 166 47);
	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: rgb(251 166 47);
    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;
}
.history_sec {
    padding: 120px 0px 67px 0px;
}
.tp_blog_box>.tp_blog_data::before{
    top: 200px;

}
@media(max-width:1199px) {
    .tp_service_wrapper {
        padding: 73px 0px 40px;
    }
}
}
@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:390px){
        .contain .icon-wrap{
            padding-top: 100px;
            padding-left: 0px; 
        } 
} 
@media(max-width:1024px){
.tp_pckg_list > ul:before {
    top: -31px;
}
}
@media(max-width:992px){
.tp_about_wrapper {
    padding-top: 80px;
}
/* .history_sec {
    padding: 46px 0px 210px 0px;
} */
.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;
}
ul.tp_foo_icons {
   
    margin-bottom: 41px;
    margin-top: 15px;
}
}
@media(max-width:991px){
	.tp_pckg_list > ul:before {
		display:none;
}
.display_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.tp_con_page {
    padding-top: 25px;
    padding-bottom: 74px;
}
.history_sec {
    padding: 78px 0px 206px 0px;
}
	.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;
}
/* css */
.bsub-menu-btn{
    display: none;
}
.tp_blog_box>.tp_blog_data::before {
    top: 229px;
}
}
@media(max-width:767px){
	.cd-horizontal-timeline .events-content ol {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.tp_blog_box>.tp_blog_data::before {
    top: 317px;
}
.img_history{
    margin-top: 0px;
}
.history_sec {
    padding: 49px 0px 204px 0px;
}
	.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;
}
.new_wrappre{
    margin-bottom: 30px;
}
}
@media(max-width:575px){
    .sec-img{
        position: unset;
    }
    .history_sec {
        padding: 73px 0px 73px 0px;
    }
    .img_history {
        margin-top: 0px;
        text-align: center;
    }
    .tp_blog_box>.tp_blog_data::before {
       display: none;
    }
}
    

@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%;
}
}
.box_flex{
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
   
}
.points_flex{
    display: flex;
}
.points_flex h4{
    padding-left: 100px;
    padding-bottom: 10px;
}
.contain{
    padding: 35px 30px 35px;
    margin-bottom: 30px;
    background-color: #a9a9a921;
    position: relative;
  
}
.points_flex .be_fore{
    position: absolute;
    content: '';
    width: 70px;
    height: 70px;
    border: 2px solid #fba62f;
    top: 40px;
    left: 25px;
    transition: .5s;
}
.points_flex .af_ter{
    position: absolute;
    content: '';
    width: 70px;
    height: 70px;
    border: 2px solid #e9e5df;
    border-radius: 50%;
    top: 59px;
    left: 45px;
    transition: .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fba62f;
    font-size: 35px;
    color: #fff;
}
.points_section{
    padding-top: 74px;
    padding-bottom: 35px;
}
.icon-wrap{
    padding-left: 105px;
}
.head{
    text-align: center;
}
.contain:hover .af_ter{
    border: 2px solid #fba62f;
    color: #fba62f;
    background-color: #f4f4f4;
    transition: all 0.5s linear;
    
}
.contain:hover .be_fore{
    background-color: #fba62f;
    transition: all 0.5s linear;
}



/* border: 2px solid #fba62f;
    color: #fba62f;
    background-color: #f4f4f4; */


    
  
  
   




/* transition: .4s ease-in-out;
    transform: rotate(
15deg) scale(1.4);


 */
 


   
    
   
