@charset "utf-8";
/*font-family: 'Roboto Condensed', sans-serif;
font-family: 'Oswald', sans-serif; */
html{
	font-family: 'Roboto Condensed', sans-serif;
}
body {
    font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	line-height: 1.8em;
	position:inherit;
	position:relative;
}
@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}
.flexslider .slides img {
    width: 100%;
    height: auto;
	border:0;
    padding: 0;
}
.flex-control-nav {
    bottom: 2%;
}
.py-5 {
    padding-bottom: 0 !important;
	padding-top: 1rem !important;
}
.py-sm-3 {
    padding-bottom: 2rem !important;
	padding-top: 2rem !important;
}
.g1 {
    padding:0;
}
.cli-ent {
    width: 100%;
    margin: 0;
}
.py-sm-3_mi {
    padding-bottom: 0 !important;
    padding-right: 0;
    padding-left: 0;
	border-bottom: 6px solid white;
    box-shadow: 2px 0px 15px 5px #b1b1b1;
}
.clients-main {
    padding-top: .7em;
}
header {
    background:none;
border: none;
}
.py-sm-4 {
    padding: .5em !important;
    background: rgba(0, 0, 0, 0.56);
	margin-right: -15px;
    margin-left: -15px;
	
}
 .pt-3 {
   /* padding-top: .5rem !important;
	border-bottom: 2px solid #fff;
    background: #1e656e;
	margin-right: 0;
    margin-left: 0;*/
	padding-top: .5rem !important;
/*border-bottom: 5px solid #fff;
background: #15a5f8;*/
border-bottom: 5px solid #ffa229;
background: #091727;
margin-right: 0;
margin-left: 0;
}
.buttons {
    text-align: left;
    padding-bottom: .5em;
}
.buttons_mi {
    text-align: right;
   padding: .5em 0;
   padding-right:46px;
}
.buttons p i {
    color: #d7d7d7;
    font-size:18px;
}
.buttons p {
    color: #d7d7d7;
	padding-top: .7em;
}
a {
    color: #d7d7d7;
}
a:hover {
    color: #00eff8;
}
.social li a {
   color: #adadad;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 18px;
background: #3e3e3e;
}
.buttons_mi .social li a {
background: none;
color: #e7e7e7;
} 
.mr-lg-3{
    margin-right:1em !important;
}
.navbar-light .navbar-nav .nav-link:focus {
    color: #fff;
	background:#268c29;
}
.navbar-light .navbar-nav .nav-link{
    color: #fff;
    padding: .1em .2em;
    border-radius: 2%;
	font-weight: 300;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
    padding: .1em .2em;
    border-radius: 2%;
    background:#cb2f05;
	text-transform: uppercase;
    letter-spacing: 0;
    font-size: 16px;
}
.navbar-light .navbar-nav .active > .nav-link {
    color: #fff;
    background: #ea3606;
	text-transform: uppercase;
    letter-spacing: 0;
    font-size: 16px;
}
.navbar-nav .nav-link {
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 16px;
}
.flex-control-paging li a.flex-active {
    background: #525858;
    cursor: default;
}
.flex-control-paging li a {
    height: 20px;
    width: 20px;
}

.mb-lg-5{
    margin-bottom: 1rem !important;
}

