span.cls_004{font-family:Arial,serif;font-size:23.1px;color:rgb(255,255,255);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_004{font-family:Arial,serif;font-size:23.1px;color:rgb(255,255,255);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_003{font-family:Arial,serif;font-size:29.3px;color:rgb(255,255,255);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_003{font-family:Arial,serif;font-size:29.3px;color:rgb(255,255,255);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_002{font-family:Arial,serif;font-size:33.0px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_002{font-family:Arial,serif;font-size:33.0px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_005{font-family:Arial,serif;font-size:41.0px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_005{font-family:Arial,serif;font-size:41.0px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_006{font-family:Arial,serif;font-size:29.6px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_006{font-family:Arial,serif;font-size:29.6px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_007{font-family:Arial,serif;font-size:22.1px;color:rgb(116,164,136);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_007{font-family:Arial,serif;font-size:22.1px;color:rgb(116,164,136);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_008{font-family:Arial,serif;font-size:34.9px;color:rgb(116,164,136);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_008{font-family:Arial,serif;font-size:34.9px;color:rgb(116,164,136);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_009{font-family:Arial,serif;font-size:19.1px;color:rgb(0,0,0);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_009{font-family:Arial,serif;font-size:19.1px;color:rgb(0,0,0);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_010{font-family:Arial,serif;font-size:33.1px;color:rgb(255,255,255);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_010{font-family:Arial,serif;font-size:33.1px;color:rgb(255,255,255);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_011{font-family:Arial,serif;font-size:26.7px;color:rgb(255,255,255);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_011{font-family:Arial,serif;font-size:26.7px;color:rgb(255,255,255);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_012{font-family:Arial,serif;font-size:39.1px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_012{font-family:Arial,serif;font-size:39.1px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_013{font-family:Arial,serif;font-size:26.7px;color:rgb(60,103,86);font-weight:normal;font-style:normal;text-decoration: none}
div.cls_013{font-family:Arial,serif;font-size:26.7px;color:rgb(60,103,86);font-weight:normal;font-style:normal;text-decoration: none}
span.cls_014{font-family:Arial,serif;font-size:48.7px;color:rgb(255,255,255);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_014{font-family:Arial,serif;font-size:48.7px;color:rgb(255,255,255);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_015{font-family:Arial,serif;font-size:40.0px;color:rgb(60,103,86);font-weight:normal;font-style:normal;text-decoration: none}
div.cls_015{font-family:Arial,serif;font-size:40.0px;color:rgb(60,103,86);font-weight:normal;font-style:normal;text-decoration: none}
span.cls_016{font-family:Arial,serif;font-size:32.0px;color:rgb(60,103,86);font-weight:normal;font-style:normal;text-decoration: none}
div.cls_016{font-family:Arial,serif;font-size:32.0px;color:rgb(60,103,86);font-weight:normal;font-style:normal;text-decoration: none}
span.cls_017{font-family:Arial,serif;font-size:20.1px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_017{font-family:Arial,serif;font-size:20.1px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_018{font-family:Arial,serif;font-size:29.5px;color:rgb(255,255,255);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_018{font-family:Arial,serif;font-size:29.5px;color:rgb(255,255,255);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_019{font-family:Arial,serif;font-size:52.2px;color:rgb(116,164,136);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_019{font-family:Arial,serif;font-size:52.2px;color:rgb(116,164,136);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_020{font-family:Arial,serif;font-size:34.5px;color:rgb(60,103,86);font-weight:normal;font-style:normal;text-decoration: none}
div.cls_020{font-family:Arial,serif;font-size:34.5px;color:rgb(60,103,86);font-weight:normal;font-style:normal;text-decoration: none}
span.cls_021{font-family:Arial,serif;font-size:34.5px;color:rgb(60,103,86);font-weight:normal;font-style:normal;text-decoration: none}
div.cls_021{font-family:Arial,serif;font-size:34.5px;color:rgb(60,103,86);font-weight:normal;font-style:normal;text-decoration: none}
span.cls_022{font-family:Arial,serif;font-size:34.5px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_022{font-family:Arial,serif;font-size:34.5px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_023{font-family:Arial,serif;font-size:24.9px;color:rgb(60,103,86);font-weight:normal;font-style:normal;text-decoration: none}
div.cls_023{font-family:Arial,serif;font-size:24.9px;color:rgb(60,103,86);font-weight:normal;font-style:normal;text-decoration: none}
span.cls_024{font-family:Arial,serif;font-size:40.0px;color:rgb(255,255,255);font-weight:normal;font-style:normal;text-decoration: none}
div.cls_024{font-family:Arial,serif;font-size:40.0px;color:rgb(255,255,255);font-weight:normal;font-style:normal;text-decoration: none}
span.cls_025{font-family:Arial,serif;font-size:43.7px;color:rgb(116,164,136);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_025{font-family:Arial,serif;font-size:43.7px;color:rgb(116,164,136);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_026{font-family:Arial,serif;font-size:29.3px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_026{font-family:Arial,serif;font-size:29.3px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_027{font-family:Arial,serif;font-size:30.8px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_027{font-family:Arial,serif;font-size:30.8px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_028{font-family:Arial,serif;font-size:51.0px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_028{font-family:Arial,serif;font-size:51.0px;color:rgb(60,103,86);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_029{font-family:Arial,serif;font-size:29.3px;color:rgb(116,164,136);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_029{font-family:Arial,serif;font-size:29.3px;color:rgb(116,164,136);font-weight:bold;font-style:normal;text-decoration: none}

/* props */
@font-face {
    font-family: gillSans;
    src: url(gill_sans.otf);
}@font-face {
    font-family: gillSansBold;
    src: url(gill_sans_bold.otf);
}@font-face {
    font-family: gillSansMedium;
    src: url(gill_sans_medium.otf);
}

/* body {
    min-height: 2000px;
    padding-top: 120px;
} */

div {
    font-family: gillSansMedium;
}
.odm_title_bar{
    background-color: rgb(116,164,136); 
    color: #fff; 
    border-style: solid; 
    border-color: #C0DEF5;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}
.odm_footer{
    background-color: rgb(116,164,136); 
    color: #fff; 
    border-style: solid; 
    border-color: #C0DEF5;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}
.no_border {
    margin: 0px !important;
}
.cards_padding {
    padding-left: 25vh;
    padding-right: 25vh;
}
.desktop {
    display: block;
}
.odm_home_background {
    background-image: url("../files/devices.png");
    /* background-repeat: no-repeat, repeat; */
    background-size: cover;
    display: block;
}
.odm_home_background_mobile {
    display: none;
    padding: 20px;
    text-align: center;
}
.ff_gs_bold {
    font-family: gillSansBold;
}
.justify_center {
    text-align: center;
    /* font-size: 24px !important; */
}
.justify_right {
    text-align: right;
    /* font-size: 24px !important; */
}
.justify_left {
    text-align: left;
}
.btn_odm {
    background-color: rgb(116,164,136);
    color: #fff;
    text-decoration: none;
    /* padding-left: 20px !important;
    padding-right: 20px !important; */
    border-radius: 10px !important;
}
.btn_odm:hover {
    background-color: rgb(60,103,86);
    color: #fff !important;
    border-radius: 10px;
}
.text_color_green {
    color: rgb(60,103,86);
}
.background_color_green {
    background-color: rgb(116,164,136);
}
.text_color_light_green {
    color: rgb(116,164,136);
}
.vr_align {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.vl_white {
  border-right: 3px solid #fff;
  /* height: 100px; */
}
.vl_blue {
    border-right: 1px solid #C0DEF5;
}
.card_odm {
    background-color: #efefef;
    border-radius: 10px;
    padding: 15px;
    padding-top: 25px;
}
.card_plans_odm {
    background-color: #fff;
    border-style: solid;
    border-color: #C0DEF5;
    border-radius: 10px;
    padding: 15px;
    padding-top: 25px;
    box-shadow: 5px 10px;
}
.box_shadow_img {
    border-radius: 10px;
    border-style: solid;
    border-color: #C0DEF5;
    box-shadow: 5px 5px 5px 5px;
}
.box_shadow_img_navbar {
    border-radius: 0px;
    border-style: solid;
    border-color: #fff;
    box-shadow: 5px 5px 5px 5px;
    display: none;
}
.container_odm {
    margin-top: 25vh;
}
.navbar-header {
    background-color: rgb(116,164,136);
}
.justify_center_mobile {

}

/* media screen display */

@media screen and (max-width: 480px) {
	.odm_footer {
		display: none;
	}
    .odm_home_background {
        display: none;
    }
    .odm_home_background_mobile {
        display: block;
    }
    .odm_title_bar {
        display: none;
    }
    .cards_padding {
        padding-left: 5vh;
        padding-right: 5vh;
    }
    .justify_center_mobile {
        text-align: center;
    }
    .box_shadow_img_navbar {
        display: block;
    }
    .desktop {
        display: none;
    }
}