@import 'https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i'
	
*{margin:0; padding:0;}
#body{font-family:'LatoRegular'; font-size:17px; color:#fff;}



body {
	background: url("../img/background.jpg.html") no-repeat fixed center center / 100% auto rgba(0, 0, 0, 0);
}
nav {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	position: absolute;
	top: 0;
	z-index: 500;
}
.top-nav {
	background: url("../images/black_rept.png") repeat; margin:0px 0 0 0;
}
.top-nav ul {
	padding: 0;
}
.logo {
	margin: 0;
	text-align: center;
	width: 100%;
}
.top-nav a {
	font-size: 16px;
	text-transform: none;  
	font-family: 'Lato', sans-serif!important;
	font-weight: 200;
}
.top-nav .logo a, .top-nav .logo.active-item a {
	color: #fff;
	font-size: 1.4em;
	font-weight: 400;
	line-height: 1em;
}
.top-nav .logo a strong {
	font-size: 1.05em;
	font-weight: 800;
}
.top-nav {
	text-align: center;
}
.top-nav li a:hover, .top-nav li.active a {
	background: none repeat scroll 0 0 #571d1f!important;
}
.top-nav li.logo a, .top-nav li.logo.active-item a, .top-nav .logo {
	background: none repeat scroll 0 0 #2fcbe0;
}
nav ul li ul li {
	text-align: left;
}
.top-nav ul ul {
	/*background: none repeat scroll 0 0 rgb(0, 30, 34);*/
}
.top-nav li ul li a {
	background: rgba(64, 15, 17, 0.83);
}
.top-nav li a:hover {
	background: rgb(64, 15, 17);
}
.top-nav li ul li.active a {
	background: url("../images/blu_rept.png") repeat!important;
}


#fourth-block h2 {
	color: #fff;
}
#fourth-block p {
	color: #fff;
}
#first-block, #second-block, #third-block, #fourth-block {
	text-align: center;
	padding: 4.5em 0;
}
#carousel {
	background: #fff;
}
#first-block {
	background: #fff;
}
#second-block {
	background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
}
#third-block {
	background: #fff;
}
#fourth-block {
	background: rgb(0, 30, 34);
}
footer {
	background: none repeat scroll 0 0 #2fcbe0;
	padding: 1.5em 0;
}
footer p, footer a:link, footer a:visited, footer a:hover {
	color: #fff;
}
.carousel-text {
	display: block;
	position: absolute;
	top: 25%;
	width: 100%;
	z-index: 999;
}
.carousel-text h2 {
	background: none repeat scroll 0 0 #fff;
	color: rgb(0, 30, 34);
	display: inline-block;
	padding: 0.3125em 0.625em;
	font-size: 2em;
}
.carousel-text p {
	background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
	color: #fff;
	display: inline-block;
	font-size: 1.2em;
	padding: 0.625em 0.8em;
}
#first-block i {
	background: none repeat scroll 0 0 #2fcbe0;
	border-radius: 100px;
	color: #fff;
	display: block;
	line-height: 100px;
	margin: 0 auto;
	width: 100px;
}
section h2 {
	font-size: 2.5em;
	font-weight: 300;
	margin: 0;
	text-transform: uppercase;
}
p.subtitile {
	color: #999;
	margin: 0 0 3.5em;
}
section h3 {
	font-size: 1.3em;
	font-weight: 300;
	margin: 0.8em 0;
	text-transform: uppercase;
}
section p {
	font-size: 0.8em;
}
section h1 {
	color: #fff;
	font-size: 2.5em;
	font-weight: 300;
	text-transform: uppercase;
}
#second-block p {
	color: #fff;
}
a.button {
	background: none repeat scroll 0 0 #2fcbe0;
	border: 0 none;
	border-radius: 5px;
	color: rgb(0, 30, 34);
	font-size: 0.8em;
	font-weight: 600;
	padding: 0.625em;
	text-transform: uppercase;
}
#head {
	background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
	padding: 9em 0 5em;
	text-align: center;
}
#content {
	background: none repeat scroll 0 0 #fff;
	padding: 5em 0;
	text-align: center;
	border-bottom: 1px solid #f0f0f0;
}
#content h2 {
	font-size: 1.5em;
	font-weight: 400;
	margin: 1em 0 0.3em;
	text-transform: none;
}
.content-block {
	background: none repeat scroll 0 0 rgb(0, 30, 34);
	padding: 2.5em;
}
.content-block h3 {
	color: #fff;
}
.content-block p {
	color: #fff;
}
#content.left-align {
	text-align: left;
}
#content.contact-page h2 {
	margin: 0 0 0.625em;
}
.contact-page p {
	font-size: 1em;
	font-style: normal;
}
.contact-page i {
	background: none repeat scroll 0 0 rgb(0, 30, 34);
	border-radius: 100px;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	margin: 0.3125em 0.3125em 0.3125em 0;
	text-align: center;
	width: 35px;
}
form.customform button {
	background: none repeat scroll 0 0 rgb(0, 30, 34);
	border-radius: 5px;
	transition: background 0.20s linear 0s;
	-o-transition: background 0.20s linear 0s;
	-ms-transition: background 0.20s linear 0s;
	-moz-transition: background 0.20s linear 0s;
	-webkit-transition: background 0.20s linear 0s;
}
form.customform button:hover {
	background: none repeat scroll 0 0 #2fcbe0;
}
form.customform input, form.customform select, form.customform textarea {
	border-radius: 5px;
}
#map-block iframe {
	display: block;
}
@media screen and (max-width: 800px) {
body {
	background: none repeat scroll 0 0 rgb(0, 30, 34);
}
nav {
	background: none repeat scroll 0 0 rgb(0, 30, 34);
	line-height: 1em;
	position: relative;
}
.top-nav {
	 float: right;
    margin: 0;
    text-align: left;
    width: 100%;
}
.top-nav li {
	line-height: 2em;
}
.top-nav .logo {
	padding: 1.25em;
}
.carousel-text h2 {
	font-size: 1.3em;
}
.carousel-text p {
	font-size: 1em;
}
ul.top-ul {
	padding: 0;
}
ul.top-ul.right {
	float: none;
}
}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
.top-nav a {
	font-family: 'Lato', sans-serif;
    font-size: 15px;
    text-transform: none;
}
}

