@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-backface-visibility: hidden; 
  backface-visibility: hidden;
}
a {
  color: #e74c3c;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
a:hover {
  color: #e76c3c;
}
.row {
  padding: 65px 0px 60px 0px !important;
}
.btn {
  border: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-transform: uppercase;
  border-radius: 0;
}
.btn-common {
  background: #3d566e;
  color: #fff;
}
.btn-common:hover {
  background: #e74c3c;
  color: #fff;
}

.title {
	text-align: center;
	font-size: 32px;
}
.subtitle {
	text-align: center;
	font-weight: 100;
	padding-bottom: 5px;
	position: relative;
	color: #93979B;
}


.subtitle-2 {
	text-align: center;
	font-weight: 300;
	padding-bottom: 5px;
	position: relative;
	color: rgba(200,0,0,1.00);
} 
.n
avbar {
  margin-bottom: 0;
}
.navbar li {
  color: #d1d1d1;
}
.navbar-default {
  border: none;
  border-radius: 0;
  background-color: #000;
 /* background: rgba(0, 0, 0, 0.2)*/;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background: none;
  color: #fff;
}
.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav li a:hover {
  color: #fff;
}
.navbar-default .navbar-nav > .active,
.navbar-default .navbar-nav li:hover {
  background: #7aa2d5;
  padding-bottom: 5px;
  color: #fff;
}
.navbar-default .navbar-brand {
  font-size: 16px;
  color: #fff;
  font-weight: 100;
}
.navbar-default .navbar-brand:hover {
  color: #eee;
}
.navbar-default .navbar-toggle .icon-bar {
  background: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background: #333;
}
.affix.navbar-default {
  background: rgba(0, 0, 0, 0.8);
}
#hero-area {
	backgroundimage: 
  background: #000;
	color: #fff;
	background-image: url(../img/noisy_net.png);
	padding-bottom: auto;
}
#hero-area .btn {
  margin-right: 20px;
}
#hero-area img {
  max-width: 100%;
}
#hero-area p {
  padding: 50px 0;
}

.sect-border {
  border-top: 1px dashed #d6d6d6;
  border-bottom: 1px dashed #f6f6f6;
  margin: -3em 8% -3em;
}

.sect-border-2 {
  border-top: 1px dashed #d6d6d6;
  border-bottom: 1px dashed #f6f6f6;
  margin: 2em 8% 2em;
}

.contact-us-item {
	text-align: center;
	padding-top: 30px;		
}


#contact-us h3 {
	margin-top: 16px;
	font-size: 16px;
	color: #000;
		
}



.contact-us-item img {
	
	width: 150px;
	height: 200px;
}


.contact-us-item p {
	font-weight: bold;
	font-size: 13px;
	padding-top: 5px;	
}

.cbsp-item p {
	font-size: 12px;
	text-align: left;
}

.cbsp-item img {
	padding: 10px;
}

.red {
	font-color: red;
	color: rgba(200,0,0,1.00);	
}



#details {
	
  /*background: #34495e;
	color: #fff;*/
	background-image: url(../../image/bg50-5.png);
	background-repeat: repeat;
}
#details p {
  line-height: 30px;
  font-size: 17px;
}


/*Scroll Top*/
.to-top i {
  padding: 10px 15px;
  margin: 10px;
  background: transparent;
  color: #34495e;
  border: 2px solid #34495e;
}
.to-top i:hover {
  background: #34495e;
  color: #fff;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#copyright {
	background: #000;
	color: #FFF;
	text-align: center;
	padding-top: 12px;
	vertical-align: middle;
}
#copyright a {
  color: #333;
}
