/*
Theme Name: Alfamedico
Author: Mr.TRYBOI
Author: http://w2b.studio
Version: 2017
*/

.user-discount {
color: red;
}

.table-id {
width: 10%;
}

.table-brand,
.table-price {
width: 20%;
}

.xs-menu-btn,
.md-menu {
display: none;
}

body {
color: #4d4d4d;
cursor: default;
}

@media (max-width: 991px) {

.page-desc {
display: none;
}

.xs-menu-btn {
display: block;
}

.header-logo {
height: 60px;
line-height: 60px;
margin: 10px 0;
}

.header-logo {
width: 100%;
font-size: 24px;
text-align: center;
}

.header-logo img {
width: auto;
height: 100%;
}

.header-tels > span {
padding: 10px 15px;
display: block;
margin-bottom: 5px;
font-size: 16px;
}

.search-icon,
.search-field,
.search-submit {
font-size: 16px;
}

.search-submit {
display: none;
}

}

@media (min-width: 992px) {

.page-desc-content {
padding-bottom: 20px;
}

.page-desc-content p {
font-size: 12px;
text-align: justify;
}

.md-menu {
display: block;
}

#xs-menu {
display: none;
}

.header-top,
.header-logo {
height: 120px;
line-height: 120px;
}

.header-logo {
width: 340px;
font-size: 44px;
position: absolute;
top: 0;
left: 0;
}

.header-logo img {
max-width: 100%;
height: auto;
}

.header-logo a {
display: block;
}

.header-tels {
margin-left: 200px;
font-size: 18px;
text-align: right;
}

.header-tels span {
margin-left: 10px;
padding: 5px 10px;
}

.search-icon,
.search-field,
.search-submit {
font-size: 22px;
}

.search-input {
margin-right: 160px;
}
	
}

@media (min-width: 1200px) {

.header-tels {
margin-left: 200px;
font-size: 22px;
text-align: right;
}

.header-tels span {
margin-left: 15px;
padding: 5px 10px;
}
	
}

#header {
background-color: #4DB99E;
}

.header-top {
position: relative;
color: #fff;
}

.header-logo a {
color: #fff;
text-decoration: none;
outline: none;
}

.header-tels span {
background-color: #34a387;
border-radius: 2px;
}

.header-tels span a {
color: #fff;
text-decoration: none;
}

.menu-btn {
position: absolute;
top: 15px;
right: 0;
width: 54px;
height: 54px;
line-height: 53px;
text-align: center;
background-color: #00AEEC;
font-size: 20px;
}

.menu-btn a {
color: #fff;
display: block;
}

.header-search {
background-color: #fff;
position: relative;
}

.search-icon {
width: 52px;
position: absolute;
top: 0;
left: 0;
text-align: center;
color: #FFC000;
}

.search-icon,
.search-input,
.search-field,
.search-submit {
height: 52px;
line-height: 52px;
border: 0;
}

.search-field {
width: 100%;
}

.search-input {
display: block;
margin-left: 44px;
}

.search-submit {
width: 160px;
position: absolute;
top: 0;
right: 0;
background: #FFC000;
color: #4d4d4d;
border-radius: 0;
}

#navbar {
background-color: #00AEEC;
}

#navbar ul {
padding: 0;
margin: 0;
}

#navbar > ul,
#navbar > ul > li {
height: 62px;
}

#navbar  ul li {
list-style: none;
padding: 0;
}

#navbar  > ul > li {
line-height: 62px;
text-transform: uppercase;
font-size: 18px;
}

#navbar ul.md-menu > li {
float: left;
}

#navbar ul li a {
padding: 0 30px;
display: block;
color: #fff;
text-decoration: none;
}

#navbar ul li.active a {
background-color: #0093c8;
}

#navbar ul li a:hover {
background-color: #008ec1;
}

#xs-menu ul li {
line-height: 44px;
font-size: 16px;
}

#catalog {
padding: 20px 0;
}

main .row.row-10 {
margin-right: -10px;
margin-left: -10px;
}

main .col-10 {
padding-right: 10px;
padding-left: 10px;
}

main .thumbnail {
border-radius: 2px;
position: relative;
}

main .marker {
position: absolute;
top: 10px;
left: -2px;
padding: 5px 10px;
color: #fff;
z-index: 2;
}

main .marker-1 {
background-color: #5A9202;
}

main .marker-2 {
background-color: #F0789B;
}

main .marker-3 {
background-color: #9569E7;
}

main .thumbnail h3 {
font-size: 18px;
}

main .thumbnail h3 a {
color: #4d4d4d;
}

main .thumbnail .price {
font-size: 22px;
color: #5A9202;
background-color: #F1F1F1;
padding: 6px 0;
border-radius: 6px;
}

.category-name {
font-size: 24px;
margin: 10px 0 20px;
}

h2.category-name a {
color: #4d4d4d;
text-decoration: none;
}

