@charset "UTF-8";
.headline {font-size: 24px; line-height:30px; text-align: center;}
.headline img {width: 500px;}
.tab-offers {width: 100%; margin-top: 1px;}	 
.tab-offers button {float:left; width: 50%; padding: 0 10px; font-size: 18px; line-height:45px; color: #fff; font-weight: bold; text-align: center; background-color:#707070;}
.tab-offers button.desktop { border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.tab-offers button.mobile { border-left: 1px solid #fff; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}

.w3-red,.w3-hover-red:hover{color:#fff!important; background-color:#0d6c29!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: #f3f3f3; padding: 20px;}
.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}
#desktop .display-left{position:absolute;top:450px;left:1%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
#desktop .display-right{position:absolute;top:450px; right:1%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
#mobile .display-left{position:absolute;top:350px;left:1%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
#mobile .display-right{position:absolute;top:350px; 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; width: 100%; padding-left: 45px; text-align: left;}
.word {font-size: 15px; line-height: 23px; margin-top: 15px;  padding-left: 45px;}
.wordtnc {font-size: 15px; line-height: 23px; }
.wordtnc p {font-size: 15px; line-height: 23px; }
.step-top {width: 100%; text-align: left;}
.destop1 {width: 70%; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 10px;}
.dpic {text-align: center;}
.dpic img {width: 95%;}

.mpic {text-align: center;}
.mpic img {width: 40%;}

.cword {}


.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: left;}
.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;}
	}

@media (max-width: 680px) {
.display-left{position:absolute;top:300px;left:1%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.display-right{position:absolute;top:300px; right:1%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.tab-offers button {font-size: 18px; line-height:25px; height: 90px; }	
	}