/*
Theme Name: skinmd
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: skinmd
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

skinmd is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

body{

	font-family: 'PT Sans', sans-serif;
}

.site-header{

	height: 100px;
	background-color: #fff;


}
.logo{

	margin-top: 15px;
}

ul#primary-menu{

	float:right;
	margin-top: 25px;

}

ul#primary-menu li{

	font-size:16px;
	margin:0px 25px 0px 0px;
	padding:0px 25px 0px 0px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 600;
}

ul#primary-menu li a{

	color:#3774c7;
	text-decoration:none;
}

#masthead{
	position: fixed;
	top: 0px;
	background-color: rgb(255, 255, 255);
	z-index: 99;
	width: 100%;
}

#telemedicine{
	background-color:#4ec8b8 !important;
	padding: 0px 0px 20px 0px;
	
}

.admin-bar #masthead{
	top: 32px;
}

.apt-button{
	background-color:#4ec8b8;
	float: right;
	height:100%;
	padding:20px 15px 30px 30px;
	display:inline-block;
	z-index: 99;
	position: relative;
}

.apt-button a{

	color:#fff;
	font-size:17px;
	font-weight: 600;
	font-family: 'PT Sans', sans-serif;
}

.apt-button a:hover{
	text-decoration: none;


}

.apt-icon{

position: absolute;
top:30px;
left:190px;

}


.intro{

	background-image: url('img/marble.jpg');
	background-size:cover;
	height:600px;

}

.intro span{

	display: block;
	padding-top:140px;
	font-size:15px;
	color:#527ac1;
	letter-spacing: 1px;
	font-weight: 600;
}

.introh2{

	font-family: 'PT Sans', sans-serif;
	font-size:32px !important;
	line-height: 48px !important;
	color:#4bb1b3 !important;
	font-weight: bold;
	margin:40px 0px 0px 0px !important;
	padding:0px;
}

#dermatology-services{

	padding:120px 0px;
	height: 1600px;
	background: #1d4fa6; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #1d4fa6 0%, #3d6cbe 49%, #3d6cbe 49%, #4bb1b3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #1d4fa6 0%,#3d6cbe 49%,#3d6cbe 49%,#4bb1b3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #1d4fa6 0%,#3d6cbe 49%,#3d6cbe 49%,#4bb1b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4fa6', endColorstr='#4bb1b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#dermatology-services span{

	font-size:13px;
	text-transform: uppercase;
	color:#34ffe4;
	margin-bottom: 15px;
	letter-spacing: 1px;
	font-weight: lighter;
}

#dermatology-services h2{

	font-size: 7.2em;
	font-family: 'Playfair Display', serif;
	color:#8db5fb;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 60px;
}

section{

	margin:0px;
}

.featured-image {
    background: no-repeat center;
    width: 100%;

    background-size: cover;
}
.space{

	margin: 180px 0px;
}
.small-space{

	padding-bottom: 90px;
}

#schedule-appt{

	background-color:#dfe6ec;
	padding:40px 0px 200px 0px;
	background-image: url('img/derm-office.png');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
}

h3.teal{

	color:#4bb1b3;
	font-family: 'Ubuntu', sans-serif;
	font-size:3em;
	margin: 45px 0px 30px 0px;
}


h3.blue{

	color:#3e6cbc;
	font-family: 'Ubuntu', sans-serif;
	font-size:3.6em;
	margin: 35px 0px 30px 0px;
}

h5.footer-title{

	color:#3e6cbc;
	font-family: 'Ubuntu', sans-serif;
	font-size:1.4em;
	margin: 35px 0px 45px 0px;
}
h3.service-title{

	color:#4bb1b3;
	font-family: 'Ubuntu', sans-serif;
	font-size:1.8em;
	margin-top: 50px;
	line-height:2em;
	margin-bottom:40px;
	border:8px solid #eaeaea;
	padding:5px 20px;
	text-align: center;
}


#text-4{
	
	margin-top: 180px;
}

h4.teal{

	color:#4bb1b3;
	font-family: 'Ubuntu', sans-serif;
	font-size:38px;
	margin: 80px 0px 30px 0px;
}

.tealbox{

	background-image:url('img/tealbox.png');
	background-size:200px 300px;
	background-repeat: no-repeat;
	height: 300px;
	background-position: top right;
	padding:0px 0px 0px 60px;
}

h4.blue{

	color:#3e6cbc;
	font-family: 'Ubuntu', sans-serif;
	font-size:46px;
	margin: 35px 0px 30px 0px;
}

.bluebox{

	background-image:url('img/tealbox.png');
	background-size:contain;
	background-repeat: no-repeat;
	background-size:200px 380px;
	height: 380px;
	background-position: top left;
	padding:0px 0px 0px 60px;
}

.greybox{

	background-image:url('img/greybox.png');
	background-size:contain;
	background-repeat: no-repeat;
	background-size:200px 380px;
	height: 380px;
	background-position: top left;
	padding:0px 0px 0px 40px;
}

h5{
	color:#4bb1b3;
	font-family: 'Ubuntu', sans-serif;
	font-size:21px;
	margin: 0px 0px 30px 0px;
}

p.headline{

	font-family: 'Ubuntu', sans-serif;
	font-size:19px;
	line-height: 36px;
	color:#3a68bb;

}

p.description{

	font-family: 'Ubuntu', sans-serif;
	font-size:16px;
	line-height: 28px;
	color:#828282;
	font-weight: 500;
}

#products{

	background-color:#fff;
	padding: 180px 0px;

}


#dermatologists{

	background-color:#dfe6ec;
	padding: 120px 0px 0px 0px;
}

#dermatologists .title{

	font-size:2.7em;
	font-weight:normal;
	margin-bottom:40px;
	color:#3e6cbc;
}

#dermatologists p.doc-description{

	font-size:1.2em;
	line-height: 2em;
	color:#222;
	font-family: 'Ubuntu', sans-serif;
	padding: 0px 90px;
	margin-bottom: 40px;
}

#dermatologists span{

	font-size:1em;
	text-transform: uppercase;
	display: block;
	color:#4bb1b3;
	margin-bottom: 0px;
	font-weight: 400;
}

h3{

	font-family: 'Ubuntu', sans-serif;
	font-size:38px;
}
h4{

	font-family: 'Ubuntu', sans-serif;
	font-size:32px;
	margin: 80px 0px 30px 0px;

}

a.viewmore{

	font-family: 'Ubuntu', sans-serif;
	font-size:15px;
	font-weight: 600;
	color:#3e6cbc;
	margin-top: 30px;
	display: block;
	text-transform: uppercase;
	padding-right: 20px;

}


a.viewmore-teal{

	font-family: 'Ubuntu', sans-serif;
	font-size:15px;
	font-weight: 600;
color:#34ffe4;
	margin-top: 30px;
	display: block;
	text-transform: uppercase;
	padding-right: 20px;

}

a.viewmore-teal:after{

	content: "";
	background-image:url('img/wh-arrow.png');
	background-size:18px 10px;
	background-repeat: no-repeat;
	background-position: right;
	width: 18px;
	height: 10px;
	display: inline-block;
	margin-left: 10px;


}

a.viewmore:after{

	content: "";
	background-image:url('img/arrow.png');
	background-size:18px 10px;
	background-repeat: no-repeat;
	background-position: right;
	width: 18px;
	height: 10px;
	display: inline-block;
	margin-left: 10px;

}

a.viewmore:after:hover{


}

#signup{

	padding:50px 0px;
	background-color:#4ec8b9;
	height: 350px;
	color:#fff;
}

#callme{

	padding:50px 0px 80px 0px;
	background-color:#dfe6ec;
	height: 80px;
}

#callme h4{

	font-family: 'Ubuntu', sans-serif;
	font-size:26px;
	font-weight:300;
	color:#3e6cbc;
	line-height:30px;
	margin:0px 0px 0px 0px;
}

#callme span{

	color:#3e6cbc;
	font-weight:bold;
}

#callme span:before{

	content: "";
	background-image: url('img/phone-receiver.svg');
	background-repeat: no-repeat;
	background-position: left;
	height:20px;
	width:20px;
	margin: 0 6px 0 0;
    display: block;
    float:left;
}

#signup form{

	margin-top: 50px !important;
}

#signup form input{

	width:600px;
	padding:10px;
	float:left;
	height: 55px;
	border:none;
	background-color: #fff;
	text-indent: 5px;
	color:#b4b4b4;
	font-size:18px;
}

#signup .button, #signup input[type=submit]{

	float:left;
	width:150px;
	background-color:#3e6cbc;
	border:none;
	height: 55px;
	font-size:15px;
	text-transform: uppercase;
	color:#fff;
	transition: background-color 0.3s ease;
	font-weight: 400;
}

#signup .button:hover, #signup input[type=submit]:hover{
	background-color:#4bb1b3;
	border:none;
}

#signup p{

	font-size:18px;
}

#pre-footer{
	padding:100px 0px 150px 0px;
	background-image: url('img/marble.jpg');
	background-size: 100% 101%;
}

.site-footer{

	padding:30px 0px;
	background-color:#dfe6ec;

}

.site-footer p{

	margin:15px 0px 0px 0px;
	color:#507ecf;
}

.apptform{

	margin:50px 0px 0px 0px;
}

.apptform form{


}

.apptform form label{

	font-size:14px;
	font-weight: lighter;
	font-family: 'Ubuntu', sans-serif;

}

.apptform form label span{

	color:red;
	font-size:18px;
	font-weight: bold;
	margin-right: 5px;
}
.apptform form input{

	width:100%;
	padding:10px;
	height: 45px;
	border:none;
	background-color: #fff;
	text-indent: 5px;
	color:#b4b4b4;
	font-size:18px;
	margin-right: 5px;
}




.apptformbutton{

	padding:50px 0px;
}
.apptformbutton input.wpcf7-submit{

	width:250px;
	background-color:#3e6cbc;
	border:none;
	height: 52px;
	font-size:15px;
	text-transform: uppercase;
	color:#fff;
	border-radius: 30px;
	padding:10px 0px;
	transition: background-color 0.3s ease;

}

.apptformbutton input.wpcf7-submit:hover{


	background-color:#4bb1b3;
	color:#fff;
}

#subshowcase{

	padding:100px 0px;
	height:550px;
	background: #1d4fa6; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #1d4fa6 0%, #3d6cbe 49%, #3d6cbe 49%, #4bb1b3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #1d4fa6 0%,#3d6cbe 49%,#3d6cbe 49%,#4bb1b3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #1d4fa6 0%,#3d6cbe 49%,#3d6cbe 49%,#4bb1b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4fa6', endColorstr='#4bb1b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}




#subshowcase span, #shopshowcase span, #small-subshowcase span{

	font-size:13px;
	text-transform: uppercase;
	color:#34ffe4;
	margin-bottom: 15px;
	letter-spacing: 1px;
	font-weight: lighter;

}

#subshowcase h1, #shopshowcase h1, #small-subshowcase h1{

	font-size: 7.2em;
	font-family: 'Playfair Display', serif;
	color:#8db5fb;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 35px;
}

#subshowcase p, #small-subshowcase p{

	font-size: 1.3em;
	font-family: 'Playfair Display', serif;
	color:#fff;
	font-weight: 300;
	line-height: 35px;

}

#small-subshowcase{

	padding:100px 0px;
	height: 550px;
	background: #1d4fa6; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #1d4fa6 0%, #3d6cbe 49%, #3d6cbe 49%, #4bb1b3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #1d4fa6 0%,#3d6cbe 49%,#3d6cbe 49%,#4bb1b3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #1d4fa6 0%,#3d6cbe 49%,#3d6cbe 49%,#4bb1b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4fa6', endColorstr='#4bb1b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.content-body{

	padding:120px 0px 150px 0px;
}

.page,.site-main{
	background-image: none;
	background-repeat: repeat-x;
}

.content-body h2{

	color:#3e6cbc;
	font-family: 'Ubuntu', sans-serif;
	font-size:2.4em;
	margin: 0px 0px 25px 0px;
	font-weight:500;
	line-height: 1.4em;
}

.content-body p{


	font-family: 'Ubuntu', sans-serif;
	font-size:1.13em;
	line-height: 2em;
	color:#444444;
	font-weight: 400;
}

.entry-content h2{

	margin-bottom: 40px;
	font-size:2.3em;
	line-height: 1.5em;
}

.entry-content h3{

	margin-bottom: 30px;
	font-size:1.5em;
	line-height: 1.6em;
	margin-top: 0px;
}

.entry-content ul{

	margin:0px 0px 35px 20px;
}

.entry-content ul li{

	font-family: 'Ubuntu', sans-serif;
	font-size:1.13em;
	line-height: 2em;
	color:#444444;
	font-weight: 300;

}

.entry-content p{

	font-size:1.3em;
	line-height: 2em;
	color:#444444;
	font-weight: 300;
	margin-bottom: 30px;

}


.part{



}

.pad{

	padding:120px 0px 150px 0px;
}


.tealback{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#419ac6+0,4ec8b9+50,419ac6+100 */
background: #4ec8b9; /* Old browsers */

}


