/*!
 * Start Bootstrap - Business Casual (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

@import "/less/variables";
@import "/less/bootstrap-datetimepicker-build.less";

@font-face{
  font-family: "AbrilFatface-Regular";
  src: url(fonts/AbrilFatface-Regular.ttf);
}


@font-face{
  font-family: "Trajan Pro Regular";
  src: url(fonts/Trajan Pro Regular.ttf);
}

html{
    font-family: "AbrilFatface-Regular";
}

body{
  background-color: #242424;
}

.navbar{
  border: none;
}

.navbar-brand{
  background-color: #3d3d3f;
}

.navbar-header{
  background-color: #3d3d3f;
  border: none;
}

.navbar-default{
   background-color: #3d3d3f !important;
   border: none !important;
}

.navbar-nav>li>a{
  line-height: 10px;
}

nav .navbar-nav{
margin: none;
}


.navbar-default .navbar-collapse, .navbar-default .navbar-form{
  border: none;
}

p{
color: #b1b1b1;
}

h3, h4{
  font-family: "Trajan Pro Regular";
  font-weight: 100;
}

h4{
  text-transform: capitalize;
}

ol{
  list-style-position: inside;
  padding-left: 15px;
}

label{
  float: left;
  color: white;
  font-family: "Helvetica";
  font-weight: normal;
  font-size: 1em;
  color: #574c45;
}

.input-group.time .input-group-addon {
  cursor: pointer;
}

.styling-list{
  padding-left: 2em;
text-indent: 0em;
}

.form-control{
border-radius: 2px;
}

.page-header{
  margin:20px 0 0;
  border: none;
}

figure{
    float: left;
    display: inline-block;
    margin: 20px;
    margin-bottom: 40px;
    position: relative;

}

figure img{
  width: 180px;
  height: 180px;

}

.name{
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    padding: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.title{
    background: transparent;
    color: #cfb080;
    padding: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 190px;
    font-size:1em;
}

.name, .title{
  font-family: "Helvetica";

}

.scalepic:hover{
    cursor: pointer;
  -webkit-transform: scale3d(1.1, 1.1, 1);
          transform: scale3d(1.1, 1.1, 1);

}

.scalepic:active{
    cursor: auto;
  -webkit-transform: scale3d(1.1, 1.1, 1);
          transform: scale3d(1.1, 1.1, 1);
outline:5px #cfb080 solid;
}

.scalepic{

  -webkit-transition: all 0.2s linear;
          transition: all 0.2s linear;


  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

.current{
outline:5px #cfb080 solid;
}

.bubble-text{
    color: #574c45;
    text-align: left; 
    margin: 15px; 
    font-size: 1em;
}

.orange-text{
  color: #cfb080;
}

.blue-text{
  color: #2489d1;

}

.floating-box {
    display: inline-block;    
    /*height: 200px;*/
    margin: 20px;
    margin-bottom: 0px;
    background-color:#ffffff; 
    text-align: center;
    vertical-align: top;
weight: 900px;

    /*border: 3px solid #73AD21;  */
}

.profile{
    color: #574c45;
    text-align: left; 
    margin: 15px; 
    font-size: 1em;

}

.profile-box{
    /*height: 360px;*/ 

    margin-top:40px;
    /*background-color: rgba(0,0,0,0);*/
}

.transparent{
  background-color: rgba(0,0,0,0);
}


.photo-box{
  
  background-color: transparent;
}

.readmore{
  color: #cfb080; text-align: left; font-size: 1em;
}

.navbar-default .navbar-nav>li>a:link{
  color: #999999;    
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover{
  color: #ffffff;

}


.navbar-default .navbar-nav>li>a:active{
  color: #cfb080;    
}


/*.scalepic .current {
 -webkit-transform: scale3d(2, 2, 2);
 transform: scale3d(2, 2, 2);
outline:5px #cfb080 solid;
}*/

.tagline{
  font-family: 'AbrilFatface-Regular';
  font-size: 20pt;
  font-weight:100;
  width:1000px;
text-align: left;
}

.navbar-center
{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    margin: auto;
    height:100%;
}

/*#header-container {
    position:relative;
      height:120px;
      width:100%;
}*/

/*#header-container div {
    width:200px;
}*/

/*.align-center{
    position:absolute !important;
    left:42% !important; 
    bottom:0px !important;
}

.align-right{
  position:absolute;
    right:0px;
}*/

@media(min-width: 1200px){
  .container{
  width: 100%;
}
}


.language:hover{
color: #fff !important; 
}


.language{
  padding: 15px 10px 10px 10px !important;
  float: right;
  font-size: 0.8em;
}

select:not([multiple]) {
    -webkit-appearance: none !important; 
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .5em;
    padding-right: 1.5em
}

#myselect {
    border-radius: 2px;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 2; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    position: fixed;
    background-color: #fefefe;
    top:15%;
    right:50%;
    margin-right: -180px; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 360px; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#myBtn:hover{
  background-color: green;
  cursor: pointer;
}

.input-group .form-control{
  z-index: 1;
	
}

.currentselected{
font-color:#cfb080;
}


@media (min-width: 992px) {
  .contact-box{
    width: 420px;
  }

}

@media (max-width: 991px) {
  .contact-box{
    width: 80%;
  }

}

@media (max-width: 767px) {
  #lang-nav{
    position: static !important;

  }
}