#catalog .pagination {
background-color: #F1F1F1;
width: 100%;
overflow: hidden;
border-radius: 2px;
}

#catalog .nav-links {
height: 52px;
}

#catalog .page-numbers {
float: left;
}

#catalog .page-numbers,
.pagination .go-btn {
display: block;
height: 52px;
line-height: 52px;
min-width: 52px;
text-align: center;
font-size: 18px;
color: #4d4d4d;
text-decoration: none;
padding: 0 15px;
}

.pagination .go-btn,
#catalog .current {
background-color: #008EC1;
color: #fff;
}

.pagination .go-btn .fa {
margin-left: 4px;
}

.pagination .go-btn:hover,
#catalog a.page-numbers:hover,
.pagination .go-btn:focus,
#catalog a.page-numbers:focus {
background-color: #FFC000;
outline: none;
}

#catalog .section-label {
font-size: 22px;
margin-bottom: 20px;
background-color: #F1F1F1;
text-transform: uppercase;
padding: 15px 20px;
}

#aside .aside-label {
font-size: 18px;
margin-bottom: 15px;
}

#menu-category,
#brand-category {
padding: 0;
margin: 0 0 20px;
}

#menu-category li,
#brand-category li {
list-style: none;
margin-bottom: 1px;
}

#menu-category li a,
#brand-category li a {
display: block;
padding: 10px 15px;
color: #4d4d4d;
background-color: #F1F1F1;
text-decoration: none;
font-size: 15px;
}

#menu-category li a:hover,
#brand-category li a:hover {
background-color: #FFC000;
}

#menu-category .current-menu-item a,
#brand-category .current-menu-item a {
border-right: 4px solid #FFC000;
background-color: #F2F2F2;
}

#content .detailis header {
padding: 40px 0 20px;
}

#content .detailis header .price {
margin-top: 20px;
font-size: 26px;
color: #5A9202;
}

#content .detailis h2 {
font-size: 18px;
margin: 0;
}

#content .detailis img {
max-width: 100%;
height: auto;
}

#content .detailis img.flag {
margin-top: -5px;
}

#oneclick {
margin-top: 30px;
}

#oneclick .wpcf7-not-valid-tip {
display: none;
}

@media (max-width: 991px) {

.pagination .go-btn {
border-radius: 4px;
}

#content .detailis header h1 {
font-size: 20px;
margin: 0 10px;
}

#oneclick .wpcf7-form-control {
width: 100%;
height: 54px;
line-height: 54px;
font-size: 16px;
padding: 0 10px;
}

#oneclick .wpcf7-submit {
width: 100%;
height: 54px;
line-height: 54px;
font-size: 16px;
}

}

@media (min-width: 992px) {

#content {
padding-bottom: 40px;
}

#content .detailis header h1 {
font-size: 28px;
margin: 0;
}

#oneclick .wpcf7-form-control-wrap {
height: 54px;
}

#oneclick .wpcf7-form-control {
width: 220px;
height: 54px;
line-height: 54px;
font-size: 20px;
padding: 0 15px;
}

#oneclick .wpcf7-tel {
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

#oneclick .wpcf7-form-control {
float: left;
}

#oneclick .wpcf7-submit {
width: 240px;
height: 54px;
line-height: 54px;
font-size: 20px;
float: left;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

}

#oneclick .wpcf7-form-control {
border: 0 none;
background-color: #f4f4f4;
}

#oneclick .wpcf7-submit {
display: block;
background-color: #FFC000;
color: #4d4d4d;
text-decoration: none;
border: 0 none;
}

#oneclick p {
overflow: hidden;
}

#content .wpcf7 .ajax-loader {
display: none;
}

#content .wpcf7-not-valid-tip {
color: #F0789B;
}

#content .wpcf7-mail-sent-ok,
#content .wpcf7-validation-errors {
border: 0 none;
color: #fff;
overflow: hidden;
width: 100%;
margin: 0;
border-radius: 6px;
padding: 15px 20px;
font-size: 16px;
}

#content .wpcf7-mail-sent-ok {
background-color: #5A9202;
}

#content .wpcf7-validation-errors {
background-color: #F0789B;
}

#content .product-meta {
padding-top: 10px;
font-size: 16px;
}

#content .product-meta > div {
padding: 2px 0;
}

#content .product-meta a,
#content .product-id span {
background-color: #f4f4f4;
padding: 3px 5px;
border-radius: 2px;
color: #4d4d4d;
text-decoration: none;
}

#content .product-meta a:hover,
#content .product-meta a:focus,
#content .product-meta a:active {
background-color: #00AEEC;
color: #fff;
}

#content .content p {
text-align: justify;
}

#content .content h2:first-child {
margin-top: 0;
}

#content .alert {
border-radius: 0;
border-left-width: 5px;
}

@media (max-width: 991px) {

#related {
display: none;
}

#content .alert {
font-size: 12px;
}

#content .xs-center {
text-align: center;
}