h2.widget-shop{

	font-size:1.6em;
	font-weight:500;
	border-bottom:1px solid #4bb1b3;
	padding:0px 0px 20px 0px;
	margin:0px 0px 30px 0px;

}

h1.page-title{

	font-size:3.2em;
	font-family: 'Playfair Display', serif;
	margin:0px 0px 50px 0px;
	font-weight:600;
	color:#58585a;
}
.tealback .col-md-6{
	padding-right: 0px;
}

#service_testimony blockquote{

	font-size:1.8em;
	font-family: 'Playfair Display', serif;
	color:#fff;
	border:none;
	text-align: center;
	line-height: 2em;
	margin-top: 40px;
	padding:40px;
	font-weight: normal;
}

.botox{

	background-image:url('img/botox.png');
	background-size: cover;
	height: 500px;

}

.spaceup{

	margin-top: 100px;

}

.textwidget{

}

.textwidget blockquote{

	font-family: 'Playfair Display', serif;
	text-align: center;
	font-size:1.3em;
	font-weight: 600;
	border:none;
	line-height: 2em;
	color:gray;
}

.vheight{

	height:450px;
}


.shopshowcase{

	padding:150px 0px;
	background: #1d4fa6; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #1d4fa6 0%, #3d6cbe 49%, #3d6cbe 49%, #4bb1b3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #1d4fa6 0%,#3d6cbe 49%,#3d6cbe 49%,#4bb1b3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #1d4fa6 0%,#3d6cbe 49%,#3d6cbe 49%,#4bb1b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4fa6', endColorstr='#4bb1b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#shopshowcase, #subshowcase, #small-subshowcase{
	padding-top: 150px !important;
}

