/* 
    Document   : styles
    Created on : 24 Feb 2013, 22:34:05
    Author     : AbyzZy
    Description: Ver. 1.0
        Purpose of the stylesheet follows.
*/


/* basic style */
a{
  cursor: pointer;
  text-decoration: none !important;
  color: #474646;
  outline:none !important;
}
a:hover{
  color: #444848;
}
a:focus{
  color: #444848;
}
ul {
  list-style: none;
}


body{
  background-image: url("../images/patterns/light/pattern16.png");
  color: #666666;
  font-size: 13px!important;
  /*font-family: "Habibi",sans-serif !important;*/
}

.boxed #wrapper{
  max-width : 1020px !important;
}



#wrapper h1, h2, h3, h4, h5, h6 {
  color: #1f1e1e;
  /*font-family: "Droid Serif",Georgia,Times,serif;*/
  font-family: "Habibi",sans-serif;
  /*  font-style: italic;*/
  margin-bottom: 15px;
  font-weight : 500 ;
}

.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6 {
  font-weight :600;
}
.smaller{ font-size: 40%;}

#wrapper{
  background-color: #FFF;
  box-shadow: 0 0 3px #B4B4B4 !important;
  border :1px solid #B4B4B4;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  max-width : 100%;
}

.btn{
  font-weight: 600;
}
blockquote p {
  font-size: 14px;
  font-style: italic;
}


.bliss-icon{
  font-size: 25px;
  width: 25px;
  height :25px;
  line-height: 1;
  text-align: center;
  color: #FFF;
  background-color: #000;
  padding: 0.3em 0.3em 0.3em  0.3em ;
  border: 3px solid #cfcece;
  border-bottom-color:#4E4E4E;
  border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
}

.dashbar{}

.dashbar:after{

  width: 100%;
  height: 14px;
  /*  content: url("../images/bar.png");*/
  margin-left: 10px;
}

.head-title{
  padding: 5px 20px 5px 10px;
  background-color: #F6F6F6;
  border-bottom: 1px solid #D9DDDC;
  margin-bottom: 30px;
}

.date{
  color: #666666;
  font-size: 80%;
  font-style: italic;
}

.continue {
  float: right;
}

.tab-feature{
  margin-top: 40px;
}

#content .row{margin-bottom: 40px;}
#content [class*="span"] > h4,#content .row > h4{margin-bottom: 20px;}

.carousel-control{top : 50%;}

.carousel-indicators li{cursor: pointer;}
/* ++++++++++++++++++++++++++++++++++++++++++++++
    Slider area
++++++++++++++++++++++++++++++++++++++++++++++++*/


#slider{
  position: relative;
}

.revolution-slider{
  margin-bottom: 30px;
}

.revolution-slider .tp-leftarrow{
  border: 1px solid #000;
}

.boxed .banner-container{
  width:1020px;
}

.banner-container {
  width:100%;
  max-height:440px   !important; 
  position:relative;
  margin-left:auto;
  margin-right:auto;
}

