/*  modal */


#helpModal {
	background: #f7f7f7;	
	top:20%;
	/*
	left:10%;
	width:80%;
	height:80%;
    position:absolute; */
	/*opacity: 0;*/
    width: 560px;
    min-height:400px;	
	z-index: 2000;
	/*visibility: hidden;*/
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

/* Make the modal appear when targeted */
#helpModal:target {
	opacity: 1;
	top:40%;
	visibility: visible;
}

#helpModal .modal-body, #helpModal .modal-header, #helpModal .modal-footer {
	padding:5px;
}

#helpModal .modal-header {
    border-bottom: 1px solid #e7e7e7;
    border-radius: 5px 5px 0 0;
    background-color: #00a2e3;
    height: 36px;
    line-height: 38px;
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
}
	
#helpModal h2 {
	margin:0;
	font-size:16px;
	padding-left:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:lighter;
}

#helpModal .close {
	float:right;
	background:url('../../../Images/icon-close.png');
    background-repeat: no-repeat;
    background-size: 30px 30px;
	border:none;
	box-shadow: none;
    width: 30px;
    height: 30px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#helpModal .close:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}

#helpModal .modal-body {
    overflow-y: inherit;
}

#helpModal .modal-body {
    overflow-y: inherit;
	padding:15px !important; 
}

#helpModal .modal-footer{
	background:#00a2e3;
	height:15px;
	border:none;
	border-top: 1px solid #e7e7e7;
    margin-left:0px;
    margin-right:0px;
    margin-top: 3px;
}

#divFrame {
    width:100%;
    height:100%;
}

#divFrame iframe {
    width: 100%;
    min-height:400px;
	border:none;
}

#divFrame iframe p {
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    padding-left: 15px;
    padding-right: 15px;
    color:#666;
}

/* style modal */

.steps-help{
background-color: rgb(241, 241, 241);
border: 1px solid rgb(224, 224, 224);
margin-top:5px;
width: 100%;
color:#00a2e3;
font-size: 12px;
padding-left: 15px;
line-height: 16px;
margin-bottom: 10px;
min-height: 20px;
padding-top:8px;
padding-bottom:8px;
font-family:Verdana, Geneva, sans-serif;
	}
	
.description-title{
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	}
	
	.description-title p{
		font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	}
	
	.text-action p{
	font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		padding-left: 15px;
padding-right: 15px;
		color:#00a2e3;
}

h2 {
        font:600 27px/33px Helvetica, sans-serif;
        margin-bottom:20px;
}

.description-title h3{
	font-size: 14px;
color: #FFFFFF;
font-weight:lighter;
background: #555555;
padding-left: 18px;
line-height: 2;
width: 100%;

}

	
	.cont-image {
	/*background:url(../img/img-1-loan-payments.png) 100% 100% no-repeat;*/
    display: block;
	min-height:140px;
 /* width: 960px;*/
      padding: 5px;
  margin-bottom: 20px;
 
}

.description-txt{
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	margin:0 auto;
	width:100%;
	color:#666;
	min-height: 50px;
padding-left: 10px;

}


/* devices */
@media (max-width: 479px){
.cont-image  {
background-size: contain;
margin:0 auto;
min-height:80px;
font-size:10px;
}}

@media (max-width: 767px){
	.cont-image  {
background-size: contain;
font-size:10px;

}}

@media (min-width: 768px) and (max-width: 979px){
		.cont-image  {
background-size: contain;
font-size:10px;

}}

@media (min-width: 978px) and (max-width: 1260px){
		.cont-image  {
background-size: contain;

	
}}

/* @media only screen and (max-width: 880px) {        
.cont-image .cont-image-2 {
background-size: contain;
width: 880px;

}   
 }

 @media only screen  and (min-width: 900px) and (max-width: 1081px) {   
.cont-image {
width: 900px;        
background-size: contain;

}   
 }

 @media only screen  and (min-width: 1082px) and (max-width: 1181px) {  
.cont-image  {
   width: 1082px;
background-size: contain;
}   
 }

 @media only screen  and (min-width: 990px) and (max-width: 1281px) {  
.cont-image  {
width: 990px;
background-size: contain;
}   
}

 @media only screen  and (min-width: 650px) and (max-width: 800px) {  
.cont-image  {
width: 650px;
background-size: contain;
min-height: 90px;
}   
 }
 
  @media only screen  and (min-width: 700px) and (max-width: 800px) {  
.cont-image  {
width: 700px;
background-size: contain;
min-height:100px;
}   
 }
 
  @media only screen  and (min-width: 500px) and (max-width: 600px) {  
.cont-image  {
width: 550px;
min-height: 70px;
background-size: contain;
}   
 }
 
   @media only screen  and (min-width: 400px) and (max-width: 500px) {  
.cont-image  {
width: 450px;
min-height: 60px;
background-size: contain;
}   
 }
*/