body, h1, h2, h3, h4, h5, input, button, select, textarea,
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input,
.content-10 h3, .header-11-sub h3, .header-11-sub p, .header-11 .navbar, header .brand, .content-10 .features h6, .footer-1 nav h6,
#heroline, #herotext
{ 
  font-family: 'Avenir', 'Quicksand', sans-serif; 
}

.header-11 .navbar a.brand {
  font-size: 30px;
  font-weight: 400;
  color: #FE4A49;
}

h2 {
  padding-bottom: 20px;
}

section.content-10 {
  padding: 50px 0px;
}

.footer-1 {
  padding: 30px 0;
}

.btn-key {
  color: #fff !important;
  background-color: #FE4A49 !important;
  padding: 10px;
  font-size: 16px;
}

.header-11 .navbar .btn.btn-primary, .header-11 .navbar .btn.btn-primary:hover, .header-11 .navbar .btn.btn-primary:focus, .btn-info {
  background-color: #2ab7ca;
}

.header-11 .navbar .btn.btn-primary:hover, .header-11 .navbar .btn.btn-primary:focus, .btn-info:hover, .btn-info:focus,
.header-11-sub .signup-form form .btn.btn-info:hover, .header-11-sub .signup-form form .btn.btn-info:focus {
  background-color: #6DD9E8;
}

.header-11-sub .background {
  background-color: #fff;
}

#heroline {
  font-size: 52px;
  color: #333;
}

#herotext {
  font-size: 24px;
  color: #666;
}

header {
  border-bottom-style: solid;
  border-bottom-color: #ddd;
  border-bottom-width: 1px;
}

.feature-box-2 {
    position: relative;
}

.feature-box-2.right .icon {
    left: auto;
    right: 0px;
}
.feature-box-2 .icon {
    position: absolute;
    top: 0px;
    left: 0px;
}

.feature-box-2.right .icon.without-bg {
    right: 20px;
}

.feature-box-2.right .body {
    margin-right: 90px;
    margin-left: 0px;
    text-align: right;
}

.feature-box-2 .body {
    margin-left: 70px;
}

i.fa {
  color: #aaa;
}

.form-group .btn {
  font-size: 18px;
}

@media (max-width: 767px) {
  .header-11-sub .background {
    background: #f6f6f2;
  }
}

.features h2, .features h3, .features h4, .features h6, .content-10 .features h6 {
  color: #363636;
}

.content-10 .features p {
  color: #333 ;
}

.right {
  text-align: right;
}

.navbar-form {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 19px;
  padding-left: 19px;
  padding-top: 9px;
  padding-bottom: 9px;
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .navbar-form {
    margin: 3px -21px;
    width: auto;
  }
}
@media (min-width: 768px) {
  .navbar-nav + .navbar-form.navbar-left,
  .navbar-form.navbar-right:last-child {
    width: 260px;
  }
}
.navbar-form .form-control,
.navbar-form .input-group-addon,
.navbar-form .btn {
  height: 35px;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.4;
  border-radius: 6px;
}
select.navbar-form .form-control,
select.navbar-form .input-group-addon,
select.navbar-form .btn {
  height: 35px;
  line-height: 35px;
}
textarea.navbar-form .form-control,
textarea.navbar-form .input-group-addon,
textarea.navbar-form .btn,
select[multiple].navbar-form .form-control,
select[multiple].navbar-form .input-group-addon,
select[multiple].navbar-form .btn {
  height: auto;
}
.navbar-form .input-group .form-control:first-child,
.navbar-form .input-group-addon:first-child,
.navbar-form .input-group-btn:first-child > .btn,
.navbar-form .input-group-btn:first-child > .dropdown-toggle,
.navbar-form .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.navbar-form .input-group .form-control:last-child,
.navbar-form .input-group-addon:last-child,
.navbar-form .input-group-btn:last-child > .btn,
.navbar-form .input-group-btn:last-child > .dropdown-toggle,
.navbar-form .input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.navbar-form .form-control {
  font-size: 15px;
  border-radius: 5px;
  display: table-cell;
}
.navbar-form .form-group + .btn {
  font-size: 15px;
  border-radius: 5px;
  margin-left: 4px;
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 0;
  }
  .navbar-form .form-group + .btn {
    margin-top: 9px;
    margin-left: 0;
  }
}