.boxed .banner-container{
  width:1020px;
}
.banner{
  width:100%;
  max-height:440px !important;   
  position:relative;
  overflow:hidden;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .banner, .banner-container			{	width:760px; height:298px;}
  .bannershadow {width:760px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .banner, .banner-container		{	width:480px; height:188px;	}
  .bannershadow {width:480px;}
}

@media only screen and (min-width: 384px) and (max-width: 479px) {
  .banner, .banner-container		{	width:320px;height:125px;	}
  .bannershadow {width:320px;}
}

@media only screen and (min-width: 0px) and (max-width: 384px) {
  .banner, .banner-container		{	width:260px;height:105px;	}
  .bannershadow {width:260px;}
}

.ei-slider-thumbs li{
  margin-bottom: 1px;
}

.ei-slider{margin-bottom: 50px!important;}


/* ++++++++++++++++++++++++++++++++++++++++++++++
    Footer area
++++++++++++++++++++++++++++++++++++++++++++++++*/

.footer {
  margin-top: 40px;
  padding: 20px 0px 40px 0px;
  /*  border-top : 8px solid #D4D4D4;*/
  background-color: #2C2F32;
  box-shadow: 0 -3px 10px  #888888


}
.footer,.footer a {
  color: #D4D4D4 !important;
}

.footer a:hover {
  color: #F7F7F7;
}

.footer h5{
  color: #FFFFFF;
  margin-bottom: 20px;
}

.footer img{
  background-color: transparent;
}

.footer .thumbnail{
  border: 0px transparent !important;
  padding: 0px 5px 5px 0px !important;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++
    Feature product
++++++++++++++++++++++++++++++++++++++++++++++++*/

.feature span{

  float: left;
  margin-right: 0.5em;
}

.feature h4{
  padding-top: 0.3em;
  padding-bottom:  0.5em;
}
.feature{
  padding: 0.4em;
  transition-duration: 1.5s;
  transition-property: all;
  transition-timing-function: ease;

}



/* ++++++++++++++++++++++++++++++++++++++++++++++
    Widget 
++++++++++++++++++++++++++++++++++++++++++++++++*/
.testimonials .caroufredsel_wrapper{
  margin-left: 5px !important;
}
.testimonials .testimonials-wrapper{
  float: left;
  height: 200px;
  margin-right: 10px;
}

.testimonials .testimonials-name{

  margin-bottom: 10px;
}

.widget_tag div{
  cursor : pointer;
  padding: 3px 8px 3px 8px;
  background-color: #AD4040;
  color: #FFF;
  margin-bottom: 10px;
  margin-right: 5px;
  float: left;
}

.widget_port {
  padding-left: 20px;
}

.widget_recentpost ul{
  margin-left: 0px;
}

.widget_recentpost li{
  border-bottom: 1px dotted #3D3C3C;
  margin-bottom: 8px;
  padding-bottom: 3px;

}


.widget_categories li{
  border-bottom: 1px solid #DADADA;
  padding-bottom: 5px;
  margin-left: -10px;
}

.widget>div{
  margin-bottom: 30px;
}

.flickr_widget img{
  display: block;
  height: 60px;
  width: 60px;
}

.flickr_widget{
  float : left;
  width: 67px;
  height: 67px;
  display: block;
}
.flickr_widget img:hover{
  opacity: 0.7;
}
#flickr_widget-1{
  height: 240px;
}


.thumbnail:hover{
  border:1px solid #999999;
  opacity: 0.8;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++
    Enchance Color Theme
++++++++++++++++++++++++++++++++++++++++++++++++*/




.btn-bliss{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#da4f49;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(to bottom, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);border-color:#bd362f #bd362f #802420;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#bd362f;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}
.btn-bliss:hover,
.btn-bliss:focus,
.btn-bliss:active,
.btn-bliss.active,
.btn-bliss.disabled,
.btn-bliss[disabled]{color:#ffffff;background-color:#bd362f;*background-color:#a9302a;}
.btn-bliss:active,.btn-bliss.active{background-color:#942a25 \9;}





/* ++++++++++++++++++++++++++++++++++++++++++++++
    Copyright area
++++++++++++++++++++++++++++++++++++++++++++++++*/

.copyright {
  padding: 10px 0px 5px ; 
  border-top : 1px solid #3A3A3A;
  background-color: #1F2224;
  color: #D4D4D4;
  font-size: small;
}

.copyright_wrapper{
  padding-top: 10px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++
     Menu
++++++++++++++++++++++++++++++++++++++++++++++++*/


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu li {
  position: relative;
}
.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block;
}

.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu ul ul {
  top: 0;
  left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
  float: left;
  margin-bottom: 1em;
}
.sf-menu ul {
  box-shadow: 2px 2px 6px rgba(0,0,0,.2);
  min-width: 12em; /* allow long menu items to determine submenu width */
  *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
  padding: .5em 1em;
  text-decoration:none;
  zoom: 1; /* IE7 */
}
.sf-menu a {
  color: #545252;
}
.sf-menu li {
  white-space: nowrap; /* no need for Supersubs plugin */
  *white-space: normal; /* ...unless you support IE7 (let it wrap) */
  -webkit-transition: background .2s;
  transition: background .2s;
}

.sf-menu ul  {
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.3);
}
.sf-menu ul li {
  background: #FFF;
  border-bottom: 1px solid #f0efef; 
}

.sf-menu ul li:hover {
  background: #000;

  border-bottom: 1px solid #f0efef; 
}

.sf-menu ul a:hover {
  color: #FFF;
}

.sf-menu ul ul li {
  background: #9AAEDB;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
  padding-right: 2.25em;
  min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
  position: absolute;
  display: block;
  right: .75em;
  top: .9em;
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url(../images/arrows-ffffff.png) no-repeat 0 -100px;
}

li:hover > a .sf-sub-indicator,
li.sfHover > a .sf-sub-indicator {
  background-position: -10px -100px;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
  background-position: 0 0;
}
.sf-menu ul li:hover > a .sf-sub-indicator,
.sf-menu ul li.sfHover > a .sf-sub-indicator {
  background-position: -10px 0;
}

.sf-menu > li > a{
  text-transform:uppercase;
  font-size: 12px;
  font-weight: 700;

}

.navbar-wrapper{
  /*padding-bottom: 10px;*/
  vertical-align: middle;
}

#navbar{ margin-top: 28px; margin-bottom: 0px; }
#navbar .dropdown li{
  /*border-bottom : 1px solid #ccc;*/
}

#navbar .dropdown-menu a:hover{
  color: #fff !important;
}

ul.nav li.dropdown:hover > ul.dropdown-menu{
  display: block;    
}


/* fix buggy when hover on dropdown menu.*/
.navbar .dropdown-menu {
  margin-top: 0px;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.3);

}

#nav{
  float: right;
}
.nav{
  top:-19px;
}
/* default mobile menu style hidden */
.selectnav { 
  display: none; 
  width: 100%; 
  padding-left: 30px;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: transparent !important;
  box-shadow : none;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{
  background-color: #F5F5F5 !important;
}

#fixBar {
  display: none;
  position:fixed;
  top:0px;
  left: 0;
  width:100%;
  background-color: rgba(0, 0, 0, 0.9)!important;
  background: #000;
  padding: 5px 0;
  z-index: 99;
  height: 32px;
  box-shadow: 0 1px 10px #181818;
}

