@charset "UTF-8";
.tab-offers {width: 100%; margin-top: 20px;}	 
.tab-offers button {float:left; width: 50%; padding: 10px 10px; font-size: 20px; line-height:45px; color: #fff; font-weight: bold; text-align: center; background-color:#898989; border: none;}
.tab-offers button.mod { border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.tab-offers button.des { 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:#00426b!important; float:left; }

.stepcontact {width: 100%;}
.steparea button {border: none; background: none; width: auto; padding: 0px;}

#stepmobile .display-left {position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%);  text-align: center;}
#stepmobile .display-right {position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);  text-align: center;}

#stepdesktop .display-left {position:absolute;top:60%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%); text-align: center;}
#stepdesktop .display-right {position:absolute;top:60%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%); text-align: center;}
.steparea {position:relative; background-color: #ffffff;  padding-bottom: 0px; padding: 30px; height: auto; margin-top: 60px;} 

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

.bluebox {border: 2px solid #00426b; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; padding: 30px; }

.mobilescreen {width: 380px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 10px; text-align: center; float: left;}
.mobe {width: 350px;}

.mobiletext {width: 100%; padding-left: 380px; height: 510px; position: relative; }
.mobiledec { position: absolute; top: 50%; transform: translateY(-50%); padding-right: 40px;}
.indec {color:#00426b; font-weight: bold; }
.circle1 { background-color:#08457c; border-radius: 50%; color:#fff; width:30px; height:30px; margin:0 5px 0 0;text-align:center; line-height:30px; display:inline-block; font-weight: bold;}

.list_pt ul { list-style: none; }
.list_pt ul li {padding-left: 35px; margin-bottom: 10px; font-size: 24px; line-height: 36px;  }
.list_pt ul li .circle1 { margin-left: -35px; background-color:#08457c;  height: 30px; width: 30px; color: #fff; font-weight: bold;}

.step-top {width: 100%; text-align: center;}
.desktopscreen img {width: 80%;}
.desktoptext { margin-bottom: 0px; min-height: 90px; color:#00426b; font-weight: bold;}

.actheadline {background-color:#00426b; line-height: 50px; color: #fff; font-weight: bold; text-align: center; padding: 5px 20px; width: 300px; margin: 0 auto; height: 60px; border-radius: 30px; }
.new-blue {color: #005bac;}
@media (max-width: 1023px) {	
.mobilescreen {width: 360px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 10px; text-align: center; float: left;}
.mobe {width: 350px;}
.mobiletext {width: 100%; padding-left: 350px; height: 510px; position: relative; }	
.bluebox {border: 2px solid #00426b; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; padding: 20px; }	
}

@media (max-width: 768px) {	
.mobilescreen {width: 100%; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 10px; text-align: center; float: none;}
.mobe {width: 300px;}
.mobiletext {width: 100%; padding-left: 0px; height: auto; position: static; }	
.bluebox {border: 2px solid #00426b; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; padding: 10px; }	
.mobiledec { position: static; top: 0%; transform: translateY(0%); padding-right: 0px; text-align: center;}	
#stepmobile .display-left {position:absolute;top:250px;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%);  text-align: center;}
#stepmobile .display-right {position:absolute;top:250px;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);  text-align: center;}	
}