.post-13 .content-body, .post-155 .content-body{
	padding-top: 0px;
}
.post-13 .col-md-9, .post-155 .col-md-6{
	padding-left: 0px;
}
.post-13 input[type=submit]{
	margin-left: 15px;
}

.headlinebar{

	background-image: url('img/teal-dash.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	padding:20px 0px 0px 0px;

}

ul#menu-footer-one,ul#menu-footer-two {

	display: block;
	margin:0px 0px 0px 0px;
	padding:0px;
}

ul#menu-footer-one li,ul#menu-footer-two li {

	display:block;
	list-style-type: none;
	margin: 0px 0px 20px 0px;
	font-size:16px;
}

ul#menu-footer-one li a,ul#menu-footer-two li a{

	text-decoration: none;
	color:#3e6cbc;
}

ul#menu-footer-one li a:hover, ul#menu-footer-two li a:hover{

		color:#354259;
}

.max{

max-width:100%;
max-height:100%;
display: block;
}



#doctors{

	padding:150px 0px 0px 0px;

}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
 }


/* WooCommerce */



.shop ul.products{
	height: 700px;

}

/*.shop ul li.product-category:nth-child(1), .shop ul li.product-category:nth-child(2), .shop ul li.product-category:nth-child(3){
	width: 30%;
	height: 50%;
	margin: 1%;
}*/

