/***********************************************/
 /* custom.css    */
 /* All custom and miscellaneous styles         */
 
 
/****************************************/
/* Index                                */
/****************************************/
/*
- Reusable Components
- Template Module Classes
- Unique pages
- Micellaneous
- Mobile
*/
 
/****************************************/
/* Reusable Components                  */
/****************************************/
 
 
/*-- ex. Containers --*/
 
 
/*-- ex. Buttons --*/
 
 
 
/****************************************/
/* Unique Pages                         */
/****************************************/
 
/*-- ex. Homepage --*/
 
 
/*-- ex. Contact Us --*/
 
 
/****************************************/
/* Miscellaneous                        */
/****************************************/
 
.custom_call_m {
    display: none !important;
}

.custom_call_d {
    text-align:right;
    padding:10px 3px 0 0 !important;
}

.custom_call_d a {
    color:#333;
    font-size:11px;
    border-right: 1px solid #CCCCCC;
    padding: 0 7px;
}

.custom_call_d a:last-child {
    border: 0 none;
    padding-right: 0;
}

.custom_call_d a {
    text-decoration:none;
}

.custom_call_m {
    text-align:right;
    padding:10px 3px 0 0 !important;
}

.custom_call_m a {
    color:#333;
    font-size:11px;
    border-right: 1px solid #CCCCCC;
    padding: 0 7px;
}

.custom_call_m a:last-child {
    border: 0 none;
    padding-right: 0;
}

.custom_call_m a {
    text-decoration:none;
}

.custom_footer_outer {
    border:1px solid #e5e5e5 !important;
    border-radius:5px;
    padding:0 20px 38px 20px !important;
    margin-top:35px !important;
}

.custom_footer_inner {
    border:1px solid #dddddd !important;
    margin-top:38px;
}

.custom_footer_text {
    font-size:11px;
    line-height:16.5px;
    font-weight:normal;
    /*border-right:1px solid #dddddd !important;*/
    padding:0 29px !important;
}

.custom_footer_text p {
    text-align:justify;
}

.custom_footer_text p span {
    color:#FF6600;
    font-weight:bold;
}

.custom_form {
    padding:0 0 10px 6px !important;
    border-left:1px solid #dddddd !important;
}

.custom_form .hs-input {
    font-size:14px;
    font-weight:normal;
    color:#000;
    line-height:17px;
    border-radius:2px;
    border:1px solid #ccc;
    box-shadow: 0 1px 0 #FFFFFF, 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    margin:0 !important;
    padding:0 !important;
}

.custom_form .hs-button {
    margin:0 !important;
}

.custom_mailer {
    border-right:1px solid #dddddd !important;
}

.custom_mailer img {
    margin:1px 0 0 0;
}
 
.custom_footer_bottom {
    font-size:11px;
    color:#555555;
    line-height:16.5px;
    padding:24px 0 22px 0 !important;
}

.custom-menu-primary {
    position:relative !important;
}

.custom-blog-email ul {
    list-style-image:none !important;
    list-style-type: none;
    padding-left:0px !important;
}

.custom_address {
    text-align:right;
}


/* ==========================================================================
   Mobile Menu - Toggle Dropdown Menu - Fixed Top
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .menu-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */


/* Variables
   ========================================================================== */

      /* Set Mobile Menu Background Color */
         /* Set Link Color */
 /* Set Link Hover Color */


/* Toggle Button
   ========================================================================== */

a.mobile-trigger {
     display: none; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    margin: 5px;
    padding: 8px 0 2px 0;
}
a.mobile-trigger:hover {
    text-decoration: none; /* Removes link text underline on button */
}

/* Three line icon */
a.mobile-trigger span {
    margin: 0 auto;
    position: relative;
}
a.mobile-trigger  span:before, a.mobile-trigger span:after {
    position: absolute;
    content: '';
}
a.mobile-trigger  span, a.mobile-trigger  span:before, a.mobile-trigger  span:after {
    width: 13px; /* Icon line width */
    height: 3px; /* Icon line height */
    background-color: #ffffff; /* Color of all three lines */
    display: block;
    margin-right:3px;
}
a.mobile-trigger  span:before {
    margin-top: -5px; /* Position top line */
}
a.mobile-trigger  span:after {
    margin-top: 5px; /* Position bottom line */
}
 
 
/* Menu Styles on Mobile Devices
   ========================================================================== */   
         
 @media (max-width: 767px) {
 
     /* Hide menu on mobile */
     .custom-menu-primary.js-enabled .hs-menu-flow-horizontal {
          display: none;
     }  
 
     /* Show menu button on mobile */
     a.mobile-trigger {
          display: inline-block;
     }
 
     /* Make child lists appear below parent items */
     .custom-menu-primary ul.hs-menu-children-wrapper {
          visibility: visible !important;
          opacity: 1 !important;
          position: static !important;
          display: none !important;
     }
    
     /* Show child lists when hovering over parent */
     .custom-menu-primary li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
          display: block !important;
     }
 
     /* Add down arrow to nav items with children */
     .custom-menu-primary ul li.hs-item-has-children > a:after{
          content:'';
          margin-left: 10px;
          width: 0;
          height: 0;
          border-left: 5px solid transparent; /* Adjust border sizes to go bigger or smaller */
          border-right: 5px solid transparent;
          border-top: 5px solid #fff; /* change this color to match menu text */
          border-bottom: 0px !important;
     }
 
     /* General Menu Styles */
     .custom-menu-primary.js-enabled{
        text-align: right; /* Change the text align to change the position of the toggle button */
        /*background-color: #333;*/
        background-color: #585858;
        background-image: -moz-linear-gradient(center top , #585858, #3D3D3D);
        position: fixed; 
        top: 0px;
        width: 100% !important;
        /*-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5); *****************************************/
        /*-moz-box-shadow:    0px 2px 6px rgba(0, 0, 0, 0.5); Adds a little shadow to menu for depth */
        /*box-shadow:         0px 2px 6px rgba(0, 0, 0, 0.5); /******************************************/
     }

     .header-container-wrapper{
      padding-top: 65px; /* Add padding to header to make room for menu */
     }
     .custom-menu-primary .hs-menu-flow-horizontal{
          text-align: left; /* Left aligns menu text */
     }
 
     /* Parent List */
     .custom-menu-primary ul{
          background-color: #333;
     }
     .custom-menu-primary ul li{}
     .custom-menu-primary ul li a{
          color: #fff;
     }
     .custom-menu-primary ul li a:hover{
          color: #cc0000;
     }
 
     /* Child List */
     .custom-menu-primary ul ul{}
     .custom-menu-primary ul ul li{}
     .custom-menu-primary ul ul li a{}
     .custom-menu-primary ul ul li a:hover{}
 
     /* Grandchild List */
     .custom-menu-primary ul ul ul{}
     .custom-menu-primary ul ul ul li{}
     .custom-menu-primary ul ul ul li a{}
     .custom-menu-primary ul ul ul li a:hover{}
 
}


/*-- ex. Fancybox Plugin Overrides --*/
 
/* ------ Mobile ------ */
/* Large desktop */
@media (min-width: 1200px) {}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

.custom_call_m {
    display: block !important;
    margin-top: -61px;
    padding: 0 3px 0 0 !important;
    text-align: center;
}

.custom_call_d {
    display:none !important;
}

.custome_logo {
    text-align:center;
    margin: -29px 0 10px !important;
}

.custom_footer_bottom {
    text-align:center;
}

.custom_address {
    text-align:center;
}
    
}
     
/* Landscape phones and down */
@media (max-width: 480px) {}
 
/* Iphone */
@media (max-width: 320px) {}