@font-face {

    font-family: 'JosefinSans-LightItalic';

    src: url('../font/JosefinSans-LightItalic.ttf') format('truetype');
  
}    


@font-face
{
    font-family: 'Cookie-Regular';
    
    src: url('../font/Cookie-Regular.ttf') format('truetype');
}

@font-face {

    font-family: 'Sweetly Broken';

    src: url('../font/Sweetly-Broken.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'Intro Inline';

    src: url('../font/Intro-Inline.otf') format('opentype');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'intro_regular';

    src: url('../font/intro-webfont.eot');

    src: url('../font/intro-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/intro-webfont.woff') format('woff'),

         url('../font/intro-webfont.ttf') format('truetype'),

         url('../font/intro-webfont.svg#intro_regular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'intro_inlineregular';

    src: url('../font/intro_inline-webfont.eot');

    src: url('../font/intro_inline-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/intro_inline-webfont.woff') format('woff'),

         url('../font/intro_inline-webfont.ttf') format('truetype'),

         url('../font/intro_inline-webfont.svg#intro_inlineregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'sweetly_brokenregular';

    src: url('../font/sweetly_broken-webfont.eot');

    src: url('../font/sweetly_broken-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/sweetly_broken-webfont.woff') format('woff'),

         url('../font/sweetly_broken-webfont.ttf') format('truetype'),

         url('../font/sweetly_broken-webfont.svg#sweetly_brokenregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'code_lightregular';

    src: url('../font/code_light-webfont.eot');

    src: url('../font/code_light-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/code_light-webfont.woff') format('woff'),

         url('../font/code_light-webfont.ttf') format('truetype'),

         url('../font/code_light-webfont.svg#code_lightregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'telegraficoregular';

    src: url('../font/telegrafico-webfont.eot');

    src: url('../font/telegrafico-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/telegrafico-webfont.woff') format('woff'),

         url('../font/telegrafico-webfont.ttf') format('truetype'),

         url('../font/telegrafico-webfont.svg#telegraficoregular') format('svg');

    font-weight: normal;

    font-style: normal;



}




/*my input*/

    .w3-sidebar
    {
        margin-top:-130px !important; 
    }




@media(max-width:1024px)
{
    #marine-content-inner
    {
        margin-top:-110px !important;
    }
}

/* @media(min-width:839px)
{
     #marine-content-inner
     {
        margin-top: -110px !important; 
     }
} */

@media(min-width:1025px)
{
 #marine-content-inner
 {
    margin-top: -140px !important; 
 }

} 

/* @media(min-width:992px)
{
     #marine-content-inner
     {
        margin-top: -10px !important; 
     }
}
*/

/* @media(max-width:838px)
{
    #marine-content-inner .page-heading
    {
        margin-top:25px !important;
    }
}

@media(min-width:839px)
{
     #marine-content-inner .page-heading
     {
        margin-top: -22px !important; 
     }
}

@media(min-width:992px)
{
     #marine-content-inner .page-heading
     {
        margin-top: -35px !important; 
     }
}

@media(min-width:1200px)
{
 #marine-content-inner .page-heading
 {
    margin-top: -90px !important; 
 }

}
 */
.breadcrumbs
{
    margin-top: 35px;
}


@media(max-width:991px)
{
    .hide_community
    {
        display: none;
        
    }

}

@media(max-width:767px)
{
    .hide_community_upper
    {
        display: none;
    }

}




 @media(min-width:992px)
 {
     #sidebar_margin_top
     {
        margin-top: 125px !important; 
     }

 }

 @media(min-width:1200px)
 {
     #sidebar_margin_top
     {
        margin-top: 75px !important; 
     }

 }




#company_objectives
{
   
}


@media(max-width: 838px)
{
    #company_objectives
    {
        margin-top: 0px !important;
    }
}

@media(min-width: 839px)
{
    #company_objectives
    {
/*        margin-top: 150px !important;*/
/*
        padding-left: 10px !important;
        padding-right:90px !important;
*/
        padding-top: 0px !important;
        padding-left: 0px !important;
        padding-right:0px !important;
    }
}




@media(min-width:839px)
{
    #company_objectives
    {
        margin-top: 145px !important;
    }
}

@media(min-width:992px)
{
    #company_objectives
    {
        margin-top: 133px !important;
    }
}


@media(min-width:1200px)
{
    #company_objectives
    {
        margin-top: 80px !important;
    }
}


#company_objectives > div
{
    font-size: 18px !important;
    font-family:Raleway, sans-serif; 
/*    font-family:telegraficoregular; */
    text-align:left;
    color:#2e8b57;
    margin-left: 0px;
/*    font-variant: small-caps;*/
/*    padding: 0px;*/
}


#company_objectives > div > a > button
{
    font-size: 12px !important;
    margin-top: -2px;
    font-family:josefinsans-lightitalic;
    
}

@media(max-width: 838px)
{
    #company_objectives > div
    {
        font-size: 15px !important;
    }
    
    #company_objectives > div > a > button
    {
        font-size: 9px !important;
        padding: 3px 3px 0px 3px !important;
    }
}

@media(max-width: 838px)
{
    #company_objectives > div a
    {
        font-size: 11px !important;
        color: #2e8b57;
/*        padding-top: 0px !important;*/
    }
    
    #company_objectives
    {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }
}


@media(min-width: 839px)
{
    #sidebar_all
    {
        /* margin-top: -5px !important; */
        margin-top: 130px !important;
    }
}


#sidebar_all
{
/*    position: absolute;*/
    margin-top: 130px;
/*    margin-left: -390px;*/
/*    display:none;*/
}

/*W3SCHOOL DROPDOWN*/
#all_services
{
    float: left;
    position: fixed;
    top: 64px;
    left: 0;
    width: 40px;
    height: 42px;
    z-index: 9999999;
    background: #f7f7f7;
    border-top-right-radius: 5000px;
    border-bottom-right-radius: 5000px;
    border: 0px solid #dedede;
    border-left: 0px;
}


@media(max-width: 838px)
{
    #all_services_right
    {
        display: none;
    }
}

#all_services_right
{
    float: right;
    position: fixed;
    top: 64px;
    right: 0;
    width: 40px;
    height: 42px;
    z-index: 9999999;
    background: #f7f7f7;
    border-top-left-radius: 5000px;
    border-bottom-left-radius: 5000px;
    border: 0px solid #dedede;
    border-left: 0px;
}


.icon-menu-1
{
    font-size: 19px;
    color: #2e8b57;
} 
.dropbtn0 
{
  padding: 0px 0px 0px 0px;
  margin: 4px 0px 0px -10px;
  background-color: transparent;
  color: #2e8b57;
  font-size: 10px;
  font-weight: bolder;
  border: none;
  cursor: pointer;
  font-family: josefinsans-lightitalic;
}
.dropbtn0:hover
{
    color: #ff0000;
}


.dropdown0 {
  position: relative;
  display: inline-block;
  font-family: josefinsans-lightitalic;  
  color: #ff0000;
}

.dropdown-content0 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 270px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important;
}

.dropdown-content0 a {
  color: #2e8b57;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-family: josefinsans-lightitalic;
}

.dropdown-content0 a:hover 
{
   background-color: #f1f1f1;
   color: #ff0000;
}

.dropdown0:hover .dropdown-content0 {
  display: block;
}

.dropdown0:hover .dropbtn0 {
  /*background-color: #2e8b57;*/
}


#software_services
{
    float: left;
    position: fixed;
    top: 180px;
    left: 0;
    width: 35px;
    height: 40px;
    z-index: 9999;
    background: #97e1ee;
    border-top-right-radius: 5000px;
    border-bottom-right-radius: 5000px;
    padding: 2px 0px 0px 0px;
    border: 1px solid #97e1ee;
    border-left: 0px
}


#academy_services
{
    float: left;
    position: fixed;
    top: 295px;
    left: 0;
    width: 140px;
    height: 40px;
    z-index: 999;
    background: #fcfcfc;
    border-top-right-radius: 5000px;
    border-bottom-right-radius: 5000px;
    padding: 0px 0px 0px 2px;
    /*border: 1px solid #97e1ee;*/
    border: 1px solid #dedede;
    border-left: 0px;
    font-size: 10px;
/*    background: rgb(252, 252, 252);*/
/*    background: rgba(252, 252, 252, 0.4);*/
}

#academy_services button
{
    line-height: 2;
    font-size: 10px;
    font-family: josefinsans-lightitalic !important;
    font-weight: lighter;
    
}

.fa-angle-down
{
    font-size:16px;
    padding: 4px 0px 0px 5pX;
}


.dropbtn {
  background-color: #2e8b57;
  color: #97e1ee;
  padding: 0px;
  font-size: 0px;
  border: none;
  cursor: pointer;
  border-radius: 0px;
  font-family: josefinsans-lightitalic;
}
.dropbtn:hover
{
    color: #ff0000;
}


.dropdown {
  position: relative;
  display: inline-block;
  font-family: josefinsans-lightitalic;  
    color: #ff0000;
    width: 270px;
    z-index: 99999999;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff/*f9f9f9*/;
  min-width: 310px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: #2e8b57;
  padding: 12px 12px 12px 10px;
  text-decoration: none;
  display: block;
  font-family: josefinsans-lightitalic;
  font-size: 13px;
}


#academy_services:hover
{
    background-color: #fff;
    color: #ff0000;
}


.dropdown-content a:hover 
{
    background-color: #f1f1f1;
    color: #ff0000;
}

.dropdown:hover .dropdown-content {
  display: block;
    
}

.dropdown:hover .dropbtn {
  /*background-color: #2e8b57;*/
}

/*W3SCHOOL DROPDOWN*/







a
{
    text-decoration: none !important;
}


@media(min-width:0px) and (max-width:766px)
{
    #top_silder_menu
    {
        display: none !important;
    }
}

@media(min-width:839px)
{
    #top_silder_menu
    {
        margin-top:120px;
    }
}


@media(min-width:1024px)
{
    #top_silder_menu
    {
        margin-top:-100px;
    }
}

@media(min-width:1440px)
{
    #top_silder_menu
    {
        margin-top:-180px;
    }
}

 
#pad_below_slider
{
    padding-top: 0%;
}

@media(max-width:838px)
{
    #pad_below_slider
    {
        padding-top: 0%;
    }
}

@media(min-width:1024px) and (max-width:1280)
{
    #pad_below_slider
    {
        margin-top: 9% !important;
        padding-top: 0%;
    }
}

@media(min-width:1280px) and (max-width:1440)
{
    #pad_below_slider
    {
        margin-top: 4% !important;
        padding-top: 4% !important;
    }
}

@media(min-width:1440px)
{
    #pad_below_slider
    {
        margin-top: 8% !important;
        padding-top: 2% !important;
    }
}

#developers_all_padding
{
    margin-top: 0% !important;
    margin-bottom: 1%;
    padding: 1%;
}

#developers_padding
{
    padding-bottom: 1% !important;
    padding-left: 0.3% !important;
    padding-right: 0.3% !important;
    
}


#developers_padding >div
{
    border-radius: 10px;
    box-shadow: 0px 0.7px 5px 0.1px #ccc;
}

#developers_padding >div>div
{
    background: #f4f4f4;
}

#developers_padding >div>div>h4
{
    color: #000;
    font-size: 11px !important;
    text-align: center;
}

#developers_padding >div>div> .project-like
{
    display: none;
}


#signup_div
{
    
}

#index_toplogic
{
    margin-top: 120px;
}

@media(max-width:838px)
{
    #index_toplogic
    {
        margin-top: 0px !important;
        width: 100%;
    }
}

@media(max-width:1069px)
{
    #index_toplogic
    {
        margin-top: 180px;
        width: 100%;    
    }
}

@media(max-width:320px)
{
    #recaptcha1, #recaptcha2, #recaptcha3, #recaptcha4, #recaptcha5
    {
        width: 290px;
        margin-left: -10px;
    }
}

@media(max-width:360px)
{
    #recaptcha1, #recaptcha2, #recaptcha3, #recaptcha4, #recaptcha5
    {
        width: 298px;
        margin-left: -7px;
    }
}

@media(width:384px)
{
    #recaptcha1, #recaptcha2, #recaptcha3, #recaptcha4, #recaptcha5
    {
         margin-left: 5px;
    }
}

@media(width:412px)
{
    #recaptcha1, #recaptcha2, #recaptcha3, #recaptcha4, #recaptcha5
    {
         margin-left: 18px;
    }
}

@media(width:480px)
{
    #recaptcha1, #recaptcha2, #recaptcha3, #recaptcha4, #recaptcha5
    {
         margin-left: 48px;
    }
}

@media(width:533px)
{
    #recaptcha1, #recaptcha2, #recaptcha3, #recaptcha4, #recaptcha5
    {
         margin-left: 78px;
    }
}


@media(width:600px)
{
    #recaptcha1, #recaptcha2, #recaptcha3, #recaptcha4, #recaptcha5
    {
         margin-left: 111px;
    }
}

@media(width:640px)
{
    #recaptcha1, #recaptcha2, #recaptcha3, #recaptcha4, #recaptcha5
    {
         margin-left: 134px;
    }
}

@media(width:732px)
{
    #recaptcha1, #recaptcha2, #recaptcha3, #recaptcha4, #recaptcha5
    {
         margin-left: 182px;
    }
}


#recaptcha1, #recaptcha2, #recaptcha3, #recaptcha4, #recaptcha5
{
    margin-bottom:10px; 
    padding:5px 0px 5px 0px; 
    text-align:center;
}

.displayer
{
    display:block;
}

.remover
{
    display: none;
    
}

#dasboard_access > a
{
    border-radius: 50px;
    background:#fcfcfc; 
}


@media(max-width:700px)
{
    #dasboard_access > a
    {
        width: 90% !important;
        font-size: 11px;
        border-radius: 50px;
    }
}


@media(min-width:700px)
{
    #dasboard_access > a
    {
        width: 50% !important;
        font-size: 13px;
    }
}

.header_access_dashboard
{
    font-size:65px !important;
}

.header_access_dashboard i.fa-lightbulb-o
{
    font-size:65px !important;
}

.header_access_dashboard i.fa-long-arrow-down
{
    font-size:20px !important;
}

.access_dashboard
{
    border-radius: 500px !important;
}

.sub1span_access_dashboard > i
{
    font-size:65px !important;
}


.sub1span_access_dashboard
{
    font-size:40px !important;
}

.sub2span_access_dashboard
{
    font-size:17px !important;
}

.header_get_trained
{
    border-radius:500px;
}

.sub1span_access_dashboard i.dashboard_symbols
{
    margin-left: -30px;
    font-size:40px !important;
}

@media(max-width: 580px)
{
    .header_access_dashboard
    {
        font-size:35px !important;
    }

    .header_get_trained
    {
        border-radius:5px;
    }

    .sub1span_access_dashboard i.dashboard_symbols
    {
        font-size:30px !important;
    }
}

@media(max-width: 410px)
{
    .access_dashboard
    {
        border-radius: 50px !important
    }

    .sub1span_access_dashboard
    {
        font-size:40px !important;
        padding: 0% 15% 0% 0% !important;
    }

    .header_access_dashboard > i.fa-lightbulb-o
    {
        font-size:45px !important;
    }
    
    .header_access_dashboard > i.fa-chevron-circle-down
    {
        font-size:15px !important;
    }

    .sub1span_access_dashboard > i
    {
        font-size:65px !important;
    }

    .sub2span_access_dashboard
    {
        font-size:15px !important;
    }

    .sub1span_access_dashboard i.dashboard_symbols
    {
        font-size:25px !important;
    }
}


#programmes_body > div > div > div > div
{
    border:1px solid #ddd; margin-top:1%; margin-bottom:1%
}


#programmes_detail
{
     border:1px solid #ddd; margin-top:1%; margin-bottom:1%
}


#developers_padding > div > div.project-meta
{
    padding: 4%;
}


#developers_padding > div > div.project-meta h4
{
    font-size: 11px;
}


@media(max-width:600px)
{
    #my_sub_heading
    {
        font-size: 40px !important;
    }
}
@media(min-width:992px)
{
    #testimonial_section
    {
        padding: 0px 0px 0px 30px;
    }

}



.jet_statement > div > *
{
    font-size: 14px !important;
    text-align: justify;
}




/**
.menu-item:hover
{
    border-bottom: 1px solid #2e8b57; 
}
**/



.sub-menu .menu-item a
{
    font-size: 10px !important;
    border: 0px solid #ddd;
    text-align: justify !important;

}


@media(max-width:838px)
{
    .sub-menu .menu-item a
    {
        font-size: 18px !important;
        border: 0px solid #ddd;
        text-align: center!important;
    }
}


.sub-menu .menu-item a:hover, .sub-menu .menu-item:hover
{
    border: 0px solid #ddd;
    background-color: #F2F2F2 !important;
}

@media(max-width:838px)
{
    .menuplus
    {
        display: none;
    }

}



@media(min-width:851px)
{
    .intro_items
    {
        margin-top: 80px;
    }

}


@media(min-width: 1155px)
{
    #img_inferior
    {
        display: none;
    }
}


/* Search Wideer  */

.form-group-border
{
    border: 1px solid #ddd;
}

.form-group-border:hover
{
    border: 1px solid #2196F3;
}

.search-form .form-group {
  float:right;
  transition: all 0.35s, border-radius 0s;
  width: 260px;
  height: 32px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 25px;
  margin-top: 5px;
  padding-bottom: 37px;
  z-index:99;
}

@media(max-width:838px)
{
    .search-form .form-group
    {
        width: 100%;
        min-width: 100%;
    }
}

@media(max-width: 839px)
{
    .search-form .form-group 
    {
          margin-top: 15px;
    }
}
    
.search-form .form-group input.form-control {
  padding-right: 0px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display:block;
  font-family: Raleway, sans-serif;
}

.search-form .form-group input.form-control::input-placeholder {
    display: none;
    font-family: Raleway, sans-serif;
}

.search-form .form-group input.form-control::-webkit-input-placeholder {
  display: none;
  font-family: Raleway, sans-serif;
}

.search-form .form-group input.form-control:-moz-placeholder {
  /*Firefox 18- */
    display: none;
    font-family: Raleway, sans-serif;
}

.search-form .form-group input.form-control::-moz-placeholder {
  /* Firefox 19+ */
    display: none;
    font-family: Raleway, sans-serif;
}

.search-form .form-group input.form-control:-ms-input-placeholder {
  font-family: Raleway, sans-serif;
}

.search-form .form-group:hover,
.search-form .form-group.hover {
  width: 65%;
  border-radius: 4px 25px 25px 4px;
}

.search-form .form-group span.form-control-feedback {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #3596e0;
  left: initial;
  font-size: 14px;
}
 
/*Search Widers*/

/**

.search-form .form-group {
  transition: all 0.35s, border-radius 0s;
  width: 100%;
  height: 32px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 25px;
  border: 1px solid #ccc;
  margin-top: 5px;
  padding-bottom: 37px;
  border-radius: 25px 25px 25px 25px;
  z-index:99;
}

@media(max-width: 839px)
{
    .search-form .form-group 
    {
          margin-top: 15px;
    }
}
    




.search-form .form-group input.form-control {
  padding-right: 20px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display:block;
  font-family: JosefinSans-LightItalic;
}

.search-form .form-group input.form-control::placeholder {
  color: #ccc;
  font-weight: lighter;
    font-size: 20px;
}

.search-form .form-group input.form-control::-webkit-input-placeholder {
  display: none;
  font-family: JosefinSans-LightItalic;
}



.search-form .form-group span.form-control-feedback {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #3596e0;
  left: initial;
  font-size: 14px;
}
**/
.jet_avatar
{
    width: 60px;
    float: left!important;
    border-radius: 50px;
    z-index: 9999;
}

.ustatus_login
{
    position: absolute;
    left:12.5px;
    top: 13px;
    font-size: 26px;
}

.notify_value_login
{
    position: absolute;
    top: 14px;
    left: 19.5px;
    color: #fff;
    font-family: century gothic;
    font-weight: bold;
}

.ustatus_logout
{
    position: absolute;
    left:25.5px;
    top: 13px;
    font-size: 26px;
}

.notify_value_logout
{
    position: absolute;
    top: 14px;
    left: 27px;
    color: #fff;
    font-family: century gothic;
    font-weight: bold;
}

.notify_value i
{
    top: 0px;
    margin-left:-5.5px;
    color: #fff;
}

.ustatus1
{
    position: relative;
    left:-12px;
    top: 11px;
    font-size: 18px;
}

.dash_text a
{
    font-size: 9px;
    padding-left: 21px !important;
    color: #2e8b57;
    font-family: josefinsans-bold;
}


#logout_pad a:nth-child(5)
{ 
    padding-left: 85px !important;
}

#logout_pad a:nth-child(6)
{ 
    padding-left: 85px !important;
}


.jet_userpic
{
    height: 27px;
    width: 27px;
    float: left!important;
    border-radius: 50px;
    z-index: 9999;
}

@media(max-width:838px)
{
    .form-group1
    {
        display: none;
    }
    
    .jet_avatar
    {
       background: black;
       display: none !important;
    }
}

.form-group1
{
    padding-top:8.9px;
    float: right;
    /*background-color: #6495ED;*/
    background-color: #2e8b57;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    border: 1px solid #2e8b57;
    border-radius: 4px 25px 25px 4px;
    z-index:99;
    position: absolute;
    left:10px;
    
}

    
/*Search Widers*/

div.absolute 
{
    float: right;
    position: fixed;
    top: 240px;
    right: 0;
    width: 115px;
    height: 288px;
    z-index: 999;
    /*background: #fff*/
    background: #f4f4f4;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    padding: 0px 8px 0px 8px;
    box-shadow: -1px 0.7px 5px 0.1px #ccc;
    background: rgb(255, 255, 255); /* Fallback color */ background: rgba(255, 255, 255, 0.9);
}

@media(max-width:838px)
{
    div.absolute 
    {
        display: none;
    }
}


div.absolute li
{
    list-style: none;
    border-bottom: 1px solid #cccccc;
    font-size: 9px;
    padding: 5px 0px 5px 0px !important;
}

div.absolute li.getPWD
{
    border-bottom: 0px solid;
}


div.absolute li a
{
    padding: 4px 35px 4px 0px;
}


.body_container
{
    height: auto;
    min-height: 1000px;
}

.signup_purpose
{
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    font-family: Raleway, sans-serif;
    font-size: 22px;
    border: 1px solid #EAEAEA;
    margin-bottom:10px;
    padding-left: 10px;
    background:rgba(255,255,255,0.87);
}

@media(min-width: 839px)
{
    ul#main-nav .fa-angle-right
    {
        display: none !important;
    }
}

ul#main-nav .fa-angle-right
{
    font-weight: bolder;
    float: right !important;
}



/*login_modal*/

@media(min-width:0px) and (max-width:350px)
{
    .startUpModal_Content span
    {
        font-size: 13px;;
    } 
}



@media(min-width:351px)
{
    .startUpModal_Content span
    {
        font-size: 15px;
    }
}


h4.modaccess a
    {
        text-decoration:none;
        color:#337ab7;
    }
    
    h4.modaccess a:hover
    {
        text-decoration:none;
        color:#EE4000;
    }
    
    
    .modaform
    {
        margin-top: -5%;
        height: auto;
        margin-left: -0.001% !important;
    }

    

    .form-control[type="text"]
    {
        font-size: 18px; 
        border: 1px soild #ffffff;;
        box-shadow:  0px 0px 1px 0px #ffffff;
        text-align: center;
        color: #2e8b57;
        width: 99%;
        height: auto;
        background: #FFFFFF;
    }
    
    
    .form-control[type="password"]
    {
        font-size: 18px; 
        border: 1px soild #ffffff;;
        box-shadow:  0px 0px 1px 0px #ffffff;
        text-align: center;
        color: #2e8b57;
        width: 99%;
        height: auto;
        background: #FFFFFF;
    }
    
    
    input#psw:focus
    {
        border: 0px;
        box-shadow: 0px 0px 0px 0px;
    }
    
    input#usrname:focus
    {
        border: 0px;
        box-shadow: 0px 0px 0px 0px;
    }
    

    .form-control[type="text"]::-input-placeholder,
    .form-control[type="password"]::-input-placeholder
    {
        color: #ccc !important;
        font-family: cookie-regular !important; 
        font-size: 20px;    
        text-align: left;
    }
   
    .form-control[type="text"]::-webkit-input-placeholder,
    .form-control[type="password"]::-webkit-input-placeholder
    {
        color: #aaaaaa !important;
        font-family: cookie-regular !important; 
        font-size: 20px;    
        text-align: left;
    }
    
    
    .form-control[type="text"]::-moz-placeholder,
    .form-control[type="password"]::-moz-placeholder
    {
        font-family: cookie-regular !important; 
        color: #aaaaaa !important;
        font-size: 20px; 
        text-align: left;
    }
   
   
    
    div#texty
    {
        border-radius: 4.5px;
        font-family: cookie-regular !important; 
        font-size: 18px;
        font-weight:lighter !important;
        text-align:center; 
        color: #aaaaaa !important;
        height: auto;
        border: 1px solid rgba(0,0,0,0.09);
    }
    

    .div-ng-show-pword
    {
        border-radius: 4.5px;
        font-family: josefinsans-light !important; 
        font-size: 20px;
        font-weight:lighter;
        text-align:center; 
        color:#337ab7;
        height: auto;
        border: 1px solid rgba(0,0,0,0.09);
    }
    
   
    
    div#texty:hover
    {
        box-shadow: 0px 0px 5px 2px #337ab744;
        border: 1px solid #7EC0EE;
    }
    
    .div-ng-show-pword:hover
    {
        box-shadow: 0px 0px 5px 2px #337ab744;
        border: 1px solid #7EC0EE;
    }
    
    
    .ng-show-pword
    {
        border-top: 0px solid #337ab711;
        margin-top: 0px;
        background: transparent;
    }
    
    
    
    input.passwordy[type="password"]
    { 
        border-bottom: 1px solid #ffffff;
    }
    
    
    input.passwordy
    { 
        border-bottom: 1px solid #ffffff;
    }
    
    


     .passwordVisible, .showPassword
        {
            line-height: 1.9;
        }
   
    @media(max-width: 360px)
    {
         .passwordVisible, .showPassword
        {
            line-height: 2.5;
        }
    }
    

    table 
    {
        width: 100%;
        min-width: 100px;
        height: auto;
        position: relative;
        border: 1px solid #FFFFFF;
        margin-left: 0px;
        margin-bottom: 1px;
    }

    
    td span
    {
        border: 0px;
        width: auto;
    }
    

    td.td_hidePassword span
    {
       /*float: left;*/
        font-size: 15px;
    }


    @media(max-width: 360px)
    {
         td.td_hidePassword span
        {
            font-size: 11.5px;
        }
    }

    


    td span
    {
       /*float: left;*/
        font-size: 15px;
    }

    div.hide_show
    {
        margin-top: 10px;
    }

    @media(max-width: 360px)
    {
         td.button_slider span
        {
            font-size: 11.5px;
        }
    }
    

    

    






    
    tr:nth-child(even)
    {
        /*background-color: #FCFCFC;*/
        width: 100%;
        height: 0px !important;
        text-align: center;
        margin-bottom: 0px;
        padding-top: 0px;
    }

    @media(min-width: 501px) and (max-width:767px) 
    {
        tr:nth-child(even)
        {
            height: 0px;
            margin-bottom: 40px;
            padding-top: 15px;
        }  

    }

    @media(max-width:500px)
    {
        tr:nth-child(even)
        {
            height: 0px;
            margin-bottom: 40px;
            padding-top: 15px;
        }  

    }

    /**
    tr:nth-child(odd)
    {
        background-color: #FCFCFC;
        width: 100%;
        height: 0px;
    }
    **/
    

    td.td_hidePassword
    {
        margin-top: 0px;
        height: 0px;
    }
    

    

    td.tdClear
    {
        margin-top: -16px;
        width: 100%;
        height: 60px;
    }


    /* The switch - the box around the slider */
.switch 
{
  margin-top: 5px;
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  float: right;
}


/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
    box-shadow: 0px 2px 3px 0px #000000;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E44000;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
    box-shadow: 0px 1px 5px 0px #000000;
}

input:checked + .slider {
  background-color: #2196F3;
  box-shadow: 0px 2px 5px 0px #000000; 
        
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
box-shadow: 0px 2px 5px 0px #000000;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
    box-shadow: 0px 2px 5px 0px #000000;
}

.slider.round:before {
  border-radius: 50%;
    box-shadow: 0px 2px 5px 0px #000000;
}
    
    
    
    
    
    /*
    input.inputClear
    {
        position: relative;
        width: 100%;
        height: 50px;
        margin: -30px 0px 0px 0px;
    }*/
    
    
   
    input.inputClear[type="reset"] 
    {
        padding: 0% 1% 0% 1%;
        margin: 0% 1% 1% 0%;
        color: #FFFFFF;
        box-shadow: 0px 2px 5px 0px #000000;
        height: 40px;
        position: relative;
        border: none;
        padding: 8px 0px 0px 10px;
        width: 100%;
        outline: none;
        border-radius: 1000px;
        background-color: #2196F3;
        -webkit-transition-duration: 0.4s; /* Safari */
        -moz-transition-duration: 0.4s; /* mozilla */
        transition-duration: 0.4s;
        text-decoration: none;
        overflow: hidden;
        cursor: pointer;
    }

    
    
    
    .inputClear:after 
    {
        content: "";
        box-shadow: 0px 3px 3px 0px #EE4000;
        display: block;
        position: relative;
        padding-top: 300%;
        padding-left: 350%;
        margin-left: -20px!important;
        margin-top: -120%;
        opacity: 0;
        transition: all 0.8s
    }

    
    .inputClear:after:active 
    {
        background-color: #ee4000;
        box-shadow: 0 5px #666;
        transform: translateY(4px);
    }
    
    
    .inputClear:active:after
    {
        background-color: #ee4000;
        padding: 0;
        margin: 0;
        opacity: 1;
        transition: 0s
    }
    

    form.modaform div.signUpTrainee 
    {
        font-family:Raleway, sans-serif; 
        font-size: 24px;
        padding: 0% 1% 0% 1%;
        margin: 0% 1% 1% 0%;
        color: #FFFFFF;
        box-shadow: 0px 2px 5px 0px #000000;
        height: 80px;
        position: relative;
        border: none;
        padding: 25px 0px 0px 0px;
        width: 100%;
        outline: none;
        border-radius: 20px;
        background-color: #2196F3;
        -webkit-transition-duration: 0.4s; /* Safari */
        -moz-transition-duration: 0.4s; /* mozilla */
        transition-duration: 0.4s;
        text-decoration: none;
        overflow: hidden;
        cursor: pointer;
    }

    @media(max-width: 320px)
    {
        form.modaform div.signUpTrainee 
        { 
            font-size: 20px;
            padding: 18px 0px 0px 0px;
        }
    }


    @media(min-width: 360px) and (max-width: 375px)
    {
        form.modaform div.signUpTrainee 
        { 
            font-size: 24px;
            padding: 17px 0px 0px 0px;
        }
    }
    
    
    .signUpTrainee:after 
    {
        content: "";
        box-shadow: 0px 3px 3px 0px #EE4000;
        display: block;
        position: relative;
        padding-top: 300%;
        padding-left: 350%;
        margin-left: -20px!important;
        margin-top: -120%;
        opacity: 0;
        transition: all 0.8s
    }

    
    .signUpTrainee:after:active 
    {
        background-color: #ee4000;
        box-shadow: 0 5px #666;
        transform: translateY(4px);
    }
    
    
    .signUpTrainee:active:after
    {
        background-color: #ee4000;
        padding: 0;
        margin: 0;
        opacity: 1;
        transition: 0s
    }

    
    
    .signUpAppDev
    {
        font-family:Raleway, sans-serif; 
        font-size: 24px;
        padding: 0% 1% 0% 1%;
        margin: 0% 1% 1% 0%;
        color: #FFFFFF;
        box-shadow: 0px 2px 5px 0px #000000;
        height: 80px;
        position: relative;
        border: none;
        padding: 25px 0px 0px 0px;
        width: 100%;
        outline: none;
        border-radius: 20px;
        background-color: #2196F3;
        -webkit-transition-duration: 0.4s; /* Safari */
        -moz-transition-duration: 0.4s; /* mozilla */
        transition-duration: 0.4s;
        text-decoration: none;
        overflow: hidden;
        cursor: pointer;
    }

    @media(max-width: 320px)
    {
        form.modaform div.signUpAppDev
        { 
            font-size: 20px;
            padding: 17px 0px 0px 0px;
        }
    }

    @media(min-width: 360px) and (max-width: 375px)
    {
        form.modaform div.signUpAppDev
        { 
            font-size: 24px;
            padding: 17px 0px 0px 0px;
        }
    }
    
    
    
    .signUpAppDev:after 
    {
        content: "";
        box-shadow: 0px 3px 3px 0px #EE4000;
        display: block;
        position: relative;
        padding-top: 300%;
        padding-left: 350%;
        margin-left: -20px!important;
        margin-top: -120%;
        opacity: 0;
        transition: all 0.8s
    }

    
    .signUpAppDev:after:active 
    {
        background-color: #ee4000;
        box-shadow: 0 5px #666;
        transform: translateY(4px);
    }
    
    
    .signUpAppDev:active:after
    {
        background-color: #ee4000;
        padding: 0;
        margin: 0;
        opacity: 1;
        transition: 0s
    }

    
    
    
  
    
    .button.btn 
    {
        border-radius: 200px !important;
        border: none;
        color: #FFFFFF;
        text-align: center;
        width: 200px;
        transition: all 0.5s;
        cursor: pointer;
        margin: 0% 1% 0% 2%;
        box-shadow: 0px 2px 5px 0px #000000;
        height: 35px;
        position: relative;
        padding: 8px 0px 0px 10px;
        width: 96%;
        outline: none;
        background: #2e8b57;
        /*background: #2196F3;*/
    }

   
    .button.btn span {
      cursor: pointer;
      display: inline-block;
      position: relative;
      transition: 0.5s;
    }


    .button.btn span:after {
      content: '»';
      position: absolute;
      opacity: 0;
      top: 0;
      right: -20px;
      transition: 0.5s;
        color: #FFFFFF;
        line-height: 23px;
    }


    .button.btn:hover span {
      padding-right: 25px;
        color: #FFFFFF;
    }


    .button.btn:hover span:after {
      opacity: 1;
      right: 0;
    }


    /*---Login-modal end---*/















.navigator
{
    box-shadow:0 1px 4px rgba(0, 30, 46, .1);

    -webkit-box-shadow:0 1px 4px rgba(0, 30, 46, .1);

    -moz-box-shadow:0 1px 4px rgba(0, 30, 46, .1);

    position:absolute; 

    padding-left:30px !important; 

    padding-top:6px; background: #FFFFFF;
    
    margin-top: 0.3px;



    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

    filter:alpha(opacity=80);
    
    -moz-opacity:0.9;

    -webkit-opacity:0.9;

    -o-opacity:0.9;

    -khtml-opacity:0.9;

    opacity:0.9;
        
}


.navigator a
{
    color: #2e8b57;
    padding-left: 15px;
    font-size: 11.5px;
}

@media(max-width:838px)
{
    .navigator a
    {
        font-size: 9px;
    }
}

.navigator a:first-child
{
    padding-left: 0px;
}


.navigator a:hover
{
    color: #FA8072;
}



.navigator div
{
    float: left;
    padding-top:6px;
    padding-left: 2px;
    padding-right: 0px;
}

.navigator div:last-child
{
    float: left;
    padding-top:6px;
    padding-left: 2px;
    padding-right: 10px;
}

.navigator div:hover
{
    float: left;
    background: #CCCCCC;
    padding-top:6px;
}




.navigator2
{
    float: right;
    
    box-shadow:0 1px 4px rgba(0,30, 46, .1);

    -webkit-box-shadow:0 1px 4px rgba(0, 30, 46, .1);

    -moz-box-shadow:0 1px 4px rgba(0, 30, 46, .1);
 
    position: relative;

    padding-left:0px !important; 

    margin-top:0.3px; 
    margin-bottom: 0px;
    padding-top:0px;
    padding-bottom: 0px;



    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

    filter:alpha(opacity=80);

   -moz-opacity:0.9;

    -webkit-opacity:0.9;

    -o-opacity:0.9;

    -khtml-opacity:0.9;

    opacity:0.9;
    
    background: #FFFFFF;
    
}



.navigator2 div
{
    float: left;
    padding-top:6px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 0px;
    color: #2e8b57;
    margin-bottom: 0px;
}

.navigator2 div:last-child
{
    padding-right: 10px;
}

.navigator2 div:hover
{
    
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

    filter:alpha(opacity=80);
    
     -moz-opacity:0.5;

    -webkit-opacity:0.5;

    -o-opacity:0.5;

    -khtml-opacity:0.5;

    opacity:0.5;
    
    background: #2e8b57;
    color: #FFFFFF;
   
}


@media(max-width:1200px)
{
    .navigator2 div
    {
        clear: both;
        width: 100%;
    }

}


@media(max-width:550px)
{
    .navigator2
    {
        margin-top: 32px;
    }
    
}








.navigator:hover
{
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=95);

  filter:alpha(opacity=95);

  -moz-opacity:0.95;
    
  -webkit-opacity:0.95;
    
  -o-opacity:0.95;

  -khtml-opacity:0.95;

  opacity:0.95;

}

.navigator2:hover
{
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=95);

  filter:alpha(opacity=95);

  -moz-opacity:0.95;
    
  -webkit-opacity:0.95;
    
  -o-opacity:0.95;

  -khtml-opacity:0.95;

  opacity:0.95;

}



@media (min-width: 838px)
{
    .navigator
    {
        margin-left:310px !important;

    }
}



@media (min-width: 839px)
{
    .menu_pillar
    {
        display: none;
    }
}






/* Accordions */

.main-content
{
    margin-top: 0px !important;
}



.small-padding
{
    padding-top:1px;

    padding-bottom:4px;
}

/*
@media(min-width:700px)
{
    .accordion-header
    {
        font-weight: bolder !important;
            
    }
}
*/

.accordion-header
{
    font-family:Raleway, sans-serif;
    font-weight: lighter;
}

.accordion-header h5 .icon-pen
{
    font-weight: lighter !important;
}


.accordion-header h5 b
{
    font-family:Raleway, sans-serif;
    font-size: 13.3px;
    margin-left: -1%;
    font-weight: lighter;
}

.accordion-header h5 b.goto
{
    font-family:Raleway, sans-serif;
    font-size: 22px;
    margin-left: -1%;
    font-weight: lighter;
}


.accordion-header h5 b.gotu
{
    font-family:Cookie-Regular;
    font-size: 28px;
    margin-left: -1%;
    font-weight: lighter;
    color: #FA8072;
}

 div.accordion-content .lower-listmenu
{
    margin-left: 0%;
    font-family:Raleway, sans-serif;
    font-size: 12px;
}


/*
.accordion-header h5
{

    font-size:14px;

    padding: 5px 5px;

    transition:color .3s;

    -webkit-transition:color .3s;

    -moz-transition:color .3s;

    border-left:0.2px solid #FCFCFC;
}
    
*/

.accordion-header h5 b:hover, .accordion-header h5 .icon-arrow-curved:hover
{
    font-weight: lighter;
    color: red; 
}


 
    .accordion-header h5 img
    {
        width: 30px;
        height: 28px;
        margin: 0.5% 2% 0% 0%;
        box-shadow:0.001px 0.001px 0.001px 1px #E5E5E5;
        border-radius: 5px;
    }
    



    .accordion-icon
    {

        background:url(../img/accordion-icons.png) no-repeat;

        text-align: center;
        
        width:40px;

        height:38px;

        margin-top:7px;

        position:absolute;

        left:0;

        top:0;

        transition:background .3s;

        -webkit-transition:background .3s;

        -moz-transition:background .3s;
        
        font-size:25px; 
        
        color:#FA8072;
        
        line-height: 36px;
    }
    





/*
.row
    {
        position: absolute;
        padding-top: 0%;
        margin-top: 0%;
        width: 100%;
        height: auto;
        background: #FFFFFF;
        z-index: 99999999 !important;
    }
   
*/


     .accordion-header 
    {
        height: 40px;
        
        border-top: solid 0.2px #F7F7F7;

        /*border-left-color:transparent;

        border-right-color:transparent;*/

        cursor:pointer;

        position:relative;

        padding-left:40px;

        /*width: 292px;

        margin-left: -15px;*/

        background: #FFFFFF;
        
    }
    
    

    .style_home_improvement
    {
        color: yellow;
    }
    
    
    .accordion-header:hover
    {
        background: #F7F7F7;
        box-shadow: 1px 1px 11px 1px #FFFFFF;
        color:#EE4000;
    }
    
 
    .accordion-icon
    {

        background:url(../img/accordion-icons.png) no-repeat;

        text-align: center;
        
        width:40px;

        height:38px;

        margin-top:7px;

        position:absolute;

        left:0;

        top:0;

        transition:background .3s;

        -webkit-transition:background .3s;

        -moz-transition:background .3s;
        
        font-size:25px; 
        
        color:#FA8072;
        
        line-height: 36px;
    }
    
    

    .accordion-header .accordion-icon img
    {
        width: 40px;
        height: 40px;
        margin: -0.5% 8% 0% 0%;
    }
    
    
    a.icon-angle-double-down
    {
        text-decoration: none;
        font-size: 11px;
    }
    
    

    div.accordion-content
    {
        background: #FFFFFF;
        box-shadow: 1px 1px 11px 0px #FFFFFF;
        /**width: 290.1px;**/
        padding:1px 0px 1px 10px;
        margin: 0px 0px 0.5px 0px; 
    }

    
    
    div.accordion-content a
    {
        font-family: Century Gothic;
        font-size: 11px;
        text-decoration: none;
        color: #337ab7;  
    }
   
    a.menu_anchor
    {
        width: 20px;
        height: 30px;
        position: absolute;
    }
    
    div.accordion li.li_anchor 
    {
        margin-top: -8.8px;
        list-style: none;
        height: 39.5px;
        width: 250px;
        display: block;
    }
    
  
    div.accordion-content li.icon-heart
    {
        width: 290px;
        /**width: 270px;**/
        padding-left: 49px;
        margin-left: -22px;   
        height: 50px;
        padding-top: 6.5%;
        border-bottom: solid 0.2px #F7F7F7;
        background: #FFFFFF;
        color: #2e8b57;
    }


    @media(max-width:768px)
    {
        div.accordion-content li.icon-heart
        {
            padding-top: 4.5%;
        }    
        
        #access_hide
        {
            display: none;
        }
    }
    
    @media(min-width:834px)
    {
        .nav_hide
        {
            display: none !important;
        }

    }
     @media(max-width:879px)
    {
        .nav_hide_events
        {
            display: none !important;
        }

    }
    
    @media(min-width:1000px)
    {
        .nav_hide
        {
            display:inherit !important;
        }

        .nav_show
        {
            display: none !important;
        }
    }
    

    .uptobtn-cat 
    {
        margin-left: -20px;
        height: 26px;
        width: 26px;
        position: absolute;
        margin-top: 12px;
        border-radius: 1000px;
        background-color: #87CEEB;
        text-align: center;
        line-height: 20px;
        cursor: pointer;
        z-index: 999;
        border-style: groove;
        opacity: 1;
        border: solid 0px #337ab7;
        box-shadow: 0px 0px 0px 0px #337ab7;    
        -webkit-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease;
    }



    .uptobtn-cat:hover
    {
        background-color: #EE4000;
        line-height: 3px;
        opacity: 1;
        border: solid 0px #2e8b57;
        box-shadow: 0px 0px 5px 2px #EE4000;
        
    }



    .uptobtn-cat:before {
        content: "\f106";
        display: inline-block;
        vertical-align: middle;
        font: 22px 'FontAwesome';
        font-weight: lighter;
        color: #FFFFFF;
    }

    
    
    div.accordion-content li.icon-heart:hover
    {   
        text-decoration: none;
        color: #EE4000;
        background: #F7F7F7;
        box-shadow: 1px 1px 11px 1px #FFFFFF;
    }
    
    
    
    div.accordion-content li img
    {
        height: 38px;
        width: 42px;
        box-shadow:0.001px 0.001px 0.001px 0.001px #337ab7;
        margin-left: 10.8px;
        border-radius: 5px;
        margin-top: -2.5%;
    }
    
    
    
    a li.icon-heart span#measurement_and_analysis_instruments
    {
        font-size:12.3px;
    }
    
    
    a li.icon-heart span#painting_supplies_and_wall_treatment
    {
        font-size:12.8px;
    }

    /*corrected*/
    a li.icon-heart span#video_camera_access360
    {
         font-size:12px;
    }
    
    /*corrected*/
    a li.icon-heart span#sports_camera
    {
         font-size:12px;
    }
    
    /*corrected*/
    a li.icon-heart span#motoraccess
    {
         font-size:12px;
    }
    
    
    /*corrected*/
    a li.icon-heart span#travel_roadway
    {
        font-size:12px;
    }
    
    
    /*corrected*/
    a li.icon-heart span#home_electronic_access3
    {
         font-size:12.4px;
    }
    
    
    /*corrected*/
    #industrial_comp
    {
        font-size: 12px;
    }
    
    
    /*
    img.lowercat  
    {
        width: 20px;
        margin-right: 3%;
    }
    */
    
    
    .style_gototop_accordions:hover
    {
        background: #EDEDED;
    }
    
    
    .style_gototop_accordions .icons
    {
        font-size: 50px;
        color: #87CEEB;/*skyblue*/  
    }

    .style_gototop_accordions .icons:hover
    {
        color: #FF7D40;/*skyblue*/
    }
    


    .kill_side_menu
    {
        width: 318px !important;
        background: #ffffff !important;
        border-top: 1px solid #EDEDED !important;
        border-bottom: 1px solid #EDEDED !important;
    }

    
    .kill_side_menu .icons
    {
        font-size: 50px;
        color: #87CEEB;/*skyblue*/  
    }

    .kill_side_menu .icons:hover
    {
        color: #FF7D40;/*skyblue*/
    }

/*****/













































.accordion-header>*

{

  margin:0;
}


.accordion-active .accordion-icon

{

  background-position:0 -38px;

}



/*Acct-Accordion*/



.acct-icon i.icon-user
{
    font-size: 10px;
    padding-top: 7%;
    color: #EBEBEB;
    border-radius: 100px;
    background: #337ab7;
    margin-left: 15%;
    border: solid 0px #CCCCCC;
    border-style: none;
}


.acct-accordion-icon
{

  background:url(../img/accordion-icons.png) no-repeat;

  width:38px;

  height:38px;

  margin-top:0px;

  position:absolute;

  left:0;

  top:0;

  transition:background .3s;

  -webkit-transition:background .3s;

  -moz-transition:background .3s;

}


.acct-accordion-header>*

{

  margin:0;

}


.acct-accordion.mix{

  width:100%;

}



.acct-accordion.accordion-active + .acct-accordion .accordion-header

{

  border-top:1px solid #FFFFFF;

}


.acct-accordion-active .acct-accordion-header h5{

  color:#008fd5;

}





.acct-accordion-active .acct-accordion-icon

{

  background-position:0 -38px;

}



.acct-accordion-header:hover, .acct-accordion-active .acct-accordion-header

{

  color:#008fd5;

}



.acct-accordion-content

{

  padding:0 50px;

  margin:10px 0

}



.acct-accordion-content p

{

  margin:0;

}



.acct-accordion-content p + p

{

  margin:10px 0 0;

}



.tab-content
{
    margin-top: 0px;
    
    border:1px solid #ddd;

    border-top:none;

    padding:0px;

}