@charset "utf-8";
/*
	Author: Filip Todorov - www.filiptodorov.com
	Project: Rouleau Orthodontist
	All rights reserved
	
	1. FONTS
	2. CUSTOM
	3. TOP SECTION
	4. HEADER
	5. BUTTONS
	6. NAVIGATION
	6. SLIDER
	7. BOX
	8. SECTIONS
	9. CTA
*/

/* FONTS */
@import 'https://fonts.googleapis.com/css?family=Poppins:300,400|Raleway:400,500,700';

/* CUSTOM */
body, html {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: #9C9C9C;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
	margin:0 !important;
}

/* TOP SECTION */
.top_section {
	border-bottom:1px solid #EAEAEA;
}
.top_section .left p {
	font-size: 13px;
    color: #B6B6B6;
    margin:0;
    line-height:48px;
}
.top_section .left p span {
	color:#383838;
}
.top_section .social-icons ul, .top_section .social-icons ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.top_section .social-icons ul li a {
    display: inline-block;
    font-size: 15px;
    color: #A4A4A4;
    border-right: 1px solid #EAEAEA;
    line-height: 48px;
    text-align: center;
    padding: 0 16px;
    margin-left: -5px;
    transition: all .3s ease;
}
.top_section .social-icons ul li:first-child a {
    border-left: 1px solid #EAEAEA;
}
.top_section .social-icons ul li a:hover {
	color: #fff;
    background: #85d0cc;
}

/* HEADER */
.header {
	padding:35px 0px;
}
.single-header-item .icon-box, .single-header-item .content {
    display: table-cell;
    vertical-align: middle;
}
.single-header-item {
	float:left;
	padding-left:35px;
}
.single-header-item .icon-box .inner-box {
    width: 60px;
    height: 60px;
    border: 1px solid #E1E1E1;
    border-radius: 50%;
    text-align: center;
    line-height: 58px;
    margin-right: 15px;
}
.single-header-item .icon-box .inner-box i:before {
	font-size: 30px;
	color: #85d0cc;
}
.single-header-item .content h3 {
	font-size: 13px;
    text-transform: uppercase;
    color: #2B2B2B;
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    margin: 0;
    margin-bottom: 5px;
}
.single-header-item .content p {
	font-size: 13px;
    margin: 0;
    color: #B6B6B6;
}

/* BUTTONS */
.btn-primary {
	background: #85d0cc;
    border-radius: 30px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    padding: 12px 35px;
    border: 2px solid transparent;
    transition: all .3s ease;
}
.btn-primary:hover, .btn-primary:focus {
	background-color: #fff;
    border-color: #85d0cc;
    color: #85d0cc;
	outline:none;
	text-decoration:none;
}
.btn-default {
	background: none;
    border-radius: 30px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    padding: 12px 35px;
	border:2px solid #fff;
    transition: all .3s ease;
}
.btn-default.btn-sm {
	padding:5px 10px;
	font-size:10px;
}
.btn-default:hover, .btn-default:focus {
	background-color: #fff;
    border-color: #fff;
    color: #85d0cc;
	outline:none;
	text-decoration:none;
}


.single-header-item .btn-primary {
	margin: 7px 0;
}

/* NAVIGATION */
.navbar-inverse {
	border-radius:0;
	background: #262F36;
    border-bottom: 4px solid #85d0cc;
	margin-bottom:0;
}
.navbar-inverse .navbar-nav > li {
	display:inline-block;
	position:relative;
}
.navbar-inverse .navbar-nav > li > a {
	display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 23px 19px;
    transition: all .3s ease;
}
.navbar-inverse .navbar-nav > li.active > a,
.navbar-inverse .navbar-nav > li.active > a:hover,
.navbar-inverse .navbar-nav > li.active > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
	color:#85d0cc;
	background:none;
}
.navbar-inverse .navbar-nav > li:first-child > a {
	padding-left:0;
}
@media (min-width:768px) {
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
		margin-left:-15px;
		margin-right:-15px;
	}
}

