.box
{
    border:solid 1px rgba(0,0,0,0.1);
    background-color:rgba(255,255,255,0.3);
    box-shadow:0px 0px 12px 3px rgba(0,0,0,0.05);
    
    }
.box .w3l-subtitle
{   padding:12px 18px;
    background-color:rgba(255,255,255,.3);
    color:#ff8000; font-size:18px;
    box-shadow:0px 5px 5px rgba(0,0,0,.01);
    border-bottom:solid 1px rgba(0,0,0,0.1);
    
    }
.box .w3l-subtitle i
{ color:#ff8000;
    }
.box p
{ color:#ff8000; font-weight:300; margin-bottom:3px;
    }
.classic-btn
{background-color:rgba(255,255,255,.5);box-shadow:0px 0px 12px 3px rgba(0,0,0,0.1);
    color:#ff00ff; font-size:15px; text-transform:uppercase;  border-radius:6px;
    }
.classic-btn:hover
{background-color:rgba(255,255,255,.8);box-shadow:0px 0px 12px 3px rgba(0,0,0,0.2);
    color:#ff00ff; font-size:15px;  border-radius:0px;
    }
    
/* Footer */
.my_footer{ background-color:background-color:rgba(255,255,255,.3); color:#ff00ff;}
.my_footer .copyright-footer p{color:#ff00ff; font-size:16px; font-weight:300; text-shadow:1px 1px 1px #fff;}
.my_footer .copyright-footer .text-left a{color:#ff00ff; font-weight:300; font-size:16px;}
.my_footer .copyright-footer .text-right li a{color:#ff00ff; font-weight:300;}
@media (max-width:640px) {
.my_footer .copyright-footer .text-right li{ padding-bottom:18px;}
.my_footer .copyright-footer .text-left{ margin-bottom:0px; padding-bottom:0px; padding-top:18px;}
}

/* w3l-title-main Universal in Page*/
.w3l-title-main{ color:#ff00ff;}

.features .box
{
    border:solid 1px rgba(0,0,0,0.1); padding:12px 18px 18px 12px;
    background-color:rgba(255,255,255,0.3);
    box-shadow:0px 0px 12px 3px rgba(0,0,0,0.05);
    
    }
.features .box .w3l-subtitle
{   padding:6px 0px;
    background-color:rgba(255,255,255,0);
     font-size:18px;
    box-shadow:0px 5px 5px rgba(0,0,0,.01);
    border-bottom:solid 1px rgba(255,128,0,0.9);
    color: #ff8000;
    }
.features .box i
{ color:#ff8000; padding:6px 0px 0px 6px;
    }
.features .box p
{ color:#fff; font-weight:300; margin-bottom:3px; text-align:justify;
    }
.about-icon
{   border:solid 1px rgba(0,0,0,0.1);border-radius:12px;
    background-color:rgba(255,255,255,0.3);
    box-shadow:0px 0px 12px 3px rgba(0,0,0,0.05);
    
    }
.about-icon h1{ background-color:rgba(255,255,255,.4); color:#ff00ff;width:100%; padding:20px 0px 12px 0px;
                border-radius:12px 12px 0px 0px; font-weight:300; border-bottom:solid 1px #ccc;}
.about-icon h2{ background-color:rgba(255,255,255,.4); color:#ff00ff;width:100%; padding:20px 0px 20px 0px;
                border-radius:0px 0px 12px 12px;font-weight:300;border-top:solid 1px #ddd;}
