/*-- Fonts --*/
/*@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700;800;900&display=swap');*/
/*----*/
@font-face{font-family: 'Raleway';font-style: normal;font-weight: 400;font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Raleway';font-style: normal;font-weight: 500;font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Raleway';font-style: normal;font-weight: 600;font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Raleway';font-style: normal;font-weight: 700;font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v17/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/*-- Reset css --*/
/*==================box-sizing================*/
*{box-sizing:border-box}
*,
*:before,
*:after{box-sizing:border-box}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,
*:before,
*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
/*====*/
*{margin:0;padding:0;border:none}
abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted}
dfn{font-style:normal}
.left{float:left}.right{float:right}
.clear{clear:both}
.aligncenter{text-align:center}
.alignright{text-align:right}
a{color:#000;outline:none;border:none;text-decoration:none}
a:visited{color:#5c5c5c}
a:hover{text-decoration:none;color:#0198d1}
a:active{color:#000}
address{margin:0.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal}
:focus{outline:0}
ul,ol{list-style:none;margin:0;padding:0}
p{font-size:16px;padding:8px 0;line-height:24px;margin:0}
.input-group{position:relative;margin-bottom:15px}
.form-control{background:#fff;border:solid 1px #e1e1e1;font-size:15px;color:#434343;border-radius:4px;width:100%;height:50px;padding:8px 15px}
.form-control::-moz-placeholder{color:#797979;opacity:1}
.form-control:-ms-input-placeholder{color:#797979}
.form-control::-webkit-input-placeholder{color:#797979}
.form-control:focus{box-shadow:none}
.btn-primary{background-color:#184391;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;text-transform:uppercase;font-size: 18px;border:solid 1px #2258ab;box-shadow:none;}
.btn-primary:hover,.btn-primary:focus{background:#5bbe40;border-color:#5bbe40;}
.btn-primary:focus,.btn-primary:active{border:0;box-shadow:none;background:#5bbe40;}
textarea{font:12px Arial, Helvetica, sans-serif}
textarea.form-control{height:120px}
.block{display:inline-block;width:100%}
.button{display:inline-block;background-color:#e20534;border:none;box-shadow:none;color:#fff;font-size:24px;text-transform:uppercase;border:none;padding:15px 26px;text-align:center;vertical-align:middle;border-radius:6px;font-weight:600;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
a:visited.button{color:#fff}
.error{display:block;color:#d60606;padding-top:5px}
.alert-success{opacity:1}.button.radius{border-radius:4px}
.capitalize{text-transform:none;text-transform:capitalize}
img.img-block{display:block;max-width:100%;height:auto}
.center-box{background-color:transparent;text-align:center;padding:60px 0}
.ucase:before{text-transform:uppercase}
.block{display:inline-block;width:100%}
.icon{display:inline-block;fill:currentColor;height:1em;position:relative;top:-0.0625em;vertical-align:middle;width:1em}
.list{list-style:none; margin:0}
.list li{background:url(../images/list.png) no-repeat left 9px;color:rgb(217, 217, 217);font-size:20px;line-height:28px;margin:0 20px 20px;padding-left:26px}
.list-numeric{list-style:number;font-size:16px;color:#686868}
.list-numeric li{line-height:24px;margin:0 0 16px}
/*-- Body --*/
html{background:#fff;height:100%;font-family:Arial, Helvetica, sans-serif}
body{background:#fff;font-family:Arial, Helvetica, sans-serif;font-weight:400;font-size:15px;min-height:100%;color:#000}
.container{max-width:1190px;margin:0 auto;position:relative;padding:0 15px}

/*-- Fetch Fonts --*/
h1,h2,h3,h4,h5,h6,.button,.btn-primary{font-family:"Raleway", Arial, sans-serif}
.hd-h1{color:#fff;font-size:44px;margin:0 0 24px;position:relative;}

/*-- Container --*/
#content{display:inline-block;width:100%;min-height:300px}

/*-- Header --*/

/*====----Home Page----=====*/
#header-login{background: #fff;clear: both;padding: 10px 0;}
.section-body{background: url(../images/background-bodybg.jpg) no-repeat center 0;min-height: 100%;width:100%; background-size: cover;padding: 190px 0;}
#header-login figure,#header-login figure img{margin:0;}
#header-login figure img{display:block;height:auto;max-width:100%;}
#login-box{padding:0;max-width:1070px;margin:0 auto;background-color:transparent;}
#login-box .row{margin: 0;}
#login-box [class*="col-"]{margin:0;padding:190px 0 0;}
.leftside{background:#fff;}
.leftside,.rightside{height:721px;}
.leftside figure,.leftside figure img{margin:0 auto;text-align:center;display:block;}
.login{}
.loginform {
    max-width: 306px;
    margin: 24px auto 0;
}
.input-textfield {
    --pure-material-safari-helper1: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    position: relative;
    display: block;
    padding-top: 6px;
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 15px;
    line-height: 1.5;
    overflow: hidden;
}

/* Input, Textarea */
.input-textfield > input,
.input-textfield > textarea {
    box-sizing: border-box;
    margin: 0;
    border: solid 1px; /* Safari */
    border-color: rgba(var(--pure-material-onsurface-rgb, 181, 181, 181), 0.6);
    border-top-color: transparent;
    border-radius: 4px;
    padding: 10px 12px 10px;
    width: 100%;
    height: inherit;
    color: rgba(var(--pure-material-onsurface-rgb, 181, 181, 181), 0.87);
    background-color: transparent;
    box-shadow: none; /* Firefox */
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    caret-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transition: border 0.2s, box-shadow 0.2s;
}

/* Span */
.input-textfield > input + span,
.input-textfield > textarea + span {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    border-color: rgba(var(--pure-material-onsurface-rgb, 181, 181, 181), 0.6);
    width: 100%;
    max-height: 100%;
    color: rgba(var(--pure-material-onsurface-rgb, 161, 161, 161), 0.87);
    font-size: 75%;
    line-height: 15px;
    cursor: text;
    transition: color 0.2s, font-size 0.2s, line-height 0.2s;
}

/* Corners */
.input-textfield > input + span::before,
.input-textfield > input + span::after,
.input-textfield > textarea + span::before,
.input-textfield > textarea + span::after {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-top: 6px;
    border-top: solid 1px;
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 181, 181, 181), 0.6);
    min-width: 10px;
    height: 8px;
    pointer-events: none;
    box-shadow: inset 0 1px transparent;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.input-textfield > input + span::before,
.input-textfield > textarea + span::before {
    margin-right: 4px;
    border-left: solid 1px transparent;
    border-radius: 4px 0;
}

.input-textfield > input + span::after,
.input-textfield > textarea + span::after {
    flex-grow: 1;
    margin-left: 4px;
    border-right: solid 1px transparent;
    border-radius: 0 4px;
}

/* Hover */
.input-textfield:hover > input,
.input-textfield:hover > textarea {
    border-color: rgba(var(--pure-material-onsurface-rgb, 181, 181, 181), 0.87);
    border-top-color: transparent;
}

.input-textfield:hover > input + span::before,
.input-textfield:hover > textarea + span::before,
.input-textfield:hover > input + span::after,
.input-textfield:hover > textarea + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 181, 181, 181), 0.87);
}

.input-textfield:hover > input:not(:focus):placeholder-shown,
.input-textfield:hover > textarea:not(:focus):placeholder-shown {
    border-color: rgba(var(--pure-material-onsurface-rgb, 181, 181, 181), 0.87);
}

/* Placeholder-shown */
.input-textfield > input:not(:focus):placeholder-shown,
.input-textfield > textarea:not(:focus):placeholder-shown {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 181, 181, 181), 0.6);
}

.input-textfield > input:not(:focus):placeholder-shown + span,
.input-textfield > textarea:not(:focus):placeholder-shown + span {
    font-size: inherit;
    line-height: 55px;
}

.input-textfield > input:not(:focus):placeholder-shown + span::before,
.input-textfield > textarea:not(:focus):placeholder-shown + span::before,
.input-textfield > input:not(:focus):placeholder-shown + span::after,
.input-textfield > textarea:not(:focus):placeholder-shown + span::after {
    border-top-color: transparent;
}

/* Focus */
.input-textfield > input:focus,
.input-textfield > textarea:focus {
    border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    border-top-color: transparent;
    box-shadow: inset 1px 0 var(--pure-material-safari-helper1), inset -1px 0 var(--pure-material-safari-helper1), inset 0 -1px var(--pure-material-safari-helper1);
    outline: none;
}

.input-textfield > input:focus + span,
.input-textfield > textarea:focus + span {
    color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.input-textfield > input:focus + span::before,
.input-textfield > input:focus + span::after,
.input-textfield > textarea:focus + span::before,
.input-textfield > textarea:focus + span::after {
    border-top-color: var(--pure-material-safari-helper1) !important;
    box-shadow: inset 0 1px var(--pure-material-safari-helper1);
}

/* Disabled */
.input-textfield > input:disabled,
.input-textfield > input:disabled + span,
.input-textfield > textarea:disabled,
.input-textfield > textarea:disabled + span {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
    border-top-color: transparent !important;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    pointer-events: none;
}

.input-textfield > input:disabled + span::before,
.input-textfield > input:disabled + span::after,
.input-textfield > textarea:disabled + span::before,
.input-textfield > textarea:disabled + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
}

.input-textfield > input:disabled:placeholder-shown,
.input-textfield > input:disabled:placeholder-shown + span,
.input-textfield > textarea:disabled:placeholder-shown,
.input-textfield > textarea:disabled:placeholder-shown + span {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
}

.input-textfield > input:disabled:placeholder-shown + span::before,
.input-textfield > input:disabled:placeholder-shown + span::after,
.input-textfield > textarea:disabled:placeholder-shown + span::before,
.input-textfield > textarea:disabled:placeholder-shown + span::after {
    border-top-color: transparent !important;
}

/* Faster transition in Safari for less noticable fractional font-size issue */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .input-textfield > input,
        .input-textfield > input + span,
        .input-textfield > textarea,
        .input-textfield > textarea + span,
        .input-textfield > input + span::before,
        .input-textfield > input + span::after,
        .input-textfield > textarea + span::before,
        .input-textfield > textarea + span::after {
            transition-duration: 0.1s;
        }
    }
}



.switch {
    display: inline-block;
    width: 100%;
    max-width: 300px;
	margin: 15px auto 18px;
	position:relative;
}
.switch-checkbox label > * {
  -webkit-transform: translateZ(0) scale(1, 1);
          transform: translateZ(0) scale(1, 1);
}

.switch-checkbox > * {
  cursor: pointer;
}

.switch-checkbox {
  /*position:relative;*/	
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
  height: 24px;
  background: none;
  display:inline-block;
  margin: 10px 0 0 50px;
  /*box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  border-radius: 75px;*/
}
.switch em{
    display: inline-block;
    vertical-align: top;
	font-style:normal;
	font-size:13px;
	color:#bababa;
	margin: 0 0 0 75px;
}
.switch-checkbox .toggle--handler {
  /*background: -webkit-gradient(linear, left top, left bottom, from(#F5515F), to(#CD2942));
  background: linear-gradient(to bottom, #F5515F, #CD2942);*/
  background:#3b3b3b;
  width: 10px;
  height: 10px;
  display: block;
  box-shadow: 0px 5px 40px rgba(245, 81, 95, 0.8);
  border-radius: 50%;
  margin: 7.5px;
  position: relative;
  z-index: 2;
  -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.switch-checkbox .toggle--handler:after {
  content: "";
  position: absolute;
  border-radius: 60px;
  background: -webkit-gradient(linear, left top, left bottom, from(#468EFF), to(#2B68FF));
  background: linear-gradient(to bottom, #468EFF, #2B68FF);
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}
.switch-checkbox .toggle--handler:before {
  content: "";
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  border-radius: 60px;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>assets/icons/cross</title><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M0 0h24v24H0z"/><path d="M13.414 11.96l6.546-6.546L18.545 4 12 10.545 5.455 4 4.04 5.414l6.546 6.546-6.89 6.89 1.414 1.413 6.89-6.89 6.89 6.89 1.414-1.414-6.89-6.89z" fill="#FFF"/></g></svg>');
  -webkit-transition: all 200ms;
  transition: all 200ms;
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}
.switch-checkbox:after {
  content: "";
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 1px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 18px;
  height: 4px;
  background: #bababa;
  pointer-events: none;
  border-radius: 24px
}

.switch-checkbox input {
  position: absolute;
  left: -999em;
}
.switch-checkbox input:checked + .toggle .toggle--handler {
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
  /*background: -webkit-gradient(linear, left top, left bottom, from(#468EFF), to(#2B68FF));
  background: linear-gradient(to bottom, #468EFF, #2B68FF);*/
  background:#184dae;
  box-shadow: 0px 5px 40px rgba(70, 142, 255, 0.8);
}
.switch-checkbox input:checked + .toggle .toggle--handler:after {
  opacity: 1;
}
.switch-checkbox input:checked + .toggle .toggle--handler:before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>assets/icons/cross copy</title><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M0 0h24v24H0z"/><path fill="#FFF" d="M8.293 16.707l.707.707.707-.707 11-11-1.414-1.414-11 11h1.414l-4-4-1.414 1.414z"/></g></svg>');
  z-index: 5;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}

.social-links{padding:0;text-align:center;margin:170px auto 0;}
.social-links li,.social-links li a,.social-links li a img{display:inline-block;vertical-align:middle;}
.social-links li{margin:0 3px 0 0;}
#login-box .rightside{background: url(../images/rightside-bg.jpg) no-repeat center 0;min-height: 100%;width:100%; background-size: cover;padding: 260px 0 0;}
.intro{padding: 0 0 0 70px;}
.rightside .hd-h1 span{display:block;}
/*.rightside .hd-h1:before{content:" ";position:absolute;height:6px;width:150px;background:#16408d;left:0;bottom:0;}*/
.rightside .hd-h1:after{content:" ";background:url(../images/hd-bg.png) no-repeat;position:absolute;height:6px;width:270px;left:0;bottom:0;}
.rightside .hd-h1{padding: 0 0 24px;}


/*====Responsive====*/
@media (min-width:2500px){
}
@media (max-width:1199px){
img{display:block;max-width:100%;height:auto}.img-responsive{display:block;max-width:100%;height:auto}
#login-box [class*="col-"]{padding:100px 0 0;}.section-body{padding:100px 0;}
#login-box .rightside{padding:185px 0 0;}.leftside, .rightside{height:600px;}
.social-links{margin:140px auto 0;}


/*body{border:1px solid #000}*/ 
}
@media (max-width:1024px){
.container{max-width:928px;padding:0}
.intro-text h1 strong{font-size:51px}
/*body{border:1px solid orange}*/
}
@media (max-width:991px){
.container{max-width:721px}
#header-login figure, #header-login figure img{margin: 0 auto;}
.section-body{padding: 70px 0;}
.leftside, .rightside{height:100%;}.social-links{margin:100px auto 24px;}
#login-box .rightside{padding:100px 0;}
.intro{padding: 0 15px;text-align: center;}
.rightside .hd-h1:after{right: 0;margin: 0 auto;}
.hd-h1{font-size: 35px;}

/*body{border:1px solid red}*/ 
}
@media (max-width:767px){
.container{max-width:590px}
#login-box [class*="col-"]{padding: 70px 0 0;}.social-links{margin: 70px auto 18px;}#login-box .rightside{padding: 70px 0;}
#header-login figure{max-width: 140px;}
.input-textfield{font-size: 14px;}

/*body{border:1px solid lightgreen}*/
}
@media (max-width:639px){
.container{max-width:435px}.switch-checkbox .toggle--handler{margin: 8.5px;}
.social-links li{margin: 0;}

/*body{border:1px solid blue}*/
}
@media (max-width:480px){
.container{max-width:90%}html{-webkit-text-size-adjust:none}
.section-body{padding: 45px 0;}#login-box [class*="col-"]{padding: 45px 0 0;}
.loginform{max-width: 260px;margin: 10px auto 0;}
.switch{margin: 10px auto 10px;}
.social-links{margin: 26px auto 15px;}#login-box .rightside{padding: 45px 0;}
.hd-h1{font-size: 26px;}.rightside .hd-h1 span{display: inline-block;}.rightside .hd-h1  br{display: none;}

/*body{border:1px solid magenta}*/
}