/* =============================================================================
DESKTOP
========================================================================== */
.pad_top_header, .pad_top_header2 {
  padding-top: 100px;
  -webkit-transition: padding 0.3s;
  -moz-transition: padding 0.3s;
  transition: padding 0.3s;
}
.pad_top_header2 { padding-top: 100px; }
.pad_top_header.shrink {padding-top: 100px;}
.pad_top_header2.shrink {padding-top: 100px;}

.marg_top_header, .marg_top_header2 {
  margin-top: 100px;
  -webkit-transition: margin 0.3s;
  -moz-transition: margin 0.3s;
  transition: margin 0.3s;
}
.marg_top_header2 { margin-top: 100px; }
.marg_top_header.shrink { margin-top: 100px;}
.marg_top_header2.shrink { margin-top: 100px;}

.pos_top_header, .pos_top_header2 {
  top: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.pos_top_header2 { top: 100px; }
.pos_top_header.shrink { top: 100px;}
.pos_top_header2.shrink { top: 100px;}

.header_top_desktop {
  position: absolute;
  text-align: left;
  width: 100%;
  padding: 0px;
  top: 0px;
  z-index: 105;
  height: 100px;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
}
  .header_top_desktop.shrink {
    height: 100px;
  }
.header_center {
  margin: auto;
  text-align: center;
  height: 100%;
}
  .header_center nav {
    margin: auto;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
/* =============================================================================
   EXTRA
   ========================================================================== */
.header_extra_wrapper{
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 8px 18px 8px 18px;
}
  .header_extra_wrapper *{
    font-weight: 600;
  }
.header_city{
  font-weight: 100;
}
/* =============================================================================
   LOGO
   ========================================================================== */
.header_logo_wrapper{
  height: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  z-index: 1;
  margin: 0 20px;
}
.header_logo_wrapper a{
  height: 100%;
  width: 100%;
  display: inline-block;
  vertical-align: middle;

}
  .header_logo_wrapper .header_logo,
  .header_logo_wrapper .DS_editable_img{
    margin-top: 0px;
    margin-right: 0px;
    height: 100%;
  }
/* =============================================================================
   FOR ALERTS
   ========================================================================== */
.header_spacer_normal{
  width: 100%;
  position: relative;
  height: 50px;
}
.header_spacer_alert{
  height: 100px;
}

/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1200px) {
  .header_city{
    display: none;
  }
}
@media screen and (max-width: 979px) {
  .desktop { display: none; }
  .pad_top_header { padding-top: 60px;}
  .marg_top_header { margin-top: 60px; }
}
@media screen and (max-width: 859px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 479px) {}/* =============================================================================
 NAV
 ========================================================================== */
.header_nav1 ul{
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
.header_nav1 .nav_item{
  position: relative;
  display: inline-block;
  padding: 0px; 
  margin: 0;
  vertical-align: middle;
  list-style: none;
}
  .header_nav1 .nav_item:hover{
  }
    .header_nav1 .nav_item:hover h5{
      color: #555; 
      -webkit-transition: background-color 200ms ease;
      -moz-transition: background-color 200ms ease;
      -o-transition: background-color 200ms ease;
      transition: margin-bottom 200ms ease;   
    }
  .header_nav1 .nav_item a{
    display: block;
    padding: 8px 18px 8px 18px;
    text-align: center;
    font-weight: 400;
  }    
    .header_nav1 .nav_item a h5{
      color: #333;
      margin: 0 10px;
    }
.header_nav1 .nav_active {
  color: #fff;  
  border-bottom: 4px solid #555; 
}
 /* =============================================================================
   DROPDOWN MENU
   ========================================================================== */
.header_nav1 .nav_dropdown_menu{
  position: absolute;
  float: left;
  background: #fff;
  padding: 0;
  margin: 0;
  width: 100%;
  min-width: 150px;
  display: none;
  overflow: hidden;
  z-index: 100;
}
.header_nav1 .nav_dropdown_item{
  width: 100%;
  display: block;
  float: left;
}
  .header_nav1 .nav_dropdown_item a{
    padding: 5px 0;
    width: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
  }
  .header_nav1 .nav_dropdown_item a:hover h6{
    color: #fff;
  }
  .header_nav1 .nav_dropdown_item:hover{
    background: #555;
  }
.header_nav1 .nav_dropdown_text{ 
  text-align: center;
}
/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 979px) {}
@media screen and (max-width: 859px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 479px) {}/* =============================================================================
   FOOTER Social
   ========================================================================== */
.header_social_wrapper1{
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  padding: 8px 18px;
}
.header_social_wrapper1 .header_social_content{
  float: left;
  margin-right: 10px;
}
.header_social_wrapper1 .header_social_icon{
  width: 30px;
  height: 30px;  
}
.header_social_wrapper1 .header_social_icon svg{
  width: 30px;
  height: 30px;
}
.header_social_wrapper1 .header_social_icon .SI_solid{
  fill: #333;
}
.header_social_wrapper1 .header_social_icon .SI_stroke{
  stroke: #333;
}
.header_social_wrapper1 .header_social_icon .SI_void{
  fill: none !important;
}
/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 979px) {	
}
@media screen and (max-width: 859px) {	
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 640px) { 
}
@media screen and (max-width: 479px) {	
}/* =============================================================================
   WRAPPERS
   ========================================================================== */
