@import url(https://fonts.googleapis.com/css?family=Raleway:400,900,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

body {

margin:0px;
padding:0px;
font: 10px  verdana, arial, helvetica;
color: #416271;
}
h1{
padding:5px 0 5px 0;
color: #ed7514;
font-family: 'Raleway', sans-serif;
font-weight: 700 !important;
margin:0px;
font-size:18px;
}
h2{
padding:5px 0 5px 0;
margin:0px;
font-family: 'Raleway', sans-serif;
font-weight: 700 !important;
color: #ed7514;
font-size: 25px;
}
h3{
padding:0 0 5px 0;
font-family: 'Raleway', sans-serif;
margin:0px;
font-size:18px;
color:#ed7514;
}
h4{
padding:0 0 10px 0;
margin:0px;
font-size:14px;
color:#7ea743;
}
p{
text-align:justify;
padding: 0;
margin:0px;
}
p.white{
color:#FFFFFF;
}
p.green{
color:#000;
}
p.clear{
clear:both;
padding:10px 0 0 0;
}
img.left_img{
border:1px #cae6c6 solid;
float:left;
margin:0 10px 0 0 ;
}
img.box_img{
float:left;
padding:0 20px 0 0 ;
}
#main_container{
width:900px;
height:auto;
margin:auto;
background-color:#FFFFFF;
}
#header{
width:900px;
height:auto;
margin:auto;
}
.logo{
max-width: 200px;
}
/*----------------------menu-------------------------*/
#menu{
width:900px;
height:42px;
padding:0px;
clear:both;
background-color:#ed7514;
}
.navbar {
    margin-bottom: 0;
}
nav.navbar {
    background: #ed7514;
    border: none;
    border-radius: 0px;
}
ul.nav.navbar-nav li a {
    color: white;
}

#menu ul{
list-style:none;padding:0 0 0 230px;margin: auto;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;height:42px;padding:0px;line-height:42px; font-family:Arial, Helvetica, sans-serif; font-size:13px;
}
#menu ul li a{
height:42px; width: auto;float:left;text-decoration:none;padding:0 0 0 25px; margin:0px 3px 0px 3px;color:#fff;text-align:center;
}
#menu ul li a:hover{
height:42px;width: auto;text-decoration:none;color: #fff;padding:0 0 0 25px; background:url(images/menu_arrow.gif) no-repeat left;
}
#menu ul li a.current{
height:42px;width: auto;float:left;text-decoration:none;padding:0px;color: #fff;padding:0 0 0 25px; background:url(images/menu_arrow.gif) no-repeat left;
}
#contact .container .col-md-12 {
  padding:60px 0;
  background-color: #db5b10;
}
#contact p{
  text-align: center;
  margin-bottom: 20px;
  color: #fff;
}
#contact a, #contact h1 {
  color: #fff;
}
/*----------------middle green box-----------*/
.green_box{
width: 100%;
padding: 10% 15px;
clear:both;
background:url(images/green_box_bg.jpg) no-repeat left #438cba;
background-size: cover;
}
.clock{
float:left;
padding:0px;
}
.text_content{
width:350px;
padding:20px 0 0 0;
}
.read_more{
width:101px;
height:29px;
float:right;
padding:10px;
border-radius: 5px;
background: #ed7514;
line-height:10px;
text-align:center;
}
.read_more a{
text-decoration:none;
color:#FFFFFF;
}
.read_more_link{
width: auto;
float:right;
padding:3px 25px 3px 0;
background:url(images/orange_bullet.gif) no-repeat right;
}
.read_more_link a{
text-decoration:none;
color:#f7941d;
}

/*--------------------------main_content-------------------*/
#main_content{
width:auto;
height:auto;
clear:both;
}
#left_content{
width:320px;
height:auto;
margin:10px;
float:left;
padding:10px;
background:url(images/left_content_bg.gif) repeat-x top;
}
#right_content{
width:490px;
height:auto;
margin:10px 0 0 0;
float:left;
padding:10px;
}

/*----------------------top right navigation-------------------------*/
#right_nav{
width: 100%; height: auto; float:left;
}
#right_nav ul{
list-style:none;margin: auto;display:block; padding:0px; width: 400px;
}
#right_nav ul li{
list-style:none;display:block;width: 100%;height:29px;padding:0px;line-height:29px;
}
#right_nav ul li a{
height:29px;display:block; width: 100%;text-decoration:none; margin:7px 0 7px 0;color:#fff;background: #ed7514 no-repeat center;
background-position:0px 0px;
}
#right_nav ul li a:hover{
height:29px;display:block;width: 400px;text-decoration:none;color: #fff; margin:7px 0 7px 0; background: #149fb8 no-repeat center;
background-position:0px 0px;
}

.products_box{
height:110px;
padding:10px 0 5px 0;
border-bottom:1px #a7ef6e dashed;
}
.search_box{
width:200px;
height:124px;
float:left;
margin:15px 10px 10px 0;
background:url(images/search_box_bg.gif) no-repeat center;
background-position:0px 0px;
border-bottom: 4px solid #33d2ef;
}
.search_title{
font-size:14px;
color:#7ea743;
padding:10px 0 0 15px;
float:left;
font-weight:bold;
}
input.search_input{
width:170px;
height:20px;
background-color:#FFFFFF;
border:1px #c0c485 solid;
float:left;
margin:15px 0 0 15px;
}
input.submit{
float:left;
padding:0 0 0 10px;
}
.subsearch{
width:200px;
float:left;
color:#8b8e5d;
padding:0 0 0 15px;
}
.contact_information{
width:250px;
float:left;
padding:10px 0 0 10px;

}
.news{
width:310px;
clear:both;
padding:10px 0 10px 0;

}
.news_icon{
width:30px;
float:left;
padding:0 10px 0 0;
}
.news_content{
width:260px;
float:left;
padding:0 0 0 10px;
text-align:justify;
line-height:13px;
font-size:12px;
font-weight:bold;
margin-bottom:10px;
}

