@charset "utf-8";

/*====================================================
Extra Small =   xs  =   0px - 767px
Small       =   sm  =   768px - 991px
Medium      =   md  =   992px - 1199px
Large       =   lg  =   1200px and up
=========================================================*/
*,
::after,
::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* XS */

@media(max-width:767px) {}

/* SM */

@media(min-width:768px) and (max-width:991px) {}

/* MD */

@media(min-width:992px) and (max-width:1199px) {}

/* LG */

@media(min-width:1200px) {}

/*=============== Open Sans Font ==========================
font-family: 'Mulish', sans-serif;
regular 400
semi-bold 600
bold 700
extra-bold 800
=================================================*/

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-variant: normal;
    font-style: normal;
    background-color: #fff;
    font-weight: 400;
    color: #393f4a;
    line-height: normal;
	overflow-x: hidden;
	counter-reset: Serial;           /* Set the Serial counter to 0 */
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    /*font-family: 'Open Sans', sans-serif;*/
}

a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    outline: 0;
    color: #1572e8;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

hr {
    float: left;
    width: 100%;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #d0d7e2;
    -o-border-image: none;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

label {
    font-weight: normal;
}

.font-bold {
    font-weight: 700;
}

.no-wrap {
    white-space: nowrap;
}

.overflow-ellipsis {
    width: 13em;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.column {
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    height: 50px;
    margin: 15px 0 0 0;
}
.container{ max-width:1170px;}

.fullWidth{ width:100% !important;}

ol li{ margin-top:10px;}
ol.roman {
    list-style-type:lower-roman;
}
ol.alpha {
    list-style-type:lower-alpha;
}


/*================================== Shadow =================================*/

.box-shadow{
	-webkit-box-shadow: 0px 0px 10px 1px rgba(170,181,194,0.5);
	-moz-box-shadow: 0px 0px 10px 1px rgba(170,181,194,0.5);
	box-shadow: 0px 0px 10px 1px rgba(170,181,194,0.5);
}

/*================================== Positions =================================*/

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

/*================================== Floating =================================*/

.f-left {
    float: left;
    width: 100%;
}

.f-right {
    float: right;
    width: 100%;
}

.pull-left {
    float: left !important
}

.pull-right {
    float: right !important
}

/* XS */

@media(max-width:767px) {
	html{overflow-x: hidden;}
    .xs-pull-left {
        float: left !important
    }
    .xs-pull-right {
        float: right !important
    }
    .xs-pull-none {
        float: none !important
    }
	.container{width:100%;}
	
	.xs-fullWidth{ width:100%;}
}

/* SM */

@media(min-width:768px) and (max-width:991px) {
    .sm-pull-left {
        float: left !important
    }
    .sm-pull-right {
        float: right !important
    }
    .sm-pull-none {
        float: none !important
    }
	.container{width:100%;}
	.sm-fullWidth{ width:100%;}
}

/* MD */

@media(min-width:992px) and (max-width:1199px) {
    .md-pull-left {
        float: left !important
    }
    .md-pull-right {
        float: right !important
    }
    .md-pull-none {
        float: none !important
    }
	.container{width:100%;}
	.md-fullWidth{ width:100%;}
}

/* LG */

@media(min-width:1200px) {
    .lg-pull-left {
        float: left !important
    }
    .lg-pull-right {
        float: right !important
    }
    .lg-pull-none {
        float: none !important
    }
}

/*==================================Margin=================================*/

.margin-10 {
    margin: 10px
}

.margin-15 {
    margin: 15px
}

.margin-20 {
    margin: 20px
}

.margin-25 {
    margin: 25px
}

/*==================================Padding=================================*/

.padding-10 {
    margin: 10px
}

/*==================================Border=================================*/

.border {border: 1px solid #d0d7e2;}
.border-black {border: 1px solid #000;}
.border-gray {border: 1px #e9ebef;}
.border-dgray{ border:1px rgb(190,189,189);}
.border-white{ border:1px #ffffff;}

/*==================================Border-Radius=================================*/

.border-radius4 {
    border-radius: 4px;
}
.border-radius8 {
    border-radius: 8px;
}
.border-radius30{
    border-radius: 30px;
}
.border-radiusFull{
    border-radius: 50%;
}

/*==================================Border-Width=================================*/
.border-width-2{ border-width:2px 2px 2px 2px !important;}
.border-width-5{ border-width:5px 5px 5px 5px !important;}

/*==================================  Display =================================*/

.display-none {
    display: none;
}

.display-block {
    display: block;
}
.display-inline-block {
    display: inline-block;
}

/*================================== PAGE FRAME=================================*/

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

/*================================== Z-Index =================================*/

.z-index-0 {
    z-index: 0 !important
}



/*================================== Text Alignment =================================*/

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: normal
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-underline {
    text-decoration: underline!important
}

/* XS */

@media(max-width:767px) {
    .xs-text-left {
        text-align: left
    }
    .xs-text-center {
        text-align: center
    }
    .xs-text-right {
        text-align: right
    }
    .xs-text-justify {
        text-align: justify
    }
    .xs-text-nowrap {
        white-space: normal
    }
    .xs-text-tras {
        text-transform: lowercase
    }
    .xs-text-uppercase {
        text-transform: uppercase
    }
    .xs-text-capitalize {
        text-transform: capitalize
    }
    .xs-text-underline {
        text-decoration: underline!important
    }
}

/* SM */

@media(min-width:768px) and (max-width:991px) {
    .sm-text-left {
        text-align: left
    }
    .sm-text-center {
        text-align: center
    }
    .sm-text-right {
        text-align: right
    }
    .sm-text-justify {
        text-align: justify
    }
    .sm-text-nowrap {
        white-space: normal
    }
    .sm-text-tras {
        text-transform: lowercase
    }
    .sm-text-uppercase {
        text-transform: uppercase
    }
    .sm-text-capitalize {
        text-transform: capitalize
    }
    .sm-text-underline {
        text-decoration: underline!important
    }
}

/* MD */

@media(min-width:992px) and (max-width:1199px) {
    .md-text-left {
        text-align: left
    }
    .md-text-center {
        text-align: center
    }
    .md-text-right {
        text-align: right
    }
    .md-text-justify {
        text-align: justify
    }
    .md-text-nowrap {
        white-space: normal
    }
    .md-text-tras {
        text-transform: lowercase
    }
    .md-text-uppercase {
        text-transform: uppercase
    }
    .md-text-capitalize {
        text-transform: capitalize
    }
    .md-text-underline {
        text-decoration: underline!important
    }
}

/* LG */

@media(min-width:1200px) {
    .lg-text-left {
        text-align: left
    }
    .lg-text-center {
        text-align: center
    }
    .lg-text-right {
        text-align: right
    }
    .lg-text-justify {
        text-align: justify
    }
    .lg-text-nowrap {
        white-space: normal
    }
    .lg-text-tras {
        text-transform: lowercase
    }
    .lg-text-uppercase {
        text-transform: uppercase
    }
    .lg-text-capitalize {
        text-transform: capitalize
    }
    .lg-text-underline {
        text-decoration: underline!important
    }
}