.navFix .sf-menu > li >a{
  color: #FFF;
}

.navFix{
  top:-20px;
  margin-left: 14%;
  position:fixed;
  z-index: 999;
}

.dropdown-menu > li :hover{
  background-color: #333333 !important;
  background-image: none !important;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++
     Portfolio
++++++++++++++++++++++++++++++++++++++++++++++++*/

.portfolio_2col{
  position: relative;
}
.portfolio_2col .overlay-detail h6{
  margin-top: 12px;
  font-size: 16px;
}

.portfolio_2col .overlay-detail small{
  font-size: 12px;
}


.portfolio_3col{
  position: relative;
}

.portfolio_3col .overlay-detail{
  line-height: 10px;
}

.portfolio_3col .overlay-detail h6{
  margin-top: 6px;
  font-size: 14px;
}

.portfolio_3col .overlay-detail small{
  font-size: 10px;
}

.portfolio_4col{
  position: relative;
}

.portfolio_4col .overlay-detail{
  line-height: 8px;
}

.portfolio_4col .overlay-detail h6{
  margin-top: 6px;
  font-size: 12px;
}

#portfolio>div{
  text-align: center;
  margin-bottom: 30px;
}
.portfolio_info_content .carousel{margin-right: 10px;}

.portfolio_info {padding-top: 10px;}

