@font-face {

    font-family: 'Euclid Circular B';

    src: url('../fonts/EuclidCircularB-Bold.eot');

    src: url('../fonts/EuclidCircularB-Bold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/EuclidCircularB-Bold.woff2') format('woff2'),

        url('../fonts/EuclidCircularB-Bold.woff') format('woff'),

        url('../fonts/EuclidCircularB-Bold.ttf') format('truetype'),

        url('../fonts/EuclidCircularB-Bold.svg#EuclidCircularB-Bold') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Euclid Circular B';

    src: url('../fonts/EuclidCircularB-Regular.eot');

    src: url('../fonts/EuclidCircularB-Regular.eot?#iefix') format('embedded-opentype'),

        url('../fonts/EuclidCircularB-Regular.woff2') format('woff2'),

        url('../fonts/EuclidCircularB-Regular.woff') format('woff'),

        url('../fonts/EuclidCircularB-Regular.ttf') format('truetype'),

        url('../fonts/EuclidCircularB-Regular.svg#EuclidCircularB-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Euclid Circular B';

    src: url('../fonts/EuclidCircularB-Light.eot');

    src: url('../fonts/EuclidCircularB-Light.eot?#iefix') format('embedded-opentype'),

        url('../fonts/EuclidCircularB-Light.woff2') format('woff2'),

        url('../fonts/EuclidCircularB-Light.woff') format('woff'),

        url('../fonts/EuclidCircularB-Light.ttf') format('truetype'),

        url('../fonts/EuclidCircularB-Light.svg#EuclidCircularB-Light') format('svg');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Euclid Circular B';

    src: url('../fonts/EuclidCircularB-Medium.eot');

    src: url('../fonts/EuclidCircularB-Medium.eot?#iefix') format('embedded-opentype'),

        url('../fonts/EuclidCircularB-Medium.woff2') format('woff2'),

        url('../fonts/EuclidCircularB-Medium.woff') format('woff'),

        url('../fonts/EuclidCircularB-Medium.ttf') format('truetype'),

        url('../fonts/EuclidCircularB-Medium.svg#EuclidCircularB-Medium') format('svg');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Euclid Circular B';

    src: url('../fonts/EuclidCircularB-SemiBold.eot');

    src: url('../fonts/EuclidCircularB-SemiBold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/EuclidCircularB-SemiBold.woff2') format('woff2'),

        url('../fonts/EuclidCircularB-SemiBold.woff') format('woff'),

        url('../fonts/EuclidCircularB-SemiBold.ttf') format('truetype'),

        url('../fonts/EuclidCircularB-SemiBold.svg#EuclidCircularB-SemiBold') format('svg');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



*{

	box-sizing: border-box;

	padding: 0;

	margin: 0;

    font-family: 'Euclid Circular B';

}

body{

	padding: 0;

	margin: 0;

    font-family: 'Euclid Circular B';

}

img{

	max-width: 100%;

	vertical-align: middle;

	height: auto;

}

a{

	text-decoration: none;

	color: #000000;

}

ul{

	padding: 0;

	margin: 0;

}

ul,

li{

	list-style: none;

}




/*login page*/

.login-outer {

    padding: 30px 15px;

    height: 100vh;

    font-size: 13px;

    line-height: 17px;

}

.login-outer .container {

    max-width: 800px;

    display: flex;

    align-items: center;

    justify-content: center;

    height: calc(100% - 60px);

}

.form-style input{

	border:0;

	height:50px;

	border-radius:0;

	border-bottom:1px solid #ebebeb;	

}

.form-style input:focus{

	border-bottom:1px solid #007bff;	

	box-shadow:none;

	outline:0;

	background-color:#ebebeb;	

}

.sideline {

    display: flex;

    width: 100%;

    justify-content: center;

    align-items: center;

    text-align: center;

	color:#ccc;

}



.sideline:before,

.sideline:after {

    content: '';

    border-top: 1px solid #ebebeb;

    margin: 0 20px 0 0;

    flex: 1 0 20px;

}

.login-outer button.btn.btn-dark{

    height: 47px;

    background: #061732;

}

.sideline:after {

    margin: 0 0 0 20px;

}

.login-outer a {

    color: #061732;

    font-weight: 500;

}


.checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.checkbox label {
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.checkbox label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #061732;
  /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); */
  padding: 6px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 4px;
}

.checkbox input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 4px;
  height: 8px;
  border: solid #ffffff;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}
.checkbox input:checked + label:before {
    background: #061732;
}
.checkbox {
    padding: 10px 0;
}
@media screen and (max-width: 767px) {

	.login-outer .container .row.no-gutters.shadow-lg {

	    width: 100%;

	    max-width: 480px;

	}
     .login-outer .container .row.no-gutters.shadow-lg > .col-md-6.bg-white.p-5.align-self-center {
        padding: 40px 20px !important;
    }
    .login-img {
        height: 170px;
    }
    .login-img img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .login-outer {
        height: auto;
        padding: 30px 5px;
    }

}