/* GLOBAL STYLES

    -------------------------------------------------- */

    /* Padding below the footer and lighter body text */



    /* Fonts */



    @font-face {

      font-family: 'headachenormal';

      src: url('../fonts/headache-normal-webfont.eot');

      src: url('../fonts/headache-normal-webfont.eot?#iefix') format('embedded-opentype'),

           url('../fonts/headache-normal-webfont.woff') format('woff'),

           url('../fonts/headache-normal-webfont.ttf') format('truetype'),

           url('../fonts/headache-normal-webfont.svg#headachenormal') format('svg');

      font-weight: normal;

      font-style: normal;

    }



    @font-face {

        font-family: 'futura_mdcn_btmedium';

        src: url('../fonts/futuramc-webfont.eot');

        src: url('../fonts/futuramc-webfont.eot?#iefix') format('embedded-opentype'),

             url('../fonts/futuramc-webfont.woff') format('woff'),

             url('../fonts/futuramc-webfont.ttf') format('truetype'),

             url('../fonts/futuramc-webfont.svg#futura_mdcn_btmedium') format('svg');

        font-weight: normal;

        font-style: normal;

    }



    @font-face {

        font-family: 'jellyka_delicious_cakeregular';

        src: url('../fonts/jellyka_delicious_cake-webfont.eot');

        src: url('../fonts/jellyka_delicious_cake-webfont.eot?#iefix') format('embedded-opentype'),

             url('../fonts/jellyka_delicious_cake-webfont.woff') format('woff'),

             url('../fonts/jellyka_delicious_cake-webfont.ttf') format('truetype'),

             url('../fonts/jellyka_delicious_cake-webfont.svg#jellyka_delicious_cakeregular') format('svg');

        font-weight: normal;

        font-style: normal;

    }



    body {padding-bottom: 40px; color: #5a5a5a; 
	background:url('../img/css/bg.jpg');}    



    .header{

      text-align: center;

      position: relative;

      margin-top:20px;

    }



    .header .container{

      position: relative;

      background:#fff;

      border-top:11px solid #be202f;

      border-left:11px solid #be202f;

      border-right:11px solid #be202f;

    }



    .header .social-box{

      position: absolute;

      right:0;

      top:10px;

      width: 200px;

    }



    .header .calltxt{

      color:#be202f;

      font-weight:bold;

      margin-bottom:10px;

    }



    .header .smedia{

      clear:both;

    }



    .header .smedia a{

      clear:both;

      padding-right:10px;

    }



    h1{

      margin-left:40px;

      width: 500px;

	   color: #be202f;

	   font-size:2.57em;

     font-family:'jellyka_delicious_cakeregular';

    }



    .contentdata{/*width:600px;*/ float:left;}

    .sidebar{float:left;}



    footer{

      background:#d3e169;

      border-top:2px solid #fff;

      width:100%;

      text-align:center;

      clear:both;

    }

    .footer-content{

      padding:5px;

    }

    .footer-menu li{

      display: inline;

      border-left:1px solid #111111;

      border-right:1px solid #111111;

      margin-right:-2px;

    }



    .footer-menu li.first{

      border-left:none;

      border-right:1px solid #111111;

    }



    .footer-menu li.last{

      border-left:1px solid #111111;

      border-right:none;

    }



    .footer-menu li a{padding:0 10px; color:#be202f; font-family:'headachenormal';}

    p.copyright{text-align:right; padding-right:5px; margin-bottom:0; font-size: 10px;}







    /* CUSTOMIZE THE NAVBAR

    -------------------------------------------------- */



    /* Special class on .container surrounding .navbar, used for positioning it into place. */

    .navbar-wrapper {

      position: relative;

      top: 0;

      left: 0;

      right: 0;

      z-index: 10;      

    }



    .navbar-wrapper .container{

      padding-top: 20px;

      background:#fff;

    }

    .navbar-wrapper .navbar {

      border-radius:0;

    }



    .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret{

      border-top-color: #fff;

      border-bottom-color: #fff;

    }



    /* Remove border and change up box shadow for more contrast */

    .navbar .navbar-inner {

      border: 0;

      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);

         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);

              box-shadow: 0 2px 10px rgba(0,0,0,.25);

    }



    /* Downsize the brand/project name a bit */

    .navbar .brand {

      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */

      font-size: 16px;

      font-weight: bold;

      text-shadow: 0 -1px 0 rgba(0,0,0,.5);

    }



    .navbar .nav > li{

      border-right:1px solid #fff;

    }



    .navbar .nav > li.last{

      border-right:none;

    }



    /* Navbar links: increase padding for taller navbar */

    .navbar .nav > li > a {

      padding: 15px 20px;

      font-family:'headachenormal';

    }



    /* Offset the responsive button for proper vertical alignment */

    .navbar .btn-navbar {

      margin-top: 10px;

    }



    /* CUSTOM navbar mine *************************/

    .navbar-inverse .navbar-inner{

      background:#72a347;

	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72a347', endColorstr='#72a347', GradientType=0);

	  min-height:50px;

    }



    .navbar .nav > li > a{

      color: #fff;

      border-right:1px solid #fff;

    }



    .navbar .nav > li > a:focus, .navbar .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover{

      background: #111111;

    }

	

	.navbar-inverse .nav-collapse .nav > li > a{

		color: #fff !important;

		border:0;

	}

	

	.navbar-inverse .nav-collapse .dropdown-menu a{

    color: #fff !important;*/

    border:0;

  }



  .dropdown-menu{

    background:#72a347;

  }



  .navbar .nav > li > .dropdown-menu:after{

    border-bottom: 6px solid #72a347;

  }



  .dropdown-menu li:hover .sub-menu {

        visibility: visible;

  }



  .dropdown:hover .dropdown-menu {

      display: block;

  }



  .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {

      margin-top: 1px;

  }



    





    /* CUSTOMIZE THE CAROUSEL

    -------------------------------------------------- */



    /* Carousel base class */

    .carousel {

      margin-bottom: 0px;

    }



    .carousel .container {

      position: relative;

      z-index: 9;

    }



    .carousel-control {

      height: 80px;

      margin-top: 0;

      font-size: 120px;

      text-shadow: 0 1px 1px rgba(0,0,0,.4);

      background-color: transparent;

      border: 0;

      z-index: 10;

    }



    .carousel .item {

      height: 319px;

    }

    .carousel img {

      position: absolute;

      top: 0;

      left: 0;

      min-width: 100%;

      height: 319px;

    }



    .carousel-caption {

      background-color: transparent;

      position: static;

      max-width: 550px;

      padding: 0 20px;

      margin-top: 200px;

    }

    .carousel-caption h1,

    .carousel-caption .lead {

      margin: 0;

      line-height: 1.25;

      color: #fff;

      text-shadow: 0 1px 1px rgba(0,0,0,.4);

    }

    .carousel-caption .btn {

      margin-top: 10px;

    }







    /* MARKETING CONTENT

    -------------------------------------------------- */



    /* Center align the text within the three columns below the carousel */

    .marketing .span3 {

      text-align: center;

    }

    .marketing h2 {

      font-weight: normal;

    }

    .marketing .span3 p,.marketing .span3 h2,.marketing .span3 h3, .marketing .span3 img {

      margin-left: 10px;

      margin-right: 10px;

	    text-align:left;

    }

	

	.marketing{

		padding-top:20px;

		background: #ffffff; /* Old browsers */

		background-color: #f0f8b1; /* FF3.6+ */

		

	}

	

	.contentbox{

		/*padding:10%;

		width:90%;*/

	}

	

	.contentbox img{

		border:1px solid #71a343;

		text-align: center;

		margin-bottom:10px;

	}

	

	/*	Sidebar *************/

	.sidebar h2{

		font-size:2.571em;

		color: #be202f;

		clear:both;

		text-align:center !important;

    font-family: 'futura_mdcn_btmedium';

	}

	.sidebar .sidebox{

		width:100%;

		float:left;

	}

	.sidebar .side-img{

		width:35%;

		float:left;

    padding-right:3%;

	}

	

	.sidebar .side-img img{

		border:1px solid #71a343;

	}

	.sidebar .side-data{

		width:62%;

		float:left;

	}

	

	.width95{ width: 95%; }

	





    /* Featurettes

    ------------------------- */



    .featurette-divider {

      margin: 80px 0; /* Space out the Bootstrap <hr> more */

    }

    .featurette {

      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */

      overflow: hidden; /* Vertically center images part 2: clear their floats. */

    }

    .featurette-image {

      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */

    }



    /* Give some space on the sides of the floated elements so text doesn't run right into it. */

    .featurette-image.pull-left {

      margin-right: 40px;

    }

    .featurette-image.pull-right {

      margin-left: 40px;

    }



    /* Thin out the marketing headings */

    .featurette-heading {

      font-size: 50px;

      font-weight: 300;

      line-height: 1;

      letter-spacing: -1px;

    }





    /* Border to main containers 

    -----------------------------------------------*/

    .header .container{

      border-top:11px solid #be202f;

      border-left:11px solid #be202f;

      border-right:11px solid #be202f;

    }

    .navbar-wrapper .container{

      border-left:11px solid #be202f;

      border-right:11px solid #be202f;

    }



    #myCarousel.container{

      border-left:11px solid #be202f;

      border-right:11px solid #be202f;

    }



    .container.marketing{

      border-bottom:11px solid #be202f;

      border-left:11px solid #be202f;

      border-right:11px solid #be202f;

    }



    /************ menu ***********************/

    .menutype{

      background: #72A347;

      color:#fff;

      padding:5px;

      clear:both;

      border-bottom:1px solid #fff;

    }

    .menuitem{

      float:left;

      width:204px;

      margin:10px;

      min-height:110px;

    }

    .menuitem ul{

      list-style: none;

      float:left;

      margin:0;

    }



    /******** testimonial ****************/



    .testimonialbox{

      border:2px solid orange;

      border-radius: 5px;

      padding:10px;

      margin:10px;

    }



    .testimonialbox .testimonial{

      font-style: italic;

      font-weight: bold;

    }

    .testimonialbox .customer{

      font-weight:normal;

      font-style: normal;

      color:#be202f;

      text-align: right;

    }









    /* RESPONSIVE CSS

    -------------------------------------------------- */



    @media (min-width: 1024px) {

      .container,

      .navbar-static-top .container,

      .navbar-fixed-top .container,

      .navbar-fixed-bottom .container {

        width: 1000px;

      }

      .row{

        margin-left:0;

      }

      .span3{

        width:300px;

      }

    }



    @media (min-width: 770px) and (max-width: 979px) {

      .container,

      .navbar-static-top .container,

      .navbar-fixed-top .container,

      .navbar-fixed-bottom .container {

        width: 760px;

      }

      .span3{

        width:240px;

      }

      

      .logo{

        height:112px;

      }



      .header .social-box{

        position: absolute;

        left:10px;

        top:115px;

        width: 400px;

		    z-index:99;

      }



      .header .calltxt{

        color:#fff;

        float:left;

    		margin-top:11px;

    		margin-right:10px;

        margin-bottom: 0;

      }



      .header .smedia{

        clear:none;

        float:left;

      }



      .header .smedia a{

        padding-right:10px;

      }



      h1{

        margin-left:20px;

        width: auto;		

      }



      .contentdata{width:auto;}



      .container.navbar-wrapper {

        margin-bottom: 0;

        width: auto;

      }

      .navbar-inner {

        border-radius: 0;

        margin: -20px 0;

		min-height:30px;

      }

	  

	   .nav-collapse.collapse{

			 padding-top:20px;

		  }



      .navbar .nav > li{

        border-right:none;

      }



      .carousel .item {

        height: 267px;

      }

      .carousel img {

        width: auto;

        height: 267px;

      }



      .featurette {

        height: auto;

        padding: 0;

      }

      .featurette-image.pull-left,

      .featurette-image.pull-right {

        display: block;

        float: none;

        max-width: 40%;

        margin: 0 auto 20px;

      }

    }





    @media (max-width: 767px) {



      .logo{

        height:112px;

      }



      .header .social-box{

        position: absolute;

        left:10px;

        top:115px;

        width: 260px;

		    z-index:99;

      }



      .header .calltxt{

        color:#fff;

        float:left;

		    margin-top:11px;

		    margin-right:10px;

        margin-bottom: 0;

      }



      .header .smedia{

        clear:none;

        float:left;

      }



      .header .smedia a{

        padding-right:10px;

      }



      h1{

        margin-left:0px;

        width: auto;

      }



      .contentdata{width:auto;}



      .navbar-inner {

        margin: -20px;

		    min-height:30px;

      }

	  

  	  .nav-collapse.collapse{

  			padding-top:20px;

  		}



      .navbar .nav > li{

        border-right:none;

      }

      .carousel {

        margin-left: -20px;

        margin-right: -20px;

      }

      .carousel .container {



      }

      .carousel .item {

        height: 209px;

      }

      .carousel img {

        height: 209px;

      }

      .carousel-caption {

        width: 65%;

        padding: 0 70px;

        margin-top: 100px;

      }

      .carousel-caption h1 {

        font-size: 30px;

      }

      .carousel-caption .lead,

      .carousel-caption .btn {

        font-size: 18px;

      }



      .marketing .span3 + .span3 {

        margin-top: 40px;

      }



      .featurette-heading {

        font-size: 30px;

      }

      .featurette .lead {

        font-size: 18px;

        line-height: 1.5;

      }



      /* Border to main containers 

      -----------------------------------------------*/

      .container.marketing,#myCarousel.container,.header .container,.navbar-wrapper .container{

        border:none;

      }

      body{

        background: #fff;

      }

      .header{

        margin-top:0px;

      }

    }

	

	 @media (max-width: 400px) {



      .header .social-box{

        display:none;

      }

	 }