/*fonts used for*/
@font-face {
  font-family: Lato-Bold;
  src: url(../Lato/Lato-Bold.ttf);
}
@font-face {
  font-family: Lato-BlackItalic;
  src: url(../Lato/Lato-BlackItalic.ttf);
}
@font-face {
  font-family: Lato-Regular;
  src: url(../Lato/Lato-Regular.ttf);
}
/*fonts*/
button:focus {outline:0;}
.owl-nav .owl-prev
{
  position: absolute;
  top: 30%;
  left: -60px;
  background: #fff;
} 
.owl-nav .owl-next
{
  position: absolute;
  top: 30%;
  right: -60px;
}
.owl-nav .owl-prev 
{
  border: 1px solid #fff;
  background: #fff;
  font-size: 36px;
  /*box-shadow: 0px 0px 3px #9b9999;*/
  padding: 5px 12px;
  color: #381414;
  transition: all ease-out 0.3s 0s;
}
/*.owl-nav .owl-prev:hover i.fa.fa-angle-left
{
color: #fff;
background: rgba(00,00,00,0.7);
padding: 5px 12px;
transition: all ease-out 0.3s 0s;
border: 1px solid #381414;
background: rgba(56,20,20,0.9);
}*/
.owl-nav .owl-next 
{
  border: 1px solid #fff;
  /*box-shadow: 0px 0px 3px #9b9999;*/
  background: #fff;
  color: #381414;
  font-size: 36px;
  padding: 5px 12px;
  transition: all ease-out 0.3s 0s;
}
.owl-nav .owl-next:hover,
.owl-nav .owl-prev:hover
{
  background: none !important;
}
/*.owl-nav .owl-next:hover i.fa.fa-angle-right
{
background: rgba(56,20,20,0.9);
color: #fff;
background: rgba(00,00,00,0.7);
padding: 5px 12px;
transition: all ease-out 0.3s 0s;
border: 1px solid #381414; 
}*/
.owl-carousel .item img
{
  border: 2px solid #0097a8;
}

.header-blue
{
  color: #1665c1;
  font-family: Lato-Bold;
  margin-top: 2em;
  margin-bottom: 1em;
}
.header-blue a
{
  text-decoration: none;
}
.nav-menu
{
  position: absolute;
  max-width: 550px;
  top: -100px;
  z-index: 5;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
}
.nav-menu > li {
  float:none;
  display:inline-block;
  zoom:1;
  width: 48%
}
.nav-menu > li:nth-child(1) {
  text-align: left;
}
.nav-menu > li:nth-child(2) {
  text-align: right;
}
.nav-pills.nav-menu>li.active>a{
  font-family: Lato-BlackItalic;
  color: #fff;
  background: none;
  font-size: 1.8em;
}
.nav-pills.nav-menu>li>a
{
  font-family: Lato-Regular;
  color: #fff;
  font-size: 1.5em;
}
.nav-menu {
  /*text-align:center;*/
}
.pt-10
{
  padding-top: 10px;
}
.margin-top-4
{
  margin-top: 4em;
}
img.imagepreview
{
  display: block;
  margin:0 auto;
  border: 2px solid #0097a8;
}
.modal-btn-close
{
  color: #fff;
  position: absolute;
  right: -10px;
  top: -10px;
  background: #0097a8 !important;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  opacity: 1;
}
.modal-btn-close:hover
{
  background: #0097a8 !important;
  opacity: 1;
  color: #fff;
}
.padding-26
{
  padding-top: 26px;
  padding-bottom: 26px;
}
.padding-15px
{
  padding-bottom: 15px;
  padding-top: 15px;
}
.owl-theme img
{
  cursor: pointer;
}
/*responsive*/
@media (min-width: 320px) and (max-width: 480px) {
  .nav-menu
  {
    top: -140px !important;
  }
  .content_inner
  {
    top: calc(50% - 200px);   
  }
}
@media screen and (max-width: 992px){
  .owl-nav .owl-prev{
    left: -10px;  
    background: #fff;
    padding: 5px;
  }
  .owl-nav .owl-next
  {
    right: -10px;
  }
  .owl-prev img,
  .owl-next img
  {
    background: #fff;
    padding: 5px;
    width: 30px;
    -webkit-box-shadow: 0 0 10px #888;
    box-shadow: 0 0 4px #888;
  }
}
@media screen and (max-width: 767px) {
  .nav-menu > li {
    width: 100%;
    text-align: center !important;
  }

  .nav-menu
  {
    top: -200px;
  }
  .content_inner
  {
    width: 100%;
    top: calc(50% - 170px);
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .nav-menu
  {
    top: -160px;
  }  
}