@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');
*{
     font-family: 'Montserrat', sans-serif;
} 
.product-page h1 { font-size: 24px; font-weight: 600;  }
         .product-page h2 { font-size: 16px; font-weight: 600;  }
         .product-page h3 { font-size: 14px; font-weight: 600;  }
         .product-page h4 { font-size: 12px; font-weight: 600;  }
         .product-page p{  font-size: 14px;   }
         .product-page ul li { padding-left: 0; list-style: none; font-size: 14px; list-style: none; list-style-image: url(img/arrow.png); padding-left: 5px; margin-left: 15px; margin-bottom: 10px;  }
         .product-page ul { padding-left: 0; margin-bottom: 50px; }
         .product-page hr {         margin-top: 1rem;         margin-bottom: 1rem;         border: 0;         border-top: 1px dashed rgba(0,0,0,.1);         }

 .main-submenu {  width: 100%;  height: 50px;  margin: 0 auto;  background: #444444;}
         .main-submenu ul { float: left; padding: 0 30px;}
         .main-submenu ul li { display: inline; float:left; height: 50px; line-height: 50px; list-style: none; color: #fff; padding: 0 25px; margin-left: 0; font-size: 14px;}
         .main-submenu ul li:hover{ background: #ed1b24; color: #fff; }
         .main-submenu ul li.active{ background: #ed1b24; color: #fff; }
         .main-submenu ul li a{  color: #fff; }
         .main-submenu ul li a:hover { text-decoration: none;}     
.product-item {    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1); transition: all 0.4s;    background-color: #fff;    border-radius: 2px;    padding: 15px; margin-bottom: 15px; border-left:#fff solid 5px;}
.product-item  h2{ font-size: 16px; font-weight: 600; }
.product-item p{ font-weight: 500; font-size: 14px; }
.product-item a{ color: #dd0026; font-weight: 500; font-size: 14px;  transition: all 0.4s;}
.product-item i{ color: #dd0026; }
.product-item:hover { border-left:#dd0026 solid 5px;  }
.product-item:hover .link { padding-left: 20px; }

.margin-top-25 { margin-top: 25px; }
.main-banner-products img { border-bottom:#dd0026 solid 5px; }

 /*Product Page*/


         .btn-link:hover {text-decoration: none; }
         .product-sidebar-one { margin-bottom: 15px;    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1); transition: all 0.4s;    background-color: #fff;    border-radius: 2px;    padding: 15px; margin-bottom: 15px; border-left:#dd0026 solid 5px;  background-image: url(img/bkg-energybar-desktop.png);}
         .product-sidebar-one  h2{ font-size: 16px; font-weight: 600; }
         .product-sidebar-one p{ font-weight: 500; font-size: 14px;  }
         .product-sidebar-one a{ color: #dd0026; font-weight: 500; font-size: 14px;  transition: all 0.4s;}
         .product-sidebar-one i{ color: #dd0026; }
         .product-sidebar-one:hover { border-left:#dd0026 solid 5px;  }
         .product-sidebar-one:hover .link { padding-left: 20px; }
         .product-sidebar-one ul li { border-bottom: 1px dashed rgba(0,0,0,.1); padding-bottom: 10px; margin-left: 0px;  padding-left: 0; transition: all 0.4s; list-style: none; }
         .product-sidebar-one ul li a{ color: #000; }
         .product-sidebar-one ul li a i { margin-right: 12px; float: left; height: 29px; margin-top: 2px; font-size: 16px; }
         .product-sidebar-one ul li:hover { padding-left: 0; list-style: none; font-size: 14px; list-style: none;  padding-left: 10px; margin-left: 15px; margin-bottom: 10px;  }
         .product-sidebar-one ul li a strong { font-size: 14px;  color: #000; }
         .product-sidebar-one ul li:hover a strong { color: #dd0026; }
         .product-sidebar-one ul li a {color: #9B9B9B;}
         .product-sidebar-one ul li:last-child  { border-bottom: none;  }
         .product-sidebar-one ul { padding-left: 0; margin-bottom: 10px; }
         .product-sidebar-one ul li:hover a { text-decoration: none; }
         .product-sidebar {    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1); transition: all 0.4s;    background-color: #fff;    border-radius: 2px;    padding: 15px; margin-bottom: 15px; border-left:#c7c7c7 solid 5px;   }
         .product-sidebar  h2{ font-size: 16px; font-weight: 600; }
         .product-sidebar p{ font-weight: 500; font-size: 14px;  }
         .product-sidebar a{ color: #dd0026; font-weight: 500; font-size: 14px;  transition: all 0.4s;}
         .product-sidebar i{ color: #dd0026; }
         .product-sidebar:hover { border-left:#c7c7c7 solid 5px;  }
         .product-sidebar:hover .link { padding-left: 20px; }
         .margin-top-25 { margin-top: 25px; }
         .img-responsive  { width: 100%; }
         .owl-nav { display: none; }
         #accordion .accordion {  background-color: #fff;  color: #444; font-weight: 600;  cursor: pointer;  padding: 10px 0;  width: 100%;  border: none;  text-align: left;  outline: none;  font-size: 14px;  transition: 0.4s;   border-bottom: 1px dashed rgba(0,0,0,.1);}
         #accordion  .active, #accordion  .accordion:hover { color: #ed1b24;  font-weight: 600; }
         #accordion  .panel {    display: none;  background-color: white;  overflow: hidden;  padding: 1.25rem;    padding: 10px 0px; font-size: 11px;}
         .make-me-sticky {  position: -webkit-sticky;  position: sticky;  top: 0;  padding: 0 15px; height: 700px;}

         .arrow-icon { float:right; color: #ed1b24; }


/**/
 



/*Country List*/

.country-item {
         box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1); transition: all 0.4s;
         background-color: #fff;
         border-radius: 2px;
         padding: 15px; margin-bottom: 15px; border-left:#fff solid 5px; float: left;
         width: 100%;
         }
         .country-div { color: #000; }
 
         .country-item h2 {
         font-size: 14px;
         font-weight: 600;
         /* line-height: 42px; */
         float: left;
         margin-top: 12px;
         margin-left: 10px;
         }
         .country-item p{ font-weight: 500; font-size: 14px; }
         .country-item a{ color: #dd0026; font-weight: 500; font-size: 14px;  transition: all 0.4s;}
         .country-item i{ color: #dd0026; }
         .country-item:hover { border-left:#dd0026 solid 5px;  }
         .country-item:hover .link { padding-left: 20px; }

         .img-thumbnail {
         padding: .25rem;
         /* background-color: #fff; */
         border: none;
         border-radius: .25rem;
         max-width: 100%;
         height: auto;
         height: 40px;
         width: 40px;
         border-radius: 50%;
         background-repeat: no-repeat;
         background-size: unset;
         background-attachment: cover;
         float: left;
         background-size: cover;
         }



/* Agents*/
         .agent-item {
         box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1); transition: all 0.4s;
         background-color: #fff;
         border-radius: 2px;
         padding: 0; margin-bottom: 15px; border-left:0px; float: left;
         width: 100%;
         }
         .country-div { color: #000; }
         .agent-item h2 {
         font-size: 14px;
         font-weight: 600;
         /* line-height: 42px; */
         float: left;
         margin-top: 12px;
         margin-left: 10px;
         }
         .agent-item p{ font-weight: 500; font-size: 14px; }
         .agent-item a{ color: #dd0026; font-weight: 500; font-size: 14px;  transition: all 0.4s;}
         .agent-item i{ color: #dd0026; }
         .agent-item:hover { /*border-left:#dd0026 solid 5px; */ }
         .agent-item:hover .link { padding-left: 20px; }
         .img-thumbnail {
         padding: .25rem;
         /* background-color: #fff; */
         border: none;
         border-radius: .25rem;
         max-width: 100%;
         height: auto;
         height: 40px;
         width: 40px;
         border-radius: 50%;
         background-repeat: no-repeat;
         background-size: unset;
         background-attachment: cover;
         float: left;
         background-size: cover;
         }
         .agent-item .card            { border: 0; border-radius: 4px; }
         .agent-item .card-image      { width: 100%; height: 150px; float: left; background-size: 100%; background-repeat: no-repeat; background-position: 50%;  }
         .agent-item .card-body       {     height: 140px; }
         .agent-item .card-body p     { font-size: 12px; border-bottom: dashed 1px  rgba(0,0,0,.1); padding-bottom: 5px; margin-bottom: 5px;  }
         .agent-item .card-body p:last-child { border:0; }
         .agent-item .card-body p a   { color: #444; font-size: 12px; }
         .agent-item a                {color: #444;}
         @media screen and (max-width: 48em) {
         .agent-item .card-image {
         background-size: 60%;
         }
         .agent-item .card-body {
         height: auto;
         }
         }



         

         .agent-item-div {
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.4s;
    background-color: #fff;
    border-radius: 2px;
    padding: 0;
    margin-bottom: 15px;
    border-left: 0px;
    float: left;
    width: 100%;
}

         .agent-item-div h2 {
         font-size: 14px;
         font-weight: 600;
         /* line-height: 42px; */
         float: left;
         margin-top: 12px;
         margin-left: 10px;
         }
         .agent-item-div p{ font-weight: 500; font-size: 14px; }
         .agent-item-div a{ color: #dd0026; font-weight: 500; font-size: 14px;  transition: all 0.4s;}
         .agent-item-div i{ color: #dd0026; }
         .agent-item-div:hover { /*border-left:#dd0026 solid 5px; */ }
         .agent-item-div:hover .link { padding-left: 20px; }

         .agent-item-div .card            { border: 0; border-radius: 4px; }
         .agent-item-div .card-image      { width: 100%; height: 150px; float: left; background-size: 100%; background-repeat: no-repeat; background-position: 50%;  }
         .agent-item-div .card-body       { height: 320px; }
         .agent-item-div .card-body p     { font-size: 12px; border-bottom: dashed 1px  rgba(0,0,0,.1); padding-bottom: 5px; margin-bottom: 5px;  }
         .agent-item-div .card-body p:last-child { border:0; }
         .agent-item-div .card-body p a   { color: #444; font-size: 12px; }
         .agent-item-div a                {color: #444;}
         @media screen and (max-width: 48em) {
         .agent-item-div .card-image {
         background-size: 60%;
         }
         .agent-item-div .card-body {
         height: auto;
         }
         }