/*------------------------------------------------------------------
Author          : OWI (Operating With Integrity - www.owi.ie)
Template Name   : Medical HTML5 Multipurpose Template
Year            : 2019
Version         : 1.0
CSS: Global Styles
-------------------------------------------------------------------*/

html,
body {
    height: 100%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

button,
button:active,
button:focus, 
button:hover,
.btn,
.btn:active, 
.btn:focus, 
.btn:hover,
a,
a:active, 
a:focus, 
a:hover,
.form-control {   
    outline:none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-decoration: none;
}

body {
  font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #050609;
}

h1, h2, h3, h4, h5, h6 {
    color: #050609;
    font-weight: normal;
    line-height: 1.2;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0;
    margin: 0;
  }

.container {
    max-width: 1250px;
    width:100%;
}

.container-panels {
    max-width: 1278px;
}

/*------------------------------------------------------------------
  Pre-loader
-------------------------------------------------------------------*/
.pre-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #ffffff;
  text-align: center;
}

/*------------------------------------------------------------------
  Default buttons and form input styles
-------------------------------------------------------------------*/
.btn, .form-control, .page-link {
  padding:11px 26px;
  text-transform: uppercase;
  font-size: 14px;
  border:none;
}

.btn.btn-secondary:hover, .btn.btn-secondary:focus {
  color: #ffffff !important;
}

.btn.btn-accordion {
  text-transform: none;
}

.form-control.custom-form-control {
  text-transform: none;
}

.form-control.custom-form-control, .page-link {
    border: 1px solid;
}

.form-control {
  min-height:44px;
  padding: 0.8em;
}