.mt-4, .my-4 {
    text-align: center;
	margin-top: 1em;
}
h3.heading {
    font-size: 2em;
    color: #676767;
    font-weight: 500;
	font-family: 'Oswald', sans-serif;
	
}
.welcome-bottom h3.heading {
    color: #00edff;
}
.bottom-grids p {
    color:#1d1d1d;
    letter-spacing: 0;
	font-size: 1em;
    line-height: 1.7em;
    text-align: justify;
}
.mi_panel .bottom-grids p {
    color: #333333;
    padding: 0 .5em;
}
.welcome h4 {
    font-size: 1.1em;
    font-weight: 400;
    color:#027786;
    letter-spacing: 0;
	margin-bottom: 5px;
	margin-top:1em;
}
.welcome p {
    font-size:1em;
    color:#1d1d1d;
    line-height:1.7em;
    text-align: justify;
	margin-bottom: .5rem !important;
}
.bottom-grids i {
    color: #02ab07;
    font-size: .95em;
    padding-top: 10px;
	margin-right: 7px;
}
.mi_button_left .mt-4 {
    text-align: left;
}
.bottom-grids h4 {
    margin-bottom: 5px;
    color: #e43f00;
    font-weight: 500;
    letter-spacing: 0;
	margin-top: 10px;
	font-size: 1.1em;
}
.form input[type="submit"] {
	background: #636262;
}
.img-fluid {
    padding: 5px;
    border: 1px solid #d6d6d6;
}
.welcome-bottom {
    padding-top: 1em;
	background-color: #292929;
}
.styled-input label {
    color: #3c3c3c;
}
.styled-input textarea:valid ~ label {
    color: #fff;
}
.bg2-img {
    background: url(../images/banner2.jpg) no-repeat center;
        background-size: auto auto;
    background-size: cover;
}
.card-img-top_mi {
    width: 50%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
    padding: 2em;
    padding-bottom: 0;
}
p.card-text {
    font-size: 15px;
    color: #fff;
    line-height: 28px;
}

.card {
	background-color: rgba(255, 255, 255, 0.2);
}
h5.card-title {
    font-weight: 600;
    color: #07e7c5;
    letter-spacing: 0;
}
.py-5_mi {
    padding-bottom: 1em !important;
}
.copyright {
    background: #010e15;
    padding: 1em 0 !important;
}
footer {
    background: #01131d;
	border-top: 4px solid #015d90;
}
.text-uppercase {
    text-transform: uppercase !important;
    margin-bottom: .5rem !important;
    margin-top: 1em;
    color: #e6b500;
    font-weight: 500;
    text-align: left;
}
.links a {
    color: #a4a4a4;
    letter-spacing: 0;
    text-align: left;
    padding-top: 0em !important;
    text-transform: uppercase !important;
    font-size: .8em;
}
.links a:hover {
	text-decoration:underline;
}
address p {
  color: #8a8888;
}
footer p {
    color: #ababab;
    text-align: left;
    text-transform: uppercase;
    font-size: .8em;
	line-height: 30px;
}
.service-grid1 h5 {
	color:#00bdd5;
}
.service-grid1{
	border: 1px solid #00bdd5;
}
.service-grid1 i {
	background: #00bdd5;
}
.p-sm-5 {
    padding:1em 0 !important;
}
.mb-3{
    margin-bottom: 5px !important;
}
.mb-0{
    margin-bottom: .5em !important;
}
.mt-lg-0 ul{
	padding-top: .5em;
text-align: left;
}
.p-md-0 {
    padding: 0 15px !important;
}
.service-grid1 p {
    text-align: justify;
}
.welcome-button a {
    background: #636262;
    padding: 8px 20px;
}
.contact-form {
    padding: 0 1em;
	border: 1px solid #dedede;
}
.logo_2{
	display:none;
}
.logo_3{
	display:none;
}
.logo_4{
	display:none;
}
.logo_5{
	display:none;
}
.nav-item span {
    color: #01d5ed;
}
.copyright p {
    letter-spacing:0;
    text-align: center;
	color: #939393;
	padding: 0 15px;
	font-size: 13px;
}