.portfolio_info>.span8{margin-right: 20px;}

.portfolio-gallery{text-align: center;}



/* ++++++++++++++++++++++++++++++++++++++++++++++
     Div overlay hover
++++++++++++++++++++++++++++++++++++++++++++++++*/

.overlay-icon .bliss-icon{
  border: none;
}

div.rollover {
  background: #ff1414;

  position: absolute;

  z-index: 10;   
  -webkit-box-shadow: 0px 0px 4px #000;
  -moz-box-shadow: 0px 0px 4px  #000;
  box-shadow: 0px 0px 4px  #000;
  height :100%;
  width: 100%;
  cursor: pointer;
}

.overlay-icon{
  top: 60% !important;
  left: 50%;
  margin-left: -17px;
  margin-top: -20px;
  position: absolute;
  cursor: pointer;
  color: #fff;
}

.overlay-detail{
  text-align: center;
  position: absolute;
  margin-top: 0px;
  height: 22%;
  width: 100%;
  background-color: #000;
  opacity: 1;
  color: #fff;

}

.overlay-detail h6{
  color: #fff;
  margin-top : 1em;
  margin-bottom : 0px;
  font-weight: 900;
  width: 100%;
}
.overlay-detail small{
  color: #fff;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++
     Blog
++++++++++++++++++++++++++++++++++++++++++++++++*/
blockquote{
  margin-left: 30px !important;
  margin-top: 20px !important;
  padding: 20px 30px 20px 30px;
  background-color: #FFFDF9;
}

blockquote small{
  margin-top: 4px 

}

.comment-textarea textarea{
  width : 93%;
}

.comment input[type="text"]{
  width : 90%;
}

.lastest-blog-img{
  position: relative;
  margin-bottom: 14px;
}

.blog_medium .media{
  margin-bottom: 40px;
  padding-right: 20px;
}

.blog_medium .blog-image{
  position: relative;
  width: 300px;
  height : 200px;
}

.blog_medium img:hover,.blog_fullwidth img:hover{
  transition-duration: 1.5s;
  transition-property: all;
  transition-timing-function: ease;
  opacity: 0.8;
}

.blog_medium img,.blog_fullwidth img{
  transition-duration: 1.5s;
  transition-property: all;
  transition-timing-function: ease;
}

.blog_medium .post-meta span{margin-right: 20px;}
.blog_medium .post-meta {margin-top: 5px;clear: both;padding-top: 10px;}

.blog_fullwidth {
  margin-bottom: 20px;
}

.blog_fullwidth .entry-date{
  width: 70px;
  height : 70px;
  background-color: #000;
  color: #FFF;
  position: absolute;
  text-align: center;
}

.blog_fullwidth .entry-date .day{
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 35px;
}

.blog_fullwidth .media-object {
  margin-bottom: 20px;
}


.blog_fullwidth .media{
  margin-bottom: 40px;
}

.lastest-blog .media-body{
  margin-top: 10px;
}

.comment-meta{
  font-size: 90%;
  font-style: italic;
  color: #888888
}
.comment-meta span{
  margin: 0px 5px 0px 5px;
}
.comment-user{
  padding-bottom: 10px;
  box-shadow: 0 1px 1px #D9DDDC;
}

.blog_single>img{
  margin-bottom: 25px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++
     Contact 
++++++++++++++++++++++++++++++++++++++++++++++++*/

#google-map{
  height: 400px; 
  width : 100%;
}

.contact_info{
  margin-top: 30px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++
     Tabs
++++++++++++++++++++++++++++++++++++++++++++++++*/

.tabbable{
  /*border:1px solid #DDDDDD;*/
}

.tab_home img{ height: auto; margin-right: 15px;}
.tab_home .tab-content{
  padding: 20px 5px 20px 15px;
}
.tab_widget #tabs > li.active a{
  border-top : 2px solid #000;
}

.tab_widget .tab_widget-img{
  height: 45px;
  width: 45px;
}

.tabbable li a{
  padding-top: 12px;
  margin-bottom: -3px;
  font-weight: 600;

}
.tabbable li.active a{
  box-shadow: 0 -1px 0px #D4D4D4;
}

/*.tabbable ul{
  background-color: #F7F7F7;
  border-bottom: 3px solid #EAEAEA;
  padding-bottom: 1px;
}*/

.tab-content{
  padding: 10px 12px 0px 12px;
  border: 1px solid #e4e0e0;
}

.tab_widget .nav-tabs{

  margin-bottom: 0px;
  border: none;
}


#news .icon-border,
#faqs .icon-border{
  background-color: #000;
  padding: 5px;
}

