/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }
/* Left & Right alignment */
.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
/* Global properties ======================================================== */
body{ background-color: #000000; border:0; font:14px Arial, Helvetica, sans-serif; color:#7f7f7f; line-height:25px; background-image:url(../images/footer.jpg); background-repeat:no-repeat; background-position:center top;}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}
/* Global Structure ============================================================= */
.main {
  margin: 0 auto;
  width: 100%;
  max-width: 1020px;
}
.bg1{ background:url(../images/bg_menu.png) 0 0 repeat-x; }
/* ============================= main layout ====================== */
a{ color:#7f7f7f; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ padding:35px 0 0 43px; float:left;}
.stove-logo { padding:35px 0 0 43px; float:left;}
h2{ font-size:40px; color:#fff; line-height:1.2em; padding:20px 0 14px 0; letter-spacing:-3px; font-weight:400; margin-left:-2px;}
.page-title{ font-size:40px; color:#fff; line-height:1.2em; padding:20px 0 14px 0; letter-spacing:-3px; font-weight:400; margin-left:-2px;}
h2#welcom{ font-size:61px; line-height:1.2em; padding:0 0 9px 0; letter-spacing:-5px; margin-left:-5px;}
h2 strong{ font-weight:700; color:#7532a9;}
h3{ font-size:20px; line-height:1.2em; color:#ffffff; padding:8px 0 16px 0; font-weight:400; letter-spacing:-1px;}
h4{
  font-size:24px;
  color:#7f7f7f;
  line-height:1.2em;
  font-weight:400;
  letter-spacing:-2px;
  text-align: center;
  margin-left: -35px;
  padding-top: 20px;
  padding-right: 0;
  padding-bottom: 20px;
  padding-left: 0;
}
h5{float:right; padding:35px 0 0 43px;}
p{ padding-bottom:25px; color:#FFF;}
img{ max-width: 100%; height: auto;}
/* ============================= header ====================== */
header{
  height:240px;
}
#logo{
  display:block;
  text-indent:-9999px;
  background:url(../images/stove_logo.png) 0 0 no-repeat;
  width:380px;
  height:120px;
}
#phone{
  display:block;
  text-indent:-9999px;
  background:url(../images/stove_logo2.png) 0 0 no-repeat;
  width:400px;
  height:105px;
}
#menu {
  width:100%;
  overflow:hidden;
  background:url(../images/menu_line.png) 0 0 no-repeat;
}
#menu > li { float:left; padding-right:2px; background:url(../images/menu_line.png) right 0 no-repeat}
#menu > li > a{ display:block; width:125px; font-size:21px; color:#ffffff; text-decoration:none; text-align:center; height:60px; line-height:60px; letter-spacing:-1px;}
#menu > li > a:hover, #menu > .active > a{color:#f98f12}
.slideshow {
  height: 350px;
  width: 600px;
  margin: auto;
  overflow: hidden;
}
.slideshow img { 
border: 0px; 
position: absolute;
}
/* ============================= content ====================== */
.box{ padding:20px 46px 50px 49px; overflow:hidden;}
#page1 .box{
  padding-top:34px;
  width: 100%;
  max-width: 925px;
  background-color: #000000;
  background-image:url(../images/footer.jpg);
  background-repeat:no-repeat;
  background-position:top center;
}
#content{
  padding-bottom:50px;
}
#page2 #content{ padding-bottom:50px;}
#page5 #content{ padding-bottom:40px;}
.pad_left1{ padding-left:20px}
.pad_bot1{
  padding-bottom:5px;
  }
.pad_bot2 a{ 
text-decoration:none;}
.pad_bot2{ padding-bottom:30px; padding-left: 30px;}
.marg_right1{
  margin-right:70px
}
#page2 .pad_bot1{ padding-bottom:40px;}
#page5 .pad_bot1{ padding-bottom:10px;}
#page6 .pad_left1{ padding-left:36px;}
#page6 .pad_bot1{ padding-bottom:10px;}
.color1{ color:#fff}
.color2{ color:#f98f12}
.link1{ color:#fff; text-decoration: none}
.link1:hover{ color:#f98f12}
.link2{ color:#7532a9; text-decoration: none}
.link2:hover{ text-decoration:underline}
.dropcap_1{ float:left; margin-top:-4px; width:110px; height:95px; background:url(../images/bg_dropcap.png) 0 0 no-repeat; margin-right:7px; font-size:48px; color:#fff; line-height:1.2em; text-align:center; font-weight:bold; letter-spacing:-4px; padding-top:15px;}
.dropcap_1 span{ display:block; font-size:19px; line-height:1.2em; font-weight:400; letter-spacing:-1px; margin-top:-11px}
#gallery1{
  height: 250px !important;
  margin-left:-7px;
}
#gallery1 li{ overflow:inherit !important; }
.prev, .next{ float:right; background:url(../images/markers.jpg) 0 0 no-repeat; width:39px; height:39px; margin-right:-3px;}
.next{ background-position:right 0}
.prev:hover{ background-position: 0 bottom}
.next:hover{ background-position: right bottom}
.list1{}
.list1 li{ line-height:25px;}
.list1 li a{ color:#fff; text-decoration:none; padding-left:14px; background:url(../images/marker_1.gif) 0 5px no-repeat}
.list1 li a:hover{ color:#7532a9}
.folio {}
.folio dt{position:relative; width:100%; height:455px; margin-bottom:40px;}
.folio dt img{ position:absolute; top:0; left:0}
.folio ul{ float:left; width:260px;}
.folio li{ padding-bottom:40px;}
.address{ width:97px; float:left;}
/* ============================= footer ====================== */
footer {
  color:#f98f12;
}
footer a{ color:#f98f12; text-decoration:none}
footer a:hover{ text-decoration:underline}
.icons{ float:left; width:230px; padding-right:70px}
.info{
  float:left;
  width:280px;
  margin-right: 30px;
}
.phone{
  width:100%;
  max-width: 900px;
  float:left;
  padding-left: 0;
}
.phone h4 {
  margin: 0 auto;
}
.phone span{ font-size:30px; margin-top:-5px; text-transform:uppercase; display:block; line-height:1.2em; letter-spacing:-2px;}
#icons{ padding: 8px 0 0 0; overflow:hidden;}
#icons li{ float:left; padding-right:6px;}
/* Tooltips */
.aToolTip { background: url(../images/menu_active.gif) top repeat-x;  color:#fff; margin:0; padding:2px 10px 3px; font-size:11px; line-height:1.2em; position: absolute;}
.aToolTip .aToolTipContent { position:relative; margin:0; padding:0;}
/* ============================= forms ============================= */
#ContactForm{ padding-top:2px;width:100%; overflow:hidden;}
#ContactForm .wrapper{ min-height:35px;}
#ContactForm .textarea_box{ min-height:264px;}
#ContactForm  span{ float:left; width:120px; line-height:30px;}
#ContactForm .button{ margin-right:5px; float:right; font-size:25px; color:#7532a9; text-decoration:none;letter-spacing:-2px; padding:0 13px; line-height:26px; height:31px; background:#fff;box-shadow: 0 0 6px rgba(256, 256, 256, .5); -moz-box-shadow: 0 0 6px rgba(256, 256, 256, .5); -webkit-box-shadow:  0 0 6px rgba(256, 256, 256, .5); position: relative; margin-bottom:5px;}
#ContactForm .button:hover{ background: url(../images/menu_active.gif) top repeat-x; color:#fff;box-shadow: 0 0 6px rgba(152, 103, 190, .5); -moz-box-shadow: 0 0 6px rgba(152, 103, 190, .5); -webkit-box-shadow:  0 0 6px rgba(152, 103, 190, .5)}
#ContactForm .input { margin:0;width:360px; height:16px; background:#fff; padding:7px 10px;color:#474747; font:14px Arial, Helvetica, sans-serif; margin:0}
#ContactForm textarea { overflow: auto; margin:0;width:720px; height:230px; background:#fff; padding:7px 10px;color:#474747; font:14px Arial, Helvetica, sans-serif;}
#gmap{
  width:800px;
  height:600px;
  margin-top:10px;
  vertical-align:middle;
}
#menu a{
font-family: 'News Cycle', sans-serif;
  } 
h2, h3, h4, .page-title{
font-family: 'News Cycle', sans-serif;
} 
.dropcap_1{
font-family: 'News Cycle', sans-serif;
} 
.phone span{
font-family: 'News Cycle', sans-serif;
} 
#ContactForm .button{
font-family: 'News Cycle', sans-serif;
}
.hamburger {
  padding: 10px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  top: 30px;
  right: 75px;
  z-index: 9;
}
.hamburger-box {
  width: 32px;
  height: 21px;
  display: inline-block;
  position: relative; 
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px; 
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 32px;
  height: 3px;
  background-color: #f98f12;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; 
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block; 
}
.hamburger-inner::before {
  top: -9px; 
}
.hamburger-inner::after {
  bottom: -9px; }
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
.hamburger--collapse .hamburger-inner::after {
  top: -18px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; 
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; 
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); 
}
.notfound{
  text-align: center;
}
.notfound h1{
  float: none;
}
.notfound .largetext{
  font-size: 100px;
  line-height: 1.2;
}
@media only screen and (min-width : 992px) {
  .hamburger, .kebab-toggler, .social-menu{
    display: none;
  }
}
@media only screen and (max-width : 991px) {
  .bg1{
    background: none;
  }
  .slide-out-nav {
    position: fixed;
    top: 0;
    right: -280px;
    bottom: 0;
    width: 280px;
    background-color: #000;
    overflow-y: auto;
    z-index: 11;
    transition: all .2s ease-in-out;
    padding: 30px 0;
  }
  .slide-out-nav.nav-open{
    right: 0;
  }
  .slide-out-nav.fadeInDown{
    -webkit-animation-name: unset;
    animation-name: unset;
  }
  .mobile-shift.nav-open {
    left: -280px;
    position: relative;
    transition: left .2s ease-in-out;
    overflow: hidden;
  }
  .mobile-shift.nav-open::before, .mobile-shift.nav-open:before{
    content: "";
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 9;
  }
  .mobile-shift.nav-open .navbar-fixed-top{
    left: -280px;
  }
  #menu > li{
    float: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 0;
  }
  #menu > li > a{
    font-size: 18px;
    width: 100%;
    height: auto;
    text-align: left;
    line-height: initial;
    letter-spacing: normal;
    padding: 10px 15px;
  }
  header{
    height: auto;
    max-width: 1024px;
    margin: 0 auto;
    position: fixed;
    z-index: 9;
    width: 100%;
    background-image: url(../images/footer.jpg);
    background-size: cover;
  }
  header h5{
    display: none;
  }
  header .stove-logo {
    padding: 6px 15px;
    float: left;
  }
  #logo{
    width: 200px;
    height: 85px;
    background-size: 100%;
  }
  #page1 .box{
    padding: 0 15px;
    width: 96%;  
  }
  .col1 {
    width: 100%;
    max-width: 600px;
  }
  .cols{
    width: 100%;
    max-width: 260px;
  }
  .marg_right1{
    margin-right: 30px;
  }
  #content {
    padding-bottom: 15px;
  }
  #slider img{
    width: 100% !important;
    height: auto !important;
  }
  .kebab-toggler{
  position: absolute;
    top: 23px;
    right: 15px;
    width: 50px;
    height: 52px;
    display: block;
    padding: 12px 10px;
}
.kebab-toggler.active .circleKebab circle{
  r:2;
  transition: .3s all ease;
}
.kebab-toggler.active .circleKebab .one{
  cy:8;
}
.kebab-toggler.active .circleKebab .three{
  cy:23;
}
.social-menu{
  color: #fff;
  padding-top: 25px;
  display:none;
  background-image: url(../images/footer.jpg);
}
.social-menu li{
  position: relative;
    padding: 10px 0px;
    width: 50%;
    float: left;
}
.social-menu li .icon {
    position: relative;
}
.social-menu li .icon i {
  color: #ea8823;
    font-size: 22px;
}
.social-menu .contact-info{
 /* padding-left: 30px;
  padding-top: 7px;*/
}
.social-menu .contact-info a{
  color: #fff;
  display: inline-block;
  text-decoration: none;
}
.social-menu .contact-info a strong {
  color: #ea8823;
}
.social-menu .contact-info span{
  display: block;
}
.socmedia{
  margin-top: 15px;
  background-color: #ea8823;
}
.socmedia .social-info{
  padding: 8px 15px;
  text-align: center;
}
.socmedia .social-info a{
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  background: #000;
  margin: 0 3px;
  position: relative;
  font-size: 22px;
}
.socmedia .social-info a i {
  position: absolute;
  top: 6px;
  right: 8px;
}
.social-menu.menu-on{
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    top: 96px;
    z-index: 9;

  }

.social-menu.menu-on ul {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.pad_bot1 {
    padding-bottom: 5px;
    margin-top: 100px;
}

}

@media only screen and (max-width : 879px) {
  .col1 {
    width: 100%;
    max-width: 100%;
  }
  .slideshow {
    width: 100%;
  }
  .cols.pad_left1 {
    width: 100%;
    max-width: 801px;
  }

}

@media only screen and (max-width : 768px) {
/*  .main{
    max-width: 600px;
  }*/
  .col1{
    display: block;
    float: none;
  }
  .cols{
    max-width: 600px;
  }
  #gallery1 li{
    position: relative;
    padding-left: 110px;
  }
  #gallery1 .dropcap_1{
    float: none;
    position: absolute;
    left: 0;
    top: 0;
  }
  .cols .prev, .cols .next{
    margin-right: 15px;
  }
  .pad_bot2 a{
    display: block;
  }
  .page-title{
    font-size: 28px;
  }
  
}
@media only screen and (max-width: 575px) {
  .wrapper figure{
    margin: 10px 0;
    width: 100%;
  }
  .wrapper figure img{
    width: 100%;
  }
  .social-menu{
    padding-top: 15px;
  }
  .social-menu li{
  text-align: center;
  width: 100%;
    float: none;
  }
  .social-menu li .icon{
    position: relative;
    top: auto;
    left: auto;
  }
  .social-menu .contact-info{
    padding-left: 0;
    padding-top: 5px;
  }
   .hamburger.hamburger--collapse.is-active {
    right: -8px;
  }
  .mobile-shift.nav-open .kebab-toggler {
    right: -52px;
    width: 50px;
  }
}

@media only screen and (max-width: 414px) {
  .kebab-toggler {
    right: -15px;
  }
  .hamburger {
    right: 40px;
  }
}

header #myNav.scrolled {
    position: fixed;
    width: auto;
    top: 0;
    background-image: url(../images/footer.jpg);
    z-index: 99;
}

#menu .home-item a i {
  line-height: revert;
}