/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	background-image:url(img/top_bar.jpg);
	background-repeat:repeat-x;
	background-color:#efede4;
}
body {
	font-size: 1.3em; 
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
	transition: all .9s ease;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}

input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
.content a {color:#755a71; text-decoration:underline;}
.content ul li {list-style: none;  padding-bottom: 10px;}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */

/* header */
.header {

}

/* logo */
.logo {

padding-top: 10px;
width:80%;
margin-bottom: 3em;
}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {
background-color:#616668;
color:#d3dde1;
padding-top: 30px;
padding-bottom: 50px;

}
.footer h1 {font-size: 1.4em; color:#fff;}
.footer a {color:#f2e8c4; text-decoration:underline;}
.footer img {display:none;}
.social a {text-decoration:none;}
#three-borders {
	background-color:#fff;
	 box-shadow: 6px 0 4px -4px #ccc; 
 -moz-box-shadow: 6px 0 4px -4px #ccc; 
-webkit-box-shadow:6px 0 4px -4px #ccc;
position:relative;
z-index:2;
}
.three-1 {height:15px; background-color:#2b879e; width:40%;}
.three-2 {height:15px; background-color:#3ec9a7; width: 60%;}
.three-3 {height:15px; background-color:#98d9b6; }
/*------------------------------------*\
    PAGES
\*------------------------------------*/

#megaMenu {margin-bottom: 40px; 
position: relative;
z-index: 9999999999999999999999999999999999999999999999999999;}

.circle {
width: 120px;
height: 120px;
	border-radius: 50%;
    position: relative;
	-webkit-border-radius: 130px;
	-moz-border-radius: 130px;
background: #3ec9a7;
border: 3px solid #31b1a5;
-webkit-box-shadow: inset 10px 10px 10px 1px rgba(24,124,100,0.51);
-moz-box-shadow: inset 10px 10px 10px 1px rgba(24,124,100,0.51);
box-shadow: inset 10px 10px 10px 1px rgba(24,124,100,0.51), inset 0 0 0 1px #bbead1;
font-family: 'PT Sans', sans-serif; text-transform:uppercase; font-weight:normal;
font-size: 2em;
color:#FFF;
text-align:center;
transition: background .15s ease-in-out;
-moz-transition: background .15s ease-in-out;
-webkit-transition: background .15s ease-in-out;
}
.circle a {color:#FFF;}
.circle:hover {
background: #38b899;
}
.circle div {
 height: 120px;
 line-height: 120px;
}
.patient_portal {margin-left: 8px;}
.patient_portal  {width: 17em;}

.btn_more {
width: 60px;
height: 60px;
border-radius: 50%;
position: relative;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
background: #52525c;
font-family: 'PT Sans', sans-serif; text-transform:uppercase; font-weight:normal;
font-size: 1.2em;
color:#FFF;
margin-bottom: 30px;
text-align:center;
transition: background .15s ease-in-out;
-moz-transition: background .15s ease-in-out;
-webkit-transition: background .15s ease-in-out;
margin: 0 auto;
margin-bottom:30px;
}
.btn_more:hover {
background: #3f3f45;
}
.btn_more div {
 height: 60px;
 line-height: 60px;
}
.practice_holder {text-align:center; height: 300px;}
.practice_holder h1 {font-size: 1.3em; color:#2b879e;}
.avatar {
    border:1px solid #e1e1e1;
	background-color:#FFF;
	border-radius: 50%;
	height:160px;
	width:160px;
    position: relative;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	padding: 0;
	position: relative;
	margin: 0 auto;
}	
.img_circle {
	position: absolute;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	-webkit-border-radius: 140px;
	-moz-border-radius: 140px;
	background-repeat:no-repeat;
	background-position:center;
    top:50%;
    left:50%;    
	margin: -65px 0px 0px -65px;
}
.img_skin {background-image:url(img/img_skin.jpg);}
.img_psoriasis {background-image:url(img/img_psoriasis.jpg);}
.img_acne {background-image:url(img/img_acne.jpg);}
.img_laser {background-image:url(img/img_laser.jpg);}
.img_asthetics {background-image:url(img/img_asthetics.jpg);}
.img_products {background-image:url(img/img_products.jpg);}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
@import url(//fonts.googleapis.com/css?family=PT+Sans:400,700);
@font-face {
	font-family:'Font-Name';
	src:url('https://dsiderm.com/wp-content/themes/derma/fonts/font-name.eot');
	src:url('https://dsiderm.com/wp-content/themes/derma/fonts/font-name.eot#iefix') format('embedded-opentype'),
		url('https://dsiderm.com/wp-content/themes/derma/fonts/font-name.woff') format('woff'),
		url('https://dsiderm.com/wp-content/themes/derma/fonts/font-name.ttf') format('truetype'),
		url('https://dsiderm.com/wp-content/themes/derma/fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
 font-family: 'derma';
 src:url('fonts/derma_6npck9.eot');
 src:url('fonts/derma.eot') format('embedded-opentype'),
 url('fonts/derma_6npck9.woff') format('woff'),
 url('fonts/derma_6npck9.ttf') format('truetype'),
 url('fonts/derma_6npck9-derma.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
 font-family: 'derma';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 font-size: 3em;
 line-height: 1;
 color:#919a9f;
 
/* Better Font Rendering =========== */
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
   text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
 
.icon-facebook:before {
 content: "\e600";
}
.icon-twitter:before {
 content: "\e601";
}
.icon-linkedin:before {
 content: "\e602";
}

ul.social {margin: 0px; padding:0px;}
ul.social li{float:left; list-style:none; margin-right:10px;}

h1,h2,h3,h4 {font-family: 'PT Sans', sans-serif; text-transform:uppercase; font-weight:normal;}
.homepage_title {text-align: center; font-size: 4em; color:#3ec9a7;}
h1 span {color:#202255; font-weight:700;}
h2 {color:#3ec9a7;}
strong {color:#2b879e;}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}
.container {

  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 420px) {
.patient_portal {
padding: 2em;
}
.footer {padding: 2em;}
}
@media (min-width: 700px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 960px;
  }
  
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {

}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: 0;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: 0;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: 0;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: 0;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
}



.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-xs-height {
    display:table-row;
}
.col-xs-height {
    display:table-cell;
    float:none;
}

@media (min-width: 992px) {
    .container-md-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-md-height {
        display:table-row;
    }
    .col-md-height {
        display:table-cell;
        float:none;
    }
}




.navigation {
	background-image:url(img/flower.png);
	background-repeat:no-repeat;
	background-position:bottom right;}
.content {background-color:#fff; padding:1% 2% 1% 2%;
 box-shadow: 6px 0 4px -4px #ccc , -6px 0 4px -4px #ccc; 
 -moz-box-shadow: 6px 0 4px -4px #ccc, -6px 0 4px -4px #ccc; 
-webkit-box-shadow: 6px 0 4px -4px #ccc, -6px 0 4px -4px #ccc;
}

   
    .google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
    }
    .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    }

    .btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  color: #ffffff !important;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #212355);
  background-image: -moz-linear-gradient(top, #3cb0fd, #212355);
  background-image: -ms-linear-gradient(top, #3cb0fd, #212355);
  background-image: -o-linear-gradient(top, #3cb0fd, #212355);
  background-image: linear-gradient(to bottom, #3cb0fd, #212355);
  text-decoration: none;
}
.pay { margin: 2em; }