/****** FILE: themes/apotex-oviit/css/main.css *****/
body { font-family: "open-sans", Arial, sans-serif; }

a { color: #1a8fce; }

a:link, a:focus, a:visited { color: #1a8fce; }

a:hover, a:active { color: #1a8fce; }

h1, h2, h3, h4, h5, h6 { color: #484848; }

p { color: #484848; line-height: 1.8; }

blockquote { border-left-color: #1a8fce; }

/* Content */
.content img { display: block; max-width: 100%; height: auto; margin-top: 1em; margin-bottom: 1em; float: none; }

.content img.leftAlone { margin-right: 1em; float: left; }

.content img.center { margin-right: auto; margin-left: auto; }

.content img.left { margin-top: 0; margin-right: 1em; float: left; }

.content img.right { margin-top: 0; margin-left: 1em; float: right; }

header { display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; top: 0; left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 105px; background-color: #fff; z-index: 10; }

header .logo-link { display: inline-block; position: relative; z-index: 1; }

header .logo-container { display: block; width: 130px; margin: 0 15px; }

header .logo { position: relative; width: 100%; z-index: -1; }

.header-spacer { display: block; position: relative; width: 100%; height: 105px; }

.nav-container .hamburger-container { margin-right: 15px; }

.nav-container .main-nav { display: none; }

.nav-container .mobile-nav { display: none; position: fixed; top: 0; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100vh; background-color: #fff; z-index: 11; }

.nav-container .mobile-nav a { color: #484848; letter-spacing: 1.3px; }

.nav-container .mobile-nav a.active { color: #52af44; }

.nav-container .mobile-nav .mobile-nav-item { padding: 15px; font-size: 24px; }

.nav-container .hamburger-container { position: relative; width: 35px; height: 25px; cursor: pointer; }

.nav-container .hamburger-container .hamburger-icon { position: relative; width: 35px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition: 0.5s ease-in-out; cursor: pointer; z-index: 12; }

.nav-container .hamburger-container .hamburger-icon span { display: block; position: absolute; left: 0; width: 100%; height: 5px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition: 0.25s ease-in-out; border-radius: 9px; background: #52af44; opacity: 1; }

.nav-container .hamburger-container .hamburger-icon span:nth-child(1) { top: 0; }

.nav-container .hamburger-container .hamburger-icon span:nth-child(2), .nav-container .hamburger-container .hamburger-icon span:nth-child(3) { top: 10px; }

.nav-container .hamburger-container .hamburger-icon span:nth-child(4) { top: 20px; }

.nav-container .hamburger-container .hamburger-icon.open span { background: #52af44; }

.nav-container .hamburger-container .hamburger-icon.open span:nth-child(1), .nav-container .hamburger-container .hamburger-icon.open span:nth-child(4) { top: 18px; left: 50%; width: 0; }

.nav-container .hamburger-container .hamburger-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.nav-container .hamburger-container .hamburger-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.breadcrumb-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 5px; background-color: #52af44; }

.breadcrumb-container .breadcrumb-item { display: block; margin: 5px; padding: 10px; background-color: #429735; color: #fff; font-size: 12px; text-align: center; }

.breadcrumb-container .breadcrumb-item.active { background-color: #d7d7d7; color: #429735; }

.breadcrumb-container a:hover { text-decoration: none; }

.breadcrumb-container a:hover .breadcrumb-item { background-color: #d7d7d7; color: #429735; }

.breadcrumb-container a.active .breadcrumb-item { background-color: #d7d7d7; color: #429735; }

.standard-link { padding: 12px 35px; border: 2px solid #fff; border-radius: 30px; text-transform: uppercase; }

.standard-link:hover { background-color: #fff; text-decoration: none; }

.product-container { width: 100%; }

.product-container .product-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 30px 0; }

.product-container .product-item .product-img { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.product-container .product-item .product-img img { max-width: 40%; }

.product-container .product-item .product-details { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; }

.product-container .product-item .product-details h1, .product-container .product-item .product-details h2, .product-container .product-item .product-details h3, .product-container .product-item .product-details h4, .product-container .product-item .product-details h5, .product-container .product-item .product-details h6 { color: #52af44; }

.product-container .product-item .product-details h1.no-margin, .product-container .product-item .product-details h2.no-margin, .product-container .product-item .product-details h3.no-margin, .product-container .product-item .product-details h4.no-margin, .product-container .product-item .product-details h5.no-margin, .product-container .product-item .product-details h6.no-margin { margin: 0; }

.product-container .product-item .product-details .tab-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 30px 0 0; }

.product-container .product-item .product-details .tab-buttons span { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 15px 0; border: 1px solid #d7d7d7; background-color: #fff; color: #484848; text-align: center; text-transform: uppercase; cursor: pointer; }

.product-container .product-item .product-details .tab-buttons span.active { background-color: #d7d7d7; }

.product-container .product-item .product-details .product-ingredients-tab, .product-container .product-item .product-details .product-info-tab { display: none; }

.product-container .product-item .product-details .product-ingredients-tab.active, .product-container .product-item .product-details .product-info-tab.active { display: block; }

.product-container .product-item .product-details .detail-item { margin: 30px 0; }

.product-container:nth-child(odd) { background-color: #f5f5f5; }

/******************************************************************************
* Elemental Panel Styling
******************************************************************************/
.page-banner-element { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.page-banner-element::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); content: ''; z-index: 1; }

.page-banner-element .banner-caption { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; z-index: 2; }

.page-banner-element .banner-caption h1 { color: #fff; text-transform: capitalize; }

.main-banner-element { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.main-banner-element::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); content: ''; z-index: 1; }

.main-banner-element .banner-caption { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; z-index: 2; }

.main-banner-element .banner-caption .banner-content { padding: 0 15px; text-align: center; }

.main-banner-element .banner-caption .standard-link { margin-top: 30px; color: #fff; }

.main-banner-element .banner-caption .standard-link:hover { color: #484848; }

.main-banner-element .banner-caption h1 { padding: 0 0 30px; color: #fff; font-size: 30px; }

.heading-element { padding: 30px 0; text-align: center; }

.heading-element h1 { text-transform: capitalize; }

.category-element { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; }

.category-element a { text-decoration: none; }

.category-element a:hover .category-item { box-shadow: inset 3px 3px 11px 1px rgba(0, 0, 0, 0.5); }

.category-element .category-item { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 0; }

.category-element .category-item .link-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.category-element .category-item .feature-img { width: 100px; margin: 20px 0; }

.category-element .category-item .standard-link { color: #fff; }

.category-element .category-item h2 { margin: 0; color: #fff; }

.category-fill-img { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-position: center; background-size: cover; }

.image-element { padding: 30px 0; }

.content-element { padding: 30px 0; }

.feature-item-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 30px 0; }

.feature-item-container .feature-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 15px; text-align: center; }

.feature-item-container .feature-item h1 { margin-bottom: 0; color: #fff; font-size: 30px; }

.feature-item-container .feature-item .feature-img img { width: 50%; margin: 0 auto; }

.feature-item-container .feature-item .feature-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.contact-container { display: block; width: 100%; margin: 0 auto; }

.contact-container .contact-item { display: block; padding: 10px 0; color: #484848; font-size: 18px; }

.contact-container .contact-item .icon { display: inline-block; width: 30px; text-align: center; }

.map-container { width: 100%; height: 450px; margin: 30px auto 0; }

.form-container { width: 100%; margin: 30px auto; }

.form-container label { display: none; }

.form-container input[type="text"], .form-container input[type="email"] { padding: 0; border-top: 0; border-right: 0; border-bottom: 1px solid #52af44; border-left: 0; background-image: none !important; color: #484848; }

.form-container input[type="text"].text, .form-container input[type="text"].textarea, .form-container input[type="email"].text, .form-container input[type="email"].textarea { width: 100%; margin: 0; padding: 10px 0; }

.form-container input:focus { outline: none; }

.form-container textarea { width: 100%; border: 1px solid #52af44; }

.form-container textarea:focus { outline: none; }

.form-container .text { width: 100%; margin: 25px 0; padding: 0 10px; float: left; }

.form-container .textarea { margin: 25px 0; padding: 10px; }

.form-container .textarea, .form-container .email { width: 100%; float: left; }

.jvFloat { display: block; }

.jvFloat .placeHolder { color: #52af44; font-weight: normal; text-transform: uppercase; }

.jvFloat .placeHolder.textarea { top: -10px; padding: 0; }

.btn-default { margin-left: 15px; padding: 10px 50px; border: 1px solid #52af44; border-radius: 0; background-image: none; text-shadow: none; }

.btn-default:hover, .btn-default:focus, .btn-default:active { border-color: #52af44; background-color: #52af44; color: #fff; }

.disclaimer-text-container { padding-top: 15px; padding-bottom: 15px; background-color: #429735; text-align: center; }

.disclaimer-text-container h5 { margin: 0; color: #fff; }

footer { display: block; background-color: #52af44; }

footer .footer-content { padding: 15px 0; }

footer .footer-content hr { border-top: 1px solid #429735; }

footer .footer-content p, footer .footer-content a, footer .footer-content span { color: #fff; }

/* all screens larger than extra-small (480px) */
/* screens larget than small (768px) */
@media (min-width: 768px) { .nav-container .hamburger-container { margin-right: 30px; }
  .main-banner-element .banner-caption { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .main-banner-element .banner-caption .banner-content { width: 60%; padding: 0 30px; text-align: left; }
  .main-banner-element .banner-caption h1 { font-size: 36px; }
  .feature-item-container { padding: 0; }
  .feature-item-container .feature-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 400px; padding: 30px; }
  .feature-item-container .feature-item h1 { font-size: 36px; }
  .feature-item-container .feature-item h1.right { float: right; }
  .feature-item-container .feature-item.right { text-align: right; }
  .feature-item-container .feature-item .feature-img { padding: 30px; }
  .category-element { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .category-element a { -ms-flex-preferred-size: 50%; flex-basis: 50%; }
  .category-element .category-item .feature-img { margin: 50px 0; }
  .map-container { height: 450px; margin: 50px auto; }
  .form-container { margin: 50px auto; }
  .form-container .text { width: 50%; }
  .form-container .textarea, .form-container .email { width: 100%; float: left; }
  .product-container .product-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 30px 0 0; }
  .product-container .product-item .product-img { margin-top: 60px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-preferred-size: 35%; flex-basis: 35%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .product-container .product-item .product-img img { max-width: 100%; }
  .product-container .product-item .product-details { -ms-flex-preferred-size: 65%; flex-basis: 65%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; min-height: 700px; }
  .product-container:nth-child(odd) .product-item .product-img { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .product-container:nth-child(odd) .product-item .product-details { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

/* screens larger than medium (992px) */
@media (min-width: 992px) { header .logo-container { margin: 0 40px; }
  .nav-container { height: 100%; }
  .nav-container .hamburger-container { display: none; }
  .nav-container .main-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }
  .nav-container .main-nav a { display: block; height: 100%; text-transform: uppercase; }
  .nav-container .main-nav a:hover { text-decoration: none; }
  .nav-container .main-nav .nav-item { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0 30px; color: #d7d7d7; }
  .nav-container .main-nav .nav-item.active { color: #52af44; }
  .nav-container .main-nav .nav-item.active::after { position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 3px solid #52af44; content: ''; }
  .nav-container .main-nav .nav-item:hover { color: #52af44; }
  .breadcrumb-container { height: 160px; }
  .breadcrumb-container .breadcrumb-item { width: 180px; margin: 0 5px; padding: 15px 0; font-size: 14px; }
  .product-container .product-item { padding: 50px 0 0; }
  .product-container .product-item .product-img { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .product-container .product-item .product-img img { max-width: 50%; }
  .product-container .product-item .tab-buttons { width: 80%; }
  .product-container .product-item .product-details { min-height: 600px; }
  .product-container:nth-child(odd) .product-item .product-img { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  /****************************************************************************** Elemental Panel Styling */
  .main-banner-element .banner-caption .banner-content { width: 50%; }
  .main-banner-element .banner-caption h1 { font-size: 36px; }
  .category-element { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .category-element a { -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; height: 500px; }
  .category-element .category-item { height: 100%; }
  .feature-item-container .feature-item { width: 992px; }
  .contact-container { width: 750px; }
  .map-container { width: 750px; }
  .form-container { width: 750px; }
  /****************************************************************************** Footer Styling */
  footer .footer-content { padding: 50px 15px 10px; }
  footer .footer-content .top-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  footer .footer-content .top-content .trademark, footer .footer-content .top-content .logo, footer .footer-content .top-content .contact { -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; }
  footer .footer-content .top-content .trademark { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  footer .footer-content .top-content .trademark p { line-height: 1.2; }
  footer .footer-content .top-content .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  footer .footer-content .top-content .contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  footer .footer-content .top-content .contact-item { padding: 5px 0; }
  footer .footer-content .copyright { text-align: center; } }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { /****************************************************************************** Elemental Panel Styling */
  .main-banner-element .banner-caption .banner-content { padding-left: 200px; }
  .feature-item-container .feature-item { height: 500px; } }
/*# sourceMappingURL=main.css.map */