/*start Optima customization******************/

ul.nav > li:last-child {
	background: #228B22;
}

#page-home #banner_inner,
#page-home #inner_white {
		display: none;
	}


.column16 > .sb-col {
	float: left;
}

body:not([id^="page-app"]) .main-container:not(.page-25359072) .column16 > .sb-col:first-child {
	float: left;
	width: 100%!important;
	margin-right: 0px;
	padding-right: 20px;
}

body:not([id^="page-app"]) .main-container:not(.page-25359072) .column16 > .sb-col:nth-child(2) {
	float: left;
	width: 100%!important;
}

@media only screen and (min-width: 768px) {
body:not([id^="page-app"]) .main-container:not(.page-25359072) .column16 > .sb-col:first-child {
	float: left;
	width: 30%!important;
	margin-right: 0px;
	padding-right: 20px;
	}

body:not([id^="page-app"]) .main-container:not(.page-25359072) .column16 > .sb-col:nth-child(2) {
	float: left;
	width: 65%!important;
}
	}

body:not:(#page-home) .column16 > .sb-col:first-child .sb-module {
	padding: 0px 10px;
}

body:not:(#page-home) .column16 > .sb-col:nth-child(2) .sb-module {
	padding: 0px 0px;
}

body:not([id^="page-home"]) .column16 > .sb-col:first-child {
	padding-top: 20px!important;
	padding-bottom: 20px!important;
}

body:not([id^="page-home"]) .column16 > .sb-col:nth-child(2) {
	padding-top: 20px!important;
	padding-bottom: 20px!important;
}

@media only screen and (max-width: 767px) {
	body:not([id^="page-app"]) .column16 > .sb-col:first-child,
	body:not([id^="page-app"]) .column16 > .sb-col:nth-child(2) {
	float: none;
	width: 100%!important;
	padding-right: 0px;
}
}


 .sb-module .box {
	background: none repeat scroll 0 0 #fff; 
    display: inline-block; 
    padding: 1.25em; 
    width: initial; 
}

#logo_area,
.top-nav {
	z-index: 99;
}

.glyphicon-calendar {
	background-image: url(https://themes.thinkoptima.com/custom/drgiuliani/images/calendar.png);
}

.nav {
	display: block!important;
}

.nav > li {
    position: inherit!important;
}

/* appointment request form */

.helptext {
	display: block;
	padding-bottom: 10px;
	font-style: italic;
}

@media only screen and (min-width: 768px) {
/*.form .date input[type=text] {*/
	.input-group {
		width: 50%;
	}
}

label {
    display: block!important;
    margin-bottom: .3rem;
}

label[for^="id_disclaimer"] {
	font-weight: 800;
}

.contact-form.sb-form-appointment-request ul {
	color: #444!important;
}

/* adjust spacing between inputs */
.contact-form p input:not(#id_date-of-birth),
.contact-form select,
.contact-form textarea,
.input-group.date {
	margin-bottom: 20px!important;
}

.contact-form ul li input {
	margin-bottom: 10px!important;
}

.contact-form ul li:last-child input {
	margin-bottom: 30px!important;
}

textarea {
    overflow: auto;
    width: 100%;
}

ul#id_how-did-you-hear-about-us label {
	line-height: 10px;
}

.contact-form.sb-form-appointment-request ul.errorlist {
	color: red!important;
}

h2 > a {
	color: inherit!important;
}

/*Custom link Header styling******************/
.main-container.page-25359072 .sb-module h1,
.main-container.page-25359072 .sb-module h2 {
	font-weight: 600!important; font-size:36px; color:#003868; padding:0 0 10px 0; text-align:left;	
}

.main-container.page-25359072 .sb-module a {
	color:#003868;
}

body:not(#page-dental-updates) .post .entry a {
	margin-top: 20px!important;
	margin-bottom: 10px;
	display: inline-block;
}

.main-container.page-25359072 .column16 > .sb-col:nth-child(2) ul li {
	list-style: none;
}

.main-container.page-25359072 .column16 > .sb-col:nth-child(2) .sb-module {
	padding-top: 20px;
	font-size: 16px;
	line-height: 28px;
}

.main-container.page-25359072 .column16 > .sb-col:nth-child(2) .sb-module h3 {
	color: inherit!Important;
}

.meta .comments {
	padding-left: 10px
}


/*page-blog*/

.social {
	padding-top: 20px;
	display: block;
}

#page-dental-updates h3 {
	margin: 20px 0px!important;
}

/*Optima Attribution******************/

.by-optima {
    font-weight: bold;
    font-size: 12px!important;
    padding: 6px;
    border-radius: 5px;
    width: 220px;
    display: block!important;
    vertical-align: middle;
    margin: auto!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    clear: both!important;
}

.by-optima img {
	width: 75px;
	vertical-align: middle;
	padding-left: 5px;
}