#news i,
#faqs i{
  color: #FFF;
  margin-right: 10px;
  margin-top: -4px;
}

#news img,
#faqs img{
  margin-right: 10px;
  width: 84px;
  height: auto;
}

#news .accordion-group,
#faqs .accordion-group{
  border: none;
  border-bottom: 1px solid #ebeae9;
  margin-bottom: 10px;
}

#news .accordion-inner,
#faqs .accordion-inner{
  border: none;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++
    port folio
++++++++++++++++++++++++++++++++++++++++++++++++*/


#recent-port{
  position: relative;
}

#recent-port li{
  position: relative;
}

#recent-port .icon-border{
  padding-right: 0.1em!important;
  padding-left: 0.1em!important;
}

#recent-port .portfolio-image{
  position: relative;
  /*width: 163px!important;*/
  height : 107px!important;


}
.our-folio li{
  float: left;
  margin-right: 20px;
  width: 200px;
}

.our-folio .overlay-detail h6 {
  margin-top: 0.2em;
}

.folio-scroller{
  width: 100%;
}
#recent-port .widget-scroll-prev{
  position :absolute;
  right: 53px;
  top:0px;
  cursor: pointer;
}

#recent-port .caroufredsel_wrapper{
  margin-left: 5px !important;
}
#recent-port .widget-scroll-next{
  position :absolute;
  right: 15px;
  top:0px;
  cursor: pointer;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++
    client
++++++++++++++++++++++++++++++++++++++++++++++++*/


#our-clients{
  position: relative;
}

.our-clients img{
  width: 140px;
  transition-duration: 1.5s;
  transition-property: all;
  transition-timing-function: ease;

  margin-left: 8px;
}
#our-clients .caroufredsel_wrapper{
  margin-left: 10px!important;
}

.our-clients img:hover{
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
  transition-duration: 0.5s;
  transition-property: all;
  transition-timing-function: ease;
}

.our-clients li{
  float: left;
  width: 200px;
/*  height: 89px;*/
  margin-right: 10px;


}



#clients-scroller{
  width: 80%;

}


.widget-scroll-prev{
  position :absolute;
  right: 53px;
  top:0px;
  cursor: pointer;
}
.widget-scroll-next{
  position :absolute;
  right: 15px;
  top:0px;
  cursor: pointer;
}
.widget-scroll-prev i,.widget-scroll-next i {
  background-color: #000;
  color: #FFFFFF;
  padding-bottom: 5.1px;
  padding-left: 10.3px;
  padding-right: 3px;
  padding-top: 5.1px;
}

.widget-scroll-next i {
  background-color: #000;
  color: #FFFFFF;
  padding-bottom: 5.1px;
  padding-left: 11.3px;
  padding-right: 1px;
  padding-top: 5.1px;
}

.widget-scroll-next i:hover,.widget-scroll-prev i:hover{
  background-color: #FF1414;
  color: #000;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++
    accordian
++++++++++++++++++++++++++++++++++++++++++++++++*/



.faq .accordion-group{
  border-bottom-left-radius : 0px !important;
  border-bottom-right-radius : 0px !important;

  border-top : 0px;
  border-left : 0px;
  border-right : 0px;
  border-bottom : 1px solid #E5E5E5;
}

.faq a{
  margin-bottom: 5px;
}

.faq .accordian-heading{
  padding-bottom: 2px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++
    filter
++++++++++++++++++++++++++++++++++++++++++++++++*/

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}


.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property:    -moz-transform, opacity;
  -ms-transition-property:     -ms-transform, opacity;
  -o-transition-property:      -o-transform, opacity;
  transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}