#content .excerpt {
font-size: 14px;
}

#content .content {
padding: 10px;
}

#content .content p,
#content .content li {
font-size: 14px;
}

#content .content h2,
#content .content h3 {
margin: 10px 15px;
font-size: 18px;
}

}

@media (min-width: 992px) {

#content .excerpt {
font-size: 16px;
}

#content .alert {
font-size: 17px;
}

#content .content {
padding: 20px 20px;
}

#content .content p,
#content .content li {
font-size: 18px;
}

#content .content h2,
#content .content h3 {
margin: 30px 20px 20px;
font-size: 22px;
}

#content .tab-comments {
padding: 20px;
}

}

#content .nav-tabs {
margin-bottom: 4px;
}

@media (max-width: 991px) {

#content .product-id {
margin-top: 5px;
}

#content .nav-tabs li {
font-size: 14px;
width: 100%;
float: auto;
margin-bottom: 3px;
}

#content .nav-tabs li a {
border: 0 none;
border-radius: 3px;
background-color: #F9F9F9;
}

#content .nav-tabs li.active a {
background-color: #00AEEC;
color: #fff;
}

#content .table-striped {
font-size: 14px;
}

}

@media (min-width: 992px) {

#content .nav-tabs li {
font-size: 18px;
}

#content .table-striped {
font-size: 20px;
}

.table-striped tr td:first-child {
width: 280px;
}

}

.nav-tabs a,
.table-striped a,
.table-striped a:hover {
text-decoration: none;
outline: none;
color: #4d4d4d;
}

.table-striped a {
border-bottom: 1px dotted #4d4d4d;
}

.table-striped .flag {
margin-top: -5px;
position: relative;
}

@media (max-width: 991px) {

#feedback .wpcf7 {
width: 100%;
margin: 20px auto;
}

#feedback h2 {
margin: 0 0 20px;
font-size: 18px;
}

#feedback .wpcf7-form-control {
height: 54px;
line-height: 54px;
font-size: 16px;
padding: 0 20px;
border-radius: 4px;
}

#feedback .wpcf7-submit {
font-size: 16px;
border-radius: 4px;
}

}

@media (min-width: 992px) {

#feedback .feedback-body {
padding: 40px 0 20px;
}

#feedback .wpcf7 {
width: 500px;
margin: 20px auto;
}

#feedback h2 {
margin: 0 0 40px;
font-size: 26px;
}

#feedback .wpcf7-form-control {
height: 54px;
line-height: 54px;
font-size: 20px;
padding: 0 20px;
border-radius: 6px;
}

#feedback .wpcf7-submit {
font-size: 20px;
border-radius: 6px;
}

}

#feedback h2 {
text-align: center;
}

#feedback .wpcf7-form-control {
width: 100%;
background-color: #f4f4f4;
border: 0 none;
margin-bottom: 10px;
}

#feedback .wpcf7-submit {
display: block;
background-color: #FFC000;
color: #4d4d4d;
text-decoration: none;
border: 0 none;
}

#feedback .wpcf7-textarea {
height: 120px;
resize: none;
}

.page-entry header {
margin: 20px 0;
padding: 15px 20px 20px;
text-align: center;
}

.page-entry header h1 {
margin: 0;
}

.page-content p {
font-size: 18px;
text-align: justify;
}

.page-content h2 {
margin: 20px 0;
font-size: 22px;
}

.page-content ul {
margin: 0 0 15px;
padding: 0;
border-left: 5px solid #00AEEC;
background-color: #F4F4F4;
border-radius: 3px;
}

.page-content ul li {
list-style: none;
padding: 20px 25px;
font-size: 18px;
}

.page-content ul li h2 {
margin: 0;
}

#googlemap iframe {
border: 0 none;
width: 100%;
height: 400px;
}

#footer {
background-color: #4DB99E;
color: #fff;
}

@media (max-width: 991px) {

#footer {
font-size: 12px;
padding: 20px 0;
text-align: center;
}

.tab-tels p {
font-size: 14px;
}

.tels-list {
font-size: 16px;
}

.tels-list {
margin: 15px 0;
}

}

@media (min-width: 992px) {

#footer {
font-size: 16px;
padding: 40px 0;
}

.tab-tels p {
font-size: 17px;
}

.tels-list {
font-size: 24px;
}

.tels-list {
margin: 30px 0;
}

}

#footer small {
opacity: 0.6;
}

a.product-photo,
#content .detailis .col-md-4 {
position: relative;
display: block;
}

.tab-tels h3 {
text-transform: uppercase;
}

.tels-list span {
margin: 10px;
background-color: #FAEBCC;
padding: 10px 15px;
border-radius: 4px;
}

img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.photo-frame {
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: transparent url('/oops.png') center repeat;
z-index: 1;
}

::selection {
background: transparent;
}

::-moz-selection {
background: transparent;
}
.flag {
	width: 16px;
	height: 16px;
}