/*header*/
.navbar-custom.header-wrap { background-color: #ffffff; padding: 10px 80px;}
.navbar-custom .navbar-brand.logo-wd img { width: 50px; height: 51px;}
.navbar-custom .nav-item .a1, .navbar-custom.top-nav-collapse .nav-item .a1 {color: #333;}
.navbar-custom .nav-item .a1.active, .navbar-custom.top-nav-collapse .nav-item .a1.active {color: #f25733;}
.navbar-custom .nav-item .a1:hover, .navbar-custom.top-nav-collapse .nav-item .a1:hover{color: #f25733;}
.navbar-custom .drop-nav-bg{ background: #f25733;}
.navbar-custom .drop-nav-bg .a1{ color: #fff!important;}
.navbar-custom .drop-nav-bg .a1:hover{ background: #fff;}
.navbar-custom .drop-nav-bg .a1:hover span{ color: #f25733;}
.navbar-custom .navbar-toggler.nav-bar{ color: #f25733;}
.social_bg2{ max-width: 26px; height: 26px; width: 100%; background: #f25733; border-radius: 50%; text-align: center; margin: 0px 5px; display: inline-block;}
.social_bg2 i{ font-size: 12px; padding-top: 8px; color: #ffffff;}
.social_bg2:hover{ background:#ffffff; transition: 0.3s all ease-in;}
.social_bg2:hover i{ color: #f25733; transition: 0.3s all ease-in;}
/*header ends*/

/*banner*/
.header-bg #js-rotating{ color: #ffffff;}
.header-bg h1{ font-size: 50px;}
.a2{ background: #ffffff; color: #f25733; border: 1px solid transparent;}
.a2:hover{ background: none; color: #ffffff; border: 1px solid #ffffff;}
/*banner ends*/

/*features*/
.tabs .nav2.active, .tabs .nav2:hover{ color:#f25733;  border-bottom: 3px solid #f25733;}
.tabs .card .card-bg{background-image: -webkit-linear-gradient(90deg, #f18d56 0%, #f25634 100%);}
/*features ends*/

/*preview*/
.basic-1 .video-bg:after{background: #f25733;}
/*preview ends*/

/*details*/
.a3{background: #f25733; border: 1px solid #f25733;}
.a3:hover{background: none; color:#f25733;}
.sec-second{ padding-top: 40px;}
.sec-wrap{ padding-bottom: 50px;}
/*details ends*/


.counter #counter .counter-para{ color:#f25733;}
.form .list-unstyled .fas.icon-clr, .form .list-unstyled .fab.icon-clr{ color:#f25733;}
.icon-clr{ color:#f25733!important;}
.a4{ color:#ffffff; text-decoration: none; font-size: 16px;}
.a4:hover{ color:#f25733; text-decoration: none; transition: 0.3s all ease-in-out;}

.fa-stack .social_bg{ max-width: 50px; height: 50px; width: 100%; background: #f25733; border-radius: 50%; text-align: center; margin: 0px 5px; display: inline-block;}
.fa-stack .social_bg i{ font-size: 26px; padding-top: 12px; color: #ffffff;}
.fa-stack .social_bg:hover{ background:#ffffff; transition: 0.3s all ease-in;}
.fa-stack .social_bg:hover i{ color: #f25733; transition: 0.3s all ease-in;}

a.back-to-top{ background: #ffffff url("../images/up-arrow.png") no-repeat center 47%;}
a.back-to-top:hover{ background: #333333 url("../images/up-arrow.png") no-repeat center 47%;}


@media (max-width: 767px) {
	.navbar-custom.header-wrap{padding: 10px 15px;}
	.header-bg h1 {font-size: 30px;}
}
@media (max-width: 567px) {
	.header-bg h1 {font-size: 25px;}
}