@font-face {
    font-family: 'Helvetica Neue LT Pro 55 Roman';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/new-fonts/Helvetica Neue LT Pro 55 Roman');
    src: url('../fonts/new-fonts/HelveticaNeueLTPro-Roman.woff') format('woff');
}

@font-face {
    font-family: 'DM Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/new-fonts/DM Sans Bold');
    src: url('../fonts/new-fonts/DMSans-Bold.woff') format('woff');
}

html{height:95vh;}
body{background:#ffffff;color:#292929;font-family:'Helvetica Neue LT Pro 55 Roman';font-size:13px;margin:0px;background:url(../images/sheltered_notepad_design.png) no-repeat;background-position:top left;/*background-size: cover;*/background-size:100% 100%;/*margin-bottom:200px;margin-top:165px; */
}
#admin-top{background:url(../images/admin-top.png) no-repeat;width:340px;height:30px;float:left;}
#admin-mid{background:url(../images/admin-mid.png) repeat-y;width:340px;padding:0px;float:left;}
#admin-bottom{background:url(../images/admin-bottom.png) no-repeat;width:340px;height:10px;float:left;padding:0px;}
form{padding-right:0px;display:inline;padding-left:0px;padding-bottom:0px;margin:0px;padding-top:0px;}
td.height{height:40px;}
td.height2{height:20px;}
.position{margin-top:1px;}
.head{font-weight:bold;font-size:16px;margin:0px;vertical-align:middle;color:#015fb7;background-color:#fff;text-align:left;width:50px;text-decoration:none;}
.button{width:100px;height:25px;margin:10px auto;position:relative;background:#015FB7;background:-webkit-gradient(linear, left top, left bottombottom, color-stop(31%,#94c4fe), color-stop(100%,#015FB7));background: -webkit-linear-gradient(top,  #94c4fe 31%,#015FB7 100%);background: -moz-linear-gradient(top,  #94c4fe 31%, #015FB7 100%);background: -o-linear-gradient(top,  #94c4fe 31%,#015FB7 100%);background: -ms-linear-gradient(top,  #94c4fe 31%,#015FB7 100%);    background: linear-gradient(to bottombottom,  #94c4fe 31%,#015FB7 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94c4fe', endColorstr='#015FB7',GradientType=0 );-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;border: 1px solid #4864a9;text-transform:uppercase;color:#fff;font-size:16px;-webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, .2);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, .2);font-weight:bold;cursor:pointer;
}
#wrapper{width:840px;margin: 12% auto 15%;padding: 0px;text-align: center;}
.textboxes{display:block;width:100%;height:40px;padding:0px 12px;font-size:14px;line-height:1.428571429;color:#555;margin:0 0 19px;vertical-align:middle;background-color:#fff;border:1px solid #ccc;box-sizing:border-box;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.textboxes:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}
::-webkit-input-placeholder {color: #999;}
:-moz-placeholder { /* Firefox 18- */color: #999;}
::-moz-placeholder {  /* Firefox 19+ */color: #999;}
:-ms-input-placeholder {color: #999;}
.btn{display:block;margin-bottom:0;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;color:#fff;background-color:#3d91d6;border-color:#3d91d6;width:100%;padding-top:8px;padding-bottom:4px;font-size:19px;
}
.btn:hover{color:#ffffff;background-color:#3d91d6;border-color:#3d91d6;}
.sign{position:relative;padding:18% 8% 20px 7%;margin-bottom:1em;background:rgba(255, 255, 255, 0.85);border-top-right-radius:0px;border-top-left-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius: 0px;overflow: hidden;min-height: 418px;width: 550px;margin: auto;
}
.log_in{font-size:26px;margin-bottom:80px;font-weight:500;/*text-transform:uppercase;*/letter-spacing:0.3px;line-height:35px;font-family:'DM Sans Bold';font-weight:normal;color:#686868;text-align: center;margin-top: 0;
}
.value{padding:0;position:relative;width:100%;padding-top:10px;float:left;}
.lost{display:inline-block;padding:9px 12px 5px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;color:#969696;/*background-color:#fff;border-color:#adadad;*/text-decoration:none;margin-top:10px;width:100%;
}
.lost:hover{/*background-color:#ebebeb;border-color:#adadad;*/text-decoration:none;}
.wrap{width: 100%;float: left;margin-top: 20px;}
.user{font-size: 19px;position: absolute;right: 15px;top: 19px}
.lock{bottom: 12px;font-size: 19px;position: absolute;right: 15px;}
h5{font-size: 15px;margin-bottom: 10px;font-weight: 500;line-height: 1.1;color:#444;margin-top:0px;}
#logonew{position:relative;top:0px;left:25%;z-index:1;width:250px;margin-left:0px;background-color:#026DD1;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:24px;margin:0px 0px 20px 0px;display:none;
}
#logonew a img{width: 100%;}
.alert, .alert-error {font-size: 14px;}
input.sbmt_button {background: #008ce3;border-color: #008ce3;color: #FFFFFF;fill: #fff;cursor: pointer;outline: medium none;padding: 5px 10px;    resize: none;transition: all 0.2s ease 0s;text-decoration: none !important;border-radius: 3px;text-transform: capitalize;line-height: 20px;margin: 0px 0px 10px 0px;font-size: 13px;margin: 20px auto 0;width: auto;float: none;display: table;
}
.bottom-footer{/*position:absolute;*/position:fixed;bottom:0;text-align:center;width:100%;padding:22px 0px 18px;background:#1e1e1e;color:#fff;left:0;}

/*****************10-06-20*************************/
#siships_login_form .lost{float:right;}
.cr_new_acnt{float:left;margin-top:10px;font-size:16px;width:100%;text-align:center;border:2px solid #3d91d6;border-radius:8px;padding:8px 0px 3px;line-height:26px;transition: all 0.5s;
}
a.cr_new_acnt:hover{text-decoration:none;color:#fff;background:#3d91d6;}
a:focus{outline: none;text-decoration: none;}
.sign input[type="text"], .sign input[type="password"] {border: 1px solid #a2a1a1;}
i.fa.fa-lock.lock{width: 10px;}
i.fa.fa-lock.lock:before{font-size: 14px;}
.copy_right a {color: #fff;font-weight: 400;}
.copy_right a:hover {color: #fff;font-weight: 400;text-decoration: none;}

.padding-zero{padding:0px;}
.padding-right-zero{padding-right:0px;}
.padding-left-zero{padding-left:0px;}
.sign h5 {margin-top: 12px;font-family: 'DM Sans Bold';font-weight: normal;letter-spacing: -0.6px;text-align: center;color: #686868;}
div.rc-news-st h1 {padding:15% 0% 1%;}
div.rc-news-st h5 {padding:10em 0% 10%;}
.rc-news-login {
    float: left;
    width: 100%;
}
.rc-news-st h1{color:#fff;font-size: 50px;/* text-transform: uppercase; */font-family: 'DM Sans Bold';font-weight: normal;line-height: 60px;}
.rc-news {/*background: #608bed;*/background:#3d91d6;float: left;width: 100%;min-height: 418px; height: 100vh;}
.rc-news-st {width:75%; padding: 10px;height: 100%;margin: auto;    position: relative;}
.rc-news-st ul {padding: 10px;float: left;width: 100%;margin-bottom: 0;}
.rc-news-st ul li {list-style: none;}
.post-img {float: left;width: 100px;margin-right: 3%;overflow: hidden;}
.post-img img {width: 100%;height: auto;border-radius: 5%;}
.post-excerpt{float: left;width: 71%;}
.rc-news-st ul li {list-style: none;float: left;width: 100%;margin:11px 0;}
.rc-news-st ul li:first-child {margin-top: 0;}
.rc-news-st ul li:last-child {margin-bottom: 0;}
.post-excerpt span.rpwwt-post-title {float:left;width:100%;text-align:left;font-size:15px;}
.post-excerpt p {width:100%;float:left;margin-top:10px;margin-bottom:0;text-align:left;color:#f1efef;}
.post-excerpt a {color:#f1efef;}
/* .post-excerpt p:nth-child(2) { display: none; } */
.inpu-st {float:left;width:100%;position:relative;border-bottom:2px solid #66afe9;margin:25px 0 0;}
.inpu-st:first-child {margin-top:10px;}
.inpu-st i.fa {position:absolute;top:14px;}
.inpu-st input {padding-right:30px;border-radius:0;border-width:0 0 0px 0px !important;height:40px;font-size:16px;background:none;outline:none;box-shadow:none;margin-bottom:0px;padding-left:6px;font-family: 'Helvetica Neue LT Pro 55 Roman';
}
.inpu-st input:focus{box-shadow:none;}
.inpu-st label{position:absolute;top:50%;left:5px;color: #2691d9;transform:translateY(-50%);font-size:15px;pointer-events:none;transition:.5s;font-weight:100;margin-bottom:0;
}
.inpu-st span::before{content:'';position:absolute;top: 40px;left:0;width:0%;height:2px;background: #2691d9;transition: .5s;}
.inpu-st input:focus ~ label,
.inpu-st input:valid ~ label,
.inpu-st input:-webkit-autofill ~ label {
    top: -11px;
    color: #2691d9;
}

.inpu-st input:focus ~ span::before,
.inpu-st input:valid ~ span::before{
    width:100%;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    /*-webkit-box-shadow: 0 0 0 100px white inset !important;*/
    -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, 1) inset;
}


.error_field.inpu-st span::before{background:#eb5459;}
.error_field.inpu-st input:focus ~ label,
.error_field.inpu-st input:valid ~ label {color:#eb5459;}
.error_field.inpu-st input:focus ~ i{color:#eb5459;}


#all_errors_data{transition: all 0.5s;}
#all_errors_data p{padding: 5px 0;position: relative;width: 100%;background: #eb5459;color: #fff !important;border-radius: 5px;text-align: center !important;    font-size: 13px !important;/*text-transform: capitalize;*/top: 0px;transition: all 0.5s;padding-top: 10px;
}

@media (max-width:460px) { 
	body #wrapper {width: 90%;}
}

@media (max-width:767px) { 
	#wrapper{width:85%;margin:8em auto 10em;padding: 0px;text-align:center;}
	#logonew{left:35%;top:20px;}
	.log_in{font-size:21px;margin-bottom:30px;line-height: 25px;}
	.sign{padding:10px 25px 20px 25px;}
	@media screen and (orientation:landscape) {
		#wrapper{width:65%;margin:8em auto 10em;padding:0px;text-align:center;}
		#logonew{left:40%;top:20px;}
		.bottom-footer {position:absolute;bottom: 0px;}
	}
	.rc-news-login{display: flex;flex-flow: column-reverse;}
	#wrapper {width: 85%;margin:2em auto 8em;padding: 0px;text-align: center;}
	body {background-position: center;background-size: inherit;}


}

@media screen and (min-width: 2001px){ 
	div.sign {width: 45%;padding: 10% 5% 20px 5% !important;}
	div.inpu-st label {font-size: 23px;}
	div.inpu-st input {font-size: 24px;height: 50px;}
	div.rc-news-st h1 {font-size: 60px;line-height: 70px;}
	span.r-more-news a {font-size: 28px !important;    margin-left: 280px;}
	span.r-more-news:after {width: 55%;}
	.sign .log_in {font-size: 40px !important;line-height: 50px;}
	.inpu-st i.fa {font-size: 22px;}
	.inpu-st i.fa.fa-lock.lock:before {font-size: 26px;}
	div.inpu-st span::before {top: 49px;}

}

@media screen and (min-width: 1600px){ 
	#wrapper {width: 85%;margin: 10em auto 10em;}
	html {height:98vh;}
	.sign {width: 630px;}
	.sign .log_in {font-size: 30px;}
	.sign h5 {font-size: 16px;}
	.lost {font-size: 21px;}
	.sign .cr_new_acnt {padding: 16px 0px 9px;font-size: 22px;}
	.sign .wrap .btn {padding-top: 16px;padding-bottom: 9px;font-size: 25px;}
	span.r-more-news a {font-size: 21px;}
	span.r-more-news:after {width: 57%;top: 0px;}
	div.rc-news-st {width: 75%;}

	div.sign{padding:16% 10% 20px 10%;}

}

@media screen and (min-width: 1420px) and (max-width: 1599px) { 
	#wrapper {width: 85%;margin: 10em auto 10em;}
}
@media screen and (min-width:1367px) and (max-width:1419px){ 
	#wrapper {width: 85%;margin: 8em auto 12em;	padding: 0px;text-align: center;}
	#logonew {left: 18%;top:10px;}

	div.rc-news-st {width: 75%;}


}

@media screen and (min-width:1201px) and (max-width:1366px){ 
	#wrapper {width: 86%;margin: 8em auto 12em;padding: 0px;text-align: center;}
	#logonew {left: 18%;top:10px;}

	div.rc-news-st {width: 75%;}

}
@media screen and (min-width:1101px) and (max-width:1200px){ 
	#wrapper {width: 100%;margin: 8em auto 12em;padding: 0px;text-align: center;}
	#logonew {left: 18%;top:10px;}

	div.rc-news-st {width: 80%;}

}

@media screen and (min-width:1025px) and (max-width:1100px){ 
	#wrapper {width: 85%;margin: 8em auto 12em;	padding: 0px;text-align: center;}
	#logonew {left: 18%;top:10px;}
	div.rc-news-st h1 {font-size:40px;line-height: 50px;}
	div.rc-news {min-height: 478px;}
	div.sign{min-height: 478px;}
	div.rc-news-st {width: 80%;}

}

@media screen and (min-width:991px) and (max-width:1024px){ 
	#wrapper {width: 85%;margin: 8em auto 12em;	padding: 0px;text-align: center;}
	#logonew {left: 18%;top:10px;}
	div.rc-news-st h1 {font-size:40px;line-height: 50px;padding: 35% 0% 1%;}

	div.rc-news {min-height: 478px;}
	div.sign{min-height: 478px;}

	div.rc-news-st {width: 80%;}

	div.wrap-login100{overflow:auto;align-items: stretch;}
	h1.log_in{margin-bottom:50px;}
	div.lgn-logo-brand {position: relative;margin-top: 15%;margin-bottom:5%;bottom: 0;}
	div.recent-news-view {height: 100%;}
	div.rc-news{min-height: auto;height: 100%;}
	div.lgn-logo-brand img {width: 220px;margin: auto;}

}


@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
	div.rc-news-st h1 {padding-top:8% !important;padding-bottom:2% !important;}
	.recent-news-view div.rc-news{padding-top:1%;padding-bottom:3%;min-height:420px;}
	div.rc-news-login .sign {padding: 10% 10% 4%;min-height:603px;}

}

@media screen and (min-width:768px) and (max-width:1024px){ 
	#wrapper {width: 85%;margin: 7em auto 10em;padding: 0px;text-align: center;}
	#logonew {left: 18%;top:20px;}
}

@media screen and (min-width:768px) and (max-width:991px){ 
	.rc-news-login{display: flex;flex-flow: column-reverse;}
	.rc-news-login .sign {padding:3% 10% 4%;}

	.rc-news-login div.rc-news-st h1 {padding: 1% 10%;font-size: 25px;text-align: center;line-height: 40px;}
	.rc-news-login div.rc-news-st h5 {padding: 2% 10%;text-align: center;}
	.rc-news-login div.rc-news-st h5 img {margin: auto;}

	.rc-news-st .r-more-news{margin-left: 20%;}


	#wrapper {width: 85%;margin:2em auto 5em;padding: 0px;text-align: center;}
	body {background-position: center;background-size: inherit;}

	div.lgn-logo-brand {position: relative;bottom: -30px;}
	div.lgn-logo-brand img {width: auto;}	


	div.wrap-login100{overflow:auto;}
	h1.log_in{margin-bottom:50px;}
	div.lgn-logo-brand {position:relative;margin-top:10%;margin-bottom:5%;bottom:0;}
	div.rc-news{min-height: auto;height: auto;}
	div.lgn-logo-brand img {width: 220px;margin: auto;}

}

@media screen and (min-width:641px) and (max-width:767px){ 
	div.wrap-login100{overflow:auto;}
	div.rc-news-st h1 {font-size: 38px;line-height: 40px;}
	div.rc-news-st h1 {padding: 8% 0% 1% !important;}
	div.lgn-logo-brand {position: relative;margin-top: 15%;margin-bottom:5%;bottom: 0;}
	div.rc-news{min-height: auto;height: auto;}
	div.lgn-logo-brand img {width: 220px;margin: auto;}
}

@media (max-width:640px) { 
	.sign{width:100%;min-height: 425px;}
	div.wrap-login100{overflow:auto;}
	div.rc-news-st h1 {padding: 5% 0% 1%;}
	div.rc-news-st{width:90%;}
	div.rc-news-st h1 {font-size:38px;line-height:40px;}
	div.lgn-logo-brand {position: relative;margin-top: 15%;margin-bottom:5%;bottom: 0;}
	div.rc-news{min-height: auto;height: auto;}
	div.lgn-logo-brand img {width: 220px;margin: auto;}


}

.post-excerpt h2 {font-size:13px;float:left;width:100%;text-align:left;color:#fff;margin-top:0;line-height:20px;}
.wrap .btn:focus {color:#fff;text-decoration: none;box-shadow: none;outline: none;}
.sign .alert{margin-left:0;margin-right:0;}
.bottom-footer {display:none;}

.wrap-login100{width:100%;background:#fff;overflow: hidden;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;align-items:center;flex-direction:row;height:100vh;
}
#fountainG{position:relative;width:119px;height:28px;margin:auto;}
.fountainG{position:absolute;top:8px;background-color:rgb(255,255,255);width:15px;height:15px;animation-name:bounce_fountainG;-o-animation-name:bounce_fountainG;			-ms-animation-name:bounce_fountainG;-webkit-animation-name:bounce_fountainG;-moz-animation-name:bounce_fountainG;animation-duration:0.515s;			-o-animation-duration:0.515s;-ms-animation-duration:0.515s;-webkit-animation-duration:0.515s;-moz-animation-duration:0.515s;animation-iteration-count:infinite;	-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;			-moz-animation-direction:normal;transform:scale(.3);-o-transform:scale(.3);-ms-transform:scale(.3);-webkit-transform:scale(.3);-moz-transform:scale(.3);border-radius:19px;-o-border-radius:19px;-ms-border-radius:19px;-webkit-border-radius:19px;-moz-border-radius:19px;
}
#fountainG_1{left:0;animation-delay:0.206s;-o-animation-delay:0.206s;-ms-animation-delay:0.206s;-webkit-animation-delay:0.206s;-moz-animation-delay:0.206s;}
#fountainG_2{left:15px;animation-delay:0.2625s;-o-animation-delay:0.2625s;-ms-animation-delay:0.2625s;-webkit-animation-delay:0.2625s;-moz-animation-delay:0.2625s;}
#fountainG_3{left:30px;animation-delay:0.309s;-o-animation-delay:0.309s;-ms-animation-delay:0.309s;-webkit-animation-delay:0.309s;-moz-animation-delay:0.309s;}
#fountainG_4{left:45px;animation-delay:0.3655s;-o-animation-delay:0.3655s;-ms-animation-delay:0.3655s;-webkit-animation-delay:0.3655s;-moz-animation-delay:0.3655s;}
#fountainG_5{left:60px;animation-delay:0.412s;-o-animation-delay:0.412s;-ms-animation-delay:0.412s;-webkit-animation-delay:0.412s;-moz-animation-delay:0.412s;}
#fountainG_6{left:75px;animation-delay:0.4685s;-o-animation-delay:0.4685s;-ms-animation-delay:0.4685s;-webkit-animation-delay:0.4685s;-moz-animation-delay:0.4685s;}
#fountainG_7{left:90px;animation-delay:0.515s;-o-animation-delay:0.515s;-ms-animation-delay:0.515s;-webkit-animation-delay:0.515s;-moz-animation-delay:0.515s;}
#fountainG_8{left:105px;animation-delay:0.5715s;-o-animation-delay:0.5715s;-ms-animation-delay:0.5715s;-webkit-animation-delay:0.5715s;-moz-animation-delay:0.5715s;}
@keyframes bounce_fountainG{
	0%{transform:scale(1);background-color:rgb(255,255,255);}
	100%{transform:scale(.3);background-color:rgb(255,255,255);}
}
@-o-keyframes bounce_fountainG{
	0%{-o-transform:scale(1);background-color:rgb(255,255,255);}
	100%{-o-transform:scale(.3);background-color:rgb(255,255,255);}
}
@-ms-keyframes bounce_fountainG{
	0%{-ms-transform:scale(1);background-color:rgb(255,255,255);}
	100%{-ms-transform:scale(.3);background-color:rgb(255,255,255);}
}
@-webkit-keyframes bounce_fountainG{
	0%{-webkit-transform:scale(1);background-color:rgb(255,255,255);}
	100%{-webkit-transform:scale(.3);background-color:rgb(255,255,255);}
}
@-moz-keyframes bounce_fountainG{
	0%{-moz-transform:scale(1);background-color:rgb(255,255,255);}
	100%{-moz-transform:scale(.3);background-color:rgb(255,255,255);}
}
.limiter {width:100%;margin:0 auto;}
.container-login100 {width:100%;min-height:88vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;  justify-content:center;align-items:center;padding:0px;background:#f2f2f2;}

.r-more-news {position: relative;}
.r-more-news a{color:#fff;font-family:'DM Sans Bold';font-weight:normal;position:relative;margin-left:50%;font-size:15px;}
.r-more-news:after{content:'';position:absolute;width:60%;height:2px;background:#fff;left:0;top:6px;}
.r-more-news a:hover{text-decoration: none;color: #fff;}

.lgn-logo-brand {
    position: absolute;
    bottom: 5em;
    left: 10px;
    right: 0;
    text-align: left;
}

.lgn-logo-brand img {margin: auto 0;width: 60%;}

.back{
float: left;margin-top: 10px;font-size: 16px;
width: 100%;text-align: center;border: 2px solid #3d91d6;
border-radius: 8px;padding: 9px 0px 3px;
line-height: 26px;transition: all 0.5s;
}

.back:hover{text-decoration: none;color: #fff;background: #3d91d6;}

/*******18-Nov*********/
.log_in{margin-bottom: 0px !important;}
.login_screen_btm .icon_btn{display: flex;justify-content: center;align-content: center;width: 100%;}
.login_screen_btm h5{font-family: DM Sans Bold;font-size: 30px;line-height: 36px;text-align: center;color: #222;}
.login_screen_btm p{font-family: DM Sans Bold;font-size: 15px;line-height:19px;text-align: center;}
.login_screen_btm .icon_btn img{width: 170px;height: 51px;}
.login_screen_btm{float: left;}
.sign .log_in {color: #222;}
.sign .wrap .btn {width: 260px;}
.sign .cr_new_acnt {width: 260px;}
.login_screen_btm .icon_btn{margin-top:20px;margin-bottom: 30px}
.sign .log_in {font-size: 30px;margin-bottom: 40px !important;margin-top:0px;}
.sign {width: 520px;padding-top: 100px;}
.value{margin-top: 20px;margin-bottom: 40px;}
.login_screen_btm p{margin: 25px 0px auto;}
.login_screen_btm{margin: 50px 0px 0px 0px !important;text-align: center;margin: 0 auto;width: 100%;}
.sign .wrap .btn{margin: 0 auto;/*border-radius:14px;*/border-radius:8px;font-size: 17px;}
.sign .cr_new_acnt{margin: 0 auto;height: 40px;font-size: 15px;/*border-radius:14px;*/border-radius:8px;padding-top: 8px;}
.action-btn-list {float: left;margin-top: 20px;display: grid;justify-content: center;align-items: center;width: 100%;text-align: center;}
#siships_login_form .lost {float: right;margin-bottom: 10px;}
.wrap{margin-top: 30px;}
.log-view.padding-zero {height: 100vh;overflow: auto;}
.login_screen_btm .icon_btn .btnn_inner_right{margin-top:-5px;}
.login_screen_btm .icon_btn .btnn_inner_left{margin-top:-5px;}
.lgn-logo-brand {bottom: 3em !important;}
.inpu-st i.fa {display: none;}

@media screen and (min-width:1400px) and (max-width: 1599px) {
	.login_screen_btm .icon_btn{margin-top:40px;margin-bottom: 40px}
	.sign .log_in {font-size: 30px;margin-bottom: 40px !important;margin-top:0px;}
	.value{margin-top: 20px;margin-bottom: 40px;}
	.login_screen_btm p{margin: 25px 0px auto;}
	.login_screen_btm{margin: 80px 0px 0px 0px !important;text-align: center;margin: 0 auto;width: 100%;}
	.sign .wrap .btn{margin: 0 auto;border-radius: 14px;font-size: 17px;}
	.sign .cr_new_acnt{margin: 0 auto;height: 40px;font-size: 15px;border-radius: 14px;padding-top: 8px;}
	.action-btn-list {float: left;margin-top: 20px;display: grid;justify-content: center;align-items: center;width: 100%;text-align: center;}
	#siships_login_form .lost {float: right;margin-bottom: 10px;}
	.wrap{margin-top: 30px;}
	.log-view.padding-zero {height: 100vh;overflow: auto;}
	.login_screen_btm .icon_btn .btnn_inner_right{margin-top:-5px;}
	.login_screen_btm .icon_btn .btnn_inner_left{margin-top:-5px;}

}

@media screen and (min-width:1600px) and (max-width: 1725px) {
  .log-view.padding-zero {height: 100vh;overflow: auto;}
	.login_screen_btm .icon_btn{margin-top:30px; margin-bottom:30px;}
	.sign .log_in {font-size: 30px;margin-bottom: 40px !important;}
	.value{margin-top: 20px;margin-bottom: 40px;}
	.login_screen_btm p{margin: 20px 0px auto;}
	.login_screen_btm{margin: 70px 0px 0px 0px !important;text-align: center;margin: 0 auto;width: 100%;}
	.sign {padding: 12% 6% 20px 6% !important;}
	.sign .wrap .btn{margin: 0 auto;border-radius: 14px;font-size: 18px;}
	.sign .cr_new_acnt{margin: 0 auto;height: 50px;font-size:16px;border-radius: 14px;padding-top: 13px;}
	.action-btn-list {float: left;margin-top: 20px;display: grid;justify-content: center;align-items: center;width: 100%;text-align: center;}
	#siships_login_form .lost {float: right;margin-bottom: 10px;}
	.wrap{margin-top: 30px;}
	#siships_login_form {padding-top: 15px;float: left;}
	.lost {font-size: 15px}
	.login_screen_btm .icon_btn .btnn_inner_right{margin-top:-18px;}
    .login_screen_btm .icon_btn .btnn_inner_left{margin-top:-18px;}
}
@media screen and (min-width: 1725px) and (max-width: 1800px) {
    .login_screen_btm .icon_btn{margin-top:30px;}
	.sign .log_in {font-size: 30px;margin-bottom: 30px !important;margin-top: 8px;}
	.value{margin-top: 20px;margin-bottom: 40px;}
	.login_screen_btm p{margin: 20px 0px auto;}
	.login_screen_btm{margin: 50px 0px 0px 0px !important;text-align: center;margin: 0 auto;width: 100%;}
	.sign {padding: 16% 5% 20px 5% !important;}
	.sign .wrap .btn{margin: 0 auto;border-radius: 14px;}
	.sign .cr_new_acnt{margin: 0 auto;height: 50px;border-radius: 14px;padding-top: 12px;}
	.action-btn-list {float: left;margin-top: 20px;display: grid;justify-content: center;align-items: center;width: 100%;text-align: center;}
	#siships_login_form .lost {float:right;margin-bottom: 10px;}
	.wrap{margin-top: 30px;}
	#siships_login_form {padding-top: 10px;float: left;}
	.sign{padding-top: 108px !important;}
	.log-view.padding-zero {height:100vh;overflow: auto;}
	.lost {font-size: 17px;}
	.action-btn-list{margin-top: 16px;}
}

@media screen and (min-width: 1801px) and (max-width: 2000px) {
    .login_screen_btm .icon_btn{margin-top:30px;}
	.sign .log_in {font-size: 30px;margin-bottom: 30px !important;margin-top: 8px;}
	.value{margin-top: 20px;margin-bottom: 40px;}
	.login_screen_btm p{margin: 20px 0px auto;}
	.login_screen_btm{margin: 90px 0px 0px 0px !important;text-align: center;margin: 0 auto;width: 100%;}
	.sign {padding: 11% 5% 20px 5% !important;/*width: 45%;*/}
	.sign .wrap .btn{margin: 0 auto;border-radius: 14px;}
	.sign .cr_new_acnt{margin: 0 auto;height: 50px;border-radius: 14px;padding-top: 12px;}
	.action-btn-list {float: left;margin-top: 20px;display:grid;justify-content: center;align-items: center;width: 100%;text-align: center;}
	#siships_login_form .lost{float:right;margin-bottom:10px;}
	.wrap{margin-top: 30px;}
	#siships_login_form {padding-top: 10px;float: left;}
	.log-view.padding-zero {height:100vh;overflow: auto;}
	.lost {font-size: 17px;}
	.action-btn-list{margin-top: 16px;}
}

@media screen and (min-width: 2001px) and (max-width: 2200px) {
	.login_screen_btm .icon_btn{margin-top:30px;}
	.sign .log_in {font-size: 30px;margin-bottom: 30px !important;margin-top: 8px;}
	.value{margin-top: 20px;margin-bottom: 40px;}
	.login_screen_btm p{margin: 20px 0px auto;}
	.login_screen_btm{margin: 100px 0px 0px 0px !important;text-align: center;margin: 0 auto;width: 100%;}
	.sign {padding: 10% 6% 20px 6% !important;width: 520px ;padding-top: 140px !important;padding-bottom: 140px !important;}
	.sign .wrap .btn{margin: 0 auto;border-radius: 14px;}
	.sign .cr_new_acnt{margin: 0 auto;height: 60px;border-radius: 14px;padding-top: 18px;}
	.action-btn-list {float: left;margin-top: 20px;display: grid;justify-content: center;align-items: center;width: 100%;text-align: center;}
	#siships_login_form .lost {float: right;margin-bottom: 10px;}
	.wrap{margin-top: 30px;}
	#siships_login_form {padding-top: 10px;float: left;}
	.log-view.padding-zero {height: 100vh;overflow: hidden;}
}

@media screen and (min-width: 2201px) and (max-width: 3000px) {
	.login_screen_btm .icon_btn{margin-top:40px;}
	.sign .log_in {font-size: 30px;margin-bottom: 30px !important;margin-top: 8px;}
	.value{margin-top: 20px;margin-bottom: 40px;}
	.login_screen_btm p{margin: 30px 0px auto;  margin-bottom: 20px;}
	.login_screen_btm{margin: 125px 0px 0px 0px !important;text-align: center;margin: 0 auto;width: 100%;}
	.sign {height: 100%;}
	.sign .wrap .btn{margin: 0 auto;border-radius: 14px;}
	.sign .cr_new_acnt{margin: 0 auto;height: 50px;border-radius: 14px;padding-top: 12px;}
	.action-btn-list {float: left;margin-top: 20px;display: grid;justify-content: center;align-items: center;width: 100%;text-align: center;}
	#siships_login_form .lost {float: right;margin-bottom: 10px;}
	.wrap{margin-top: 70px;}
	#siships_login_form {padding-top: 40px;float: left;}
	.lost {font-size: 16px;}
	.inpu-st{margin-top: 35px;}
}

/**add 10-Aug-2023**/

a.cr_new_acnt:hover {border-color:#302dd1;background:transparent;color:#303dd1;}

.sign .btn:hover{border-color: #302dd1 !important;background: #302dd1 !important;color: #fff !important;}
.back-button-for-username{display: flex;justify-content: center;align-items: center;}   
.back-button-for-username a.back{width:260px;}

.back-button-for-username a.back:hover {border-color: #302dd1;color: #303dd1;background:transparent;}

#siships_login_form .lost a:hover{color:#302dd1;text-decoration:none;}

.sign .wrap .btn{
padding: 0px;line-height: initial;height: auto;display:flex;
justify-content:center;align-items:center;align-content:center;
/* height: 42.5px;line-height: 46px; */height: 42px;line-height: 40px;padding-top: 2.5px;}

/**Sign in with google **/
.google-login-class {margin-top:20px;width:100%;
display:flex;align-items:center;justify-content:center;}

.g-mail-signin a {margin: 20px auto 0;height: 40px;font-size: 15px;text-align: center;border: 2px solid#3d91d6;border-radius: 14px;padding: 4px 0px 3px;line-height: 26px;transition: all 0.5s;float: left;width:260px;text-decoration:none;display:flex;justify-content: center;align-items: center;gap: 8px;}
.g-mail-signin {width: 100%;display:flex;}
.ggl-form-or-label {display: flex;justify-content:center;}
.g-mail-signin a svg {width: 18px;}
.g-mail-signin a span {line-height: unset;height:24px;}
.g-mail-signin a:hover {border-color: #302dd1;background: transparent;color:#303dd1;}
/* h4.sign-in-opt {font-size: 16px;text-align: center;margin: 20px 0 0;} */
.sign-in-opt {font-size: 14px;text-align: center;margin: 24px 0 0;width: 260px;display: block;color:#969696;position: relative;}
.sign-in-opt::before {content: "";position: absolute;left:0;width:44%;height:1px;top:5px;background:#bfbfbf;}
.sign-in-opt::after {content: "";position: absolute;right:0;width:44%;height:1px;top:5px;background:#bfbfbf;}


/** login screen T&C popup **/ 
.termsagree-area-msg{margin:15px 0px 22px 0px !important;float:left;padding: 0px !important;}
.termsagree-area-btn{padding:0px !important}
.termsagree-area-btn button.btn.sbmt_button{font-size: 14px; width:30%;float:right;}
.termsagree-area-btn .btn.sbmt_button:focus, .termsagree-area-btn .btn.sbmt_button:active:focus, .termsagree-area-btn .btn.sbmt_button.active:focus {
 outline: none;outline-offset:0px;}