/*!
 * RMDSR Landing Page
 *
 * Author : Afriq
 *
 */

.container{
    box-shadow: 0 0 8px 2px #ddd;
    -moz-box-shadow: 0 0 8px 2px #ddd;
    -o-box-shadow: 0 0 8px 2px #ddd;
    -webkit-box-shadow: 0 0 8px 2px #ddd;
    border:1px solid #cecece;
}

.boundary{
    height:5px;
    background: white url(../img/bg-boundary.png);
}

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

#site-title{
    height:100px;
    background:#fff;
}

.logo{
    margin:25px 0 0 35px;
}

.logo h1{
    font-size:35px;
}

.logo h1 a:hover{
    color:#333;
    text-decoration:none;
}

.logo span{
    font-size:16px;
}

.nav-menus{
    list-style-type: none;
    float:right;
}

.nav-menus li {
    float:left;
    padding: 10px;
}

.nav-menus li a{
    width:50px;
    padding:5px 0;
    transition: color 0.2s, border-top 0.2s;
    -moz-transition: color 0.2s, border-top 0.2s;
    -o-transition: color 0.2s, border-top 0.2s;
    -webkit-transition: color 0.2s;
    border-top:none;
    color:#222;
    font-weight:bold;
}

.nav-menus li a:hover{
    text-decoration:none;
    color:#777;
}

.nav-menus .current_nav_menu a:hover, .nav-menus li.current_nav_menu > a {
    color:#2466CF;
}

a:hover.no-line{
    text-decoration:none;
    background:#f3f3f3;
    color:#333;
}

.share{
    margin:25px 15px 0 0;
}

.share-contact{
    list-style-type:none;
}

.marg20right{
    margin-right:20px;
}

#header{
    min-height:80px;
    background:#f5f5f5/*#6EC4E8/*#2c96e2*/;
    border-bottom:1px solid #e6e6e6;
}

.product-desc{
    margin:25px 0 0 35px;
}

.product-desc p{
    line-height:2em;
}

.product-title{
    font-weight:bold;
    margin-bottom:10px;
    font-size:30px;
}

.product-img img{
    width:400px;
    height:350px;
    margin-top: 10px;
}

.btn-head{
    padding:15px 20px !important;
    margin-right:15px;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
}

#home-box{
    min-height:250px;
    background: #fff;
}

.box{
    margin:20px 10px;
}

img.featured{
    width:50px;
    height:50px;
    text-align:left;
    float:left;
    margin: 10px;
}


#join-mail{
    height:80px;
    background:#fff;
    padding: 10px 0 20px 0;
}

.join{
    font-size:27px;
    font-weight:bold;
    margin-top: 5px;
    letter-spacing:-1px;
}

.mail-frm{
    float:right;
}

.subscribe{
    margin-left: 95px;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

#testimonial{
    min-height:120px;
    background:#f5f5f5;
    border-bottom:1px solid #e6e6e6;
}


.carousel {
  position: relative;
  margin-bottom: 5px;
  line-height: 1;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
     -moz-transition: 0.6s ease-in-out left;
      -ms-transition: 0.6s ease-in-out left;
       -o-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}

.carousel .item > img {
  display: block;
  line-height: 1;
}

.carousel .active,
.carousel .next,
.carousel .prev {
  display: block;
}

.carousel .active {
  left: 0;
}

.carousel .next,
.carousel .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel .next {
  left: 100%;
}

.carousel .prev {
  left: -100%;
}

.carousel .next.left,
.carousel .prev.right {
  left: 0;
}

.carousel .active.left {
  left: -100%;
}

.carousel .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 30px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background: #222222;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
     -moz-border-radius: 23px;
          border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.carousel-control.right {
  right: -25px;
  left: auto;
}

.carousel-control.left {
  left: -25px;
  right: auto;
}

.carousel-control:hover {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 15px 5px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4,
.carousel-caption p {
  color: #ffffff;
}


#vitae{
    background:#fff;
    min-height:40px;
    padding-bottom:20px;
}

#vitae p, #vitae h2{
    margin:15px;
}

#footer{
    min-height:100px;
    background:#f5f5f5;
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
}

#copyright{
    height:45px;
    background:#fff;
}

#copyright p{
    margin:15px;
}


/*
*
* ABOUT
*
*/

img.team{
    width:60px;
    height:60px;
    text-align:left;
    float:left;
    margin:15px;
    border-radius:30px;
}

/*
*
* CONTACT
*
*/

.bmarg15{
    margin-bottom:15px !important;
}

/*
*
* LAYOUT
*
*/

.auto{
    margin:auto auto;
}

.marg5{
    margin-left:5px !important;
}

.center{
    text-align:center;
}

.marg20-top{
    margin-top:20px;
}

.marg25-btm{
    margin-bottom:25px;
}

.lmarg20{
    margin-left: 20px;
}

.lmarg15{
    margin-left: 15px;
}

.lmarg10{
    margin-left: 10px;
}

.head-title h2{
    margin:20px 15px 15px;
    font-size: 30px;
}

.article{
    margin-bottom:20px;
}

.article h3{
    margin: 20px 15px 5px 15px;
}

.article p{
    margin:5px 15px;
}

.sub-title{
    margin: 20px 15px 5px 15px;
}

.t-left{
    text-align: left !important;
}

.t-right{
    text-align: right !important;
}

.act-width{
    margin-left:15px;
    margin-right:15px;
    padding-left: 146px !important;
}

textarea.resize-none{
    resize:none !important;
}

/*********************************
*
* ICON
*
**********************************/

a.sb,
.sb a {
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -900em;
	color: #333;
	text-decoration: none;
	line-height: 100%;
	white-space: nowrap;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin: 0 2px 5px 0;
	
	/* default button color */
	background-color: #ececec;
	border: solid 1px #b8b8b9;
	
	/* default box shadow */
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.1);

	/* default border radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    
    transition: background-color .3s;
    -webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
    -moz-transition: background-color .3s;
    
}
/* for IE */
*:first-child+html a.sb,
*:first-child+html .sb a {
	text-indent: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}


/* default hover */
a.sb:hover:after,
.sb a:hover:after {
	background-image: none;
}
a.sb:hover,
.sb a:hover,
a.sb:hover:after,
.sb a:hover:after {
	background-color: #f8f8f8;
}

/* social icon */
a.sb.twitter,
.sb a.twitter {
	background-image: url(../img/twitter_bird.png);
}

a.sb.facebook,
.sb a.facebook {
	background-image: url(../img/facebook.png);
}

a.sb.linkedin,
.sb a.linkedin {
	background-image: url(../img/linkedin.png);
}

a.sb.rss,
.sb a.rss {
	background-image: url(../img/rss.png);
}

a.sb.share_this,
.sb a.share_this {
	background-image: url(../img/share_this.png);
}


a.sb.youtube,
.sb a.youtube {
	background-image: url(../img/youtube.png);
}

a.sb.pinterest,
.sb a.pinterest {
	background-image: url(../img/pinterest.png);
}

/* circle style */
a.sb.circle,
.sb.circle a,
a.sb.circle:before,
.sb.circle a:before,
a.sb.circle:after,
.sb.circle a:after {
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
}