#mobile_header1.mobile{
  display: none;
}
#mobile_header1.header_top_mobile{
  position: absolute;
  text-align: left;
  width: 100%;
  padding: 0px; 
  top: 0px;
  z-index: 100;
  height: 60px;
  background: rgba(255,255,255, .25);
}
#mobile_header1 #mobile_menu_back {
  width: 300px;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: -310px;
  background: rgba(255, 255, 255, 1);  
  z-index: 101;
}
#mobile_header1 #mobile_menu_wrap {
  width: 300px;
  position: fixed;
  top: 0px;
  left: -310px;
  z-index: 102;
}

/* =============================================================================
   SEARCH
========================================================================== */
#mobile_header1 .mobile_search{
  height: 100%; 
  padding-left: 70px;
}
  #mobile_header1 .mobile_search .search_wrapper{
    height: 100%;
  }
    #mobile_header1 .mobile_search .search_wrapper.searching {
      background: #fff;
    }
    #mobile_header1 .mobile_search .search_wrapper .search_box {
      display: inline-block;
      font-size: 24px;
      padding: 0 10px;
      width: 80%;
      width: calc(100% - 70px);
      height: 100%;
      line-height: 60px;
      vertical-align: middle;
      letter-spacing: 1px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      white-space: nowrap; 
      overflow: hidden;
    }
      #mobile_header1 .mobile_search .search_wrapper .search_box:focus{
       outline: none;
      }

    #mobile_header1 .mobile_search .search_wrapper .search_icon {
      width: 25px;
      height: 25px;
      display: inline-block; 
      margin-left: 20px;
      margin-right: 20px;
      cursor: pointer;
      display: inline-block;
      vertical-align: middle;
      opacity: 0.5;
      filter: alpha(opacity=50); /* For IE8 and earlier */
    }
      #mobile_header1 .mobile_search .search_wrapper .search_icon svg{
        width: 100%;
        height: 100%; 
        margin: 0;
      }
      #mobile_header1 .mobile_search .search_wrapper .search_icon .icon_solid{
        fill: #333;
      }
        #mobile_header1 .mobile_search .search_wrapper .search_icon.active .icon_solid{
          fill: #edad91;
        }

/* =============================================================================
   CART
========================================================================== */
   #mobile_header1 .mobile_header_bag_wrapper .cart_icon {
    width: 25px;
    height: 25px;
    display: inline-block; 
  }
    #mobile_header1 .mobile_header_bag_wrapper .cart_icon svg{
      width: 100%;
      height: 100%; 
      margin: 0;
    }
    #mobile_header1 .mobile_header_bag_wrapper .cart_icon .icon_solid{
      fill: #333;
    }
      #mobile_header1 .mobile_header_bag_wrapper .cart_icon.active .icon_solid{
        fill: #edad91;
      }