.filter{

  display: block;
  float: left;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0px 0px 20px 0px;
  padding: 10px 0px 4px 0px;
  width: 100%;

}

.filter li a.active {
  border-bottom-color: #6F6F6F;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  font-weight: 600;
}

.filter li {
  float: left;
  font-size: 12px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding-right: 10px;
}

.filter li a {
  color: #000000;
  padding-bottom: 16px;
  padding-left: 5px;
  padding-right: 5px;

}

#filters {
  border-bottom: 1px solid #E0E0E0;
}
.filter li span {
  color: #B4B4B4;
}

.filter li a:hover {
  border-bottom-color: #000000;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

.page-header {
  margin: 0px -1px 45px -1px;
  padding-top: 20px;
  padding-bottom: 14px;
  padding-left: 20px; 
  background-color: #000;

}
.page-header h2{
  color: #FFF;
}
.page-header small{
  margin-left: 25px;
}



[class^="icon-"], [class*=" icon-"] {
  background-image : none !important;
}


.alert-info{
  background-color: #F9FDFF !important;
}


#goTop {
  display: none;
  position: fixed;
  width: 40px;
  height: 40px;
  background-color: #444;
  font-size: 28px;
  line-height: 35px;
  text-align: center;
  color: #FFF;
  top: auto;
  left: auto;
  right: 30px;
  bottom: 30px;
  cursor: pointer;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -webkit-transition: background-color .2s linear;
  -ms-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
}

#goTop:hover { background-color: #FF1414; }

#imageBackground {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -99;
}

.show-grid [class*="span"] {
  background-color: #EEEEEE;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  line-height: 40px;
  min-height: 40px;
  text-align: center;
  margin-bottom: 20px;
}

/*social icon */
.social-icon {

}

.tooltip{
  opacity: 0.7 !important;
}

.social-icon a i {
  -webkit-transition: -webkit-transform 0.4s ease-out;
  -moz-transition: -moz-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  color: #FFF;
  margin-right: 5px;
}
.social-icon  a:hover .rotate-right{
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  color: #000;
}

.social-icon  a:hover .rotate-left{
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  color: #000;
}

.social-icon a:hover .icon-border{
  border: solid 3px #555;
  background-color: #FFF;
}

.social-icon .icon-border {
  border-radius: 10px;
  border: solid 3px #000;
  padding: .3em .5em .3em .3em !important;
  background-color: #000;
  opacity: 0.9;
}

/*   team page   */
.team-social {
  left: auto;
  position: absolute;
  right: 0;
  top: -2px;
}

.team-social img{
  margin-right: 10px;
  height: 14px;
  width : 16px;
}

.team-detail{position: relative;}

.team-position{
  font-weight: bold;
  margin: -5px 0px 10px 0px;
}

.pricing_table{
  margin-bottom: 20px;
}

.pricing_table .active{
  background-color: #FFF;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  z-index: 1;
  height: 360px;
  margin-top: -14px;
}

.pricing_box{

  float: left;
  /*width: 270px;*/
  position : relative;
  border: 1px solid #E8E2E2;
  background-color: #FFFDF9;
}
.pricing_box .header{
  padding: 20px 8px 8px 8px;
  font-size: larger;
  font-weight: bold;
}
.pricing_box h2{
  padding: 8px;
  margin-top: 0px;
}

.pricing_table .active h2{
  color : #ff0000;
}