.bg-img h4 {
    font-size: 1.2em;
    color: #787171;
    line-height: 1.7em;
	margin-top: 0;
}
 .bg-img .card-body p {
   color: #fff;
}
.bg-img p {
    margin: 0;
    font-size: .96em;
    font-weight: 300;
    color: #353535;
    text-transform: uppercase;
}
.conact_mi_pad{
	border: 1px solid #efefef;
    padding-bottom: 1em !important;
    background-color: whitesmoke;
}
.contact_bg{
	background:#fff;
}
.contact_bg .styled-input label {
    color: #6e6e6e;
}
.bg-img p i {
    color: #00bdd5;
	margin-right: .5em;
}
.styled-input textarea:valid ~ label {
    color: #3c3c3c;
}
.styled-input {
    margin: 0 0 .5em;
        margin-top: 0px;
        margin-left: 0px;

}
.logos_quality {
    position: absolute;
    z-index: 100;
    top: 8.2em;
    width: 100%;
	padding:0 !important;
}
.logos_p_botm{
	padding-bottom: .2em !important;
    padding-top: .2em !important;
}
.logos_flx_cntr{
    display: flex;
    justify-content: center;
    align-items: center;
	border: none;
}
.logos_flx_cntr .card-img-top {
    padding: 3px;
    border: 2px solid #00ffd8;
    background: #00bdd5;
	width: 70px;
    height: 70px;
}
.logos_wdth{
	width:20%
}
.logos_mi_disp_non{
	display:none;
}
.mi_border_proj{
	padding: 5px;
    border: 1px solid #ffeeda;
    background: #fff;
	box-shadow: 0 4px 8px 0 rgba(253, 253, 253, 0);
    transition: 0.3s;
	padding-bottom: 1em;
}
.mi_border_proj h4{
	margin: 1em 0 .5em .5em;
color: #e43f00;
text-transform: uppercase;
font-size: 1.1em;
}
.mi_border_proj p{
	color:#1d1d1d;
font-size: 1em;
margin-bottom: .15em;
}
.mi_border_proj .fas {
	color:  #02ab07;
	margin-left:.8em;
	margin-right: 7px;
}
b, strong {
    color: #bb3603;
	font-weight: 400;
}
.form input[type="submit"] {
    padding: 5px 30px;
    border-radius: 0;
	margin: 0 auto;
    display: block;
	margin-bottom: 1.5em;
}
.form textarea {
	height:80px;
}
.conta_mi_fm .styled-input label {
    color: #787171;
}
.conta_mi_fm p.card-text {
    color: #787171;
}
.p_0_mi{
	padding:0 !important;
	padding-bottom: 2em !important;
}
.p_0_mi_top{
	padding-top:0 !important;
	padding-bottom: 0 !important;
}
.links a.mi_active{
	color: #bb3603;
	font-size: 15px;
    font-weight: 400;
}
.mi_form_cntr{
    width: 40%;
}
.footer-gap {
    padding: 0 1em;
}
.mi_font_color h3.heading {
    color: #f5bd00;
}
.mi_font_color .bottom-grids p {
    color: #ffffff;
	margin-top: 1em;
}
.welcome p i {
    color: #02ab07;
	margin-right:7PX;
}
h3.heading span {
    opacity: 1;
    color: #fc9700;
}
.about_mi_toppad{
	padding-top: 10rem !important;
}
.mi_border_proj:hover {
    box-shadow: 0 0 15px 2px rgba(253, 253, 253, 0.50);
}
.p-0 {
    padding: 0 !important;
}
.navbar-default {
    background-color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.5);
    border-radius: 0;
}
.mi_font_color .bottom-grids .mi_panel_p p{
	margin: 0;
}
.mi_panel{
	padding-top:0 !important;
}
.styled-input textarea:valid ~ label {
    top: -.5em;
}

/*-------------------------AD EDIT----------------------------*/
header {    position: initial;margin-bottom: 20px;}
.bg-eram{background-image:url(../images/ERAM-LOGO.png); background-repeat:no-repeat; background-position:bottom right;}

