@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Bree+Serif);
/** general **/
body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #333; font-size: 15px; }
a { color: #515151; text-decoration: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; outline: 0; }
a:hover { color: #453951; text-decoration: none; outline: none; }
a:focus { text-decoration: none; outline: 0px; }
.banner_header { text-shadow: 1px 1px 1px #333333; }
h1 { color: #515151; font-size: 26px; font-weight: 700; line-height: 30px; line-height: normal; margin: 0 0 20px 0; text-rendering: optimizelegibility; }
h2 { color: #515151; font-size: 24px; font-weight: 700; line-height: 30px; line-height: normal; margin: 0 0 20px 0; text-rendering: optimizelegibility; }
h3 { color: #515151; font-size: 22px; font-weight: 700; line-height: 30px; line-height: normal; margin: 0 0 20px 0; text-rendering: optimizelegibility; }
h4 { color: #515151; font-size: 16px; font-weight: 700; line-height: 30px; line-height: normal; margin: 0 0 3px 0; text-rendering: optimizelegibility; }
h5 { color: #515151; font-size: 16px; font-weight: 700; line-height: 30px; line-height: normal; margin: 0 0 20px 0; text-rendering: optimizelegibility; }
h6 { color: #515151; font-size: 14px; font-weight: 700; line-height: 30px; line-height: normal; margin: 0 0 20px 0; text-rendering: optimizelegibility; }
p { margin-bottom: 4px; font-size: 13px; color: #515151; line-height: 20px; }
blockquote footer, blockquote small, blockquote .small { color: #453951; }
hr { margin: 40px 0; border-color: #e3e3e3; }
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { border-color: #FE5000; background: #FE5000; }
.bs-glyphicons-list li { width: 33%; float: left; }
.bs-glyphicons-list li span { margin-right: 5px; font-size: 15px; }
.bs-glyphicons-list { padding: 0px; list-style: none; font-size: 14px; width: 100%; overflow: hidden; }
.bs-example-bg-classes p { padding: 15px; }
#myTabContent p { padding: 10px; }

header { position: relative; z-index: 99; }
.pagination > li > a, .pagination > li > span { padding: 5px 10px; font-size: 13px; color: #fff; line-height: 20px; border-color: #fff; background: #FE5000; }
.pagination > li > a:hover { color: #fff; background: #433832; }
.pagination > li > a:hover span { border-color: #fff; }

/* Buttons */
.btn { border-color: #FE5000; text-decoration: none; text-transform: none; text-shadow: none; 
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: 0.25s; 
-moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; outline: 0; background: #ed1c24; color: #fff; }
.btn:hover { background: #433832; color: #fff; border-color: #433832; }
.btn-default { background: #FE5000; color: white; border-color: #FE5000; font-size: 14px; }
.btn-default i { font-size: 16px; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background: #433832; color: #fff; border-color: #433832; }
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background: #8DBB3E; border-color: #8DBB3E; }
.btn-primary:hover { background: #7ca732; color: #fff; border-color: #7ca732; }
.btn-outline-inverse { border: 2px solid #fff; color: #fff; background: rgba(0, 0, 0, 0.0); }
.btn-outline-inverse:hover { background: #fff; color: #453951; border: 2px solid #fff; }
.btn-outline-inverse:hover, .btn-outline-inverse:focus { background: #fff; color: #453951; }

.navbar-fixed-top, .navbar-fixed-bottom { position: static; margin-bottom: 0px; background: #ed1c24; }
.top_links { padding-bottom: 10px; 
width: 100%; overflow: hidden; 
border-bottom: 1px solid #e6e9ee;
 border-top: 4px solid #FE5000; min-height: 
 40px; background: #eaeaea;
 }
.top_links ul { padding: 0px; margin: 0px; list-style: none; }
.top_links li { float: left;}
.top_links .links ul { padding: 14px 0 0 0; float: left; }
.top_links .links li { padding-right: 8px; float: left; } 
.top_links .links li a { color: #433832; font-size: 11px; line-height: 20px; display: block; }
.top_links .links li a i { padding-right: 6px; display: inline-block; font-size: 12px }
.top_links .links li a:hover { color: #000; }
.number { padding-bottom: 10px;  width:300px !important; float:right !important; margin-top:-12px !important;  }
 .number ul{ width: 300px; float: right; }
  .number ul li{ list-style:none; display:block;  padding:4px; float:left;}
.social ul { list-style: none; float: right; margin-top: 10px; }
.social li a { display: block; display: block; color: #433832; line-height: 19px; height: 24px; font-size: 14px; text-align:
 center; border: 1px solid #e6e9ee; width: 24px; background: #fff; }
.social li a:hover { color: #000; }
.social li a i { font-size: 15px; }
.social li { padding-left: 3px; float: left; }  
.social ul { padding: 0px; list-style: none; float: right; margin-top: 10px; }
.mid_search .navbar-brand { padding: 0px; height: 40px; margin: 15px 0 0 0; display: block; font-size: 30px; color: #FE5000; }
.mid_search .navbar-brand span { color: #433832; }
.mid_search .navbar-brand img{ width:543px; height:85px; float:left;}
.mid_search { /*padding: 30px 0 20px;*/ min-height: 117px; }
.mid_search form { margin-top: 15px; }
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: 'Open Sans', Helvetica, sans-serif;
  background: #ed1c24;
  margin-top: 14px;
  margin-left: -56px;

  
}
#cssmenu > ul {
  background:#ed1c24;
    width:650px;
  
  
  
}
#cssmenu.align-right > ul > li {
  float: left;
  border-left:1px solid #fff;
}
#cssmenu > ul > li {
  float: left;
  display: inline-block;
}
#cssmenu.align-center > ul {
  float: none;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li > a {
  padding: 15px 25px 16px 25px;
  border-right: 1px solid rgba(80, 80, 80, 0.12);
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  color:white;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover
 {
  color: #ffffff;
  background:black;
 
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
  
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #d3eced;
  right: 17px;
  top: 22px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: #ffffff;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  width:200px;
  padding-top: 6px;
  font-size: 13px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #ffffff;
  top: -4px;
  left: 20px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}
#cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  top: 11px;
  left: -4px;
}
.submenuleft{ margin-left:168px !important;}
#cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #ffffff;
  left: auto;
  right: -4px;
}
#cssmenu > ul > li > ul {
  top: 120px;
  margin-left: 24% ;
margin-top: 8%;
}
#cssmenu > ul > li > ul li{
margin:0px -40px;
list-style:none;
float:left;
width:219px;
border-top:1px solid #ddd;
}
#cssmenu > ul > li:hover > ul {
  top: 52px;
  left: 0;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
  padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
}
#cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 11px 39px;
  width: 220px;
  color: #777777;
  float:left;
  background: #ffffff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #fff;
  background:#ed1c24;
}
smenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #777777;
  right: auto;
  left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #333333;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #333333;
  border-left-color: transparent;
}
@media all and (max-width: 800px), only screen and
 /***(-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), 
 only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), 
 only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
 only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), 
 only screen and (min-resolution: 192dpi) and (max-width: 1024px),
 only screen and (min-resolution: 2dppx) and (max-width: 1024px) *//{
  #cssmenu {
    background: #39b1cc;
  }
  #cssmenu > ul {
    display: none;
  }
  #cssmenu > ul.open {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  #cssmenu.align-right > ul {
    float: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu > ul > li > a {
    padding: 18px 25px 18px 25px;
    border-right: 0;
  }
  #cssmenu > ul > li:hover > a,
  #cssmenu > ul > li.active > a {
    background: rgba(0, 0, 0, 0.1);
  }
  #cssmenu #menu-button {
    display: block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #d3eced;
    padding: 18px 25px 18px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: url('images/bg.html');
    cursor: pointer;
  }
  #cssmenu ul ul,
  #cssmenu ul li:hover > ul,
  #cssmenu > ul > li > ul,
  #cssmenu ul ul ul,
  #cssmenu ul ul li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul li:hover > ul,
  #cssmenu.align-right > ul > li > ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul ul li:hover > ul {
    left: 0;
    right: auto;
    top: auto;
    opacity: 1;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
  }
  #cssmenu ul ul li {
    width: 100%;
  }
  #cssmenu ul ul li a {
    width: 100%;
    box-shadow: none;
    padding-left: 35px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 45px;
  }
  #cssmenu ul ul li:first-child > a,
  #cssmenu ul ul li:last-child > a {
    border-radius: 0;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #d3eced;
    border-bottom: 2px solid #d3eced;
    right: 25px;
    top: 18px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #d3eced;
    right: 25px;
    top: 28px;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
}

.navbar-inverse.main_menu.navbar-inverse { border: none; }
.navbar-inverse.main_menu span.text-right { padding-top: 17px; float: right; font-size: 13px;  display: block; color: #fff; line-height: 16px;

 }


/* Main Slider */
#main-slider { padding-top: 0; position: relative; overflow: hidden; }
#main-slider .flex-viewport img { display: block; margin: 0 auto; width: 100%; }
#main-slider .flex-viewport li { position: relative; }
#main-slider .jumbotron { padding: 60px 0 0px; width: 100%; position: absolute; left: 0px; top: 0px; background: none; text-align: center; }
#main-slider .jumbotron h1 { color: #fff; font-size: 50px; }
#main-slider .jumbotron p { color: #fff; font-size: 20px; }
#main-slider .jumbotron .btn { padding: 8px 20px; border: none; font-size: 18px; background: #ed1c24; }
#main-slider .jumbotron .btn:hover { background: #433832; }
#main-slider .flex-control-nav { bottom: 15px; }
#main-slider .flex-control-paging li a.flex-active { background: #ed1c24; }
#main-slider .flex-direction-nav a:hover span { color: #ed1c24; }

/* intro Area */
.introArea { padding: 30px 0; width: 100%; overflow: hidden; background: #ed1c24; }
.introArea h4 { margin: 0px; line-height: 20px; font-size: 20px; color: #fff; }
.introArea p { margin: 0px; line-height: 20px; font-size: 13px; color: #fff; }
.introArea .btn { position: absolute; right: 10px; top: 5px; border: 1px solid #fff; }
.introArea .btn:hover { border-color: #433832; }
.introArea h5 { margin: 10px 0px 10px; color: #fff; font-size: 18px; line-height: 24px; font-weight: 400; }
.moreBtn a{ color:#ed1c24 !important; font-size:13px; font-weight:bold; float:left;}
.moreBtn a:hover{ color:black !important; }

/* feature Area */
#featureArea { padding: 30px 0; width: 100%; overflow: hidden; background: #fff; }
#featureArea .icon { width: 38px; margin-right: 20px; height: 38px; float: left; border-radius: 4px; text-align: center; line-height: 38px; color: #fff; font-size: 16px; background: #ed1c24; }
#featureArea h4 { margin: 0px; color: #404040; font-size: 16px; line-height: 20px; font-weight: 600; }
#featureArea h6 { margin: 0px 0 20px; color: #ed1c24; font-size: 12px; font-weight: 400; }

/* project Area */
#projectArea { padding:7px 0 0; overflow: hidden; width: 100%; border-bottom: 1px solid #e6e9ee; border-top: 1px solid #e6e9ee; background: #f6f7fb; }
#projectArea .block img { margin-bottom: 15px; width: 100%; height: auto; }
#projectArea .block { border: 1px solid #e6e9ee; background: #fff; height:264px; }
#projectArea h2 { margin: 0px 0 20px; color: #404040; font-size: 16px; line-height: 22px; font-weight: 700; }
#projectArea a { display: block; text-align: center; line-height: 20px; color: #ed1c24; font-size: 13px; }
#projectArea a:hover { color: #000; }
#projectArea p { text-align:justify; line-height: 20px; font-size: 13px;  }
#projectArea ul {  overflow: hidden; }
#projectArea ul.slides li { margin-right: 30px; }



/* about Area */
#aboutArea { padding: 0; overflow: hidden; width: 100%; }
#aboutArea h2 { margin-top: 0px; font-weight: 400; line-height: 34px; }
#aboutArea .panel-default > .panel-heading { padding: 0px; background: none; }
#aboutArea .panel-default { border-color: #E1E1E1; }
#aboutArea h4 a { padding: 8px 15px; color: #656D78; font-size: 16px; font-weight: 400; display: block; }
#aboutArea h4 a { color: #fff; background: #433832; }
#aboutArea h4 a:hover { background: #54bbf1; }
#aboutArea .panel-body { padding: 10px; font-size: 13px; line-height: 20px; color: #898989; }
#aboutArea .nav-tabs > li.active > a { color: #fff; border-color: #54bbf1; background: #54bbf1; }
#aboutArea .nav-tabs > li > a:hover { color: #fff; border-color: #54bbf1; background: #54bbf1; }
#aboutArea .nav-tabs > li > a { padding: 8px 15px; color: #fff; border-color: #433832; background: #433832; }
#aboutArea .tab-pane { padding: 10px; }
#aboutArea .nav-tabs { border-color: #E1E1E1; }
#aboutArea .social ul { float: left; }
#aboutArea img { width:100%; height: auto; }

/****landing page***/
.contactInner { width:100%; float:left; }
.contactInner ul{}
.contactInner li{ border:none !important; padding:8px;}
.smallTextbox{ width:100%; }
.smallTextboxLarge{ width:100%;}
.contactback{background:#ECECEC; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;

}
.tracking{ padding:10px 15px !important; background:rgb(249, 174, 14); -webkit-border-radius: 5px;
-moz-border-radius: 5px;
color:white;
border-radius: 5px;
margin:12px 0px;}
.tracking h2{ text-align:center; margin:8px 0px; color:white; text-shadow: 2px 2px 5px rgba(150, 150, 150, 1);}
.tracking:hover{ background:#ed1c24; color:white; text-shadow: 0px 0px 0px rgba(150, 150, 150, 1);}
.tracking:hover h2{  color:white;}
/*****landing page***/

/* footer Area */
#footerArea { padding: 0; overflow: hidden; width: 100%; background: #464647; }
#footerArea .footer_top { padding: 18px 0 8px 0px; border-bottom: 1px solid #464647; width: 100%; background: #353739; }
#footerArea h4 { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 400; }
#footerArea a { color: #fff; display: block; font-size: 13px; }
#footerArea p { padding: 10px 0; margin: -6px 0px; color:white; float: left;  font-size: 13px; line-height: 18px; }
#footerArea p  span{ color:#ed1c24;}
#footerArea p a { display: inline; }
#footerArea a:hover { color: #ed1c24 ; }
#footerArea ul { padding: 0px; list-style: none; }
#footerArea li { width: 100%; float: left; line-height: 29px; }
#footerArea .photo ul { list-style: none; overflow: hidden; }
#footerArea .photo li { width: 60px; height: 60px; margin: 10px 10px 0 0; float:left; border: none; }
#footerArea .photo li a { display: block; color: #fff; border: 3px solid #212730; }
#footerArea .photo li a img { width: 100%; height: auto; }
#footerArea .photo li a:hover { border-color: #FE5000; }

#footerArea .footer_bottom { padding: 10px 0; background:#ddd; }
#footerArea .footer_bottom ul { margin: 0px; float:right; }
#footerArea .footer_bottom li { /*padding: 0 0 0 20px;*/ width: auto; border: none; }
.footerpara p{ color:black !important;}
.footerpara p span{color:#ed1c24 !important;}
.footerpara p span a{color:#ed1c24 !important;} 
/***my style ****/

.linksdiv { width:200px; float:left; }
.address{ width:260px; float:left; margin-left: 49px !important;  }
.marginaddress{margin-left:33px;}
.about{ margin-right:53px;}

/* breadcrumb */
#breadcrumb { padding: 15px 0 10px; margin-bottom: 40px; min-height: 53px; width: 100%; overflow: hidden; border-bottom: 1px solid #e6e9ee; border-top: 1px solid #e6e9ee; background: #EAEAEA; }
#breadcrumb h4 { margin: 0px; font-size: 15px; line-height: 20px; font-weight: 700; }
#breadcrumb ul { margin: 0px -5px 0 0; list-style: none; float: right; }
#breadcrumb li { padding: 0 3px; color: #515151; float: left; line-height: 20px; font-size: 11px; }
#breadcrumb li a { padding-right: 10px; color: #515151; text-decoration: none; background: url(../images/breadcrumbs.png) right center no-repeat; }
#breadcrumb li a:hover { text-decoration: underline; }

.archival { margin-bottom: 30px; overflow: hidden; }
.archival img{ margin-bottom:10px; border:1px solid rgb(187, 187, 187); padding:5px; width:354px;}
.archival h4 { padding-bottom: 10px; margin: 5px 0px; font-size: 18px; line-height: 20px; font-weight: 700; }
.archival ul { padding: 0px; margin: 0px;  }
.archival li { padding: 5px 0; font-size: 13px; margin: 0px; line-height: 20px; 
 float: left; list-style-type: circle !important; width: 100%;}
.archival li a { color: #515151; display: block; cursor: pointer; }
.archival li a:hover { color: #FE5000; }
.archival.spacer { padding-top: 30px; }

.tags { padding-bottom: 30px; overflow: hidden; }
.tags h4 { padding-bottom: 20px; margin: 0; font-size: 15px; line-height: 20px; font-weight: 700; }
.tags ul { padding: 0px; margin: 0px;  }
.tags li { padding: 0 5px 5px 0; float: left; }
.tags li a { padding: 0 6px; display: block; border-radius: 2px; font-size: 11px; line-height: 23px; color: #fff; background: #FE5000; }
.tags li a i { padding-right: 5px; }
.tags li a:hover { background: #433832; }

.flickr { padding-bottom: 30px; overflow: hidden; }
.flickr h4 { padding-bottom: 20px; margin: 0; font-size: 15px; line-height: 20px; font-weight: 700; }
.flickr ul { padding: 0px; list-style: none; overflow: hidden; }
.flickr li { width: 55px; height: 55px; margin: 8px 8px 0 0; float:left; border: none; }
.flickr li a { display: block; border: 3px solid #433832; }
.flickr li a img { width: 100%; height: auto; }
.flickr li a:hover { border-color: #FE5000; }

.textArea { padding-bottom: 30px; overflow: hidden; }
.textArea .text { /*padding-bottom: 30px; margin-bottom: 35px;*/ }
.textArea p span { padding: 15px 10px 15px 0; display: block; float: left; color: #FE5000; font-size: 55px; }
.textArea .block { padding-left: 20px; border-left: 3px solid #E8E8E8; color: #AFAFAF; line-height: 20px; margin: 20px 0 20px 15px; }
.textArea .block p { color: #AFAFAF; }
.textArea ul { padding: 0px; margin: 0; list-style: none; }
.textArea li { border: 1px solid #E1E1E1; float: left; width: 100%; }
.textArea .panel-group .panel { border-radius: 0; }
.textArea li .top { padding: 0px; min-height: 46px; color: #777777; font-size: 13px; cursor: pointer; line-height: 20px; }
.textArea li .top a { padding: 13px 0 10px 15px; display: block; }
.textArea li .top i { font-size: 11px; line-height: 20px; display: block; text-align: center; }
.textArea li .top span.minus { display: block; }
.textArea li .top span.plus { display: none; }
.textArea li .top .collapsed span.minus { display: none; }
.textArea li .top .collapsed span.plus { display: block; }
.textArea .panel-default > .panel-heading { background: #EAEAEA; }
.textArea li .top span { text-align: center; color: #fff; line-height: 22px; font-size: 9px; font-weight: normal; font-family: Arial; border-radius: 30px; -webkit-border-radius: 30px; margin-right: 20px; width: 22px; height: 22px; background: #433832; display: block; float: left; }
.textArea li p { padding: 5px 12px; margin: 0px; }

.blog_post { overflow: hidden; }
.blog_post .image { float: left; width: 200px; margin-right: 20px; }
.blog_post .image img { width: 100%; height: auto; border-radius: 5px; -webkit-border-radius: 5px; }
.blog_post h4 { padding-bottom: 10px; margin: 0px; }
.blog_post ul { padding: 0px; margin-bottom: 40px; list-style: none; width: 100%; }
.blog_post li { padding-right: 10px; float: left; line-height: 20px; color: #515151; font-size: 12px; font-weight: 400; }
.blog_post li a { color: #515151; display: block; float: left; font-size: 12px; font-weight: 400; }
.blog_post li i { padding: 0 10px 0 0; display: block; line-height: 20px; float: left; }
.blog_post li a:hover { color: #FE5000; }
.blog_post .btn { padding: 4px 10px; font-size: 11px; }
.blog_post .blog { overflow: hidden; }
/*** gallery***/
. fancyboxContainer{ width:100%; background:red; float:left;}
.gallerythumb { width:190px !important; float:left; }
.gallerythumb li{ display:block; float:left; width:60px !important;border:1px solid #565656; }
.gallerythumb li:hover{ border:1px solid red;display:block; float:left; width:60px !important; }
.gallerythumb li img{ float:left; width:60px; height:50px; padding:4px;}
/* Contact Area */
#contactArea { padding: 0px 0 30px; background: #ff; }
#contactArea #map { margin: 0 0 40px; }
#contactArea #map_canvas { height: 400px; width: 100%; clear: both; }
#contactArea .form-control { margin-bottom: 20px; }
#contactArea textarea { min-height: 180px; }
#contactArea .btn { padding: 5px 20px; float: left; font-size: 16px; }
#contactArea h4 { text-align: left; }
#contactArea ul li { text-align: left; }
#contactArea .pdf { padding: 0px 0px 10px 5px; font-size: 13px; line-height: 20px; text-align: left; display: block; }
#contactArea .pdf i { padding-right: 10px; font-size: 40px; float:left; }
#contactArea .archival { /*padding-top: 30px;*/ }

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1224px) {
	
	#projectArea.logo-s .flex-viewport a { margin: 0 5px; }
	#projectArea.logo-s .flex-viewport a img { width: 160px; }
	
	}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.mid_search { padding: 10px 0; }
	.mid_search .navbar-brand { float: none; }
	.navbar-inverse.main_menu .navbar-nav > li > a { font-size: 13px; }
	.navbar-inverse.main_menu span.text-right { display: none; }
	.top_links { padding-bottom: 0px; }
	.top_links .links ul { padding: 14px 0 15px 0; float: left; overflow: hidden; }
	.top_links .social ul { list-style: none; float: right; overflow: hidden; margin-top: 15px; }
	.top_links li { float: left; display: inline-block; text-align: center; width: auto; padding: 0px; }
	.top_links li a { display: inline-block; text-align: center; }
	.top_links .links li { float: none; display: inline-block; text-align: center; width: auto; padding: 0px; }
	.top_links .links li a { display: inline-block; text-align: center; }
	.mid_search .navbar-brand { text-align: left; float: left; }
	#main-slider .jumbotron { padding-top: 30px; }
	#main-slider .jumbotron h1 { font-size: 40px; line-height: 44px; }
	#main-slider .jumbotron p { font-size: 16px; line-height: 22px; }
	#featureArea .icon { margin-right: 10px; }
	#featureArea h4 { padding-bottom: 3px; font-size: 15px; }
	#projectArea.logo-s .flex-viewport a { margin: 0 5px; }
	#projectArea.logo-s .flex-viewport a img { width: 130px; }
	
	.introArea .btn { top: 0; }
	#aboutArea .nav-tabs > li > a, #aboutArea h4 a { padding: 5px 8px; font-size: 12px; }
	#aboutArea h2 { padding-bottom: 10px; font-size: 17px; margin: 0px; }
	  .bs-glyphicons-list li { width: 50%; }
	}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
#cssmenu{width: auto;
font-family: 'Open Sans', Helvetica, sans-serif;
background: #ed1c24;
margin-top: 14px;
}

#cssmenu > ul {
display: block;

}
#cssmenu > ul > li, #cssmenu.align-right > ul > li {
float: left; width:150px;
display: block;
}
	.mid_search .navbar-brand { float: none; }
	.main_menu span.text-right.num { display: block; float: left; position: absolute; left: 35px; top: 324px; }
	.main_menu { position: relative; }
	
	.main_menu .navbar-collapse, .main_menu .navbar-form { border: none; }
	.main_menu .navbar-toggle { border-color: #CCC; }
	.main_menu .navbar-toggle:hover, .main_menu .navbar-toggle:focus { border-color: #CCC; background: #433832; }
	.top_links { display: none; }
	.mid_search .navbar-brand { text-align: center; margin: 0px; }
	.navbar-inverse.main_menu span.text-right { font-size: 12px; }
	#main-slider .jumbotron { display: none; }
	.flex-direction-nav a span { font-size: 22px !important; }
	#main-slider .flex-control-nav { display: none !important; }
	.number { padding-bottom: 10px;  width:40%; float:left !important; margin:0 !important; }
	.mid_search .navbar-brand img{ width:80%; margin:8px 0px 0px 30px;}
	.introArea .btn { right: auto; top: auto; position: static; }
	.introArea p { margin-bottom: 15px; }
	#projectArea.logo-s .flex-viewport a { margin: 0 5px; }
	#projectArea.logo-s .flex-viewport a img { width: 130px; }
	
	#footerArea .col-sm-4 { margin-bottom: 20px; overflow: hidden; }

	#footerArea .footer_bottom { padding: 10px 0; }
	#footerArea p { float: none; width: 100%; text-align: left; }
	#footerArea li {
width: 100%;
float: left;
line-height: 29px;
margin-left: -0px;
}

	#footerArea .footer_bottom ul { margin: 0px; width: 100%; text-align: center; margin: auto; float: none; }
	#footerArea .footer_bottom li { padding: 0 10px; width: auto; border: none; float: none; display: inline; }
	#footerArea .footer_bottom li a { display: inline; float:none; }
	#projectArea .flex-viewport { max-height: none; }	
	
	hr { margin: 15px 0 25px; }
	#breadcrumb h4 { text-align: center; }
	
	#breadcrumb ul { padding: 0px; list-style: none; text-align: center; margin: 0 auto; width: 100%; }
	#breadcrumb li { display: inline; float: none; }
	#breadcrumb li a { display: inline; }
	
	#breadcrumb { margin-bottom: 30px; }
	#aboutArea .nav-tabs > li > a, #aboutArea h4 a { padding: 5px 8px; font-size: 12px; }
	#aboutArea h2 { padding-bottom: 10px; font-size: 17px; margin: 0px; }
	
	#logoArea .flex-viewport a { margin-bottom: 10px; display: inline-block; }
	.bs-glyphicons-list li { width: 100%; }
	.linksdiv {
width: 200px;
float: left;
margin-left:3px; 
margin-right: 60px;
}
.address {
width: 260px;
float: left;
margin-left: 3px;
}
	
	}
	@media only screen and (max-width: 480px) {
	.col-sm-4{ margin-top:25px  !important;}
.fancyboxContainer {
width: 100% !important;
float: left;
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 480px){
.mid_search .navbar-brand img {
width: 80%;
margin: 8px 0px 0px 30px;
height: 58px;
}
.address{ margin-left:0px !important;}
#footerArea .footer_bottom ul {
margin: 0px;
width: 100%;
text-align: center;
margin: auto;
float: none;
margin-left: -81px;
}
#footerArea .footer_bottom li {
padding: 0 0px;
width: auto;
border: none;
float: none;
display: inline;
}

	 }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	.blog_post .image { margin: 0 0 20px; width: 100%; }
	.top_links .social ul li img{ width:10% !important;}
	.number {
padding-bottom: 10px;
width: 60% !important;
float: left !important;
margin-left:-37px !important;
}
.number ul{ width:0% !important; float:left;}
.number ul li{ width:269px!important; float:left;}

	 }