/* =============================================================================
   NAV
========================================================================== */
  #mobile_header1 #mobile_menu {
    clear: left;
    list-style: none;
    padding: 0;
    margin-top: 60px;
    
  }
  #mobile_header1 .nav_item{
    display: inline-block;
    padding: 0px; 
    margin: 0;
    vertical-align: middle;
    width: 100%;
    height: 60px;
    list-style: none;
    border-bottom: 1px solid #eee;
  }
    #mobile_header1 .nav_item .a{
      display: block;
      padding: 22px 20px 0px 20px;
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      transition: background .4s cubic-bezier(0.8,0,0.22,1);
    }
    #mobile_header1 .mob_sub_menu_indicator {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        height: 100%;
        background: #3a6997;
        transition: all .4s cubic-bezier(0.8,0,0.22,1);
    }
    #mobile_header1 .a{
      cursor: pointer;
    }
    #mobile_header1 .nav_item .label{
      margin: 0 10px;
    }
      #mobile_header1 .nav_item > .a:hover{
      }
      #mobile_header1 .nav_item > .a:hover .label{
        -webkit-transition: background-color 200ms ease;
        -moz-transition: background-color 200ms ease;
        -o-transition: background-color 200ms ease;
        transition: all .4s cubic-bezier(0.8,0,0.22,1);
      }
  #mobile_header1 .nav_active {}
    #mobile_header1 .nav_active .mob_sub_menu_indicator{
      left: 97%;
    }
  #mobile_header1 .menu{
    list-style: none outside;
    padding: 0;
    text-align: left;
  }

/* =============================================================================
   SUB MENU
========================================================================== */
  #mobile_header1 .mob_sub_menu_back {
    display: block;
    position: fixed;
    width: 270px;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    left: -300px;
    background: #ddd; 
    z-index: 109;
  }
  #mobile_header1 .mob_sub_menu {
    width: 270px;
    position: fixed;
    top: 0px;
    left: 0px;
    left: -300px;
    bottom: 0;
    overflow: auto;
    z-index: 110;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 10px 10px 10px;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
  }
  #mobile_header1 .mob_sub_menu .menu{
    padding:0;
    margin: 0;
  }
  #mobile_header1 .mob_sub_menu .sub_menu_item{
    width: 100%;
    display: block;
    float: left;
    display: inline-block;
    padding: 0px; 
    margin: 0;
    vertical-align: middle;
    width: 100%;
    height: 70px;
    list-style: none;
    border-bottom: 1px solid rgba(255,255,255, .25);
  }
    #mobile_header1 .mob_sub_menu .sub_menu_item a{
      padding: 5px 0;
      width: 100%;
      display: block;
      padding: 22px 20px 0px 20px;
      width: 100%;
      height: 100%;
      overflow: hidden;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      transition: background .4s cubic-bezier(0.8,0,0.22,1);
    }
    #mobile_header1 .mob_sub_menu .sub_menu_item a .sub_menu_label{
      margin: 0 10px;
    }
    #mobile_header1 .mob_sub_menu .sub_menu_item a:hover .sub_menu_label{
    }
    #mobile_header1 .mob_sub_menu .sub_menu_item:hover{
    }
  #mobile_header1 .sub_menu_label{ 
    text-align: center;
  }

  .sub_menu_close svg{
      width: 50px;
      height: 50px;
    }
    .sub_menu_close .icon_solid{
      fill: #fff;
      fill: rgba(255,255,255, .5);
    }
    .sub_menu_close .icon_stroke{
      stroke: #fff;
      stroke: rgba(255,255,255, .5);
    }
    .sub_menu_close .icon_void{
      fill: none !important;
    }
      .sub_menu_close:hover .icon_solid{
        fill: #fff;
        fill: rgba(255,255,255, 1);
      }
      .sub_menu_close:hover .icon_stroke{
        stroke: #fff;
        stroke: rgba(255,255,255, 1);
      }