/*.shop ul li.product-category:nth-child(3){
	height: 65%;
}*/

/*.shop ul li.product-category:nth-child(4){
	width: 20%;
	height: 50%;
	margin: 1%;
	transform: translateY(-30%);
}*/

/*.shop ul li.product-category:nth-child(5){
	width: 40%;
	height: 50%;
	margin: 1%;
	transform: translateY(-30%);
}*/

/*.shop ul li.product-category:nth-child(6){
	width: 30%;
	height: 35%;
	margin: 1%;
}*/

body.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	width:30.05%;
}

.woocommerce .related ul.products li.product, .woocommerce-page ul.products li.product{
	width:22.05%;
}
.shop ul.products li.product h3 {
    position: absolute;
    bottom: 35px;
    left: 20px;
    text-transform: uppercase;
}

.shop ul.products li.product a img {
    height: 100%;
}

/*.shop ul.products li.first{
    clear: unset;
}*/

.product_meta{

	text-align:left;
}

.entry-summary{

	text-align:left;
}

.woocommerce-tabs{
	text-align:left;
}
.images{

}

.woocommerce #primary{

	padding-bottom:200px;
}

ul.product-categories{

	margin:0px;
	padding:0px;
	display:block;
}

ul.product-categories li{

	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	display:block;
	font-size:1.1em;
}