.navbar {margin-bottom: 0px;}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 0px;
}
.buttons p.top_phone_email i{color:#225b6b;}
.buttons p.top_phone_email, .buttons p.top_phone_email a{color:#38e3ff;}
.buttons p.top_phone_email a:hover{color:#f9d53d;}
.navbar-default {
    background-color: rgba(12, 56, 105, 0.9);
	border:none;
    /*border-bottom:4px solid rgb(233, 198, 7);*/
	border-bottom:4px solid #FFF;
    border-radius: 0;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1fceec+0,0766a2+22,103754+100 */
background: #1fceec; /* Old browsers */
background: -moz-linear-gradient(left, #1fceec 0%, #0766a2 22%, #103754 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #1fceec 0%,#0766a2 22%,#103754 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #1fceec 0%,#0766a2 22%,#103754 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fceec', endColorstr='#103754',GradientType=1 ); /* IE6-9 */
}
.clients-main {
    padding-top: 0em;
}
.wthree-different-dot1 {
    background: #fff;
}
.cli-ent {
    width: 90%;
    margin: 0 auto;
}

.contractors_box {
	width: auto;
	background-color: #ffa229;
	display: block;
	padding: 1px 5px;
	position: absolute;
	z-index: 101;
	top: 100px;
	color: #352c25;
	font-weight: bolder;
}
.team-grid h4 {
    text-transform: initial;
    font-size: 17px;
    font-weight: normal;
    color: #095a8e;
    margin: 15px 0 5px;
    letter-spacing: normal;
}
@media (min-width:768px) and (max-width:1199px) {
	.bg-eram{ background: none;}
	.bg-eram-center{background-image:url(../images/ERAM-LOGO.png); background-repeat:no-repeat; background-position:bottom center;}
}
/*responsive*/
@media only screen and (max-width:1198px) {
.container {
    max-width: 100%;
}
.logos_quality {
    top: 8.7em;
}
}
@media only screen and (max-width:991px) {
.navbar-collapse {
    background: none;
}
.navbar-nav {
    padding-top: .6em !important;
    padding-bottom: 1em !!important;
}
.container {
    width: 95%;
}
.nav>li>a {
    padding: 10px 7px;
}
.buttons p {
/*    display: flex;
  justify-content: center;
  align-content: center;*/
}
.buttons_mi ul{
	 display: flex;
  justify-content: center;
  align-content: center;
}
}
@media only screen and (max-width:874px) {
.logos_flx_cntr .card-img-top {
	width: 50px;
    height: 50px;
}
.mr-lg-3 {
    margin-top: .1em;
}
}
@media only screen and (max-width:768px) {
	
.contractors_box { display:none;}
.navbar-light .navbar-toggler {
    border-color: rgb(153, 153, 153);
}
.navbar-toggler {
    background-color: #999;
}
.navbar-light .navbar-nav .nav-link:focus {
    color: #dc3545;
}
.navbar-light .navbar-nav .nav-link{
    color: #fff;
    padding: .3em .8em;
    border-radius:0;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
    padding: .3em .8em;
    border-radius:0;
    background: #07e7c5;
	text-transform: uppercase;
    letter-spacing: 0;
    font-size: 16px;
}
.navbar-light .navbar-nav .active > .nav-link {
    color: #fff;
    background: #07e7c5;
	text-transform: uppercase;
    letter-spacing: 0;
    font-size: 16px;
}
.navbar-nav .nav-link {
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 16px;
	text-align:left;
}
.mr-lg-3 {
    margin-right: 0 !important;
}
.mr-3 {
    margin-right: 0 !important;
}
.mb-5{
    margin-bottom: 1rem !important;
}
.mi_mb_5{
	padding-top:1em;
}
.mt-4{
    margin-top: 0 !important;
}
.mt-5 {
    margin-top: 1rem !important;
}
.mi_mt_5{
    margin-top: 0 !important;
	margin-bottom: 1rem !important;
}
.mi_card{
    margin-top: 1rem !important;
}
.mi_mt_4{
    margin-top: 1rem !important;
}
.top_header {
	
}
.navbar-light .navbar-toggler {
    border-color: rgb(21, 73, 97);
}
.navbar-toggler {
    background-color: #154961;
}
}
@media only screen and (max-width:767px) {
header {
    background:none;
}
.buttons_mi ul{
	text-align:center;
}
.clients-main {
    
}
.disply_mi_non_logos{
	display:none;
}
.logos_mi_disp_non{
	display:block;
}
.logos_quality {
    position: unset;
	padding-top: 11em !important;
}
.logos_flx_cntr .card-img-top {
    width: 70px;
    height: 70px;
}
.logos_wdth {
    width: 15%;
}
.logos_wdth .card {
	border:none;
}
.about_mi_toppad {
    padding-top: 14em !important;
}
.logos_mi_nopad{
	padding:0 !important;
}
.card-img-top_mi {
    width: 70%;
}
.mi_form_cntr {
    width: 80%;
}
.buttons p {
    display: block;
    text-align: center;
}
 .buttons p.top_phone_email.mi_disp_non {
    padding: 0px;
}
.buttons_mi {
    padding: 0;
}
.navbar-brand {
    /*padding: 5px 15px;*/
	padding: 0px 15px 100px 15px;
}
.logo_1 {
    display: none;
}
.logo_2 {
    display: block;
}
.navbar-default .navbar-toggle {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.navbar-nav {
    width: 100%;
	padding: 0 !important;
}
.nav>li {
    width: 100%;
	display: flex;
  justify-content: center;
  align-content: center;
}
.container {
    max-width:100%;
}
.navbar-collapse {
	border:none;
}
.flex-control-nav {
    left: 42%;
}
}
@media only screen and (max-width:575px) {
	.p-sm-5 {
    padding: 1em !important;
}
h3.heading {
    font-size: 1.7em;
}
.welcome h4 {
    font-size: 1.1em;
}
.py-sm-3 {
    padding-top:1em !important;
}
.py-5 {
    padding-top:2rem !important;
}
.clients-main {
}
.about_mi_toppad {
    padding-top: 14em !important;
}
}
@media only screen and (max-width:562px) {

.buttons p {
    display: block;
    text-align: center;
}
.clients-main {
}
.footer-gap {
    padding: 0;
}
header {
    background:#000;
}
.navbar-default .navbar-toggle {
    margin-top: 1em;
    margin-bottom:0;
}
.flex-control-paging li a {
    height: 10px;
    width: 10px;
}
}
@media only screen and (max-width:519px) {
.clients-main {
}
.buttons p {
    display: block;
    text-align: center;
}
.buttons_mi {
    padding-right:0;
}
.logos_quality {
    padding-top: 13em !important;
}
.logos_mi_nopad{
	padding:0 !important;
}
}
@media only screen and (max-width:480px) {
.agile-dish-caption {
    padding: 0;
}
.logos_wdth {
    width: 30%;
	padding: 5px;
}
.navbar-default .navbar-toggle {
    border-color: #000;
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#000}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #dbdbdb;
}
}
@media only screen and (max-width:414px) {
.buttons p {
	padding-top: .5em;
    margin-bottom: 0;
}
.logo_1{
	display:none;
}
.logo_2{
	display:block;
}
.clients-main {
}
.bg-eram{background-size:90px;}

}

@media only screen and (max-width:366px) {

.mi_form_cntr {
    width: 100%;
}
.logo_2{
	display:none;
}
.logo_3{
	display:block;
}
}
@media only screen and (max-width:350px) {

.buttons_mi {
    padding-top: .3em;
}
.buttons {
    padding-bottom: 0;
    font-size: 13px;
}
.buttons p {
    padding-top: 0;
}

.clients-main {
}
.navbar-default .navbar-toggle {
    margin-top: 1em;
    margin-bottom: 0;
}
.flex-control-nav {
    left: 38%;
}
.navbar-brand {    padding: 0px 5px 100px 5px;}
}

@media only screen and (max-width:330px) {
}

@media only screen and (max-width:312px) {
.top_header .mi_disp_non {
	display:block;
}
.clients-main {
}
.logos_quality {
    padding-top: 11em !important;
}
.logos_mi_nopad{
	padding:0 !important;
}
.about_mi_toppad {
    padding-top: 12em !important;
}
.logo_3{
	display:none;
}
.logo_4{
	display:block;
}

}
@media only screen and (max-width:294px) {

.clients-main {
}
.navbar {
	margin-bottom:0;
}
.buttons p i {
    display: none;
}
}
@media only screen and (max-width:260px) {

.logo_4{
	display:none;
}
.logo_5{
	display:block;
}
.about_mi_toppad {
    padding-top: 11em !important;
}
.navbar-default .navbar-toggle {
    margin-top: .5em;
    margin-bottom:0;
}
.navbar-toggle {
    padding: 9px 2px;
}
.navbar-toggle .icon-bar {
    width: 17px;
}
.navbar-brand {
    padding: 0px 2px 100px 2px;
    width: 100%;
}
}





/*new bootstrap min ccs*/
.navbar-nav {
    float: right;
    margin: 0;
    list-style: none;
    padding: 2em 0;
}
.nav-item .active {
    float: left;
    padding: .2em .6em;
    background: red;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a.active {
	background: #e22000;
}
.navbar-nav > li > a {
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
	margin-left:5px;
}
.navbar-default .navbar-nav > li > a:hover {
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
	background: #d01d00;
	margin-left:5px;
	color: #fff;
}