/* 
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* Global Styles */


html, body {
    height: 100%;
}
.navbar {
    background-color: #FFF;
    
}

.navbar a {
    font-size: 16px; 
    color: #999
}
.navbar a:hover{
    font-size: 16px; 
    color: #FFF!important;
    background-color: #52b6ec!important;
}
.navbar-brand a:hover {
    background-color: #FFF!important;
}


body {
    padding-top: 80px;
    padding-bottom: 20px;
    background-color: #F0F0F0!important;
}

.dropdown {
    cursor:pointer;
}


.img-home-portfolio,
.img-customer,
.portfolio-item {
    margin-bottom: 30px;
}

.tab-pane {
    margin-top: 15px;
}

/* Page Sections */
.section,
.section-colored {
    padding: 50px 0;
}

.section-colored {
    /*background-color: #80c9f1;*/
    background-color: #52b6ec;
    color: #FFF;
    /* change this to change the background color of a colored section */
}

.sidebar {
    margin-top: 40px;
}

.sidebar ul {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
    height: 50%;
}

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

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
    margin-bottom: 45px;
}

.tooltip-social a {
    text-decoration: none;
    color: inherit;
}

.facebook-link a:hover {
    color: #3b5998;
}

.linkedin-link a:hover {
    color: #007fb1;
}

.twitter-link a:hover {
    color: #39a9e0;
}

.google-plus-link a:hover {
    color: #d14836;
}

/* Service Page Styles */
.service-icon {
    font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
    font-size: 8em;
}

/* Pricing Page Styles */
.price {
    font-size: 4em;
}

.price-cents {
    vertical-align: super;
    font-size: 50%;
}

.price-month {
    font-size: 35%;
    font-style: italic;
}

/* Footer Styles */
footer {
    margin: 50px 0;
	bottom: 10px;
}

.push-to-bottom {
  bottom: 50px;
}

/* Responsive Styles */
@media (max-width: 767px) {

    .carousel {
        height: 70%;
        /* increases the carousel height so it looks good on phones */
    }
}

.central-info-404{
  position: relative;
  //float: left;
  margin-top:auto;
  margin-bottom:auto;
  z-index: 2;
  top:0;
  bottom:0;
  width: 40%;
  right:0;
 
  
}
/*PERSONAL*/
.central-info{
  position: absolute;
  background: rgba(82,182,236,0.7);
  border-radius: 15px 0px 0px 15px;
  box-shadow: 0px 0px 2px #555;
  //float: left;
  margin-top:auto;
  margin-bottom:auto;
  z-index: 2;
  top:0;
  bottom:0;
  width: 40%;
  height: 100px;
  right:0;
  color:#FFF;
  text-shadow: 1px 1px #555;
    //border: 1px solid black;
  overflow: auto;
  
}
.central-info p{
    margin: 10px;
}

.central-logo{
  position: absolute;
  //float: left;
  margin:auto;
  z-index: 2;
  top:0;
  left: 120px;
  bottom:0;
  color:#FFF;
  text-shadow: 1px 1px #555;
 
   width: 180px;
   height: 180px;
   background: rgba(50,50,50,0.5);
   -moz-border-radius: 90px; 
   -webkit-border-radius: 90px; 
   border-radius: 90px;
  
}
/*linear-gradient(to bottom,#3c3c3c 0,#222 100%)
.panel-intersur {
  border-color: rgba(85,24,41,0.6);
}
.panel-intersur > .panel-heading {
  color: #333;
  background-color: rgba(85,24,41,0.6)!important;
  border-color: rgba(85,24,41,1)!important;
}
.panel-intersur > .panel-heading + .panel-collapse .panel-body {
  border-top-color: rgba(85,24,41,1)!important;
}
.panel-intersur > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: rgba(85,24,41,1)!important;
}*/

.panel-intersur {
  border-color: rgba(64,136,61,1) !important;
}
.panel-intersur > .panel-heading {
  color: #fff;
  background-image: -webkit-linear-gradient(top, rgba(64,136,61,1) 0%, rgba(172,193,52,1) 100%);
  background-image:      -o-linear-gradient(top, rgba(64,136,61,1) 0%, rgba(172,193,52,1) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(64,136,61,)), to(rgba(172,193,52,1)));
  background-image:         linear-gradient(to bottom, rgba(64,136,61,1) 0%, rgba(172,193,52,1) 100%); /*#40883D TO #ACC134*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
  background-repeat: repeat-x;
  border-color: rgba(64,136,61,1);
}
.panel-intersur > .panel-heading + .panel-collapse .panel-body {
  border-top-color: rgba(64,136,61,1);
}
.panel-intersur > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: rgba(64,136,61,1);
}

.angular-google-map-container { height: 400px; }

/*SVG*/

