/**
* Template Name: L2NERGY
* Template URL: https://www.l2nergy.com
* Author: EcoMediapark.com
* License: https://www.ecomediapark.com/license/
*/

.bdr{                                   border:1px solid red !important;}
.l2-bg-primary{                        background-color: #f47f1f !important;}
.l2-bg-gradient{                      background-image: linear-gradient(#f8bf44, #f47f1f); color: white;}
.l2-bdr-primary{                    	border: 1px solid #f47f1f !important; color: #000;}
.l2-txt-sm {                           	font-size:small;}
.l2-txt-opa5{                           opacity: 0.5;}
.l2-txt-white{                         	color: white !important;}
.l2-txt-justify{							text-align: justify !important;	text-justify: inter-word !important; }
.l2-first-letter {                      float: left;  font-size: 27px;  line-height: 6px;  padding-top: 3px; 
                                        padding-right: 15px; font-weight: bold; padding-left: 0px;}
.btn-l2.active{                       background: #f47f1f; color:#ffffff !important; }
.btn-l2, .border-l2{                  border:1px solid #f47f1f; }
.btn-l2:hover{                        background: #f47f1f; color:#000000; }
.btn-l2-invt{                         background: #ffffff; color:#f47f1f !important; }


#package .card{                       border-radius: 30px;  border: 1px solid #f47f1f !important; padding-top:30px;}
#package .card h5, #package .card h6, #package .btn {  margin:30px 0px; font-weight: bold; }
#package .display-6{                  font-size:1.5rem;}
#package ul li{                       font-size:0.8rem;}

/*--------------------------------------------------------------
# Overwrite style
--------------------------------------------------------------*/

a, .text-l2 {                         color: #f47f1f !important;}
a:hover {                             color: #000000 !important;}
h2.stdTit{                            font-size: 26px;  font-weight: 700; margin-bottom: 20px;  text-transform: uppercase;}
.section-title h2 {                   color: #f47f1f;}




#topbar .contact-info i {             color: #000000 !important;}
#topbar .contact-info a, #topbar .contact-info a i {             color: #000000 !important;}

#hero p {                             width: 84%;}
#hero .btn-get-started {              background: #f47f1f;  color: #000000 !important;}
#hero .btn-get-started:hover {        background: #000000;  color: #f47f1f !important;  font-weight: bold;}
#hero .carousel-content.container.span {   text-transform: uppercase !important; font-weight: bold;}


.about .play-btn {                    background: radial-gradient(#ff0000 50%, rgba(255, 0, 0, 0.4) 52%);}
.about .play-btn:hover::after {       border-left: 15px solid #ff0000;}
.about .play-btn::before {            border: 5px solid rgba(255, 0, 0, 0.7); background: rgba(255, 0, 0, 0);}
.about .icon-box .icon {              background: #999999 !important;}
.about .icon-box:hover .icon {        background: #444444 !important;}
.about .icon-box .icon i {            color: #ffffff;}

.about-lists .content-item span {     color: #f47f1f;}
.about .icon-box .icon {              float: right !important; margin-left:9px; margin-top:6px;}
.about .about-content {               padding: 30px !important;}
.about .icon-box .title {             text-transform:capitalize;}


.counts .count-box span {             color: #000000;}
.counts .count-box p {                color: #f47f1f;}

.carousel-item .carousel-container .carousel-content {  padding-bottom:21px !important; font-weight: bold; }
.carousel-item .carousel-container .carousel-content img {  margin-bottom:21px !important; }


.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active { background: #f47f1f;  color: #000000;}
.portfolio-description ul {           list-style: none; padding: 0; margin: 0;}


.contact .info-box i {                color: #f47f1f; border: 2px dotted #000000;}   


.contact .php-email-form button[type="submit"] {              background: #f47f1f;}
.contact .php-email-form button[type="submit"]:hover {        background: #000000;}


.team .member .member-info {          left: 10px; right: 10px;  padding: 6x 0; 
  background: linear-gradient(360deg, #f47f1f 0%, rgba(250, 142, 19, 0.9) 35%, rgba(250, 170, 21, 0.8) 100%);}
.team .member h4 {                    margin-bottom: 0px;  padding-bottom: 0px;}





#footer {                           background: #444444;}
#footer .footer-top {               background: #444444;  border-bottom:0px import !important; padding-bottom: 0px !important;}
#footer .footer-top .footer-newsletter form input[type="submit"] {              background: #f47f1f;}
#footer .footer-top .footer-newsletter form input[type="submit"]:hover {        background: #000000;}
#footer .footer-top .social-links a {           background: #f47f1f;  color: #fff !important;}
#footer .footer-top .social-links a:hover {     background: #f47f1f;  color: #000 !important;}
#footer .footer-top .footer-links ul i {        color: #fff !important;}




.back-to-top {                      background: #f47f1f;}
.back-to-top:hover{                 background: #f47f1f;  opacity: 0.6;}