/*
Theme Name: polarmeds Options
Author: SWD
Author URI: https://swd.ca
Version: 1.0
*/

/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
body {margin: 0; padding:0; background-color: #fff; font-family: 'Open Sans', sans-serif; color: #333; font-size: 20px; text-rendering: optimizeLegibility; overflow-x: hidden;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
 
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}

abbr[title] {border-bottom: 1px dotted;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
hr {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
code, kbd, pre, samp {font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
select {text-transform: none;}
button {overflow: visible;}
button, input, select, textarea {max-width: 100%;}
.pw-pharmacy-wrap input[type="text"], .pw-pharmacy-wrap input[type="email"], .pw-pharmacy-wrap input[type="password"], .pw-pharmacy-wrap input[type="tel"], .pw-pharmacy-wrap input[type="url"], .pw-pharmacy-wrap textarea, .pw-pharmacy-wrap select {
	width: 100%;
	margin-bottom: 0.75rem;
}
.pw-pharmacy-wrap select.drug-package-dropdown, .pw-search-detail select.drug-package-dropdown {
	height: 3.25rem;
	margin-bottom: 0;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default; opacity: .5;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0.4375em; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #d1d1d1; margin: 0 0 1.75em; padding: 0.875em;}
fieldset > :last-child {margin-bottom: 0;}
legend {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top;}
optgroup {font-weight: bold;}

/*=============================================================================== WP ALIGNMENTS ===============================================================================*/

.alignleft {float: left; margin: 5px 20px 20px 0;}
.alignright {float: right; margin: 5px 0 20px 20px;}
.aligncenter {clear: both; display: block; margin: 0 auto 1.75em;}

/*=============================================================================== FLEXIBLE EMBEDS ===============================================================================*/

embed, iframe, object, video {margin-bottom: 0; max-width: 100%; vertical-align: middle;}
p > embed, p > iframe, p > object, p > video {margin-bottom: 0;}
.entry-content .wp-audio-shortcode a, .entry-content .wp-playlist a {box-shadow: none;} 
.wp-audio-shortcode, .wp-video, .wp-playlist.wp-audio-playlist {margin-top: 0; margin-bottom: 1.75em;}
.wp-playlist.wp-audio-playlist {padding-bottom: 0;}
.wp-playlist .wp-playlist-tracks {margin-top: 0;}
.wp-playlist-item .wp-playlist-caption {border-bottom: 0; padding: 0.7142857143em 0;}
.wp-playlist-item .wp-playlist-item-length {top: 0.7142857143em;}


/*=============================================================================== CAPTIONS STYLE ===============================================================================*/

.wp-caption {margin-bottom: 1.75em; max-width: 100%;}
.wp-caption img[class*="wp-image-"] { display: block; margin: 0;}
.wp-caption .wp-caption-text {color: #686868; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em;}


/*=============================================================================== GALLERIES STYLE ===============================================================================*/

.gallery {margin: 0 -1.1666667% 1.75em;}
.gallery-item {display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%;}
.gallery-columns-1 .gallery-item {max-width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-icon img {margin: 0 auto;}
.gallery-caption {color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em;}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {display: none;}


/*=============================================================================== BASIC FORMATTING ===============================================================================*/
h1, h2, h3, h4, h5, h6 {margin:0; padding:0 0 20px 0; color: #0c499c; line-height: 1.2; font-family: 'Montserrat', sans-serif; font-weight: 400; }

h1 {font-size: 40px; text-align: center; font-weight: 600; }
h2 {font-size: 30px; text-align: center; margin-top: 1.5rem; padding-bottom: 0.5rem;}
h3 {font-size: 20px;}
h4 {font-size: 30px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}

p {margin: 0 0 10px; padding:0; font-size: 20px; line-height: 1.4;}

dfn, cite, em, i {font-style: italic;}

blockquote {margin:0; padding:0; z-index: 10; color: #fff;}
blockquote p {margin:0; padding:0; font-style: normal; font-size: 0.95em; line-height: 1.4; }
blockquote p strong {font-weight: 700;}

blockquote cite {display: block; margin:0; padding:20px 0 10px 0; font-size: 1em; font-weight: 900; font-style: normal; line-height: 1;}

address {font-style: normal; margin: 0; padding: 0; font-size: 0.875em; line-height: 1.6;}
address p {margin: 0; padding: 0; font-size: 0.875em; line-height: 2; font-weight: 400;}



code, kbd, tt, var, samp, pre {font-family: Inconsolata, monospace;}

pre {border: 1px solid #d1d1d1; font-size: 1em; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
code {background-color: #d1d1d1; padding: 0.125em 0.25em;}
abbr, acronym {border-bottom: 1px dotted #d1d1d1; cursor: help;}
mark, ins {background: #007acc; color: #fff; padding: 0.125em 0.25em; text-decoration: none;}
big {font-size: 125%;}

a {color: #ef4738; cursor: pointer; text-decoration: none;}
p a {text-decoration: underline;}
a, a:hover, a:active, a:focus, button, input[type="button"] {outline: 0; transition-property: all; transition-duration: 1s; transition-timing-function: ease-out;}


a:focus {text-decoration: none; }
a:active {text-decoration: none;}

hr {margin:10px 0; padding:0; border: 0; height: 1px;  background-color: #0c499c;}

ul, ol {margin: 0 0 1.75em 1.25em; padding: 0;}
ul {list-style: none;}
ol {list-style: decimal; margin-left: 1.5em;}
li > ul, li > ol {margin-bottom: 0;}
dl {margin: 0 0 1.75em;}
dt {font-weight: 700;}
dd {margin: 0 0 1.75em;}

img {height: auto; max-width: 100%; vertical-align: middle;}

del {opacity: 0.8;}

table {border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.75em; table-layout: fixed; width: 100%;}
caption, th, td {font-weight: normal; text-align: left;}
th {border-width: 0; font-weight: 700;}
td {border-width: 0;}
th, td {padding: 0.4375em;}

thead {background: transparent !important; color: #0a0a0a; }
tbody tr:nth-child(2n) {background-color: transparent !important;}
.medicationHeading {font-size: 32px;}
.medicationIngredient {font-size: 24px;}
button.addtocart_btn {padding: 10px 40px !important;}



/*=============================================================================== FORMS ===============================================================================*/
/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {color: #333333;}
:-moz-placeholder {color: #333333;}
::-moz-placeholder {color: #333333; opacity: 1;}
:-ms-input-placeholder {color: #333333;}


body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label {padding-top: 30px;}

input {line-height: normal;}

.button:not(.pw-button-clean), button:not(.pw-button-clean), button[disabled]:hover:not(.pw-button-clean), button[disabled]:focus:not(.pw-button-clean), input[type="button"]:not(.pw-button-clean), input[type="button"][disabled]:hover:not(.pw-button-clean), input[type="button"][disabled]:focus:not(.pw-button-clean), input[type="reset"]:not(.pw-button-clean), input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {margin:0 auto; padding:15px 40px; text-align: center; width: auto; line-height: 1; height: auto !important; font-size: 20px !important; color: #fff; border: 0 !important; border-radius: 6px; transition-property: all; transition-duration: 1s; transition-timing-function: ease-out;  font-weight:400; text-transform: none !important;}
.button:hover:not(.pw-button-clean), button:hover:not(.pw-button-clean), button:focus:not(.pw-button-clean), input[type="button"]:hover:not(.pw-button-clean), input[type="button"]:focus:not(.pw-button-clean), input[type="reset"]:hover:not(.pw-button-clean), input[type="reset"]:focus, input[type="submit"]:hover:not(.pw-button-clean), input[type="submit"]:focus:not(.pw-button-clean) { background-color: #0c499c !important;}

:not(.pw-ignore-plugin-button-styles) .pw-pharmacy-wrap .pw-button-clean:not(.pw-ignore-plugin-styles) {
	color: #0c499c;
	margin-bottom: 0.75rem;
}

.gform_footer {display: inline-block !important; position: relative !important; z-index: 20 !important; padding: 0 !important; width: auto !important; margin-top: 20px;}





/* ============================================================================
GENERAL STYLES 
===============================================================================*/
.container {margin: 0 auto; width: 100%; max-width: 1170px;}
section {padding: 40px 0;}

/* ============================================================================ 
HEADER STYLES
==============================================================================*/
header {margin: 0; padding: 0;}
header .logo {margin:20px 0; padding:0; width:317px; height: 60px; float: left;}
header .logo a {display: block; margin:0; padding:0; width: 100%; height: 100%; background: transparent url('images/logo.jpg') no-repeat center center; text-indent: -9000px;}

header .login-menu {margin:0; padding:40px 0 0; display: inline-block; width: auto; float: right;}
header .login-menu li {margin:0; padding:0; display: inline-block; width: auto; font-size: 16px;}
header .login-menu li a {color: #0c499c;}
header .login-menu li:after {padding: 0 0.5rem; content: '|';}
header .login-menu li:last-of-type:after {display: none;}

header .span4 a {margin: 26px 0 0 0; padding: 10px 20px 10px 50px; color: #fff;display: inline-block; background: #ef4738 url('images/icon_phone.png') no-repeat 20px 16px; border-radius: 6px; font-size: 22px; text-decoration: none;}

header .span3 .block {position: static !important;
    overflow: auto;
    text-align: right !important;
    background: rgba(0, 0, 0, 0);
}
header .span3 .account-tools-widget-header {display: none !important;}

/* Styles so search box shows in the block overlay */
.pwire-search-container .drugName {
	background-color: #fff;
	border-radius: 8px 0 0 8px;
}
.ui-autocomplete {
	z-index: 15000;
}
.ui-autocomplete.ui-menu .ui-menu-item {
	background-color: #fff;
}

header .span3 .account-tools-widget-content.menu {margin:0; padding:40px 0 0; display: inline-block; width: auto; float: right;}
header .span3 .account-tools-widget-content.menu li {margin:0; padding:0; display: inline-block; width: auto; font-size: 16px;}
header .span3 .account-tools-widget-content.menu li a {color: #0c499c !important;}
header .span3 .account-tools-widget-content.menu li:after {padding: 0 0.5rem 0 0; content: '|';}
header .span3 .account-tools-widget-content.menu li.shopping-cart {display: none !important;}
header .span3 .account-tools-widget-content.menu li.login-link:after {display: none;}

header .span3 .menu .button, header .span3 .menu a {display: inline; padding: 0 !important;}

.pwire-ajax-account-tools-block .account-tools-widget-content .menu-item a.pw-button-clean {
	margin-right: 0.2 0.5rem;
}

header .pwire-ajax-account-tools-block .account-tools-widget-content .menu-item a.pw-button-clean {
	margin-right: 0.5rem;
}

header .topPhone:hover {
	background-color: #0c499c !important
}

/* ============================================================================
MAIN MENU STYLE 
===============================================================================*/
header .mainMenu {margin:0; padding:0; background-color: #0c499c;}
header .menu-main-menu-container {margin:0; padding:0; width: auto !important; float: left;}
header .primary-menu {margin:0; padding:0; width: auto !important;}
header .primary-menu li {margin:0; padding: 0; display: inline-block; position: relative;}
header .primary-menu li a {display: block; margin:0; padding:22px 16px; color: #ffffff; font-size: 22px; line-height: 16px;}


header .primary-menu li .sub-menu {display: none; position: absolute; width: auto; top:40px; left:-7px; margin:0; padding:20px; border-radius: 15px; height: auto; z-index: 9999999; background-color: #0c499c;}
header .primary-menu li .sub-menu li  {margin:0; padding:0 0 2px 20px;  background: transparent url('images/list-arrow-menu.png') no-repeat 5px 9px; white-space: nowrap; width: 100%;}
header .primary-menu li .sub-menu li a {text-transform: none; color: #fff; font-size: 16px; text-align: left;}


header .primary-menu li a:hover {background-color: #ef4738;}
header .primary-menu li.current-menu-item a  {background-color: #ef4738;}
header .primary-menu li .sub-menu li.current-menu-item a  {}
header .primary-menu li .sub-menu li a:hover {}


header .primary-menu li.current-menu-item .sub-menu li a {}
header .primary-menu li.current-menu-item .sub-menu li.current-menu-item a  {}

header .iconMenu {margin:8px 0 0 0; padding:0; display: inline-block; width: auto; float: right;}
header .iconMenu li {margin:0; padding:0; display: inline-block; width: auto; font-size: 16px;}
header .iconMenu li a, header .iconMenu li span {text-indent: -9000px; display:block; margin:0 0 0 5px; padding:0; width: 50px; height: 40px;}
header .iconMenu li:nth-of-type(1) span {background: url('images/icon_search.png') no-repeat center center;}
header .iconMenu li:nth-of-type(2) a {background: url('images/icon_cart.png') no-repeat center center;}


/* ============================================================================ 
SEARCH STYLE
==============================================================================*/

#search-btn:hover {cursor: pointer;}
#search-overlay{display:none;}
#search-overlay.block {position: fixed; top: 0; right: 0; bottom:0 ; left: 0; overflow: auto; text-align: center; background: rgba(0, 0, 0, 0.9); margin: 0; z-index: 9999;}
#search-overlay.block:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: 0;}

.centered {display: inline-block; vertical-align: middle; width: 50%; padding: 10px 15px; color: #FFF; border: none; background: transparent;}
#close-btn{position: fixed; top: 58%; right: 50%;}
#close-btn:hover{color: #777; cursor: pointer;}
input[type="search"]#searchField {margin:0; padding: 10px 20px 10px; color: #404040; font-size: 40px; height: 72px;}
.searchButton {margin:0 0 0 -7px; padding: 16px 23px 16px !important; font-size: 40px !important; height: 72px;}

/* ============================================================================ 
HOME STYLE
==============================================================================*/
.heroImage {margin: 0 0 20px 0; padding: 9% 0 9.3%; background-repeat: no-repeat; background-position: center top; height: auto; background-size: cover;}
.heroImage h1 {margin:0 0 40px; padding:0; text-align: left; font-weight: 500;}

input.drugName { margin: 0; padding: 0.5em; border: none; background: none; height: 3.75rem; }

.heroImage .pwire-search-container.search-box.grid-container{
padding-right: 0 !important;
padding-left: 0 !important;	
margin:0; padding:0;display: inline-block; width: 100%; max-width: 52% !important; border-radius: 8px; background-color: #fff;
-moz-box-shadow: 0px 0px 16px #0c499c;
-webkit-box-shadow: 0px 0px 16px #0c499c;
box-shadow: 0px 0px 16px #0c499c;	
	
}
#drugName {margin:0 !important; padding: 10px 20px 10px !important; width: 100% !important; border-radius: 8px 0 0 8px !important; color: #404040 !important; font-size: 22px !important; height: 60px !important; border:0 !important;}
.pwire-search-button .button {margin:0; padding: 16px 40px 16px !important; width: 25%; border-radius: 0 8px 8px 0; font-size: 22px !important; height: 60px !important; background-color: #ef4738 !important; float: right; text-transform: none;}

.heroImage .search-form div {margin:0; padding:0;display: inline-block; width: 52% !important; border-radius: 8px; background-color: #fff;
-moz-box-shadow: 0px 0px 16px #0c499c;
-webkit-box-shadow: 0px 0px 16px #0c499c;
box-shadow: 0px 0px 16px #0c499c;}



.topMedications {background-color: #c0e5f7}
.topMedications h2 {font-size: 40px;}

.topMedications .span3 {margin: 1.25% !important; padding:15px 10px 20px; width: 22.5% !important; height: 240px; text-align: center; border: 1px solid #333333; background-color: #fff; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.topMedications .span3 h3 {margin:0; padding: 0; font-weight: 600; width: 100%;}
.topMedications .span3 p {margin:0; padding: 8px 0 16px;}

.topMedications .span3 p strong {margin:0; padding: 8px 0 0 0; display: block;}
.topMedications .span3 .button {padding:15px 30px 17px !important; background-color: #ef4738; }


.advantages {margin:0; padding: 60px 0;}
.advantages h2 {font-size: 40px;}

.advantages .span6 {margin: 1% !important; padding:0; width: 48% !important; height: 240px; text-align: center;}
.advantages .span6 div {text-align: center; display: flex; justify-content: center; align-items: center; height: 150px;}
.advantages .span6 h3 {margin:20px 0 0 0; padding: 0; font-size: 20px; color: #333333; line-height: 1; text-align: center; font-weight: 400;}
.advantages .span6 img {margin: 0 auto;}




/* ============================================================================ 
INTERNAL PAGES
==============================================================================*/
.pageTitle {margin:0; padding: 0; height: 200px;  background-color: #c0e5f7; text-align: center; display: flex; justify-content: center; align-items: center;}
.pageTitle h1 {font-size: 40px; color: #0c499c; line-height: 1;}



.internalContent {margin:0; padding: 40px 0 60px;}
.internalContent h2 {margin:20px 0 15px 0; padding:0; line-height: 1; font-size: 30px; text-align: left; }
.internalContent h3, .internalContent h4, .internalContent h5, .internalContent h6 {margin: 20px 0 0 0; padding:0 0 10px 0; font-size: 24px; text-align: left; color: #333;}

.internalContent ul {margin:10px 0 20px 14px; padding:0;}
.internalContent ul li {margin:0; padding:0 0 4px 20px; position: relative; text-align: left;}
.internalContent ul li:before {content:''; position: absolute; top: 12px; left: 0; display: block; margin:0; padding:0; width: 10px; height: 10px; background-color: #0c499c; border-radius: 50%;}


.internalContent .gform_body ul {margin:0 !important; padding:0 !important;}
.internalContent .gform_body ul li {margin:0 !important; padding:0 !important; color: #0c499c;}
.internalContent .gform_body ul li:before {display: none !important;} 



.browseMeds {}
.browseMeds a {display: inline-block; margin:10px; padding: 0; width: 60px; height: 60px; font-size: 30px; font-weight: 700; background-color: #ef4738; border-radius: 8px; color: #fff; text-align: center; line-height: 58px;}
.browseMeds a:hover {background-color: #0c499c;} 

.section-container li:before {display: none !important;}
.section-container ul {
    margin: 0;
    padding: 0;
}
.section-container ul li {
    margin: 0;
    padding: 0;
}

/* ============================================================================ 
PRODUCT PAGES
==============================================================================*/
.drug-row > td .grid-x {
	align-items: center;
}

.drug-row > td .add-to-cart {
	padding: 0.5rem;
}

.line-items-container h3.user-name {
	color: #0c499c;
	font-weight: bold;
}

/* ============================================================================ 
SIDEBAR
==============================================================================*/
.sidebar {
	font-size: 0.85em;
	h3 {
		color: #0c499c;
		font-weight: bold;		
	}
}

/* ============================================================================ 
FOOTER
==============================================================================*/


footer {margin:0; padding:44px 0 0; text-align: left; background-color: #0c499c; color: #fff !important; border-top: 50px solid #c0e5f7;}
footer a, footer p a {color: #fff !important;}
footer h4 {margin:0; padding:0 0 20px 0; color: #fff; font-size: 18px; font-weight: 600;}
footer .footer-menu {margin:0 0 60px 0 !important; padding:0; list-style-type: none; width: 100%;}
footer .footer-menu li {margin:0; padding:0 0 4px 0; font-size: 18px;}
footer .footer-menu li a {color: #fff;}
footer .footer-menu li a:hover {text-decoration: underline;}
footer .footer-menu li:before {content: ''; display: block; margin:8px 10px 0 0; padding:0; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; float: left;}


footer .phoneContact {margin:0; padding: 0;}
footer .phoneContact p {margin:0 0 15px; padding:0; font-size: 18px; line-height: 1.6; color: #fff; }
footer .phoneContact p a {font-size: 18px; color: #fff; font-weight: 400;}




.copyrights {margin:0; padding:20px 0; background-color: #057bb3;}
.copyrights p {margin:0; padding: 0; font-size: 16px; color: #fff;}


/* ============================================================================ 
CSS ANIMATIONS
==============================================================================*/

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-ms-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-ms-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@keyframes fadeOut { from { opacity:1; } to { opacity:0; } }

#fade-in {opacity:0; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;}
:root #fade-in { opacity:1 \0/IE9; } 
#fade-in.first {-webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s;}
#fade-in.second {-webkit-animation-delay: 0.5s; -moz-animation-delay:0.5s; animation-delay: 0.5s;}
#fade-in.third {-webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}
.fade-out.first {-webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s;} 
.fade-out.second {-webkit-animation-delay: 0.5s; -moz-animation-delay:0.5s; animation-delay: 0.5s;}
.fade-out.third {-webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}



/**
=======================================================================================================================================================================================================
=======================================================================================================================================================================================================
MEDIA QUERIES
=======================================================================================================================================================================================================
=======================================================================================================================================================================================================
*/

/* ============================================================================ 
HAMBURGER MENU
==============================================================================*/
#hamburgericonmenuwrapper {display: none; z-index: 10000; position: absolute; font-size: 16px;}

#hamburgerui {overflow: hidden; position: fixed; right: 0; top: 0; z-index: 2; width: 100%;}
#hamburgerui ul {margin: 0; padding: 10px; list-style-type: none; width: 100%; background: #fff; height: 73px;}
#hamburgerui li {display: block; margin: 0; padding:0; width: 50%; float: left;}
#hamburgerui li a.toggleButton {float: right; display: block; width: 40px; height: 40px; position: relative; text-decoration: none; margin: 7px 0 0 0; padding: 10px 20px; color: #0c499c; outline: none;   -webkit-transition: all 0.5s; transition: all 0.5s;}
#hamburgerui li .logoMobile {margin:0; padding:0; float: left; width: 40px; height: 40px; text-indent: -9000px; background-size: auto 100%;}
#hamburgerui li:last-of-type a:after{content: 'Menu'; visibility: hidden;}
#hamburgerui li a:visited {color:#0c499c;}
#hamburgerui li a:hover{background: transparent;}

#navtoggler{display: block; position: absolute; top: 50%; left: 50%; font-size: 8px; width: 4em; height: 2.5em; padding: 0; text-indent: -1000px; border: 0.6em solid #0c499c; border-width: 0.6em 0; cursor: pointer; -webkit-transform: translate3D(-50%, -50%, 0); transform: translate3D(-50%, -50%, 0); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
#navtoggler::before, #navtoggler::after{content: ""; display: block; position: absolute; width: 100%; height: 0.6em; top: 50%; margin-top: -0.3em; left: 0; background: #0c499c;  -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}

/* ###### CSS for Full Screen Menu NAV ###### */
.menu-mobile-menu-container {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fff; padding-top: 80px; z-index: 1; visibility: hidden; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3D(0, -100%, 0); transform: translate3D(0, -100%, 0);  -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s; transition: transform 0.5s, visibility 0s 0.5s;}


/* #### Menu Hamburger Icon UI when shrinked CSS ######## */
#hamburgerui.shrink li:nth-last-of-type(n+2) a{opacity: 0; pointer-events: none;}

/* #### Menu Opened State CSS ######## */
#hamburgericonmenuwrapper.open .menu-mobile-menu-container{visibility: visible; -webkit-transform: translate3D(0, 0, 0);  transform: translate3D(0, 0, 0); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s;}
#hamburgericonmenuwrapper.open #navtoggler{ border-width: 0;}
#hamburgericonmenuwrapper.open #navtoggler::before{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); /* rotate line to create "x" */}
#hamburgericonmenuwrapper.open #navtoggler::after{-webkit-transform: rotate(45deg); transform: rotate(45deg); /* rotate line to create "x" */}
#hamburgericonmenuwrapper.open #hamburgerui li:nth-last-of-type(n+2) a{ opacity: 0; pointer-events: none;}
#hamburgericonmenuwrapper.open .menu-mobile-menu-container ul{ opacity: 1; -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); /* restore UL to original positon */}


/* begin media for smartphone */
@media (min-width : 230px) 
and (max-width : 767px) {

body {overflow-x: hidden; max-width: 100%;}
.menu-main-menu-container {display: none;}
#hamburgericonmenuwrapper {display: block !important;}


#hamburgericonmenuwrapper .menu-item-has-children .sub-menu {display: none;}	
#hamburgericonmenuwrapper .menu-item-has-children .sub-menu li a {display: block !important;}


section {padding:40px 0;}
.container {margin: 0; padding: 0 10px;}	
.row-fluid [class*="span"], .row-fluid [class*="span"]:first-child {margin:0; padding:0;  width: 100%;}
.row-fluid [class*="span"]:first-child {margin-left: 0;}

#menu-mobile-menu {margin:0; padding:0;} 
#menu-mobile-menu li {margin:0; padding: 10px; text-align: center;}
#menu-mobile-menu li a {color: #0c499c;  font-size: 24px;} 

#menu-mobile-menu li ul {margin-top: 5px;} 
#menu-mobile-menu li ul li {margin:0; padding: 5px; text-align: center;}
#menu-mobile-menu li ul li a {color: #0c499c;  font-size: 20px;} 
	
header {margin-top: 50px !important;}	
header .logo {position: fixed; top: 10px; left: 10px; margin:0; padding:0; width:240px; height: 50px; z-index: 99999;}	
header .logo a {background-size: 100% auto;}

header .span5 {height: 1px !important; overflow: hidden;}	
header .span3 {margin:-30px 0 0 0 !important; padding:0 !important; height: auto !important; text-align: center;}	
header .span3 .account-tools-widget-content.menu {margin:0 auto; padding:20px 0; display: inline-block; width: auto; float: none;}	
header .span3 .block {
    text-align: center !important;
}	
	
	
	
	
	
	
	
header .iconMenu {margin: 8px 0;}	
	
header .login-menu {margin:0; padding:0; display: inline-block; width: auto; float: none; position: absolute; bottom: -45px; left: 15px;}
header .login-menu li, header .login-menu li a {color: #fff;}

header .span4 {text-align: center;}	
header .span4 a {margin: 10px auto; padding: 10px 20px 10px 50px; color: #fff;display: inline-block; background: #ef4738 url('images/icon_phone.png') no-repeat 20px 16px; border-radius: 6px; font-size: 22px; text-decoration: none;}
	
/* ============================================================================ 
HOME STYLE
==============================================================================*/
.pwire-search-container.search-box.grid-container{width: 100% !important;}
#drugName {margin:0 !important; padding: 10px 20px 10px !important; width: 100% !important; border-radius: 8px 8px 0 0 !important; color: #404040 !important; font-size: 22px !important; height: 60px !important; border:0 !important;}
.pwire-search-button .button {margin:0; padding: 16px 40px 16px !important; width: 25%; border-radius: 0 0 8px 8px; font-size: 22px !important; height: 60px !important; background-color: #ef4738 !important; float: right; text-transform: none;}

	
.advantages .span6 {margin: 1% !important; padding:0; width: 100% !important; height: auto !important; text-align: center;}	
	
	
 
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {line-height: 1 !important;}	
.gform_footer::after {right: 39px;}	
	
footer .footer-menu {column-count: 1;} 
footer .social-menu {margin: 0 0 50px 0;}
	
.topMedications .span3 {margin: 2% !important; padding:20px !important; width: 96% !important;}
	.topMedications .span3 .button {margin: 0 20% !important;}	
	

	
.centered {width: 100% !important; margin-top: -720px;}		
.pwire-search-container.search-box.grid-container {width: 100% !important;}	
#close-btn{position: fixed; top: 58%; right: 46%;}			
}
/* end media for smartphone */


/* iPads (portrait) ----------- */
@media (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {

body {overflow-x: hidden;}
.container {margin: 0; padding: 0 10px;}	
header .logo {width: 210px; height: 48px;}
header .logo a {background-size: 100% auto;}

header .primary-menu li a {padding: 20px 10px; font-size: 16px;}
header .iconMenu {margin: 8px 0;}

header .span4 a {margin: 18px 0 0 0;}	
	
header .login-menu {padding: 26px 0 0;}	
header .login-menu li::after {padding: 0 0px 0 4px;}	
header .login-menu li {font-size: 14px;}	
	
.heroImage h1 {margin: 0 10% 40px 0;}	
 
.pwire-search-container.search-box.grid-container {width: 68% !important;}	


	
	
}
 
/* end iPads (portrait) ----------- */




/* iPads (landscape) ----------- */
@media (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {

body {overflow-x: hidden;}
.container {padding:0 20px;}

.serviceHome .container {max-width: 100% !important;} 
.serviceHome .span3 {padding: 15px !important; height: 520px !important;} 	
.serviceHome .span3 ul li {font-size: 18px;}
	
	
	
.teamProductivity::after {
    border-top: 220px solid transparent;
    border-left: 570px solid #08b5f1;
    border-bottom: 220px solid transparent;
}
	
.whyChoose .span6 {height: 310px;}	
.whyChoose .span6 img {margin: 45px 30px 40% 0;}	
	
.callToAction .container {padding: 0;}	
.callToAction .span6:nth-of-type(2) {padding: 20px !important;}
	
	
	
}
/* end iPads (landscape) ----------- */