/* =============================================================================
   MENU BTTN
========================================================================== */
  #mobile_header1 .bttn_mobile_menu {
    position: fixed;
    top: 0;
    z-index: 103;
    float: left;
    cursor: pointer;
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
    background: rgba(255,255,255,.5);
    padding: 15px;
    height: 30px;
    width: 34px;
  }
    #mobile_header1 .bttn_mobile_menu:hover {
      transition: opacity .3s cubic-bezier(.5,.5,.5,.5);
      opacity: 1;
      filter: alpha(opacity=100); /* For IE8 and earlier */
    }
    #mobile_header1 .bttn_mobile_menu svg{
      width: 30px;
      height: 30px;
      padding: 0;
      margin: 0;
    }
    #mobile_header1 .bttn_mobile_menu .icon_solid{
      fill: #333;
    }
    #mobile_header1 .bttn_mobile_menu .icon_stroke{
      stroke: #333;
    }
    #mobile_header1 .bttn_mobile_menu_active{
      background: transparent;
    }
      #mobile_header1 .bttn_mobile_menu_active .icon_solid{
        fill: #222;
      }
      #mobile_header1 .bttn_mobile_menu_active .icon_stroke{
        stroke: #222;
      }
      #mobile_header1 .bttn_mobile_menu .icon_void{
        fill: none !important;
      }

/* =============================================================================
   LOGO
========================================================================== */
  #mobile_header1 .mobile_header_logo_wrapper{
    height: 60px;
    display: block;
    text-align: center;
    margin: 0 auto;
  }
  #mobile_header1 .mobile_header_logo_wrapper .header_logo{
    margin-top: 0px;
    margin-right: 0px;
    height: 100%; 
  }
  .sub_menu_close{
    position: absolute;
    width: 340px;
    padding-right: 10px;
    top: 10px;
    right: 0px;
    color: #fff;
    z-index: 91;
    cursor: pointer;
    font-size: 30px;
    text-align: right;
  }

/* =============================================================================
   FOR ALERTS
========================================================================== */
  #mobile_header1 .header_spacer_normal{
    width: 100%;
    position: relative;
    height: 0px;
  }
  #mobile_header1 .header_spacer_alert{
    height: 50px;
  }

/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1200px) {}
@media screen and (min-width: 980px) { 
  /* -- ***NEEDED!!!*** -  FIXES JS ERROR WHEN RESIZING-- */
  #mobile_header1 #mobile_menu_back {
    left: -310px !important;
  }
  #mobile_header1 #mobile_menu_wrap {
    left: -310px !important;
  }
}
@media screen and (max-width: 979px) {
  #mobile_header1.mobile{ display: block; }
}
@media screen and (max-width: 859px) {
  #mobile_header1 .mobile_search .search_wrapper .search_icon{
    margin-left: 5px;
    margin-right: 5px;
  }
  #mobile_header1 .mobile_search .search_wrapper .search_box{
    font-size: 16px;
    padding: 0;
    padding-left: 10px;
    width: 80%;
    width: calc(100% - 40px);
    letter-spacing: 0px;
  }
}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 479px) {
  #mobile_header1 .mobile_search .search_wrapper .search_icon{
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media screen and (max-height: 700px) {
  #mobile_header1 .nav_item{
    height: 60px;
  }
  #mobile_header1 .nav_item .a{    
    padding-top: 15px;
  }
  #mobile_header1 .mob_sub_menu .sub_menu_item{
    height: 60px;
  }
  #mobile_header1 .mob_sub_menu .sub_menu_item a{
    padding-top: 15px;
  }
}/* =============================================================================
   NAV
   ========================================================================== */
#mobile_menu {
  clear: left;
  list-style: none;
  padding: 0;
  padding-top: 60px;
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
}
  #mobile_menu::-webkit-scrollbar {
      display: none;
  }
  #mobile_menu {
    -ms-overflow-style: none;
  }
.extra_right{
  text-align: right;
  position: absolute;
  right: 10px;
  top: -55px;
}
#mobile_header1 .header_nav1_2 .nav_item {
    position: relative;
    display: inline-block;
    padding: 0px;
    margin: 0;
    vertical-align: middle;
    height: 100%;
    border-bottom-width: 0px;
    width: auto;
}
.mobile_menu_item{
  float: left;
  text-align: left;
  border-right: 4px solid transparent; 
  border-bottom: 0px;
  margin: 2px 0 2px 0%;
  padding: 4px 0 4px 5%;
  width: 95%;
  color: #000;
}
  .mobile_menu_item:hover {
    border-bottom: 0px;
    border-right: 4px solid #ccc;  
    background: #ccc;
    color: #333;
  }