/*------------------------------------------------------------------
Color Schemes
-------------------------------------------------------------------*/
/* Primary Color */
.btn-primary, .bg-primary, a.bg-primary:hover, .carousel-indicators li.active, .btn.btn-secondary:hover, .btn.btn-secondary:focus {background-color: #00a84f !important;}
.text-primary, .social-media-team ul.social-media li a, a.logo.text-primary:hover, a.logo.text-primary:focus,
.page-link, .social-media-blog ul.social-media li a, .nav-link:hover,.nav-link:focus, a.text-primary:hover, a.text-primary:focus,
ul.nav-categories li a:hover, ul.nav-categories li a, nav .menu li li a:hover, 
nav .menu li li.active a, nav .menu li.active li a:hover, nav .menu li.active li.active a {color:#00a84f !important;}
.border-primary, hr {border-color: #00a84f !important;}

/* Secondary Color */
.btn-secondary, .bg-secondary, a.bg-secondary:hover, .btn.btn-primary:hover, 
.btn.btn-primary:focus, .social-media-team ul.social-media li a:hover, 
.social-media-team ul.social-media li a:focus, .social-media-blog ul.social-media li a:hover, 
.social-media-blog ul.social-media li a:focus, .bx-pager .bx-pager-item a.active,
.page-item.active .page-link {background-color: #005979 !important;}
.text-secondary, nav .menu li li a, nav .menu li.active li a, .attributes  .btn.btn-secondary:hover, 
.attributes .btn.btn-secondary:focus {color:#005979 ;}
.border-secondary, .page-item.active .page-link, ul.nav-tags li a:hover {border-color: #005979 !important;} 

.nav .menu li a:hover, nav .menu li.active a, nav .menu li a:hover {color:#baebfd !important;} 
.bg-secondary2 {background-color: #024861 !important;}

/* Default Color */
.btn-default, .bg-default, a.bg-default:hover {background-color: #67676a !important;}
.text-default, ul.nav-tags li a:hover, ul.nav-tags li a{color:#67676a !important;}
.border-default , ul.nav-tags li a  {border-color: #67676a !important;} 

/* Grey Color */
.btn-grey, .bg-grey , a.bg-grey:hover,  .social-media-blog ul.social-media li a,
.blog-detail-tags ul.nav-tags li a {background-color: #e6e7e7 !important;}
.text-grey, .nav-link {color:#e6e7e7 !important;}
.border-grey, .form-control.custom-form-control, nav .menu li li a, .page-link {border-color: #e6e7e7 !important;} 

/* Grey 2 Color */
.btn-grey2, .bg-grey2 , .attributes .btn.btn-secondary:hover, 
.attributes .btn.btn-secondary:focus {background-color: #f0f2f3 !important;}
.text-grey2 {color:#f0f2f3 !important;}
.border-grey2 {border-color:#f0f2f3 !important;} 

/* Black Color */
.btn-black, .bg-black , a.bg-black:hover {background-color: #000000 !important;}
.text-black {color:#000000 !important;}
.border-black {border-color: #000000 !important;} 

/* Dark Color */
.btn-dark, .bg-dark {background-color: #373535 !important;}
.text-dark {color:#373535 !important;}
.border-dark {border-color: #373535 !important;} 

/*------------------------------------------------------------------
Font Family
-------------------------------------------------------------------*/
.oswald {font-family: 'Oswald', sans-serif !important;}
.notosans {font-family: 'Noto Sans', sans-serif !important;}

/*------------------------------------------------------------------
Font Size
-------------------------------------------------------------------*/
.display-13 {font-size:13px !important;}
.display-14 {font-size:14px !important;}
.display-16 {font-size:16px !important;}
.display-18 {font-size:18px !important;}
.display-22 {font-size:22px !important;}
.display-26 {font-size:26px !important;}
.display-32 {font-size:32px !important;}
.display-48 {font-size:48px !important;}


/*------------------------------------------------------------------
Font Weight
-------------------------------------------------------------------*/
.font-weight-bolder {font-weight:800 !important;}
.font-weight-bold {font-weight:600 !important;}
.font-weight-normal {font-weight:400 !important;}
.font-weight-light {font-weight:200 !important;}

/*------------------------------------------------------------------
Line Height
-------------------------------------------------------------------*/
.line-height-12 {line-height: 12px !important;}
.line-height-18 {line-height: 18px !important;}
.line-height-40 {line-height: 40px !important;}

/*------------------------------------------------------------------
Opacity
-------------------------------------------------------------------*/
.opacity-2 {opacity:0.2 !important;}

/*------------------------------------------------------------------
Positions
-------------------------------------------------------------------*/
.top-0 {top:0 !important;}
.top-30 {top:30% !important;}
.top-42 {top:42% !important;}
.left-0 {left:0 !important;}
.left-20px {left:20px !important;}
.bottom-m30 {bottom:-30% !important;}
.bottom-m45 {bottom:-45% !important;}
.bottom-20px {bottom:20px !important;}

.zindex-9999 {z-index: 9999;}

/*------------------------------------------------------------------
Padding
-------------------------------------------------------------------*/
.py-6 {padding-top: 6em !important;padding-bottom: 6em !important;}
.pt-6 {padding-top: 6em !important;}
.pb-6 {padding-bottom: 6em !important;}
.py-8 {padding-top: 8em !important;padding-bottom: 8em !important;}
.pt-8 {padding-top: 8em !important;}

/*------------------------------------------------------------------
Margin
-------------------------------------------------------------------*/
.mt-6 {margin-top: 6em !important;}
.mb-6 {margin-bottom: 6em !important;}
.my-6 {margin-top: 6em !important;margin-bottom: 6em !important;}
.mb-8 {margin-bottom: 8em !important;}
.my-8 {margin-top: 8em !important;margin-bottom: 8em !important;}
.mt-m8px {margin-top:-8px !important;}

/*------------------------------------------------------------------
Width
-------------------------------------------------------------------*/
.w-70px {width: 70px !important;}

/*------------------------------------------------------------------
Border Width
-------------------------------------------------------------------*/
.border-2 {border-width:2px !important;}
.border-3 {border-width:3px !important;}
.border-15 {border-width:15px !important;}

/*------------------------------------------------------------------
Horizontal Line
-------------------------------------------------------------------*/
hr {border-width:3px;}

/*------------------------------------------------------------------
  Logo Styles
-------------------------------------------------------------------*/
.logo{
  padding: 20px 25px;
  float: left;
}

.logo img {
    display:block;
   width:180px;
}

/*------------------------------------------------------------------
  Icons Size
-------------------------------------------------------------------*/
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-size: 14px;
    margin-left: 8px;
}

.controls [class^="flaticon-"]:before, .controls [class*=" flaticon-"]:before, .controls[class^="flaticon-"]:after, 
.controls[class*=" flaticon-"]:after {
    font-size: 16px;
    margin:0px;
}

.toggle-bar  [class^="flaticon-"]:before, .toggle-bar  [class*=" flaticon-"]:before {
    font-size: 20px;
    line-height: 20px;
}

.toggle-bar-menu  [class^="flaticon-"]:before, .toggle-bar-menu  [class*=" flaticon-"]:before {
  font-size: 34px;
  line-height: 44px;
}

.search-widget [class^="flaticon-"]:before {
  font-size: 16px;
  margin-left: 0px;
  line-height: 16px;
}

.dropdown [class^="flaticon-"]:before,
.megamenu [class^="flaticon-"]:before {
    font-size: 10px;
}

nav .menu li li a [class^="flaticon-"]:before, 
.blog-detail-next [class^="flaticon-"]:before, .blog-detail-prev [class^="flaticon-"]:before  {
  font-size: 13px;
}

nav .menu li li a [class^="flaticon-"]:before {
  float:right;
}

.panel-icon [class^="flaticon-"]:before, .panel-icon [class^="flaticon-"]:after,
.video-icon [class^="flaticon-"]:before, .video-icon [class^="flaticon-"]:after,
.footer-icon [class^="flaticon-"]:before, .footer-icon  [class^="flaticon-"]:after{
  margin:0px;
}

.contact-card-icon [class^="flaticon-"]:before, .contact-card-icon  [class^="flaticon-"]:after,
.panel-icon [class^="flaticon-"]:before, .panel-icon [class^="flaticon-"]:after {
  font-size: 33px;
  margin-right: 16px;
  line-height: 32px;
}

.footer-icon [class^="flaticon-"]:before, .footer-icon  [class^="flaticon-"]:after {
  font-size: 20px;
  margin-right: 0px;
  line-height: 24px;
}

.video-icon [class^="flaticon-"]:before, .video-icon [class^="flaticon-"]:after {
  font-size: 82px;
}

/*------------------------------------------------------------------
  Primary Navigation
-------------------------------------------------------------------*/
.core-nav .nav-container {
    width:100%;
    max-width: 1200px;
}

 .core-nav .full-container {
   padding:0px;
 }

nav .menu li a {
    display: block;
    padding: 12px 25px;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
}

nav .menu li li a {
  border-bottom: solid 1px;
}

.megamenu-content .w-75 {
  width: 130px!important;
}

/*------------------------------------------------------------------
Background Overlay 
-------------------------------------------------------------------*/
.overlay-transparent {
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height:100%;
}

.overlay-transparent, .bg-primary-transparent  {
  background: rgba(0, 0, 0, 0.4) !important;
}

/*------------------------------------------------------------------
  Parallax Scrolling
-------------------------------------------------------------------*/
.parallax-window {
    min-height: 500px;
    background: transparent;
}

.header-image .parallax-window {
  min-height: 450px;
}


/*------------------------------------------------------------------
  Google Map
-------------------------------------------------------------------*/
.contact-map {
  min-height: 450px;
}

/*------------------------------------------------------------------
  Social Media Icons
-------------------------------------------------------------------*/
ul.social-media {
    list-style: none;
    display: block;
    margin-left: 0 !important;
    padding: 0;
  }

  .social-media-team {
    max-width: 188px;
    margin: 0px auto;
  }
  
  ul.social-media li {
    float: left;
    margin: 0 5px 0px 0px;
  }

  .social-media-team ul.social-media li {
    margin: 0px;
  }

  ul.social-media li a {
    background: #161616;
    color:#ffffff;
    padding:9px 16px;
    float: left;
  }

  .social-media-team ul.social-media li a {
    background: #ffffff !important;
  }

  ul.social-media li a.facebook:hover,
  ul.social-media li a.twitter:hover,
  ul.social-media li a.instagram:hover,
  ul.social-media li a.googleplus:hover,
  ul.social-media li a.feeds:hover  {
    background: #ffffff;
  }

  .social-media-team ul.social-media li a:hover, .social-media-team ul.social-media li a:focus,
  .social-media-blog ul.social-media li a:hover, .social-media-blog ul.social-media li a:focus {
    color: #ffffff !important;
  }

  ul.social-media li a.facebook {
    background: #3b5998;
  }

  ul.social-media li a.facebook:hover {
    color: #3b5998;
  }

  ul.social-media li a.twitter {
    background: #55acee;
  }

  ul.social-media li a.twitter:hover {
    color: #55acee;
  }

  ul.social-media li a.instagram {
    background: #517fa4;
  }

  ul.social-media li a.instagram:hover {
    color: #517fa4;
  }

  ul.social-media li a.googleplus {
    background: #bd081c;
  }

  ul.social-media li a.googleplus:hover {
    color: #bd081c;
  }

  ul.social-media li a.feeds {
    background: #ffaa00;
  }

  ul.social-media li a.feeds:hover {
    color: #ffaa00;
  }

  ul.social-media li a [class^="flaticon-"]:before {
      margin: 0px;
  }

/*------------------------------------------------------------------
  Image Hover Effects
-------------------------------------------------------------------*/
.hoverEffects {
  position: relative;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transform: translateZ(0);
  transition: all .50s ease;
}

.hoverEffects img {
  vertical-align: top;
  max-width: 100%;
  transition: all .50s ease;
}

.hoverEffects .effects {
  transition: all .50s ease;
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #ffffff;
}

.hoverEffects:hover .effects {
  transition: all .50s ease;
}

/*Slide Up & Slide Down*/
.hoverEffects.slide-up:hover .effects, .hoverEffects.slide-down:hover .effects {
  transform: translate(0, 0);
}

.hoverEffects.slide-up .effects {
  transform: translateY(100%);
}

.hoverEffects.slide-down .effects {
  transform: translateY(-100%);
}


/*Fade In & Out */

.hoverEffects.fadeIn:hover .effects {
  opacity: 1;
}

.hoverEffects.fadeIn .effects {
  opacity: 0;
}

/*Hinge-up */
.hoverEffects.hinge-up {
  perspective: 50em;
}

.hoverEffects.hinge-up .effects {
  opacity: 0;
  z-index: 1;
}

.hoverEffects.hinge-up:hover img {
  opacity: 0;
}

.hoverEffects.hinge-up:hover .effects {
  opacity: 1;
  transition-delay: 0.21s;
}

.hoverEffects.hinge-up img {
  transform-origin: 50% 0%;
}

.hoverEffects.hinge-up .effects {
  transform: rotateX(90deg);
  transform-origin: 50% 100%;
}

.hoverEffects.hinge-up:hover > img {
  transform: rotateX(-90deg);
}

.hoverEffects.hinge-up:hover .effects {
  transform: rotateX(0);
}

/*------------------------------------------------------------------
  Breadcrumb
-------------------------------------------------------------------*/
.breadcrumb {
  background: rgba(0, 89, 121, 0.6);
  display: inline-block;
  padding: 15px;
  position: relative;
  z-index: 1;
}

.breadcrumb li {
  padding: 0 15px;
  position: relative;
  float: left;
  color:#ffffff;
}

.breadcrumb li a {
  color:#ffffff;
}

/*------------------------------------------------------------------
  Content Block Quotes
-------------------------------------------------------------------*/
.blockquote {
  margin: 20px 0px;
  padding:60px;
  font-size: 14px;
  color:#ffffff;
  position: relative;
  text-align: center;
  z-index: 1;
}

.blockquote::after {
  content: ",,";
  font-family: "Times New Roman";
  font-size: 140px;
  left: 30px;
  letter-spacing: -15px;
  opacity: 0.2;
  position: absolute;
  top: 80px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

/*------------------------------------------------------------------
  Slide Carousels
-------------------------------------------------------------------*/
.bx-pager {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.bx-pager .bx-pager-item {
  margin-right: 4px;
  margin-left: 4px;
}

.bx-pager .bx-pager-item a {
  text-indent: 9999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  width: 16px;
  height: 36px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: flex;
}

/*------------------------------------------------------------------
Testimonial Carousels
-------------------------------------------------------------------*/
.carousel-indicators li {
  width:14px;
  height: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  opacity:1;
}

/*------------------------------------------------------------------
  Form Validations
-------------------------------------------------------------------*/
label.error {display:none !important;}

/* Success */
input.valid, .form-control.custom-form-control.valid {
	background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2380BB01' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'><polyline points='20 6 9 17 4 12'></polyline></svg>") no-repeat center right 1em/1.5em;
	border-color:rgba(128, 187, 1, 0.6)  !important ;
  border-width: 2px;
}

.message-valid {
  padding:10px 20px;
  background:  rgba(128, 187, 1, 0.2) !important;
  color:#80BB01 !important;
}

/* Error */
input.error, .form-control.custom-form-control.error {
	background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cd201f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'><line x1='18' y1='6' x2='6' y2='18'></line><line x1='6' y1='6' x2='18' y2='18'></line></svg>") no-repeat center right 0.5rem/1rem;
  border-color:  rgba(237, 51, 52, 0.6) !important;
  border-width: 2px;
}

.message-error {
  padding:10px 20px;
  background:  rgba(237, 51, 52, 0.2) !important;
  color:#ED3334 !important;
}

/*------------------------------------------------------------------
  Blog Pagination
-------------------------------------------------------------------*/
.page-item.active .page-link {
  color:#ffffff !important;
}

.blog-detail-prev [class^="flaticon-"]:before {
  margin-right: 8px;
  margin-left: 0px;
}

.blog-detail-next [class^="flaticon-"]:before {
  margin-right: 0px;
  margin-left: 8px;
}

/*------------------------------------------------------------------
  Blog Widgets
-------------------------------------------------------------------*/
ul.nav-categories li a {
  padding: 10px 0px;
  display: block;
  border-bottom: solid 1px #dfdfdf;
}

ul.nav-categories li a [class^="flaticon-"]:before {
  margin-left: 0px;
  margin-right: 8px;
  font-size: 12px;
}

/*------------------------------------------------------------------
  Blog Tags
-------------------------------------------------------------------*/
ul.nav-tags li {    
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

ul.nav-tags li a {
  background: #ffffff;
  padding: 6px 18px;
  display: flex;
}

/*------------------------------------------------------------------
  Blog Author
-------------------------------------------------------------------*/
.author-bio .avatar {
  width:145px;
  height:145px	
}

/*------------------------------------------------------------------
  Blog Comments
-------------------------------------------------------------------*/
.comment-item.reply {
  padding-left: 5em;
}