/* SLIDER */
.slider {
	width:100%;
	height:auto;
	position:relative;
	background:url(../img/bg1.jpg) no-repeat center top;
	background-size:cover;
}
.slider.v2 {
	background:url(../img/bg5.jpg) no-repeat center top;
	background-size:cover;
}
.slider.v3 {
	background:url(../img/bg3.jpg) no-repeat center top;
	background-size:cover;
}
.slider.v4 {
	background:url(../img/bg6.jpg) no-repeat center top;
	background-size:cover;
}
.slider.v5 {
	background:url(../img/bg8.jpg) no-repeat center;
	background-size:cover;
}
.slider.v6 {
	background:url(../img/bg9.jpg) no-repeat center;
	background-size:cover;
}
.slider .overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	z-index:0;
}
.slider .container {
	position:relative;
	z-index:1;
}
.slider .message {
	padding:100px 0px;
	text-align:left;
	-webkit-font-smoothing: antialiased !important;
	font-family:'Raleway', sans-serif;
	cursor:default;
}
.slider .message h1 {
	font-size:48px;
	color:#202A30;
	text-transform:uppercase;
	margin:0;
	line-height:42px;
}
.slider .message h1.light {
	font-weight:300;
}
.slider .message h1.bold {
	font-weight:900;
}
.slider .message h3 {
	font-size:24px;
	color:#85d0cc;
}
.slider .message p {
	width:50%;
	font-size:20px;
	color:#666;
}