.mobile_menu_item_active {
  border-top: 0px;
  border-right: 4px solid #ccc !important;  
}
/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 979px) {}
@media screen and (max-width: 859px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 479px) {  
  .mobile_menu_item{
    font-size: 1.25em;
  }
}/* =============================================================================
   SIDE Social1
   ========================================================================== */
.mobile_social_wrapper1{
  vertical-align: middle;
  padding: 15px 5px 15px 0px;
}
.mobile_social_wrapper1 .header_social_content{
  float: left;
  margin-right: 1px;
}
.mobile_social_wrapper1 .header_social_content:first-of-type{
  margin-left: 5px;
}
.mobile_social_wrapper1 .header_social_content:last-of-type{
  margin-right: 0px;
}
.mobile_social_wrapper1 .header_social_icon{
  width: 25px;
  height: 25px;  
}
.mobile_social_wrapper1 .header_social_icon svg{
  width: 25px;
  height: 25px;
}
.mobile_social_wrapper1 .header_social_icon .SI_solid{
  fill: #fff;
}
.mobile_social_wrapper1 .header_social_icon .SI_stroke{
  stroke: #fff;
}
.mobile_social_wrapper1 .header_social_icon .SI_void{
  fill: none !important;
}
/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 979px) {	
}
@media screen and (max-width: 859px) {	
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 640px) { 
}
@media screen and (max-width: 479px) {	
}/* =============================================================================
   SIDE Social2
   ========================================================================== */
.mobile_social_wrapper2{
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 15px 5px 15px 0px;
}
.mobile_social_wrapper2 .header_social_content{
  float: left;
  margin-right: 1px;
}
  .mobile_social_wrapper2 .header_social_content:last-of-type{
    margin-right: 0px;
  }
.mobile_social_wrapper2 .header_social_icon{
  width: 25px;
  height: 25px;  
}
.mobile_social_wrapper2 .header_social_icon svg{
  width: 25px;
  height: 25px;
}
.mobile_social_wrapper2 .header_social_icon .SI_solid{
  fill: #333;
}
.mobile_social_wrapper2 .header_social_icon .SI_stroke{
  stroke: #333;
}
.mobile_social_wrapper2 .header_social_icon .SI_void{
  fill: none !important;
}
/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 979px) {	
}
@media screen and (max-width: 859px) {	
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 640px) { 
  .mobile_social_wrapper2 .social_networks{
    display: none;
  }
}
@media screen and (max-width: 479px) {	
}/* =============================================================================
   FOOTER
   ========================================================================== */
.footer3{
	width: 100%;
	position: relative;
	z-index: 11;	
}

/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 979px) {}
@media screen and (max-width: 859px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 640px) {
	.footer3{
		position: relative !important;
		z-index: 4 !important;
	}
}
@media screen and (max-width: 479px) {}/* =============================================================================
   EXTRA
   ========================================================================== */  
.footer_extra p{
  font-size: 12px;
}
.company_stamp {
  display: table;
  margin: 20px auto 10px auto;
  height: 50px;
}
.copyright{
  color: #333;
  margin: 20px 0;
  float: left;
}
.footer_signin {
  margin: 20px 0 20px 10px;
  float: left;
  text-decoration: underline;
}
  .footer_signin a {  
    color: #444;
  }
.fiveone_stamp {
  color: #333;
  font-family: arial;
  font-weight: 100;
  text-align: center;
}
  .fiveone_stamp a{
    color: #444;
    text-decoration: underline;
  }
/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 979px) {	
}
@media screen and (max-width: 859px) {	
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 640px) { 
}
@media screen and (max-width: 479px) {
  .footer_extra p{
    font-size: .55em;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
  }	
}/* =============================================================================
   FOOTER NAV
   ========================================================================== */  
.footer_nav_item{
  margin: 0 10px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  border-bottom: 2px solid transparent;
}
  .footer_nav_item h6{
    color: #333;
    font-family: arial;
    font-weight: 600;
  }
    .footer_nav_item:hover h6{
      color: #555; 
    }