ul.product-categories li a{

	color:#3e6cbc;
	text-decoration:none;


}

ul.product-categories li a:hover{

		color:#4bb1b3;
}

.product_title{

	font-size:2.5em;
	color:#3e6cbc;
	font-family: 'Playfair Display', serif;
	margin-bottom:20px;
	font-weight:500;
}

.woocommerce-Price-amount{

	font-size:1.6em;
	font-weight:300;
	color:#4bb1b3;

}

.woocommerce-Tabs-panel h2{
	font-size:1.2em;
	font-weight:500;
	text-transform:uppercase;
	margin-top:20px;
	color:#222;
}


h3#reply-title{

	font-size:1.3em;
	margin-bottom: 20px;
}

p.comment-form-rating{

	font-weight: normal;
	font-size:1em;
}
p.comment-form-comment{
	font-weight: normal;
	font-size:1em;
}

.google-map{
	opacity: 0.8;
	height: 450px;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.google-map img{
	opacity: 1 !important;
	-moz-transform: translate3d(0px, 0px, 0px) !important;
	-webkit-transform: translate3d(0px, 0px, 0px) !important;
	-o-transform: translate(0px, 0px) !important;
	-ms-transform: translate(0px, 0px) !important;
	transform: translate3d(0px, 0px, 0px) !important;
}

.single_add_to_cart_button{

	background-color:#3e6cbc !important;
	text-shadow: none !important;
}


.woocommerce-message{

	border-top:6px solid #03d9dd;
	background-color:#25b0b3 !important;
	color:white !important;
	font-size:15px;
}

.woocommerce-message a{

	color:#1afaff;
}

.posted_in a{

	color:#009fdb;
}


.woocommerce-message:before {
    content: "\e015";
    color: #fff;
}

#related_products{
	background-color: rgb(250, 250, 250);
	padding: 50px 20px;
}


.cos-services ul{

	margin:30px 0px 0px 0px;
	list-style-type: none;
}

.cos-services ul li{

	color:white;
	font-family: 'Playfair Display', serif;
	font-size:1.5em;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;

}

.cos-services ul li span{
	font-size:20px !important;

}

.cos-services ul li a{

	color:white;
}

.med-services p{

		color:white;
	font-family: 'Playfair Display', serif;
	font-size:1.5em;
	line-height: 1.7em;
	margin-top: 30px;
}

#wpcf7-f152-p13-o1 form{

	margin:0px;
	padding:0px;
}
.wpcf7-form{

	width:100%;
	margin:0px !important;
	padding:0px !important;
}
.wpcf7-form textarea{

	width:100% !important;
}

.wpcf7-form label{

	font-size:16px;
	margin-bottom: 20px;

}

.wpcf7-form .wpcf7-submit{

	width:200px;
	height:50px;
	font-size:14px;
	font-weight: bold;
	text-transform: uppercase;
	background-color:#3e6cbc;
	border:none;
	color:white;
}

.wpcf7-textarea{

	width:100% !important;
}

.wpcf7-form-control{
	width: 100%;
}

#text-3 {
		color:#3e6cbc;

}
#text-3 p{

	font-size:16px;
	line-height: 22px;
}


#single-derm{

	padding:90px 0px 0px 0px;
	background-color:#f8f8f8;
	position: relative;
}

#single-derm .greybox, #single-derm .bluebox{

	background-position: center bottom;
	bottom:0;


}
#single-derm h3{

		font-family: 'Playfair Display', serif;
		font-size:3.6em;
		font-weight: 600;
		margin-top: 0px;
		margin-bottom: 30px;
		color:#3e6cbc;
}

#single-derm span{

	margin-top:60px;
	display:block;
	margin-bottom: 10px;
	color:#4bb1b3;
	font-size:13px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#single-derm p{

	font-size:1.3em;
	line-height: 1.6em;
}

