body {
  -webkit-text-size-adjust: 100%;    
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

.m-res-only{
display:none;
}






/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
 
.cmn-toggle-switch {
background: transparent !important;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  margin-top:12px;
  width: 70px;
  height: 65px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

.cmn-toggle-switch:focus {
  outline: none;
}
 
.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 18px;
  left: 4px;
  right: 4px;
  height: 2px;
  
  background: #fff;
}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  content: "";
}

.cmn-toggle-switch span::before {
  top: -6px;
}

.cmn-toggle-switch span::after {
  bottom: -6px;
}
 
 
.cmn-toggle-switch__htx {

}

.cmn-toggle-switch__htx span {
  -webkit-transition: background 0 0.3s;
          transition: background 0 0.3s;
}

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0;
          transition-delay: 0.3s, 0;
}

.cmn-toggle-switch__htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.cmn-toggle-switch__htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active {

}

.cmn-toggle-switch__htx.active span {
  
}

.cmn-toggle-switch__htx.active span::before {
  top: -10px;
transition: top 0.6s ease 0s; 
}

.cmn-toggle-switch__htx.active span::after {
  bottom: -10px;
transition: bottom 0.6s ease 0s; 
}

.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
  -webkit-transition-delay: 0, 0.3s;
          transition-delay: 0, 0.3s;
}


















.header-res{
display:none!important;

}
.form-address-res{
display:none;
}

/*******************************************************************************
 *  responsive presetting
 */

.res-nav-frame{
      z-index:122;

}



.res-content-main{
      display:none;
}


.responsive-loader{
         text-align:center;
         padding: 50px;
         width: 700px;
         height:900px;
         margin: 0 auto;
         display:none;
         border:5px solid red;
         top:0;
position:absolute;  
}

.res-c,
.res-nav-frame{
      display:none;

}

.res-c{
     text-align:right;

      width:98%!important;
      height:60px;

}
.res-nav-frame{
      width:98%!important;
      display:block;
      
      
      
}




/*******************************************************************************
 *  media query mobile portrait
 */ 



/*******************************************************************************
 *  media query mobile portrait
 */ 
@media only screen and (max-width: 860px) {


body{

}

.portfolio{
padding:0;
}

.boxNewsContentSingle{
padding-left:0;
}
.form-address{
    display:none;
    color:#E9D8C7;
}
.form-address-res{
display:block;
color:#fff;
}

.nav-dummy{

display:none!important;
}

.nav-dummy-info{
display:none!important;
}

.side{
display:none;
}


.logo-small a{
display:none!important;
}



.logo-small .m-res-only,
.logo-small .m-res{
display:block!important;
position:fixed;
top:auto!important;
bottom:8px;

max-width:80px!important;
opacity:0.9;
}

.m-res-only{
display:block!important;
left:auto!important;
right:16px!important;


}

.phone{
 left:16px!important;
}

.content-index-0{
 display:none;
}

.res-nav{
 display:block;
}
.default-nav{
 display:none!important;
}

.res-nav-frame{
         background-color:gray;
         width:100%!important;
         padding:0;
         padding-top:35px;
         padding-bottom:00;
         margin:0;
         top:-1800px;
         position:fixed;
         overflow:auto;
}

ul{
   width:100%!important;

}
.nav ul li a{

      width:100%;
      display:block;
      text-align:center;
      font-size:1.2em!important;
      height:auto;;
      margin-bottom:12px;
}

.nav ul li ul{
      display:block;
      position:relative!important;;
      
      width:100%!important;
      min-width:auto;
}
.nav ul li ul li{
height:30px;
}
.content-main{
   background-size: 100% 40px;
}

.nav-dot{
display:none;
}


img{
max-width:100%!important;

}


.article-image img{
    max-width:100%;
    padding-left: 0;
    padding-top: 0;

}

.article-content-frame{
    display:none!important;
    position:relative;
}

.article-frame{
    height:auto;
    position:relative;
}



.article-image{
    position:relative;
    height:auto;
}

.article-content{
display:none;
}

.article-content-content{
      opacity:1!important;
      position:relative;
      top:0!important;
      height:auto;

}
.content-top-nav-0 img{
width:60px!important;
}
.content-top-nav-0{
width:45px!important;
}
.res-c img{
width:inherit!important;
}


.content-top-nav-1{
display:none;
}
.logo-small{
margin-top:90px;
position:relative;
}
.header{
height:85px;

position:relative;
}



.content-top-nav{
top:0!important;
left:0!important;
height:50px;
padding-left: 0;
padding-top:!important;
}


.content-top-nav-0{
      margin-top:0px;
      margin-left:-90px;
}













.sliderPrev,
.sliderNext{
width:22px!important;
display:none;
}
div{

}

h1,
h2,
ul,
li,
div{
         width:100%!important;
         float:none;
         font-size:26px;

}
h1{

 
            margin-top:-140px;
                  font-size:46px;
                  line-height:46px;


}



.content-portfolio{
background:none;
}

.article-content-content{
background:#BB5321;
}
article {
margin-top:45px;
}
.article-shop{
         width:90px!important;
}

form{
 display:none;
}
.nav-contact-frame{

padding:20px;
}




.c-logo{


      padding-top:12px; 
      }


.logo{

      padding-left:12px;
      padding-top:1px;  
      width:130px!important;
      height:85px!important;

}
.logo img{
      width:70px!important;
}

.boxCenterContentTitle{
  
}

.responsive-loader{
         text-align:center;
         padding: 50px;
         width: 700px;
         height:900px;
         margin: 0 auto;
         display:none;

}


.res-c{
      display:block;
   
}

.res-c {
    position:absolute;
    top:12px;
    right:10px;
    width:120px!important;    
}

.content-main{
      width:97%!important;
   

}
.content-top-nav{
 background:none;
}

.content-portfolio{
padding-left:0;
position:relative;
bottom:auto!important;
}


.content-default-index,
.content-index{
padding-left:0;
}
.content{
        width:96%!important;
        margin:0 auto;
        margin-top:2px!important;

}

.content-index-1 h1{
display:inline;
line-height:1em;
font-size:155px;
margin-top:2px!important;
}

.content-index-1{
             margin-top:2px!important;
}




.content-0{
padding:0!important;
margin:0!important;
      position:relative;
      left:0;
      top:196px;
}

.news-image img{
width:100%;   

}



.nav ul li{

text-align:left;
margin:0;
padding-top:4px;
padding-bottom:0px;

height:auto!important;

}

.nav ul li a:hover,
.nav ul li a{
   font-size:16px;
}

.nav ul li ul li{
margin:0;

}

.nav ul>li>ul {
	position: relative;
	left:0;
	min-width:100%;
  height:auto;
  min-height:40px;
	padding-left:0!important;
  padding-top: 15px;
  margin-top:6px
}
.nav ul li ul{
margin-top:6px
}
.res-nav ul li ul{

	min-width:100%;
 
}



.nav-item-sub {
	color: #E6AC65;
}
.nav-item-sub-active {
	color: #E6AC65;
}
.nav-item-sub:hover {
	color: #E6AC65;
}












.content-default div{

}


}