/********************
 	Tags
*********************/
html{
	font-size:15px;
}

body{
	font-family:'Prompt', sans-serif;
	font-size:1rem;
	color:#464646;
}

h1{
	font-weight: 400;
font-size: 2.44rem;
}
h2{
font-weight: 400;
font-size: 1.88rem;
}

h3{
font-weight: 500;
font-size: 1.16rem;
}

a{
	color:#007096;
	}

/**************************************
 	Default Header/Footer from Service
***************************************/

footer, #wrapper{
	display:none !important;
}




.page-bck{
	background: rgb(44, 86, 151);
    background: linear-gradient(90deg, rgba(44, 86, 151, 1) 32%, rgba(18, 162, 198, 1) 100%);
	min-height:1000px;
	}


.my-pg-login-container{
	padding-top:40px
}

.my-pg-login-container .first-box{
	border-right: none;
	}

.my-pg-login-container h2{
	margin-bottom: 65px;
}

.my-pg-login-container h3{
	margin-bottom: 25px;
}

.my-pg-login-container p{
	margin-bottom: 25px;
}

.my-pg-login-container button{
	width:250px;
	height:53px;
}

.color2{
	color:#007096;
}

.color7{
	color:#fff;
}

.bck-color4 {
    background: rgb(29, 66, 138);
    background: linear-gradient(90deg, rgba(29, 66, 138, 1) 32%, rgba(18, 162, 198, 1) 100%);
}

.bck-color5{
	background:#fff;
}

.my-pg-logo{
padding:20px 0;
display: block;
margin-right: auto;
margin-left: auto;
}

.my-pg-icon{
	margin-top:35px;
	}
	
.password-link{
	font-size:.77rem;
		}
		
.register-link{
	font-weight: 500;
    margin-bottom: 25px;
    margin-top: 15px;
    font-size: 18px;
	}

.register-link a{
color:#007096;
	}
	
	.register-link a::after{
content:" >";
	}
		
.form-control{
		border:solid 1px #aeadae;
		height: 43px;
		margin-bottom: 20px;
		}
		
.my-pg-login-container .centered-form {
width: 55%;
margin-left: auto;
margin-right: auto;
}

.my-pg-login-container .form-title {
margin-top:50px;
}

.my-pg-login-container .registered-text{
margin-top:15px;
}
	
		
.shop-on-pg{
			color:#fff;
			padding:50px 0;
			}
			
.shop-on-pg p{
			margin-bottom:5px;
			}

.shop-on-pg a{
			color:#95c0cf;
			text-decoration:none;
			}
.shop-on-pg a:hover{
			color:#95c0cf;
			text-decoration:underline;
			}			
			
	
/********************
 	Buttons 
*********************/

.btn1 {
    display: inline-block;
	font-size:18px;
    margin: 10px 0;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    font-weight: 500;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    /* border radius */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /* prevents bg color from leaking outside the border */
    background-color: #c30725;
    /* layer fill content */
        background-image: -webkit-linear-gradient(-45deg, #007569 0%, #00897B 100%);
    background-image: -o-linear-gradient(-45deg, #007569 0%, #00897B 100%);
    background-image: linear-gradient(-45deg, #007569 0%, #00897B 100%);
    
    
    transition: all 1s;
    outline: none;
    border: none;
	cursor: pointer;
	font-family:'Lato', sans-serif;
}

.btn1:hover {
    text-decoration: none;
    color: #fff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /* prevents bg color from leaking outside the border */
    background-color: #00897B;
    /* layer fill content */
    background-image: -webkit-linear-gradient(-45deg, #00897B 0%, #007569 100%);
    background-image: -o-linear-gradient(-45deg, #00897B 0%, #007569 100%);
    background-image: linear-gradient(-45deg, #00897B 0%, #007569 100%);
    outline: none;
}

.btn2 {
    display: inline-block;
	font-size:18px;
    color: #fff !important;
    margin: 10px 0;
    padding: 10px 20px;
    text-align: center;
    font-weight: 500;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    /* border radius */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /* prevents bg color from leaking outside the border */
    background-color: #2C5697;
    /* layer fill content */
    background-image: -webkit-linear-gradient(-45deg, #2C5697 0%, #007096 100%);
    background-image: -o-linear-gradient(-45deg, #2C5697 0%, #007096 100%);
    background-image: linear-gradient(-45deg, #2C5697 0%, #007096 100%);
    transition: all 1s;
    outline: none;
	cursor: pointer;
	font-family:'Lato', sans-serif;
}

.btn2:hover {
    text-decoration: none;
    color: #fff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /* prevents bg color from leaking outside the border */
    background-color: #c30725;
    /* layer fill content */
    background-image: -webkit-linear-gradient(-45deg, #007096 0%, #2C5697 100%);
    background-image: -o-linear-gradient(-45deg, #007096 0%, #2C5697 100%);
    background-image: linear-gradient(-45deg, #007096 0%, #2C5697 100%);
    outline: none;
}
	

.password-link a {
    color: #008779;
}
	
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	html{
	font-size:16px;
}
	 
.my-pg-login-container{
	padding-top:100px
}

.my-pg-login-container .first-box{
	border-right: solid 3px #cfd3d4;
	}
	
.my-pg-login-container .login-box{
	padding: 0 40px;
	}

.my-pg-login-container .password{
	padding: 0 40px;
	}

.my-pg-logo{
	padding:20px 0;
	text-align:left;
	display:inline;	
}
	 
	 }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
html{
	font-size:17px;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	  html{
	font-size:18px;
}
	 }