/* BOXES */
.boxes {
	width:100%;
	height:auto;
	background:url(../img/bg2.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	color:#fff;
}
.boxes .container {
	position:relative;
	z-index:2;
}
.boxes .col-sm-4, .boxes .col-sm-6 {
	padding:40px 30px;
	padding-bottom:60px;
	cursor:default;
}
.boxes .container .row .col-sm-4:nth-child(2), .boxes .container .row .col-sm-6:nth-child(2) {
	background:rgba(255,255,255,0.25);
}
.boxes .icon-area {
	width:70px;
	float:left;
	color:#fff;
}
.boxes .icon-area i:before {
	font-size:54px;
	margin-left:0;
}
.boxes .carea {
	width:calc(100% - 70px);
	float:right;
	padding-left:10px;
}
.boxes .carea h3 {
	margin:0;
	font-weight:300;
	text-transform:uppercase;
	font-size:20px;
	margin-top:15px;
}
.boxes .carea p {
	font-size:12px;
	font-weight:500;
	margin-top:10px;
}
.boxes .fill-left {
	width:calc((100% - 1170px) / 2);
	height:100%;
	position:absolute;
	right:0;
	top:0;
	background:rgba(255,255,255,0.25);
}
@media (min-width:768px) and (max-width:992px) {
	.boxes .fill-left {
		width:calc((100% - 750px) / 2);
	}
}
@media (min-width:992px) and (max-width:1200px) {
	.boxes .fill-left {
		width:calc((100% - 970px) / 2);
	}
}

/* SECTION */
.section {
	padding:80px 0px;
}
.section .heading {
	font-size: 32px;
    text-transform: capitalize;
    color: #202A30;
    font-weight: bold;
    margin: 0;
	text-align:center;
	cursor:default;
}
.section h3 {
	font-size:18px;
	font-weight:400;
	text-align:center;
	margin-top:0;
	margin-bottom:20px;
	padding-bottom:20px;
	position:relative;
	cursor:default;
}
.section h3:before {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width:100px;
	height:1px;
	background:#eee;
	content:' ';
}
.section.v1 {
	position:relative;
}
.section.v1 .overlay {
	background:rgba(255,255,255,0.95);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
.section.v1 .container {
	position:relative;
	z-index:2;
}
.section-image-left {
	background:#f9f9f9;
	position:relative;
}
.section-image-left img {
	position:relative;
	z-index:1;
}
.section-image-left .container {
	position:absolute;
	top:0;
	z-index:2;
	left:calc((100% - 1170px) / 2);
}
.section-image-left .col-sm-6 {
	padding:80px 40px;
}
@media (min-width:768px) and (max-width:992px) {
	.section-image-left .container {
		left:calc((100% - 750px) / 2);
	}
	.section-image-left .col-sm-6 {
		padding:20px 20px;
	}
}
@media (min-width:992px) and (max-width:1200px) {
	.section-image-left .container {
		left:calc((100% - 950px) / 2);
	}
}
.section-image-left h1 {
	font-size:24px;
	font-weight:bold;
	color:#202A30;
	margin:0;
	position:relative;
	margin-bottom:20px;
	padding-bottom:20px;
}
.section-image-left h1:after {
	position:absolute;
	bottom:0;
	left:0;
	width:80px;
	height:1px;
	background:#eee;
	content:' ';
}
.section-image-right {
	background:#f9f9f9;
	position:relative;
}
.section-image-right img.big {
	position:relative;
	z-index:1;
	margin-left:50%;
}
.section-image-right .container {
	position:absolute;
	top:0;
	left:calc((100% - 1170px) / 2);
	z-index:2;
}
.section-image-right .col-sm-6 {
	padding:80px 15px;
	text-align:left;
	padding-right:40px;
}
.section-image-right h1 {
	font-size:24px;
	font-weight:bold;
	color:#202A30;
	margin:0;
	position:relative;
	margin-bottom:20px;
	padding-bottom:20px;
}
	left:calc((100% - 1170px) / 2);
.section-image-right h1:after {
	position:absolute;
	bottom:0;
	left:0;
	width:80px;
	height:1px;
	background:#eee;
	content:' ';
}
.green {
	color:#85d0cc;
}

/* CALL TO ACTIONS */
.calltoaction1 {
	background:url(../img/bg4.jpg) center no-repeat;
	background-size:cover;
	position:relative;
	width:100%;
	height:auto;
	color:#fff;
	padding:100px 0px;
	text-align:left;
	cursor:default;
}
.calltoaction1 .overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#499894;
	z-index:0;
}
.calltoaction1 .container {
	z-index:1;
	position:relative;
}
.calltoaction1 a,
.calltoaction1 a:hover,
.calltoaction1 a:focus {
	color:inherit;
}

.calltoaction1 .heading {
	font-size: 32px;
    text-transform: capitalize;
    color: #fff;
    font-weight: bold;
    margin: 0;
	text-align:center;
	cursor:default;
}
.calltoaction1 .subheading {
	font-size:18px;
	font-weight:400;
	text-align:center;
	margin-top:0;
	margin-bottom:40px;
	padding-bottom:20px;
	position:relative;
	cursor:default;
}
.calltoaction1 .subheading:before {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width:100px;
	height:1px;
	background:#eee;
	content:' ';
}

/* FOOTER */
footer {
	background:#262F36;
	padding:90px 0px;
	color:#c9c9c9;
}
footer img {
	margin-bottom:20px;
}
footer .col-sm-3:first-child p {
	font-size:12px;
}
footer h3 {
	margin:0;
	padding:0;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	font-family:'Raleway', sans-serif;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:7px;
}
.social {
	margin:0;
	padding:0;
	list-style:none;
}
.social li {
	list-style:none;
	display:inline-block;
}
.social li a {
	display: inline-block;
    width: 30px;
    height: 30px;
    color: #CACFD3;
    border: 1px solid #CACFD3;
    line-height: 28px;
    text-align: center;
    font-size: 15px;
    border-radius: 50%;
    margin-right: 3px;
    transition: all .3s ease;
}
.social li a:hover {
	background: #85d0cc;
    border-color: #85d0cc;
	color:#111;
}
.menu {
	list-style:none;
	margin:0;
	padding:0;
}
.menu li {
	display:block;
	height:auto;
}
.menu li a {
	display:block;
	height:auto;
	padding:5px 15px;
	color:#c9c9c9;
	background:rgba(255,255,255,0.01);
	margin-bottom:3px;
	-webkit-transition:0.2s ease all;
	-moz-transition:0.2s ease all;
	-o-transition:0.2s ease all;
	transition:0.2s ease all;
}
.menu li a:hover {
	text-decoration:none;
	padding-left:20px;
	color:#85d0cc;
}
footer .col-sm-3:nth-child(4) a {
	color:#85d0cc;
}

/* DOCTOR PROFILE */
.doctor_profile {
	padding:40px 0px;
}
.doctor_profile h3 {
	color:#202A30;
	font-weight:bold;
	margin-top:0;
}
.grey {
	background:#f9f9f9;
}
.section.left-aligned h1, .section.left-aligned h3 {
	text-align:left;
}
.section.left-aligned h3:before {
	left:0;
	right:auto;
	margin-left:0;
}
.team-members {
	margin-top:40px;
	text-align:center;
}
.team-members img {
	max-width:100%;
	margin-bottom:10px;
}

/* TESTIMONIALS */
.testimonials {
	background:url(../img/bg3.jpg) center no-repeat;
	position:relative;
	padding:80px 0px;
}
.testimonials .overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.90);
	z-index:0;
}
.testimonials .container {
	position:relative;
	z-index:1;
}
.single-testimonaials {
	text-align: center;
    background: #fff;
    padding: 0 20px;
    padding-bottom: 40px;
    margin-top: 30px;
}
.single-testimonaials .qoute-box {
    width: 60px;
    height: 60px;
    text-align: center;
    color: #85d0cc;
    background: #fff;
    line-height: 60px;
    -webkit-box-shadow: 0 0 7px -2px rgba(0,0,0,.2);
    box-shadow: 0 0 7px -2px rgba(0,0,0,.2);
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    bottom: 30px;
    margin-bottom: -10px;
}
.single-testimonaials .qoute-box .qoute {
    font-size: 80px;
    vertical-align: bottom;
    line-height: 0;
    text-align: center;
    margin-right: 25px;
}
.single-testimonaials p {
    font-weight: 500;
    color: #383838;
    font-size: 12px;
}
.single-testimonaials h3 {
    font-size: 16px;
    color: #202A30;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    margin-top: 20px;
    margin-bottom: 6px;
}
.single-testimonaials span {
    font-size: 13px;
    color: #A4A4A4;
    text-transform: capitalize;
}
.single-specialize {
    padding: 0 60px;
}
.single-specialize .icon-box {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #F0F0F0;
    line-height: 118px;
    color: #85d0cc;
    margin-bottom: 30px;
    transition: all .3s ease;
}
.single-specialize .icon-box i:before {
    font-size: 60px;
}
.single-specialize h3 {
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    color: #202A30;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 20px;
}
.single-specialize p {
    color: #9C9C9C;
    font-size: 14px;
    margin: 0;
    margin-bottom: 25px;
}
.single-specialize:hover .icon-box {
    background: #85d0cc;
    border-color: #85d0cc;
    color: #fff;
}
button:focus, .btn:focus {
	outline:none !important;
}
/* FORMS */
.appointment .form-group label {
	font-size:12px;
	font-weight:bold;
	color:#202A30;
	text-transform:uppercase;
}
.form-control {
	border-radius:0;
	box-shadow:none;
}
.form-control:focus {
	box-shadow:none;
	border:1px solid #85d0cc;
}