.footer_nav_item:hover, .footer_nav_active{
  border-bottom: 2px solid #555;
}
.footer_nav_active h6{
  color: #555;
}
/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 979px) {	
  #footer_nav{ display: none; }
}
@media screen and (max-width: 859px) {	
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 640px) { 
}
@media screen and (max-width: 479px) {	
}/* =============================================================================
   FOOTER ORG HRS
   ========================================================================== */
.footer_org_hrs_wrapper{
  margin-top: 15px;
}
   .footer_org_hrs_wrapper .DoW{
     width: 30%;
     float: left;
     display: block;
   }
      .footer_org_hrs_wrapper .DoW p{
        text-align: right;
      }
   .footer_org_hrs_wrapper .DoW_hrs{
     width: 70%;
     float: left;
     display: block;
   }
/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 979px) {}
@media screen and (max-width: 859px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 479px) {}/* =============================================================================
   FOOTER Social
   ========================================================================== */
.footer_social1 .footer_social_item {
  margin-bottom: 5px;
}
.footer_social1 .footer_social_icon{
  width: 40px;
  height: 40px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
}
.footer_social1 .footer_social_icon svg{
  width: 40px;
  height: 40px;
}
.footer_social1 .footer_social_icon .SI_solid{
  fill: #333;
}
.footer_social1 .footer_social_icon .SI_stroke{
  stroke: #333;
}
.footer_social1 .footer_social_icon .SI_void{
  fill: none !important;
}
.footer_social1 .footer_social_item p {
  display: inline-block;
  vertical-align: middle;
}
/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 979px) {  
}
@media screen and (max-width: 859px) {  
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 640px) { 
}
@media screen and (max-width: 479px) {  
}/* =============================================================================
  GENERAL
========================================================================== */
  .contact_form1{}
    .contact_form1 .form_section_wrapper {
      margin: 0 0 20px 0;
    }
    .contact_form1 .form_section_title {
      text-align: center;
    }

/* =============================================================================
  Checkbox & Radio LIST
========================================================================== */
  .checkbox_item, .radio_item {
    height: 45px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f3f3f3;
    margin: 2px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
  }
    .checkbox_item.disabled, .radio_item.disabled {
      background: #f9f9f9;
    }
    .checkbox_item:hover, .radio_item:hover { 
      background: rgba(255,255,255, .9);
      background: #eee;
    }
    .checkbox_item.disabled:hover, .radio_item.disabled:hover { 
      background: #f9f9f9;
    }
    .checkbox_item label, .radio_item label {
      cursor: pointer;
    }
    .checkbox_item.disabled label, .radio_item.disabled label {
      cursor: default;
    }
      .checkbox_item label h5, .radio_item label h5 {
        padding: 11px 0;
        margin: 0;
        color: #333;
      }
    .checkbox_item input[type='checkbox'], .radio_item input[type='radio'] {
      display: none;
    }
    .checkbox_item.active, .radio_item.active { 
      background: #ccc !important;
      color: #fff;
    }

/* =============================================================================
   SWITCH
========================================================================== */
  .checkbox_switch h5{
    margin-top: 10px;
    margin-right: 10px;
  }
  .checkSwitch {
    position: relative;
    margin: 4px 0 0 2px;
    width: 150px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    background: #ccc;
  }
  .checkSwitch input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
  }
  .checkSwitchInner {
    position: absolute;
    top: 0;
    left: -110px;
    width: 350px;
    height: 100%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
  }
  .checkSwitch.on .checkSwitchInner {
    left: 0;
  }
  .checkSwitch.on{
    background: #4dc160; /*Green*/
  }
    .checkSwitch.on:hover .checkSwitchInner {
      background: #56cc6f; /* Lighter Green*/
    }
    .checkSwitch.off:hover .checkSwitchInner {
      background: #ddd;
    }
  .checkSwitchOn, .checkSwitchOff, .checkSwitchHandle {
    width: 130px;
    padding: 10px 0;
    font-size: 1.2em;
    text-align: center;
    line-height: 22px;
    font-weight: 300;
    color: #444;
    float: left;
  }
  .checkSwitchOn, .checkSwitchOff {
    height: 100%;
  }
  .checkSwitchOn {
    position: relative;
    border-radius: 2px 0 0 2px;
    color: #fff;
  }
  .checkSwitchOff {
    position: relative;
    border-radius: 0 2px 2px 0;
    left: -30px;
  }
  .checkSwitchHandle {
    position: relative;
    padding: 0;
    font-size: 16px;
    line-height: 23px;
    font-weight: 100;
    color: #4b4b4b;
    text-shadow: none;
    background: #fff;
    z-index: 1;
    width: 30px;
    height: 30px;
    left: -15px;
    top: 5px;
    border-radius: 50%;
  }