svg, #svgContainer{
    height: 100%;
    width: 100%;
}

.productListItem{
	cursor:pointer;
	margin-top:10px;
	font-weight:bold;
/*	border:1px solid black;
	border-radius: 0px;*/
        box-shadow: 0px 0px 5px #000;
        background: #FFF;
	padding:5px;
}
div  .PASTA:hover, div  .PASTA:focus {
	background: #F1F66D !important;
}
div  .RICE:hover, div  .RICE:focus {
	background: #6DF692 !important;
}
div  .SUGAR:hover, div  .SUGAR:focus {
	background: #F85B58 !important;
}
div  .WHEAT:hover, div  .WHEAT:focus {
	background: #948A54 !important;
}
div  .SOJA:hover, div  .SOJA:focus {
	background: #FABF8F !important;
}
div  .FERTILIZER:hover, div  .FERTILIZER:focus {
	background: #365F91 !important;
}

div  .YELLOW-CORN:hover, div  .YELLOW-CORN:focus {
	background: #2dcc70 !important;
}

div  .SOJA-OIL:hover, div  .SOJA-OIL:focus {
	background: #52b6ec !important;
}


svg .land {
    stroke-width: 1;
    stroke: #fff;
	fill: #CCCCCC;
    -webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}
/* svg .land:hover , .land.active {
    cursor: pointer;
    fill: #333;
} */
svg{
	background:#98CAF8;
}
svg .SUGAR {
    cursor: pointer;
    /*fill: #F00;*/
    fill: #F85B58;
	-webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}svg .RICE {
    cursor: pointer;
    /*fill: #0F0;*/
    fill: #6DF692;
	-webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}svg .PASTA {
    cursor: pointer;
    /*fill: #FF0;*/
    fill: #F1F66D;
	-webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}
svg .WHEAT {
    cursor: pointer;
    /*fill: #FF0;*/
    fill: #948A54;
	-webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}
svg .SOJA {
    cursor: pointer;
    /*fill: #FF0;*/
    fill: #FABF8F;
	-webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}
svg .FERTILIZER {
    cursor: pointer;
    /*fill: #FF0;*/
    fill: #365F91;
	-webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}

svg .YELLOW-CORN {
    cursor: pointer;
    /*fill: #FF0;*/
    fill: #2dcc70;
	-webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}

svg .SOJA-OIL {
    cursor: pointer;
    /*fill: #FF0;*/
    fill: #52b6ec;
	-webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}
.icon-medium {
    font-size: 24px;
    height: 68px;
    width: 68px;
    line-height: 68px;
    color: #fff;
    margin-right: 10px;
    background-color: rgba(0, 0, 0, 0.4);
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    margin-bottom: 10px;
}

.glyphicon-index {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.center{
    text-align: center;
}

.red{background-color:#e74c3c}
.blue{background-color:#52b6ec}
.green{background-color:#1abc9c}

.border{
  border: 1px solid black;
}

.header-title{
    background-color: #52b6ec!important;
    margin-bottom: 25px;
    
}
.custom-page-header {
  padding-bottom: 9px;
  margin: 35px 0 20px;
  color: white;
  font-family: 'Fjalla One', sans-serif;
}
.custom-page-header small{
  color: #FFF;
}

.custom-breadcrumb {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  list-style: none;
  
}
.custom-breadcrumb > li {
  display: inline-block;
}
.custom-breadcrumb > li a {
  color: #FFF;!important;
}
.custom-breadcrumb > li a:hover {
  text-decoration: none!important;
}
.custom-breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.custom-breadcrumb > .active {
  color: #999;
}
h1,h2,h3{
    font-family: 'Fjalla One', sans-serif!important;
}

.navbar-header{
    height: 80px;
}
.navbar-header a:hover{
    background-color: white!important;
    color: #52b6ec!important;
}
a .navbar-brand{
    height: 70px!important;
}

.product-source{
    font-family: 'Fjalla One', sans-serif!important;
    font-size: 16px; 
}
.futura{
font-family:'futura', sans-serif!important;
font-weight: 100!important;
}

@font-face {
  font-family: 'futura';
  src: url('../fonts/futura-bdcn-bt-bold.ttf');
}