/** Generated by FG **/

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-family: 'open sans', sans-serif;
}
body{
    background-color: #f1f1f1;
}

* {
    box-sizing: border-box;
}

li {
    list-style: none;
}

.main-wrapper a,
.main-wrapper a:focus,
a:hover {
    text-decoration: none;
    outline: none;
}

img,
input,
select,
textarea,
input:focus,
select:focus,
textarea:focus {
    outline: none;
}

.main-wrapper {
  
}
.sc-heading h1{
    font-size:30px;

}
.sc-heading p {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 30px;
}
.outer-div {
    width: 100%;
    display: block;
 

}

.sec-wrap {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0px 20px;
    background-color: #fff;
    display: flex;
    align-items: center;
    height: 250px;
}
.front-sec h2 {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 25px;
}
span.icon {
    display: inline-block;
}
.hide-sec {
    position: absolute;
    bottom: -250px;
    left: 0;
    transition: all 0.5s linear;
      -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    background: #fff;
    width: 100%;
    padding: 30px 20px;
    height:250px;
        display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.sec-wrap:hover .hide-sec{
    bottom:0;
} 
.hide-sec p{
    font-size:14px;
    margin-bottom: 30px;


}
.hide-sec .select-btn{
    width:100px;
    height:30px;
    border:none;
    background-color: #03a9f4;
    color:#fff;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    font-size:15px;
    line-height:16px;
}
.hide-sec .select-btn:hover{
    background-color:#116e98;
}
.icon-col-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
}





/* for products menu section css start */

 .scp-section-title{
        border-bottom: 1px solid #cfcfcf;
        color: #939393;
        font-weight: normal;
        font-size: 20px;
        line-height: 1.667em;
        letter-spacing: .5px;
        text-transform: uppercase;
        margin: 0.8125rem 0 0.65rem 0;
        text-align:center
    }
	.spcp-main{
		position: relative;
		margin: 0.5rem 0 1rem 0;
		background-color: #fff;
		transition: box-shadow .25s;
		border-radius: 2px;
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.22);
		
	}
	.spc-outer-div{
		padding: 20px 20px 30px;
		border-radius:  0 0 2px 2px;
	}
	
	.spc-outer-div h2{
		font-size: 24px;
		line-height: 110%;
		margin: 0.9375rem 0 0.75rem 0;
		color: #393939;
		text-transform: capitalize;
		font-weight: bold;
	}
	.spc-outer-div p{
	    font-size: 14px;
		font-weight: 300;
		line-height: 1.5;
		margin: 1rem 0 0.5rem 0;
		padding: 0;
		color: rgba(0, 0, 0, 0.57);
	}
	.spc-below-div .spc-card-action {
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
	    padding: 20px 20px 30px;
	}
	.spc-below-div a.spcp-button{
		position: relative;
		cursor: pointer;
		display: inline-block;
		overflow: hidden;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color: transparent;
		vertical-align: middle;
		z-index: 1;
		will-change: opacity, transform;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		background-color: #4bb35e;
		width: 100%;
		border-radius: 0px;
		padding: 10px 0;
		border: 1px solid transparent;
	    white-space: pre-wrap;
	    text-transform: uppercase;
	    font-weight:bold;
	    font-size: 14px !important;
	    color: #fff !important
	}
	.spc-below-div a.spcp-button:hover {
		background-color: #47c45f; 
	    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.24);
	    
	}
	.spc-below-div a.spcp-button:focus, .spc-below-div a.spcp-button:active{
		border: 1px solid transparent;
	}
	.spccontainer{
		/*max-width:100% ;*/
	}
	
	
/* for products menu section css end */





@media (max-width:639px){
  
    .icon-col-wrap {
    width: 50%;
    padding: 10px;
}
}
@media (max-width:479px){
 
    .icon-col-wrap {
    width: 100%;
    padding: 15px;
}
}


.smartpaycart_page_smartpaycart_getstarted .col-sm-4 {
    width: 33.33333333% !important;
    padding-top: 15px;
    padding-bottom: 15px;
}