.no-back{
	background:none !important;
}

.mob_menu_header_div{
	position: absolute !important;
}

#primary-menu a{
	padding-bottom: 30px;
	-moz-transition: all 150ms linear;
	-webkit-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}

#primary-menu a:hover{
	padding-bottom: 25px;
	border-bottom: 5px solid #4bb1b3;
}

#primary-menu li.current_page_item a{
	padding-bottom: 25px;
	border-bottom: 5px solid #4bb1b3;
}
/* Mobile */
@media screen and (max-width: 1350px) {
	ul#primary-menu li {
	    margin: 0px 15px 0px 0px;
	}
}

@media screen and (max-width: 1220px) {
	ul#primary-menu li {
	    margin: 0px;
	    font-size: 14px;
	}
	.apt-button a {
	    font-size: 14px;
	}
	.site-header {
	    height: 100px;
	}
}

@media screen and (max-width: 1095px) {
	ul#primary-menu li {
	    padding: 0px 15px 0px 0px;
	}
}

@media screen and (max-width: 991px) {
    body {
        text-align: center;
    }
    .logo{
    	margin: 10px auto;
		display: table;
    }
    .text-right{
    	text-align: center;
    }
    #dermatology-services{
    	height: auto;
    }
    .space {
	    margin: 50px 0px;
	}
	#schedule-appt {
		padding: 40px 0px 100px 0px;
	    background-size: cover;
	}
	.greybox, .bluebox {
	    background-image: none;
	    height: unset;
	    padding: 0px 20px;
	}
	.dermatologists_info{
		padding: 20px 20px 50px;
	}
	#signup form input, #signup .wpcf7-form-control {
	    width: 70%;
	}
	#signup .button, #signup input[type=submit] {
	    width: 30%;
	}
	#pre-footer ul, .widget-area ul{
		margin: 0px;
		padding: 0px;
	}
	.apt-button {
	    min-width: 100%;
	    margin-bottom: 20px;
	    margin-top: -10px;
	    z-index: 99;
	}
	#subshowcase, .page-id-13 #small-subshowcase, .page-id-155 #small-subshowcase{
		height: auto;
	}
	.vheight {
	    height: auto;
	    padding-bottom: 50px;
	}
	a.viewmore {
	    padding-right: 0px;
	}
	#slideshow{
		margin-top: 100px;
	}
	.cos-services ul{
		margin-left: 0px;
		padding-left: 0px;
	}
	.apt-icon {
	    position: relative;
	    top: -10px;
	    left: 20px;
	}
	#subshowcase .container, #small-subshowcase .container, #shopshowcase{
		padding-top: 150px;
	}
	.shop ul li.product-category{
		width: 100% !important;
		height: auto !important;
		transform: unset !important;
	}
	#masthead{
		position: unset;
	}
	.page-id-13 #small-subshowcase .container, .page-id-155 #small-subshowcase .container{
		padding-top: 50px;
	}
}

@media screen and (max-width: 600px) {
	.intro h1, #small-subshowcase h1 {
	    font-size: 24px;
	    line-height: 30px;
	}
	#dermatology-services h2 {
	    font-size: 3em;
	    margin-bottom: 0px;
	}
	h3.blue {
	    font-size: 3em;
	}
	#pre-footer{
		height: auto;
		background-size: cover;
	}
	#subshowcase h1 {
	    font-size: 3em;
	}
	#subshowcase p {
	    font-size: 18px;
	    line-height: 28px;
	}

}

/* Animations */

img:not(.logo):not(.attachment-shop_catalog):not(.attachment-shop_single):not(.footer-logo):not(#fullResImage) {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(0px, 100px, 0px);
  -webkit-transform: translate3d(0px, 100px, 0px);
  -o-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate3d(0px, 100px, 0px);
}

img:not(.logo):not(.attachment-shop_catalog):not(.attachment-shop_single):not(.footer-logo):not(#fullResImage).in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*
Title Animations
h1, h2, h3, h4, h5{
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(0px, -30px, 0px);
  -webkit-transform: translate3d(0px, -30px, 0px);
  -o-transform: translate(0px, -30px);
  -ms-transform: translate(0px, -30px);
  transform: translate3d(0px, -30px, 0px);
}

h1.in-view, h2.in-view, h3.in-view, h4.in-view, h5.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
*/