/* =============================================================================
  FILE UPLOAD
========================================================================== */
  .contact_form1 .file_requirements_wrap{}
    .contact_form1 .file_requirements_wrap p{}
    
  .contact_form1 .file_container{
    float: left;
    margin: 0;
    position: relative;
  }
    .contact_form1 .file_container .file_upload_field{
      position: absolute;
    }
    .contact_form1 .file_container .file_upload_field, 
    .contact_form1 .file_container .file_upload_form input[type=submit] {
      visibility: hidden;
      width: 0;
      height: 0;
    }
    .contact_form1 .file_container .file_upload_bttn {
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;  
      border: 0;
      display: table;
      height: 200px;
      width: 150px;
      margin: 5px 5px 5px 3px;
      background-size: 50%;
      background-image:url("../../../51-content/features/forms/contact/img/add_file.png");
      background-position: center center;
      background-repeat: no-repeat;
    }
      .contact_form1 .file_container .file_upload_bttn:hover { 
        background-color: #fff;
      }
    .contact_form1 .file_container .file_upload_bttn_preview{
      background-size: 50%;
      background-color: #fff;
      overflow: hidden;
    }
      .contact_form1 .file_container .file_upload_bttn_preview:hover{
        background-color: #fff;
      }
    .contact_form1 .file_container .file_name_wrap{
      position: absolute;
      width: 86%;
      width: calc(100% - 20px);
      bottom: 10px;
      left: 10px;
      text-align: center;
      color: #000;

      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: middle;
      font-size: 12px;
    }
  
/* =============================================================================
   FORM COMPLETION
========================================================================== */
  .submit_complete_wrapper{
    margin-top: 100px;
    margin-bottom: 50px;
  }

/* =============================================================================
   OTHER
========================================================================== */
  .grecaptcha-badge{
      display: none;
  }

/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
========================================================================== */
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 979px) {}
@media screen and (max-width: 859px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 479px) {
  .checkSwitch {
    width: 100px;
    height: 30px;
    border-radius: 15px; /* half switch height*/
  }
  .checkSwitchInner {
    left: -70px; /*width - handlewidth*/
    width: 350px;
  }
  .checkSwitchOn, .checkSwitchOff, .checkSwitchHandle {
    width: 88px; /*switch width - half handlewidth*/
    padding: 5px 0;
    font-size: .65em;
  }
  .checkSwitchOff {
    left: -24px; /* - handlewidth*/
  }
  .checkSwitchHandle {
    width: 24px; /* same as height*/
    height: 24px;
    top: 3px;
    left: -15px; /* - half handlewidth - handle padding*/
    padding: 0;
  }	
}/* =============================================================================
   Connect Social
   ========================================================================== */
.connect1 .connect_wrapper{
   margin: auto;
   display: block;
   text-align: center;
}
.connect1 .connect_item {
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
}
.connect1 .connect_social_icon{
  width: 40px;
  height: 40px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
}
  .connect1 .connect_social_icon svg{
    width: 100%;
    height: 100%;
  }
  .connect1 .connect_social_icon .SI_solid{
    fill: #333;
  }
  .connect1 .connect_social_icon .SI_stroke{
    stroke: #333;
  }
  .connect1 .connect_social_icon .SI_void{
    fill: none !important;
  }
.connect1 .connect_item p {
  display: inline-block;
  vertical-align: middle;
}
/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 979px) {}
@media screen and (max-width: 859px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 479px) {}