.accordion {
	padding-bottom: 31px;
	position: relative;
	padding-right: 55px;
}
.accordion:last-child {
	padding-bottom: 0;
}
.accordion:last-child:before {
	display: none;
}
.accordion.active:last-child:before {
	display: block;
}
.accordion.active:before,
.accordion:before {
	content: '';
	width: 1px;
	height: 100%;
	position: absolute;
	top: 5px;
	left:6px;
	background: #F1F1F1;
}
.accordion .accordion-content {
	padding-top: 21px;
}
.accordion .accordion-title h4 {
	margin: 0;
	font-size: 20px;
	color: #202A30;
	font-weight: 600;
	cursor: pointer;
}
.accordion .accordion-title h4 span.decor {
	width: 14px;
	height: 14px;	
	border-radius: 50%;
	border: 2px solid #F1F1F1;
	background: #fff;
	display: inline-block;
	position: relative;
	z-index: 1;
	margin-right: 20px;
 }
.accordion .accordion-title h4 span.inner {
    width: 4px;
    height: 4px;
    background: #F1F1F1;
    border-radius: 50%;
    display: block;
    margin: auto;
    margin-top: 3px;
}
.accordion.active .accordion-title h4 span.decor {
	border-color: #85d0cc;
}
.accordion.active .accordion-title h4 span.inner {
	background: #85d0cc;	
}
.accordion .accordion-content {
	padding-left: 40px;
}
.accordion .accordion-content p {
	margin-bottom: 21px;
	font-size: 14px;
	color: #9C9C9C;
	line-height: 26px;
}
.accordion .accordion-content p:last-child {
	margin-bottom: 0;
}

