@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{margin:0px;padding:0px;box-sizing:border-box;}
body, html {height:100%;}
body{background-image: url('../images/cloud-image.png');background-size:40% auto; background-repeat:no-repeat;font-family:'Roboto', sans-serif; font-weight:300;font-size:16px;color:#555;}
a{transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;}
a:focus {outline:none !important;}
a:hover {text-decoration:underline;color:#6675df;}

/* main */ 
.language{position:absolute;right:50px;top:50px;width:105px;overflow:hidden;border-radius:8px;border:solid 1px rgba(0, 0, 0, 0.55);z-index:999;}
.language::before {position:absolute;top:0;right:0;width:30px;font:normal normal normal 14px/1 FontAwesome;font-weight:900;line-height:50px;text-align:center;content:"\f054";z-index:-1;}
.wrap-login{background:#fff;width:60%;margin:0 0 0 40%;padding:80px 50px 50px 80px;}
.form-login{position:relative;width:100%;}
.logo{margin:0 0 30px;}
.logo img{height:50px;width:auto;}
.form-title{margin:0 0 30px;font-size:28px;font-weight:400;color:#37343c;}
.form-login p{margin:0 0 40px;}
.form-login p:last-child{ margin:0;}
.form-login p strong, .form-login p a{color:#37343c;font-weight:600;}
.form-login p a{color:#4dbec9;}
.jlc-wrapper{margin:0 0 40px;height:50px;background:none;}
.jlc-wrapper .jlc-cover {height:50px;}
.jlc-wrapper .jlc-cover .jlc-btn{background:#4dbec9; height:50px;line-height:50px; font-size:18px;}
.jlc-wrapper .jlc-cover .jlc-btn:hover{background:#37343c;}
.jlc-wrapper .jlc-cover .jlc-input, .jlc-wrapper .jlc-cover .jlc-sbmt{height:50px;margin: 0;border: 0;border-radius: 10px;outline:none;}
.jlc-wrapper .jlc-cover .jlc-input{border-radius:10px 0 0 10px;} 
.jlc-wrapper .jlc-cover .jlc-sbmt{border-radius:0 10px 10px 0;}


/* [ RESTYLE TAG ] */


.To-receive-support a:hover{}
input {outline:none;border:none;}
textarea {outline:none;border:none;}
textarea:focus,  input:focus {border-color:transparent !important;}
input:focus::-webkit-input-placeholder {color:transparent;}
input:focus:-moz-placeholder {color:transparent;}
input:focus::-moz-placeholder {color:transparent;}
input:focus:-ms-input-placeholder {color:transparent;}
textarea:focus::-webkit-input-placeholder {color:transparent;}
textarea:focus:-moz-placeholder {color:transparent;}
textarea:focus::-moz-placeholder {color:transparent;}
textarea:focus:-ms-input-placeholder {color:transparent;}
input::-webkit-input-placeholder {color:#999999;}
input:-moz-placeholder {color:#999999;}
input::-moz-placeholder {color:#999999;}
input:-ms-input-placeholder {color:#999999;}
textarea::-webkit-input-placeholder {color:#999999;}
textarea:-moz-placeholder {color:#999999;}
textarea::-moz-placeholder {color:#999999;}
textarea:-ms-input-placeholder {color:#999999;}
label {display:block;margin:0;}
button {outline:none !important;border:none;background:transparent;}
button:hover {cursor:pointer;}
iframe {border:none !important;}
/* [ Text ] */
.txt1 {font-size:18px;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#37343c;font-family:'robotolight';}
.txt1 a,  .txt2 a {color:#4dbec9;font-family:'robotobold';}
.txt2 {font-family:'robotolight';font-size:18px;font-weight:300;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;color:#37343c;}
.txt2 .text-style-1 {font-family:'robotobold';}
/* [ Size ]*/ 
.size1 {width:355px;max-width:100%;}
.size2 {width:calc(100% - 43px);}
/* [ Background ]*/
.bg1 {background:#3b5998;}
.bg2 {background:#1da1f2;}
.bg3 {background:#cd201f;}
/* [ login ]*/ 


/*.limiter {width:100%;margin:0 auto;}
.container-login100 {width:100%;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:#f2f2f2;}
.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:stretch;flex-direction:row-reverse;}
*/

/* [ login more ] */
.login100-more {width:calc(100% - 880px);background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;z-index:1;}
.login100-more::before {}
/* [ Form ]*/
    


.Try-every-feature-an {font-family:'robotolight';font-size:18px;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#37343c;display:block;}
.No-credit-card-requi {font-family:'robotolight';font-size:16px;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#37343c;display:block;}
.No-credit-card-requi .text-style-1 {font-family:'robotobold';}
/* [ Input ]*/ 
.wrap-input100 {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-end;width:45%;height:50px;position:relative;border-radius:20px;margin-bottom:10px;background-color:rgba(0, 0, 0, 0.05);}
.label-input100 {font-family:'robotolight';display:block;position:absolute;pointer-events:none;width:100%;padding-left:24px;left:0;top:12px;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;font-size:18px;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:rgba(56, 52, 61, 0.65);}
.input100 {display:block;width:100%;background:transparent;color:rgba(56, 52, 61, 0.65);line-height:1.2;padding:0 26px;font-family:'robotolight';}
input.input100 {height:100%;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;}
/*---------------------------------------------*/
.focus-input100 {position:absolute;display:block;width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;pointer-events:none;border:1px solid #6675df;border-radius:10px;visibility:hidden;opacity:0;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;-webkit-transform:scaleX(1.1) scaleY(1.3);-moz-transform:scaleX(1.1) scaleY(1.3);-ms-transform:scaleX(1.1) scaleY(1.3);-o-transform:scaleX(1.1) scaleY(1.3);transform:scaleX(1.1) scaleY(1.3);}
.input100:focus+.focus-input100 {visibility:visible;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.eff-focus-selection {visibility:visible;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.input100:focus {height:48px;}
.input100:focus+.focus-input100+.label-input100 {top:5px;font-size:12px;}
.has-val {height:48px !important;}
.has-val+.focus-input100+.label-input100 {top:8px;font-size:11px;}
/* [ Button ]*/  
.container-login100-form-btn {width:33%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;}
.login100-form-btn {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;width:100%;height:60px;font-size:21px;color:#fff;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;border-radius:20px;background-color:#4dbec9;font-family:'robotoregular';}
.login100-form-btn:hover {background:#333333;}


.language .selectpicker {width:120%;height:44px;padding:0 15px;border:none;font-size:18px;background:transparent;}
.language .selectpicker option:focus {border-radius:8px;}
.language .selectpicker:focus {outline:none;color:cornflowerblue;}
.language .selectpicker option:hover {background-color:none;}
.language .selectpicker option:checked:hover {background-color:none;}
select::-ms-expand {display:none;}

/* [ Responsive ]*/
@media (min-width:1400px) {
}
@media (max-width:1199px) {
	.wrap-login {width:70%;margin: 0 0 0 30%;}
}
@media (max-width:991px) {
	.wrap-login{padding:50px 30px 30px 50px;}
}
@media (max-width:767px) {
	body{background-size: cover;}
	.language{right:30px;top:30px;}
	.language::before {line-height:40px;}
	.wrap-login{width:80%;margin:0 0 0 20%;background:rgba(255,255,255,.9);}
	.logo img{height:40px;}
	.form-title{margin:0 0 25px;font-size:24px;}
	.form-login p{margin:0 0 30px;}
	.jlc-wrapper{margin:0 0 30px;height:40px;}
	.jlc-wrapper .jlc-cover {height:40px;}
	.jlc-wrapper .jlc-cover .jlc-btn{height:40px;line-height:40px;font-size:16px;}
	.jlc-wrapper .jlc-cover .jlc-input, .jlc-wrapper .jlc-cover .jlc-sbmt{height:40px;border-radius:8px;}
	.jlc-wrapper .jlc-cover .jlc-input{border-radius:8px 0 0 8px;} 
	.jlc-wrapper .jlc-cover .jlc-sbmt{border-radius:0 8px 8px 0;}
}
@media (max-width:575px) {
	.wrap-login{width:100%;margin:0;padding:50px 30px 30px;}
}
@media (max-width:479px) {
	.language{right:15px;top:15px;width:80px;border-radius:5px;}
	.form-title{font-size:20px;}
}