/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

#main {
    position: relative
}

#top h1,#top h2,#top h3 {
    font-weight: bold !important;
    text-transform: initial !important;
    font-family: 'open sans' !important
}
#top .av_seperator_big_border#header .av-main-nav > li > a {
    font-size: 15px;
}
#top h1, #top h2, #top h3 {
    color: #1772B8;
}

/** Header **/
#header #header_main {
    background-image: url(http://pharmasys.com.co/wp-content/uploads/2025/02/bg-header.png);
    background-size: cover;
    background-position: center;
}

#header #header_meta {
    display: none;
}
.slideshow_caption {
	width: 50%;
}
#top #header #header_main #header_main_alternate ul li.current-menu-item a {
    font-weight: bold;
}
.av_slideshow_full li img {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}

/* Footer */
#footer #media_image-3 .image-overlay {
    display: none !important;
}

#footer .container {
    display: flex;
    align-items: center;
}
#footer .sub-menu {
    display: none;
}
#socket .copyright {
    display: block;
    float: none;
    text-align: center;
}
#footer .sub-menu {
    display: none;
}

#socket .copyright {
    display: block;
    float: none;
    text-align: center;
}
#top form p {
    margin: 0;
}
#top form p .wpcf7-form-control {
    margin-bottom: 10px;
}
#top form p .wpcf7-not-valid-tip {
    color: #ec0707;
    margin-top: -12px;
    margin-bottom: 5px;
}
#footer {
    background-image: url(http://pharmasys.com.co/wp-content/uploads/2025/02/bg-footer-1.png);
    padding-bottom: 60px;
}

#socket {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    background-color: transparent;
    border: 0;
}

#socket .social_bookmarks {
    display: none;
}
#top .wp-tabs-sercios .av-tab-section-tab-title-container .av-section-tab-title .av-inner-tab-title {
    font-weight: 400;
    font-size: 14px;
	transition: all 0.5s ease-in-out;
}
#top .wp-tabs-sercios .av-tab-section-tab-title-container .av-section-tab-title.av-active-tab-title .av-inner-tab-title {
	font-weight: bolder;
	transform: scale(1.1);
}
#top .wp-tabs-sercios .av-tab-section-tab-title-container .av-section-tab-title .av-tab-section-image {
    filter: none;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    transform: scale(0.8);
    display: block;
}
#top .wp-tabs-sercios .av-tab-section-tab-title-container .av-section-tab-title.av-active-tab-title .av-tab-section-image,
#top .wp-tabs-sercios .av-tab-section-tab-title-container .av-section-tab-title:hover .av-tab-section-image {
    transform: scale(1.1);
}
#top .wp-tabs-sercios .av-tab-section-tab-title-container .av-tab-arrow-container {
    transform: translateY(-7px);
}
#top .tabs-servicios .wp-box-serivicios {
    align-items: center;
	margin: 0
}
#top .tabs-servicios .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
	margin-top:0;
}
#top .tabs-servicios .wp-box-serivicios .wp-head-tab {
    background-color: #f5f5f5;
    padding: 40px;
    border-radius: 7px;
}
#top .tabs-servicios .wp-box-serivicios .wp-txt-left-tab {
    width: 50%;
    margin: 4% 2% 4% auto;
    padding: 40px;
	border-radius: 10px;
}
#top .tabs-servicios .wp-box-serivicios .wp-txt-right-tab {
   border-radius: 10px;
}

