body {
      /* font: normal, 400 20px/1.8  sans-serif, Open Sans, Helvetica Neue, Helvetica;*/
         font: normal, 15px/1.8 "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
         color: #777;
    	}
     .btn-default {
      border-radius: -1;
         }

     h3, h4, {
       margin: 15px 0 30px 0;
       letter-spacing: 5px;
       font-size: 20px;
       color: #111;
     	}
      h1 {
   	  margin: 10px 0 30px 0;
   	  letter-spacing: 10px;
   	  font-size: 36px;
   	  color: #ffa500;
     	}
      h2 {
     	  margin: 30px 0 30px 0;
     	  letter-spacing: 0px;
     	  font-size: 36px;
     	  color: #ffffff;
     	}
       .container {
       padding: 120px 120px;
     	}
     	
	.panel {
	/* border: 1px solid #f4511e; */
	 border-radius:0 !important;
	 transition: box-shadow 0.5s;
        }
    .person {
       border: 10px solid transparent;
       margin-bottom: 25px;
       width: 80%;
       height: 80%;
       opacity: 0.7;
     }
     .person:hover {
       border-color: #f1f1f1;
     }
     .icon-logo {
         color: #f4511e;
         font-size: 50px;
  }
     .carousel-inner img {
       -webkit-filter: grayscale(50%);
       filter: grayscale(50%); /* make all photos black and white */
       width: 100%; /* Set width to 100% */
       margin: auto;
     }
     .carousel-caption h3 {
       color: #fff !important;
     }
     @media (max-width: 600px) {
       .carousel-caption {
        display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
       }
     }
    
    .bg-grey {
     background-color: #595959;/* dark grey */
     color: #ffffff !important;
     }
    
     .bg-0 {
     background-image: url("i/grow.jpg");
     background-repeat: no-repeat;
     background-size: 100% 100%;
     color: #ffffff !important;
     -webkit-filter: grayscale(50%);
     filter: grayscale(10%); /* make all photos black and white */
     }
     
     .bg-1 h3 {color: #fff;}
     .bg-1 p {font-style: italic;}
     .list-group-item:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
     }
     
      .bg-2 {
       background-image: url("i/wheat.jpg");
       background-repeat: no-repeat;
       background-size: 100% 100%;
     }
     .bg-3 {
   	background-image: url("i/dubai.jpeg");
   	background-repeat: no-repeat;
   	background-size: 100% 100%;
   	color: #ffffff !important;
     }
     .bg-4 {
	background-image: url("i/commodity_yellow.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: #ffffff !important;
     }
     .bg-5 {
	background-image: url("i/commodity_green.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: #ffffff !important;
     }
      .bg-6 {
	background-image: url("i/nuts.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: #ffffff !important;
     }
     
     .bg-7 {
	background-image: url("i/mannequin.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: #ffffff !important;
     }
     .bg-8 {
	background-image: url("i/wheat.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: #ffffff !important;
     }
      .bg-9 {
     	background-image: url("i/suits.jpg");
     	background-repeat: no-repeat;
     	background-size: 100% 100%;
     	color: #ffffff !important;
     }
     .bg-10 {
	background-image: url("i/thebusiness.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: #ffffff !important;
     }
    /* MAIN CARDS
     .bg-card {
         background: #ffa500;
         color: #000000;
         margin-right:  30px;
         margin-left:  20px;
         border-radius: 3;
                }*/
    .bg-card {
      background: #ffa500;
      color: #000;
      padding: 10px 10px;
      border-radius: 3;
   	 }
     
     .list-group-item:last-child {
       border-bottom-right-radius: 0;
       border-bottom-left-radius: 0;
     }
     .thumbnail {
       padding: 0 0 15px 0;
       border: 1 solid #f4511e;
       border-radius: 0;
     }
     .text-warning{
      color: black !important;
     }
     .headings{
      color: black !important;
     }
     
      .banner{
       color: #ffffff !important;
     }
     
     .thumbnail p {
       margin-top: 10px;
       color: #555;
            }
     .btn {
       padding: 10px 20px;
       background-color: #ffa500;/*orange*/
       color: transparent;
       color: #f1f1f1;
       border-radius: -1;
       border-bottom-right-radius: -1;
       border-bottom-left-radius: -1;
       transition: .2s;
       margin-left: 2px;
       opacity: 0.9;
     }
     .btn:hover, .btn:focus {
       border: 1px solid #ffa500;
       background-color: #ffc14d;
       color: #000;
       border-radius: -1;
       border-bottom-right-radius: -1;
       border-bottom-left-radius: -1;
        }
     .modal-header, h4, .close {
       background-color: #333;
       color: #fff !important;
       text-align: center;
       font-size: 30px;
     }
     .modal-header, .modal-body {
       padding: 40px 50px;
     }
     .nav-tabs li a {
       color: #777;
     }
      .navbar {
       font-family: Montserrat, sans-serif;
       margin-bottom: 0;
       background-color: #595959;
       border: 0;
       font-size: 12px !important;
       letter-spacing: 4px;
       opacity: 0.9;
     }
     .navbar li a, .navbar .navbar-brand {
       color: #ffffff !important;
         }
     .navbar-nav li a:hover {
       color: #fff !important;
       background-color: grey !important;
     }
     .navbar-nav li.active a {
       color: #fff !important;
       background-color: #29292c !important;
     }
     .navbar-default .navbar-toggle {
       border-color: transparent;
       background-color: transparent !important;
     }
     .open .dropdown-toggle {
       color: #fff;
       background-color: #555 !important;
     }
     .dropdown-menu li a {
      color: yellow !important;
      background-color: #595959 !important;
     }
     .dropdown-menu li a:hover {
      background-color: grey !important;
     }
      }
                .currency li a {
           color: yellow !important;
           background-color: #595959 !important;
          }
           .currency li a:hover {
           background-color: grey !important;
     }
     footer {
     background-color: #595959;
     color: #f5f5f5;
     padding: 32px;
     }
     footer a {
     color: #f5f5f5;
     }
     footer a:hover {
     color: yellow;
     text-decoration: none;
     }
     .form-control {
      border-radius: 3;
     }
     textarea {
     resize: none;
     }
     
     /*Swiper*/
     .swiper-container {
     width: 100%;
     height: 50vh;
     text-align: center;
     	  }
     .swiper-slide {
     	text-align: left;
     	font-size: 18px;
     	background: #fff;
     	/* Center slide text vertically */
     	display: -webkit-box;
     	display: -ms-flexbox;
     	display: -webkit-flex;
     	display: flex;
    	-webkit-box-pack: center;
     	-ms-flex-pack: center;
     	-webkit-justify-content: center;
     	justify-content: center;
     	-webkit-box-align: center;
     	-ms-flex-align: center;
     	-webkit-align-items: center;
     	align-items: center;
       }