.pricing_box li{border-bottom: 1px solid #EAEAEA;padding: 10px 0px 10px 0px;}
.pricing_box ul{margin-right: 25px;}
.pricing_table .span3{
  margin-left: 0px  
}


.pricing_table .three-col .pricing_box{
  width: 250px;
}

.pricing_table .four-col .pricing_box{
  width: 230px;
}

#choose-us li{
  margin-bottom: 10px;
}

#choose-us i{
  background-color: #000;
  color: #fff;
  margin-right: 10px;
}

#choose-us i:hover{
  background-color: #ff0000;
}



/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; max-width: 1012px; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}


.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}


.ei-slider{
  position: relative;
  width: 100%;
  max-width: 1920px;
  height: 400px;
  margin: 0 auto;
}
.ei-slider-loading{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index:999;
  background: snow;
  color: #666;
  text-align: center;
  line-height: 400px;
}


.ei-slider-large {
  height: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  width: 100%;
}
.ei-slider-large li {
  height: 100%;
  left: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.ei-slider-large li img {
  max-width: none !important;
  width: auto !important;
}


.ei-title{
  position: absolute;
  right: 50%;
  margin-right: 13%;
  top: 30%;
}
.ei-title h2, .ei-title h3{
  text-align: right;
}

.ei-title h3 span {

  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
}

.ei-title h2 span, .ei-title h3 span {
  color: #fff;
  display: inline-block;
  font-family: Arial,sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}

.ei-title h2{
  font-size: 25px;
  line-height: 50px;
  color: #f7f6f6;
  text-shadow: 1px 1px 5px #000;
  background-color:rgba(37, 49, 57, 0.64) !important;
  background: #009999;
  padding-right: 10px;
  padding-left: 20px;
  margin-left: 60px;
}
.ei-title h3{
  font-size: 15px;
  font-weight: 200;
  font-style: initial;
  line-height: 40px;
  text-transform: uppercase;
  color: #fff;

  background-color:rgba(0, 0, 0, 0.8)!important;
  background: #000;
  padding: 3px 12px 3px 12px;
  border-left: 5px solid #000;
  border-right: 5px solid #000;
}
.ei-slider-thumbs{
  height: 7px;
  margin: 0 auto;
  position: relative;
}
.ei-slider-thumbs li{
  position: relative;
  float: left;
  height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
  top: 0px;
  left: 0px;
  position: absolute;
  height: 120%;
  z-index: 10;
  text-indent: -9000px;
  background: #000;
  background: rgba(0,0,0,0.9);
}
.ei-slider-thumbs li a{
  display: block;
  text-indent: -9000px;
  background: #d6d5d5 ;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-box-shadow: 
    0px 1px 1px 0px rgba(0,0,0,0.3), 
    0px 1px 0px 1px rgba(255,255,255,0.5);
  -moz-box-shadow: 
    0px 1px 1px 0px rgba(0,0,0,0.3), 
    0px 1px 0px 1px rgba(255,255,255,0.5);
  box-shadow: 
    0px 1px 1px 0px rgba(0,0,0,0.3), 
    0px 1px 0px 1px rgba(255,255,255,0.5);
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
  background-color: #060000;
}
.ei-slider-thumbs li img{
  position: absolute;
  bottom: 25px;
  opacity: 0;
  z-index: 999;
  max-width: 100%;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-box-reflect: 
    below 0px -webkit-gradient(
    linear, 
    left top, 
    left bottom, 
    from(transparent), 
    color-stop(50%, transparent), 
    to(rgba(255,255,255,0.3))
    );
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
  opacity: 1;
  bottom: 5px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 830px) {
  .ei-title{
    position: absolute;
    right: 0px;
    margin-right: 0px;
    width: 100%;
    text-align: center;
    top: auto;
    bottom: 10px;
    padding: 5px 0;
  }
  .ei-title h2, .ei-title h3{
    text-align: center;
  }
  .ei-title h2{
    font-size: 20px;
    line-height: 24px;
    margin-left: 0px;
  }
  .ei-title h3{
    font-size: 30px;
    line-height: 40px;
  }
}