@charset "UTF-8";

.tab-offers {width: 100%; margin-top: 20px;}	 
.tab-offers button {float:left; width: 50%; padding: 15px 10px; font-size: 18px; line-height:25px; color: #6f5c3f; font-weight: bold; text-align: center; background-color: #fff;  border-top: 1px solid  #b3975d; border-right: 1px solid  #b3975d; border-left: 1px solid  #b3975d; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.tab-offers button.mobilestep { border-top: 1px solid  #b3975d; border-left: 1px solid  #b3975d; border-top-left-radius: 10px; }
.tab-offers button.desktopstep { border-top: 1px solid  #b3975d; border-left: 1px solid  #b3975d; border-top-left-radius: 10px; }

.w3-red,.w3-hover-red:hover{color:#6f5c3f!important; background-color: #eeedea!important;}

.mySlides {display:none}
.display-left, .display-right, .circle {cursor:pointer}

.arr {font-size: 40px; color:#0d6c29; font-weight: normal; }

.stepcontact {display: inline-block; width: 100%; position:relative; background-color: #eeedea; padding: 20px;  border-left: 1px solid  #b3975d;  border-right: 1px solid  #b3975d;  border-bottom: 1px solid  #b3975d; }
.circle {background-color:#a1a1a1; width: 15px; height: 15px; margin-right: 10px; margin-left: 10px;}
.center {text-align: center; margin-top: 20px;}
.in-block { display: inline-block;}

.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.display-left{position:absolute;top:50%;left:1%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.display-right{position:absolute;top:50%;right:1%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}

.display-left img {width: 30px;}
.display-right img {width: 30px;}

.step-area {width: 90%; margin: 0 auto; position:relative; height: 250px;}
.step-left {width: 250px; float: left;}
.step-right {width: 100%; padding-left: 280px;  position:absolute; top:35%;}
.h1 {font-size: 25px; line-height: 35px; color:#0d6c29;}
.word {font-size: 18px; line-height: 32px; margin-bottom: 40px;}
.step-top {width: 100%; text-align: center;}
.destop1 {width: 70%; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 10px;}
.screen {text-align: center;}
.screen img {width: 700px;}

@media (max-width: 710px) {
.screen img {width: 100%;}
	}

.m {display: none;}
.mc {display: block;}

.iframe-container {
  overflow: hidden;
  padding-top: 75%;
  position: relative;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
 
/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
  padding-top: 75%;
}

.iframe-container1 {
  overflow: hidden;
  padding-top: 99.2%;
  position: relative;
}
 
.iframe-container1 iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
 
/* 4x3 Aspect Ratio */
.iframe-container1-4x3 {
  padding-top: 75%;
}


@media (max-width: 970px) {
.step-area {width: 90%; margin: 0 auto; position:none; height: auto;}
.step-left {width: 250px; float: none; text-align: center; padding-left: 5px; margin: 0 auto;}
.step-right {width: 100%; padding-left: 0px;  position:none; top:100%;}
.step-top {width: 100%; padding-left: 0px; text-align: center;}
.destop1 {width: 90%; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 10px;}

.m {display: block;}
.mc {display: none;}
	
}

.btnshow {background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); 
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); 
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); 
	border: 1px solid #D4D4D4;
	color:#0d6c29; width: auto; width: 100px; padding:3px 10px; margin-left: 5px; cursor:pointer;}
.btnshow,
.btnshow:focus{ height:30px;  border:1px solid #D4D4D4; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.btnshow:after{ content:' '; text-indent:-999em; background:url(icon_15px.png) no-repeat 0px -60px; width:15px; height:15px; margin-left:0px; display:inline-block; vertical-align:middle; }
.btnshow:hover:after{ background-position:0px -75px; }
.btnshow.expanded:after{ background-position:-15px -60px; }
.btnshow.expanded:hover:after{ background-position:-15px -75px; }

@media (max-width: 550px) {
.headline img {width: 420px;}
	}