.news_content span{
color:#4ab7e8;
font-size:16px;
line-height:20px;
}
.services_box{
height:120px;
padding:10px 0 5px 0;
margin:0px 0px 10px 0;
border-bottom:1px #a7ef6e dashed;
}
.best_sol_box{
width:277px;
float:left;
}
/*----------------------news_archive list-------------------------*/
.news_archive{
width:190px;
height: auto;
padding:10px 0 0 10px;
float:left;
}
.news_archive ul{
list-style:none;padding:10px 10px 10px 10px;margin:0px; width:190px;float:left;
}
.news_archive ul li{
list-style:none;width:180px;height: auto;padding:0px; line-height:26px;
}
.news_archive ul li a{
width: 180px;text-decoration:none;padding:0 0 0 20px; margin:6px 0px 6px 0px;color:#000;text-align:left;
background:url(images/bullet.gif) no-repeat left; background-position:0px 0px;
}
.news_archive ul li a:hover{
width: 180px;text-decoration:underline;color: #000;
}

.contact_info_box{
width:481px;
height:116px;
margin:5px;
background:url(images/contact_info_bg.gif) no-repeat center;
}
.contact_info_title{
font-size:14px;
color:#7ea743;
padding:10px 0 0 15px;
font-weight:bold;
}
.contact_info{
float:left;
min-width:170px;
padding:15px 10px 5px 13px;
}
.contact_info2{
float:left;
min-width:230px;
padding:15px 10px 5px 13px;
}
.adress{
clear:both;
padding:10px 0 0 20px;
}

/*-----------------------contact_form-------------------*/
#contact_form{
width:310px;
height:auto;
padding:10px 0 0 60px;
}
.form_row{
float:left;
padding:4px 0 4px 0;
}
label{
width:70px;
float:left;
padding:3px 5px 0 0;
color:#59a5bf;
text-align:right;
}
input.contact_input{
width:220px;
height:18px;
float:left;
border:1px #ced6ec solid;
background-color:#dbedf3;
color: #000;
}
textarea.contact_textarea{
width:220px;
height:80px;
float:left;
border:1px #ced6ec solid;
background-color:#dbedf3;
color: #000;
}
.send a{
width:62px;
height:24px;
display:block;
background:url(images/read_more_bg_white.gif) no-repeat center;
background-position:0px 0px;
line-height:22px;
color:#FFFFFF;
text-decoration:none;
padding-left:40px;
float:right;
margin:10px;
}
/*--------------wide_content-----------*/
#wide_content{
width:auto;
padding:10px 20px 10px 20px;
}


/*-----------------------------footer------------------*/
#footer{
clear:both;
width: auto;
color: white;
background-color:#ed7514;;
}
.copyright{
padding: 10px 0;
}
.copyright a{
color: #fff;
display: block;
}
.footer_links{
float:right;
padding-right:15px;
padding-top:13px;
}
.footer_links a{
text-decoration:none;
color: #fff;
padding-left:10px
}
.footer_links a:hover{
text-decoration:underline;
color: #fff;
}

/* custom ============================================= */
body {
    margin: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px !important;
    line-height: 20px;
    color: #333333;

}

h1, h2, h3 {
    line-height: 30px !important;
}

h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    font-weight: bold;
    line-height: 20px;
    text-rendering: optimizelegibility;
    clear: both;
}

.title {
    color: white;
}
label {
    /* text-align: right; */
    width: 97%;
    float: left;
    padding: 3px 5px 0 0;
    color: #59a5bf;
    text-align: left;
}

.radio, .checkbox {
    min-height: 20px;
    padding-left: 20px;
    float:left;
}



.container.white {
    background: white;
}
.container.noPad {
    padding: 0;
    background: white;
}
.heroTxtBg {
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
}
.noPad {
    padding: 0;
}
.container.white p {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.2;
}
.padTopBtm {
    padding: 10px 0;
}
.padTopBtm2 {
    padding: 0 0 30px 0;
}
.bg {
    background: #ed7514;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    display: inline-block;
}
i.fa {
    position: relative;
    top: 15%;
    color: white;
}
#services {
    margin-bottom: 30px;
}
p.contact {
    color: #ed7514;
}
.accentBg h2, .accentBg p {
    color: white;
}
.accentBg {
    background: #ed7514;
    padding: 25px 0;
}
nav.navbar.navbar-default {
    z-index: 10 !important;
}
/*CSS For Modal Login*/
.modal-content {
  text-align: left;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.modal-content label {
  margin-top: 5px;
}
.modal-content input {
  width: 100%;
}
.modal-content .modal-footer {
  text-align: center;
}
.modal-content .modal-footer .btn {
  width: 100%;
}


@media (max-width: 1200px) {
	 #right_nav ul, #right_nav ul li a:hover{
        width: 100%;
    }
}
@media (max-width: 768px) {
	.read_more {
		float: none;
        display: inline-block;
	}
    .green_box {
        text-align: center;
    }
	#right_nav ul {
		display: inline-block;
	}
}
@media (max-width: 768px) {
   #right_nav ul {
        width: 60%;
    }
}
@media (max-width: 500px) {
	#right_nav ul {
		width: 100%;
	}
}
@media (max-width: 290px) {
    .col-xs-6 {
        width: 100%;
    }
}