.form-control:-moz-placeholder {
  color: #b2bcc5;
}
.form-control::-moz-placeholder {
  color: #b2bcc5;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #b2bcc5;
}
.form-control::-webkit-input-placeholder {
  color: #b2bcc5;
}
.form-control.placeholder {
  color: #b2bcc5;
}
.form-control {
  border: 2px solid #bdc3c7;
  color: #34495e;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.467;
  padding: 8px 12px;
  height: 42px;
  -webkit-appearance: none;
  border-radius: 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
}
.form-group.focus .form-control,
.form-control:focus {
  border-color: #1abc9c;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #f4f6f6;
  border-color: #d5dbdb;
  color: #d5dbdb;
  cursor: default;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.form-control.flat {
  border-color: transparent;
}
.form-control.flat:hover {
  border-color: #bdc3c7;
}
.form-control.flat:focus {
  border-color: #1abc9c;
}

.btn-hg {
  padding: 13px 20px;
  font-size: 22px;
  line-height: 1.227;
  border-radius: 6px;
}
.btn-lg {
  padding: 10px 19px;
  font-size: 17px;
  line-height: 1.471;
  border-radius: 6px;
}
.btn-sm {
  padding: 9px 13px;
  font-size: 13px;
  line-height: 1.385;
  border-radius: 4px;
}
.btn-xs {
  padding: 6px 9px;
  font-size: 12px;
  line-height: 1.083;
  border-radius: 3px;
}
.btn-tip {
  font-weight: 300;
  padding-left: 10px;
  font-size: 92%;
}
.btn-block {
  white-space: normal;
}
.btn-default .caret {
  border-top-color: #ffffff;
}
.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret {
  border-top-color: #ffffff;
}
.dropup .btn-default .caret {
  border-bottom-color: #ffffff;
}
.dropup .btn-primary .caret,
.dropup .btn-success .caret,
.dropup .btn-warning .caret,
.dropup .btn-danger .caret,
.dropup .btn-info .caret {
  border-bottom-color: #ffffff;
}
.btn-group-xs > .btn {
  padding: 6px 9px;
  font-size: 12px;
  line-height: 1.083;
  border-radius: 3px;
}
.btn-group-sm > .btn {
  padding: 9px 13px;
  font-size: 13px;
  line-height: 1.385;
  border-radius: 4px;
}
.btn-group-lg > .btn {
  padding: 10px 19px;
  font-size: 17px;
  line-height: 1.471;
  border-radius: 6px;
}
.btn-group-gh > .btn {
  padding: 13px 20px;
  font-size: 22px;
  line-height: 1.227;
  border-radius: 6px;
}
.btn-group > .btn + .btn {
  margin-left: 0;
}
.btn-group > .btn + .dropdown-toggle {
  border-left: 2px solid rgba(52, 73, 94, 0.15);
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group > .btn + .dropdown-toggle .caret {
  margin-left: 3px;
  margin-right: 3px;
}
.btn-group > .btn.btn-gh + .dropdown-toggle .caret {
  margin-left: 7px;
  margin-right: 7px;
}
.btn-group > .btn.btn-sm + .dropdown-toggle .caret {
  margin-left: 0;
  margin-right: 0;
}
.dropdown-toggle .caret {
  margin-left: 8px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-weight: 400;
}
.btn-group:focus .dropdown-toggle {
  outline: none;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.btn-group.open .dropdown-toggle {
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-toolbar .btn.active {
  color: #ffffff;
}
.btn-toolbar .btn > [class^="fui-"] {
  font-size: 16px;
  margin: 0 1px;
}

.btn {
  border: none;
}

.my-message {
    position: relative;
    padding: 12px 24px;
    color: #fff;
    background: #2ab7ca;
    border-radius: 20px 20px 0px 20px;
    float: right;
    margin: 10px 20px 10px 0;
}

.bot-message {
    position: relative;
    padding: 12px 24px;
    background: #E5E5EA;
    border-radius: 20px 20px 20px 0px;
    color: #000;
    float: left;
    margin: 10px 0px 10px 20px;
}

.clear {
    margin: 0;
    clear: both;
}

.messages span {
    max-width: 60%;
    word-wrap: break-word;
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 20px;
    text-align: left;
}

.content-10 .center h3 {
  margin-bottom: 25px;
  text-align: center;
}

.content-10 h4 {
  color: #999;
  font-size: 14pt;
}

.content-10 .features .box {
  border-top: 1px solid #aaa;
}

.bg-light {
  background-color: #e8f8fa;
}

.content-10 p {
  color: #333;
}

.footer-1 a {
  color: #333;
}

.center {
  text-align: center;
}


/* VIDEO 
 ----------------------- */
 .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%;
}