/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
@import url('font-awesome-4.3.0/css/font-awesome.min.css');
@import url('entypo/css/entypo.css');
*{
    transition: all 300ms ease-in-out;
}
@font-face {
    font-family: ubuntu;
    src: url('fonts/ubuntu/Ubuntu-R.ttf');
}
@font-face {
    font-family: harabara;
    src: url('fonts/Harabara.ttf');
}
html,
body {
    height: 100%;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;*/
    font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:370;
  /*  line-height:1.1;*/
    font-size: .94em;
    line-height: 1.7em;
    color: #253340;
}
/*a{
    color: #666;
}*/
a.big:hover{
    color: #FFF;
}
.default{
    text-decoration: none;
    color: #d43f3a;
    font-size: 1.6rem;
}
.default:hover{
    text-decoration: none;
    color: #d43f3a;
}
body {
    padding-top: 81px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 80%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: top;
    /*background-size: cover;*/
    background-size: 100%;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}
.big{
    font-size: 1.8em;
}
.center-text{
    text-align: center;
}
.navbar-mine{
    /*background-color: #d43f3a;*/
    background-color: #FFF;
}
.blue-color{
    color: #0073B7;
}
.black-color{
    color: #2e2e2e;
}
.white-color{
    color: #FFF;
}
.red-color{
    color: #d43f3a;
}
.white-background{
    background-color: #FFF;
}
.black-background{
    background-color: #2e2e2e;
}
.red-background{
    background-color: #d43f3a;
}
.inverse-background{
    background: #1a242f;
}
.ash-background{
    background-color: #fafafa;
}
.unique1{
    background: #395b9a;
}
.unique2{
    background: #207ebc;
}
.unique3{
    background: #1d7670;
}
.unique4{
    background-color: #e9e9e9;
}
.unique5
{
    background-color: #d9534f;
}
.transparent-background{
    background-color: rgba(0, 0, 0, .6);
}
.bar{
    padding: .3em;
    background-color: #666;
}
.bg{
    background-color: rgba(0, 0, 0, .6);
    padding: .3em;
}
.social-share{
 display: inline-block;
 list-style: none;
 padding: .2em;
 margin: 0;
}

ul.social-share li {
  display: inline-block;
}

ul.social-share li a {
  display: inline-block;
  color: #fff;
  background: #666;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 2px;
}

ul.social-share li a:hover {
  background: #0073B7;
  color: #fff;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background-color: #FFF;
}
.navbar-fixed-top {
   box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}
.navbar-mine .navbar-nav > li > a
{
    color: #666;
}
.navbar-mine .navbar-nav > li > a:hover, .navbar-mine .navbar-nav > li > a.on{
   color:#d43f3a;
   font-weight: bolder;
   background-color: #FFF;

}
.navbar-mine .navbar-nav .dropdown-menu > li:hover > a,
.navbar-mine .navbar-nav .dropdown-menu > li:focus > a,
.navbar-mine .navbar-nav .dropdown-menu > li.active > a {
  background-color: #d43f3a;
  color: #fff;
}
.navbar-mine .navbar-toggle {
    border-color: transparent;
}
.navbar-mine .navbar-toggle .icon-bar {
    background-color: #d43f3a;
}
.navbar-mine .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
   /* background-color: rgba(0, 0, 0, .5);*/
   background-color: #FFF;
}
.foot-list{
    padding: 0px;
}
.foot-list li{
    list-style: none;
}
.foot-list li a{
    color: #CCC;
    -webkit-transition: color 1s ease-in;
   -moz-transition: color 1s ease-in;
   -o-transition: color 1s ease-in;
   -ms-transition: color 1s ease-in;
   transition: color 1s ease-in;
   font-size: .8em;
}
.foot-list li a:hover{
    text-decoration: none;
    color: #FFF;
    font-size: 1.1em;
}
.dropdown:hover .dropdown-menu{
    display: block;
}
.customised-well{
   /* color: #666;*/
    background-color: rgba(0, 0, 0, .6);
}
.pointer{
    cursor: pointer;
}
.circled{
    border-radius: 40%;
    padding: 1em;
}
.adjust{
    top: -40px;
    position: absolute;
    z-index: 200;
}
.box{
    height: 8em;
}
.shadow{
    border-radius: 50%;
}
.box-shadow{
     box-shadow: 0 0 .1em rgba(0, 0, 0, .3);
}
.shadow:hover{
    box-shadow: 0 0 .1em rgba(0, 0, 0, .3);
}
.promo
{
    position:absolute;
    top:-4em;
    right: -1em;
    width: 8em;
    height: 8em;
    padding: 1em;
    font-size: .7em;
    border-radius: 50%;
    line-height:1.5em;
    text-align:center;
   /* background-color: #d43f3a;*/
   background-color: #253340;
    color: #CCC;
}
.money
{
    font-size: 1.8em;
    font-family: Tahoma;
}
.hangout
{
    -webkit-transform: rotate(--90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
     position:absolute;
    top: 2.3em;
    left: -3.7em;
    padding: .5em;
    z-index: 200;
}
.green-background
{
    background-color: #16A085;
    color: #FFF;
}
.midnightblue-background
{
    background-color: #253340;
    color: #FFF;
}
.blue-background
{
    background-color: #2980B9;
    color: #FFF;
}
.green-background
{
    background-color: #2ECC71;
    color: #FFF;
}
/* Footer Styles */

footer {
    background-color: #253340;
    color: #CCC;
   /* font-size: .8em;*/
}
.panel-default > .panel-heading {
    background-color: #FFF;
    /*color: #1a2942;*/
    border-color: #ddd;
    border-top: 2px solid #E43A45;
    font-weight: bold;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: #FFF;
    /*color: #1a2942;*/
    border-top: 2px solid #E43A45;
    font-weight: bold;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #666
}
.white-border-top
{
    border-top: 0px;
    border-radius: 0px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.text-danger{
    color: #d43f3a;
}
.text-inverse{
    color: #253340;
}
.btn-danger{
    background-color: #d43f3a;
}
.btn-inverse {
  color: #ffffff;
  background-color: #253340;
  border-color: #253340;
}
.btn-inverse:focus,
.btn-inverse.focus {
  color: #ffffff;
  background-color: #1a242f;
  border-color: #000000;
}
.btn-inverse:hover {
  color: #ffffff;
  background-color: #1a242f;
  border-color: #161f29;
}
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
  color: #ffffff;
  background-color: #1a242f;
  border-color: #161f29;
}
.btn-inverse:active:hover,
.btn-inverse.active:hover,
.open > .dropdown-toggle.btn-inverse:hover,
.btn-inverse:active:focus,
.btn-inverse.active:focus,
.open > .dropdown-toggle.btn-inverse:focus,
.btn-inverse:active.focus,
.btn-inverse.active.focus,
.open > .dropdown-toggle.btn-inverse.focus {
  color: #ffffff;
  background-color: #0d1318;
  border-color: #000000;
}
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
  background-image: none;
}
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled.focus,
.btn-inverse[disabled].focus,
fieldset[disabled] .btn-inverse.focus {
  background-color: #253340;
  border-color: #253340;
}
.btn-inverse .badge {
  color: #253340;
  background-color: #ffffff;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}
@media(max-width:500px) {
    body{
        font-size: .9em;
    }
    .page-header{
        font-size:  1.7em;
    }
    .box{
        height: 3em;
    }
}