/* Bootstrap Overwrite CSS */
.NoPadding {
  padding: 0px !important; }

.NoBorderRadius {
  border-radius: 0px !important; }

.BorderRight {
  border-right: 1px solid #DDD !important; }

.NoBorder {
  border: 0px !important; }

.NoMarginTop {
  margin-top: 0px !important; }

.MarginTop5 {
  margin-top: 5px; }

.MarginTop10 {
  margin-top: 10px; }

.MarginBottom20 {
  margin-bottom: 20px !important; }

.MarginBottomTop10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.PaddingLeft15 {
  padding-left: 15px; }

.Font15 {
  font-size: 15px; }

.Font16 {
  font-size: 16px; }

.Font18 {
  font-size: 18px; }

.FontNormal {
  font-weight: normal; }

.NoBackgroundColor {
  background-color: transparent !important; }

.TextBlack {
  color: black !important; }

.TextWhite {
  color: #ffffff !important; }

.TextOrange {
  color: #ff6600 !important; }

.TextGray6 {
  color: #666666; }

.TextGray3 {
  color: #333333 !important; }

.NoLeftPadding {
  padding-left: 0px !important; }

.Padding15 {
  padding: 15px !important; }

.BackgroundOrange {
  background: #ff6600; }

.BorderColor-Gray9 {
  border-color: #999999 !important; }

.image_width200 {
  max-width: 200px !important;
  height: 150px !important;
  margin: 0 auto;
  max-height: 150px; }
  .image_width200 img {
    max-height: 140px;
    height: auto;
    margin: 0 auto; }

a:hover {
  text-decoration: none;
  cursor: pointer; }

a:focus {
  outline: none; }

body, div, .row {
  margin: 0px;
  padding: 0px; }

/* Mixins or Global Classes */
html, body {
  font-family: roboto; }

h2.bigHeading {
  font-size: 24px; }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px; }

.navbar-default {
  background: white;
  border-color: #e7e7e7; }
  .navbar-default a {
    font-size: 16px;
    color: #333333 !important;
    /*padding: 10px 20px;*/ 
  }

.navbar {
  border-radius: 0;
  margin-bottom: 0px; }

.navbar-brand {
  float: left;
  padding: 10px 15px;
  line-height: 20px;
  height: auto;
  width: 100%; }

.navbar-nav {
  float: left;
  margin: 30px 0 0 0; }

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px; }
  .nav > li > a:hover {
    color: #ff1010 !important; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background: none; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  color: #FF1010 !important; }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 25px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }

/*========== media query ============ */
@media (min-width: 1200px) {
  .container {
    width: 1170px !important; }

  .download-section {
    margin-top: 150px; } }
@media (max-width: 1200px) {
  .download-section {
    margin-top: 150px; }

  .blockHeading_article {
    font-size: 16px !important; }

  body .subscriptionSection button {
    font-size: 14px; }
  body .sliderBlock li {
    width: 220px !important; }
  body .projectsBlock li {
    width: 300px !important; }
    body .projectsBlock li .imageThumb {
      max-width: 300px; }

  .footer .text-right {
    padding-right: 0px; }
  .footer .text-left, .footer .text-right {
    font-size: 12px; }
    .footer .text-left a, .footer .text-right a {
      font-size: 12px; } }
@media (max-width: 1199px) {
  .navbar-nav {
    margin-top: 0px; } }
@media (max-width: 992px) {
  .container {
    width: 100% !important; }

  .sectionSocial {
    padding-top: 10px !important; }

  .subscriptionSection {
    font-size: 22px !important; }
    .subscriptionSection input[type=text], .subscriptionSection button {
      height: 33px !important; }

  .projectsBlock, .verticalBlock {
    width: 98.5%; }

  .newsBlock {
    border-top: 1px solid #EEE;
    padding-top: 20px;
    /*margin-bottom: 15px;*/ }

  .navbar-collapse.collapse {
    padding-left: 0px; }

  .navbar-nav {
    margin: 0;
    /*float: left !important;*/ }

  body .projectsBlock, body .verticalBlock {
    width: 100%; }
  body .sliderBlock li {
    width: 221px !important; }

  .footer .text-right {
    padding-right: 15px;
    margin-top: 5px; }
  .footer .text-left, .footer .text-right {
    text-align: center; } }
@media (max-width: 966px) {
  body .projectsBlock li {
    width: 290px !important; }
    body .projectsBlock li .imageThumb {
      max-width: 290px; }
  body .sliderBlock li {
    width: 214px !important; } }
@media (max-width: 910px) {
  .searchBlock.search-list-Block input {
    width: 85%; }

  .img-thumbnail {
    height: 90px !important; }

  .verticalTab-Block .verticalTabs.DesktopTabs .list-group li a {
    font-size: 15px; }

  .verticalTab-Block .verticalTabs.DesktopTabs .list-group li a i {
    font-size: 22px; } }
@media (max-width: 768px) {
  .container {
    width: 100% !important; }

  .img-auto {
    width: 60%;
    float: left; }

  #thumbs2 .item {
    width: 768px !important; }

  #thumbs3 .item {
    width: 768px !important; }

  body .projectsBlock li {
    width: 336px !important; }
    body .projectsBlock li .imageThumb {
      max-width: 335px; }
  body .sliderBlock li {
    width: 221px !important; }

  .footer .footerLinkBlock, .footer .copyRightBlock {
    font-size: 70%; } }
@media (max-width: 767px) {
  .navbar-brand {
    width: 77%;
    padding-left: 0px !important;
    padding-top: 28px !important; }

  .PicBlock {
    text-align: center;
    margin: 0px auto;
    float: none; }

  .footer .footerLinkBlock {
    text-align: left;
    margin-top: 10px;
    font-size: 14px; }
  .footer .copyRightBlock {
    font-size: 14px;
    padding-left: 15px !important; }

  .innerPanelContainer .ContentBlock {
    margin-top: 10px;
    padding-left: 0px;
    padding-right: 0px; }
    .innerPanelContainer .ContentBlock h3 {
      margin-top: 10px; }
    .innerPanelContainer .ContentBlock .SmallBlock {
      padding-left: 0px; }

  .searchBlock {
    float: left;
    margin-top: 0;
    width: 100%; }
    .searchBlock input {
      width: 90%;
      float: left; }
    .searchBlock .BtnSearch {
      padding: 0; }

  .SubhHeadingArea {
    margin-bottom: 0px !important; }

  .descriptionBlock {
    float: left !important;
    width: 100%;
    margin-bottom: 10px; }

  .DesktopTabs {
    display: none; }

  .verticalTab-Block .MobileTabs {
    display: block !important; }

  .img-thumbnail {
    height: 160px !important; }

  .noBottomMargin-767 {
    margin-bottom: 0px !important; }

  body .image_width {
    width: 200px; } }
@media (max-width: 640px) {
  body .projectsBlock li {
    width: 280px !important; }
    body .projectsBlock li .imageThumb {
      max-width: 277px; }
  body .sliderBlock li {
    width: 180px !important; } }
@media (max-width: 604px) {
  body .projectsBlock li {
    width: 257px !important; }
    body .projectsBlock li .imageThumb {
      max-width: 257px; }
  body .sliderBlock li {
    width: 255px !important; } }
@media (max-width: 568px) {
  body .projectsBlock li {
    width: 256px !important; } }
@media (max-width: 580px) {
  .container {
    padding-left: 0;
    padding-right: 0; }

  .mainPageLink {
    right: 32px; }

  .pullLeft15 {
    margin-left: 0 !important; }

  #gallery_container2 .addfwd {
    top: -30px !important;
    right: 0 !important; }

  #gallery_container2 .addbkwd {
    top: -29px !important;
    left: 85% !important; }

  .item article {
    margin-left: -20px !important; }

  .projectsBlock {
    width: 100%; }
    .projectsBlock .bx-prev, .projectsBlock .bx-next {
      top: -44px !important; }

  .bx-prev {
    top: -55px !important;
    left: 85% !important; }

  .bx-next {
    top: -55px !important;
    left: 94% !important; }

  .headingSubpage {
    padding-left: 0px !important; }

  .projectsBlock {
    margin-top: 30px; }

  .projectsBlock, .verticalBlock {
    width: 100%; }

  .supportBlock, .news-updateBlock {
    border-top: 1px solid #EEE;
    padding-top: 20px;
    margin-bottom: 15px;
    margin-top: 15px; }

  .news-updateBlock {
    padding-top: 20px !important;
    margin-bottom: 3px; }

  .news-update {
    margin-top: 0px; }

  .newsBlock .verticalBlock {
    margin-bottom: 0px; }

  .verticalBlock .bx-wrapper .bx-controls-direction a {
    margin-top: 10px; }

  .verticalBlock li {
    border: 0px; }

  .verticalContent .thumbnail_article {
    display: block;
    margin: 0 auto;
    float: none; }
  .verticalContent .verticalContent-right {
    width: 100%;
    display: block;
    clear: both;
    float: none;
    margin: 10px 0 0 0; }

  .social-box {
    margin-bottom: 10px; }

  .navbar-default .mainPageLink {
    padding: 20px 0 2px 0;
    right: 20px; }

  .navbar-toggle {
    margin-top: 35px; } }
@media (max-width: 480px) {
  body .projectsBlock li {
    width: 210px !important; }
    body .projectsBlock li .imageThumb {
      max-width: 210px;
      min-width: 190px; }
  body .sliderBlock li {
    width: 210px !important; } }
@media (max-width: 471px) {
  .footer .text-right a, .footer .text-right a {
    padding: 0 4px; }

  .innerPanelContainer .ContentBlock .SmallBlock {
    width: 100%;
    margin-top: 4px; }

  .img-thumbnail {
    height: 100px !important; }

  .customPagination li a {
    padding: 10px; }

  .customPagination li a.BtnPrev, .customPagination li a.BtnNext {
    margin: 0px; }

  /*.newsBlock{
  	padding-bottom:10px;
  }*/ }
@media (max-width: 442px) {
  .subscriptionSection button, .subscriptionSection input[type=text] {
    font-size: 12px !important; }

  /*.newsBlock{
  	padding-bottom:0px;
  }*/ }
@media (max-width: 384px) {
  body .projectsBlock li {
    width: 327px !important; }
    body .projectsBlock li .imageThumb {
      max-width: 327px; }
  body .sliderBlock li {
    width: 330px !important; } }
@media (max-width: 343px) {
  .footer .footerLinkBlock, .footer .copyRightBlock {
    padding: 0 3px; }

  .projectsBlock li {
    width: 300px !important; }

  /*.newsBlock .verticalBlock li{
  	height:145px !important;
  }*/ }
@media (max-width: 320px) {
  body .projectsBlock li {
    width: 270px !important; }
    body .projectsBlock li .imageThumb {
      max-width: 260px; }
  body .sliderBlock li {
    width: 263px !important; } }