.accordion.dark .accordion-title h4 {
	color:#fff;
}
.accordion.dark .accordion-content p {
	color:#fff;
}
.big-icon:before {
	font-size:36px !important;
}
.collapss .heading {
	margin-top:20px;
}
#google_map {
	width:150%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index:1;
}
.contact-slider {
	overflow:hidden;
}
.contact-slider .overlay {
	z-index:2;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.15) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.15) 100%);
	background: linear-gradient(to right, rgba(255,255,255,01) 0%,rgba(255,255,255,0.15) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.contact-slider .container {
	z-index:3;
}
.dark-icon:before {
	color:#202A30 !important;
}

@media (max-width:768px) {
	.top_section .left p {
		font-size:10px;
		line-height:normal;
		padding:5px 0px;
	}
	.top_section .social-icons {
		display:none;
	}
	.header .logo {
		display:block;
		float:none !important;
		text-align:center;
		width:100%;
	}
	.header .logo img {
		margin-left:auto;
		margin-right:auto;
	}
	.header .header-right {
		display:none;
	}
	.navbar-inverse .navbar-nav > li {
		display:block;
	}
	.navbar-inverse .navbar-nav > li > a {
		padding:10px 20px;
	}
	.navbar-inverse .navbar-nav > li:first-child > a {
		padding-left:20px;
	}
	.slider .message {
		padding:50px 0px;
	}
	.slider .message h1 {
		font-size:36px;
		line-height:32px;
	}
	.slider .message h3 {
		font-size:18px;
	}
	.slider .message p {
		font-size:14px;
		width:75%;
	}
	.section {
		padding:50px 0px;
	}
	.section .heading, .calltoaction1 .heading {
		font-size:24px;
	}
	.section h3, .calltoaction1 .subheading {
		font-size:16px;
	}
	.lead {
		font-size:16px;
	}
	p {
		font-size:12px;
	}
	.section-image-left {
		position:relative;
	}
	.section-image-left img {
		width:100%;
		height:auto;
		display:block;
	}
	.section-image-left .container {
		position:relative;
		left:0;
	}
	.section-image-left .col-sm-6 {
		padding:20px 15px;
	}
	
	.section-image-right {
		position:relative;
	}
	.section-image-right .big {
		width:100%;
		height:auto;
		display:block;
		left:0 !important;
		margin-left:0 !important;
		position:relative;
	}
	.section-image-right .container {
		position:relative;
		left:0;
	}
	.section-image-right .col-sm-6 {
		padding:20px 15px;
	}
	.calltoaction1 {
		padding:50px 0px;
	}
	.calltoaction1 h2 {
		font-size:20px;
	}
	footer {
		padding:50px 0px;
	}
	footer h3 {
		margin-top:30px;
	}
	.doctor_profile h3 {
		margin-top:15px;
	}
	.team-members .col-sm-2 {
		margin-bottom:30px;
	}
	.single-specialize {
		padding:0px 15px;
	}
	.app_p {
		width:100% !important;
		margin-left:0 !important;
	}
	.accordion {
		padding-right:0;
	}
	.accordion-title {
		width:100%;
	}
	.accordion-title .text {
		display:block;
		margin-left:30px;
		margin-top:-20px;
	}
	.accordion .accordion-title h4 {
		font-size:14px;
		padding-left:0;
	}
	.accordion .accordion-content p, .accordion .accordion-content li {
		font-size:11px;
		line-height:normal;
	}
	.accordion .accordion-content ul {
		padding-left:15px;
	}
}