#top .tabs-servicios .wp-box-serivicios .wp-txt-right-tab.wp-des-dispensacion h3 {
	font-weight: normal !important;
}
#top .tabs-servicios .wp-box-serivicios > .av_textblock_section {
    width: 100%;
}
#top .tabs-servicios .wp-box-serivicios ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#top .tabs-servicios .wp-box-serivicios ul li {
    margin: 0;
}
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
	#top #header_main_alternate {
		background-color: transparent !important;!i;!;
	}

	#top #header #header_main #header_main_alternate ul li a {
		background-color: transparent;
		border: 0;
		color: #1E2D42;
		min-width: 90px;
		font-weight: 400;
	}

	#top #header #header_main #header_main_alternate .menu {
		background-color: #fff;
		text-align: center;
		border-radius: 2px;
		position: relative;
		top: 20px;
		padding-right: 10px;
	}

	#top #header #header_main #header_main_alternate ul li a:hover {
		font-weight: bold;
	}

	#top #header #header_main #header_main_alternate ul li:hover a {
		font-weight: bold;
	}

  /* Add your Desktop Styles here */
	#top #header.av_minimal_header .main_menu .avia_mega_div > .sub-menu li {
		display: block;
		margin: 0 0 5px;
		height: auto;
		float: none;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		padding: 0;
	}

	#header .six.units {
		width: auto !important;
		min-width: max-content !important;
	}

	#top #header .avia_mega_div .sub-menu {
		display: block;
		padding: 15px;
		float: none;
	}

	#header .mega_menu_title {
		line-height: 1.4;
		height: auto;
		display: block;
		width: 100%;
		left: 0;
		position: relative;
		height: 20px;
	}

	#top #header .mega_menu_title a {
		display: block;
		height: auto;
		line-height: 1.5;
		margin-left: 0px;
		color: #6d6f71;
		font-size: 14px;
	}
	#top .wp-tabs-sercios .av-tab-section-tab-title-container .av-section-tab-title {
		width: 17%;
		display: inline-flex;
		display: grid;
		justify-content: center;
		align-items: center;
	}
	
	#top .wp-tabs-sercios .av-tab-section-tab-title-container {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	
	#footer #media_image-3 {
		text-align: center;
	}

	#footer #media_image-3 a {
		display: inline-block;
		width: 80%;
		max-width: 250px;
		margin: 0 auto;
	}
	#top .tabs-servicios {
		padding: 0;
	}
	#top .tabs-servicios .container {
		max-width: none;
		padding: 0;
		width: 100%;
	}
	#top .tabs-servicios .wp-box-serivicios {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
	#top .tabs-servicios .wp-box-serivicios {
		min-height: 320px;
	}
	#top .tabs-servicios .wp-box-serivicios .wp-txt-left-tab {
		width: 100%;
		margin: 0 auto;
		padding: 30px 20px;
		border-radius: 10px;
	}
	#top .tabs-servicios {
		padding-bottom: 0;
	}
	#top .tabs-servicios .wp-box-serivicios {
		padding: 0;
		margin-bottom: 0 !important;
	}
	#top .tabs-servicios .wp-box-serivicios .wp-txt-right-tab {
		border-radius: 10px;
	}
	.av-tab-above-content .av-tabsection-arrow {
		top: 232px;
	}

	#top .avia-slideshow-arrows a {
		height: 40px;
	}

	.avia-slideshow-arrows a:before {
		line-height: 42px;
	}
}


@media only screen and (max-width: 767px) {
	
	.slideshow_caption {
		width: 100%;
	}
	.wp-tabs-sercios .container {
		width: 100% !important;
		max-width: 100% !important;!i;!;
	}

	.wp-tabs-sercios .container .wp-box-serivicios {
		padding: 7% 10% !important;
		background-position: center right;
	}
	#top .tabs-servicios .wp-box-serivicios .wp-txt-left-tab {
		width: 100%;
		padding: 25px;
	}
	#top .tabs-servicios .wp-box-serivicios.wp-box-left-serivicios {
		background-position: center left;
	}
	
	#top .tabs-servicios .wp-box-serivicios.wp-box-right-serivicios {
		background-position: center right;
	}
	
}
@media only screen and (max-width: 500px) {
	#footer .container {
		display: grid;
	}

	#footer .widget {
		margin: 30px 0 -10px;
	}
}