@font-face {
  font-family: 'AktivGrotesk-Regular';
  src: url('../fonts/AktivGrotesk-R/AktivGrotesk-Regular.woff2') format('woff2'),
       url('../fonts/AktivGrotesk-R/AktivGrotesk-Regular.woff') format('woff'),
       url('../fonts/AktivGrotesk-R/AktivGrotesk-Regular.ttf') format('truetype'),
       url('../fonts/AktivGrotesk-R/AktivGrotesk-Regular.svg#AktivGrotesk-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DiavloMedium-Regular';
  src: url('../fonts/DiavloMedium-Regular.eot');
  src: url('../fonts/DiavloMedium-Regular.woff2') format('woff2'),
       url('../fonts/DiavloMedium-Regular.woff') format('woff'),
       url('../fonts/DiavloMedium-Regular.ttf') format('truetype'),
       url('../fonts/DiavloMedium-Regular.svg#DiavloMedium-Regular') format('svg'),
       url('../fonts/DiavloMedium-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri.eot');
  src: url('../fonts/Calibri.woff2') format('woff2'),
       url('../fonts/Calibri.woff') format('woff'),
       url('../fonts/Calibri.ttf') format('truetype'),
       url('../fonts/Calibri.svg#Calibri') format('svg'),
       url('../fonts/Calibri.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}



body{
  font-family: 'DiavloMedium-Regular';
  font-size: 14px;
  line-height:24px;
}

.navbar-brand{
padding:0 !important;
}

.navbar-toggle,.icon-bar{
border: 1px solid #ff4837 !important;

}
.navbar-right .dropdown-menu {
	padding-top: 0px;
	padding-bottom: 0px;
	/*right:auto;
	left:0;*/
  left:-1;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .navbar-right li a.hover{
    color:#ff4837;
    background-color: #fff;
}
.navbar-nav li a{
    color: #ff4837;
    /*text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 20px;*/
}
.navbar-nav li a:hover{
    color:#ff4837;
    background-color: #fff;
    visibility: visible;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #fff;
   }

@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
} 
.dropdown-menu li a{

    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 599;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #ff4837;

}

.dropdown-menu li a:hover{

    color: #ff4837;
    /*text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding-top: 30px;
    padding-bottom: 30px;*/
    background-color: #fff;
    /*background-color: #028fcc;*/
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -0.5px;
    margin-left: -1px;
    margin-right: -160px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
/*#0272a3;*/
.dropdown-submenu.pull-left {
    visibility: 
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.distance {
    padding-bottom: 20px;
    color:#ff4837;
}
.main-nav,#footer{
    background-color: #fff;
}
.footer-end{
    /*background-color: #d9edf7;*/
    background-color: #a2a2a2;
}


#home-slider .caption h1 {
  color: #ff4837;
  font-size: 57px;
  font-weight: 700;
  margin-bottom: 30px;
}


a,
#home-slider .caption h1 span, 
#twitter-carousel .item span, 
#footer .footer-bottom, 
#single-portfolio .close-folio-item:hover, 
.single-table.featured .btn.btn-primary, 
.contact-info ul li a:hover, 
#footer .footer-bottom a  {
/*  color: #028fcc;
*/
color:#ff4837;
}

#about-us h2 {
  margin-top: 0;
  color: #ff4837;
  text-align: left;
}

#about-us-2 h2 {
  margin-top: 0;
  color: #ff4837;
  text-align:left;
}

#about-us-3 h2 {
  margin-top: 0;
  color: #ff4837;
  text-align:left;
}


.modal-body{
    padding: 61px;
}
.close:focus, .close:hover{
  font-size: 35px;
}
button.close{
  font-size: 35px;
}

p{
  font-family: Calibri;
  font-size: 17px;
  text-align:left;
}


.marquee {
  overflow-x: hidden; // hide vertical

  /* the plugin works for responsive layouts so width is not necessary */
}