/* Life Lab - Health Care HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Header Style two
5. Main Slider
6. Section Title
7. Page Title
8. Main Slider
9. Call To Action
10. About Us
11. Department Section
12. Fluid Section One
13. Services Section
14. Project Section
15. Doctors Section
16. Team Section
17. Doctor Detail Section
18. Subscribe Section
19. Fun Facts Section
20. Testimonials And Timetable
21. Testimonials Section
22. Contact Form Section
23. Clients Section
24. Contact Form Section
25. FAQ's Section
26. Appointment Page Section
27. News Section
28. Blog Detail	
29. Comment Area
30. Comment Form
31. Department Detail
32. Price Features
33. Contact Section
34. Map Section
35. Clients Section
36. Main Footer
37. Sidebar Page Container
38. Contact Page Section

**********************************************/

@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');

/*
	font-family: 'Roboto', sans-serif;
	font-family: 'Raleway', sans-serif;
*/

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.timepicker.min.css');
@import url('hover.css');
@import url('jquery-ui.css');

/*** 

====================================================================
	Reset
====================================================================

 ***/
 
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-size:15px;
	color:#777777;
	line-height:1.8em;
	font-weight:400;
	background:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	-webkit-font-smoothing: antialiased;
	font-family: 'Roboto', sans-serif;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#00aeef;
}

a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:700;
	margin:0px;
	background:none;
	line-height:1.6em;
	font-family: 'Raleway', sans-serif;
}

textarea{
	overflow:hidden;
}

p{
	position:relative;
	line-height:1.8em;	
	font-size: 14px;
	margin: 0;
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.page-wrapper{
	position:relative;
	overflow: hidden;
	margin:0 auto;
	width:100%;
	min-width:300px;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

/*List Style One*/

.list-style-one{
	position:relative;
}

.list-style-one li{
	position:relative;
	font-size:16px;
	font-weight:400;
	padding-left:20px;
	margin-bottom:10px;
	color:#777777;
}

.list-style-one li:before{
	position:absolute;
	content:'\f105';
	left:0px;
	top:0px;
	color:#00aeef;
	font-size:16px;
	font-family: 'FontAwesome';
}

/*List Style Two*/

.list-style-two{
	position:relative;
}

.list-style-two li{
	position:relative;
	font-size:16px;
	font-weight:400;
	padding-left:70px;
	margin-bottom:40px;
	color:#777777;
}

.list-style-two li .icon{
	position:absolute;
	left:0px;
	top:3px;
	width:40px;
	color:#00aeef;
	font-size:42px;
	line-height:1em;
	text-align:center;
}

.list-style-two li strong{
	font-size:20px;
	color:#333333;
	font-weight:700;
	display:block;
}

.theme-btn{
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease ;
}

.theme-btn i{
	display: inline-block;
	margin-right: 5px;
}

/*Btn Style One*/

.btn-style-one{
	position:relative;
	font-size:14px;
	line-height:20px;
	color:#ffffff;
	padding:15px 40px;
	font-weight:700;
	background:#00aeef;
	letter-spacing: .30px;
	text-transform:uppercase;
}

.btn-style-one:hover{
	color:#ffffff;
	background:#222222;
}

/*Btn Style Two*/

.btn-style-two{
	position:relative;
	font-size:14px;
	color:#ffffff;
	line-height:20px;
	padding:15px 30px;
	font-weight:700;
	background:#222222;
	letter-spacing: .30px;
	text-transform:uppercase;
}

.btn-style-two:hover{
	color: #222222;	
	background:#ffffff;
}

.btn-style-two i{
	display: inline-block;
}

/*Btn Style Three*/

.btn-style-three{
	position:relative;
	font-size:14px;
	color:#00aeef;
	line-height:20px;
	padding:15px 30px;
	font-weight:400;
	text-transform:uppercase;
	border: 1px solid #dddddd;
}

.btn-style-three:hover{
	color: #ffffff;	
	background:#00aeef;
	border-color:#00aeef;
}

/*Btn Style Four*/

.btn-style-four{
	position:relative;
	font-size:15px;
	color:#333333;
	padding:17px 50px 13px;
	line-height:20px;
	font-weight:700;
	background:#ffffff;
	letter-spacing: .30px;
	text-transform:uppercase;
}

.btn-style-four:hover{
	color: #ffffff;	
	background:#333333;
}

/*=== Btn style Five*/

.btn-style-five{
	position:relative;
	font-size:15px;
	color:#333333;
	padding:13px 30px;
	line-height:20px;
	font-weight:600;
	background:transparent;
	border:2px solid #333333;
	text-transform:capitalize;
}

.btn-style-five:hover{
	color:#ffffff;
	background:#333333;
	border-color:#333333;
}

.theme_color{
	color:#00aeef;	
}

img{
	display:inline-block;
	max-width:100%;	
}

.preloader{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:999999; 
	background-color:#ffffff; 
	background-position:center center; 
	background-repeat:no-repeat; 
/*	background-image:url(../images/icons/preloader.svg);*/
}

.ui-button .ui-icon{
	background:none !important;
	position:relative;
	top:0px;
	right: -10px;
	font-size:16px;
	line-height: 24px;
	text-indent:0px;
	color:#222222;	
}

.ui-button .ui-icon:before{
	font-family: '';
	content: "";
	z-index:5;
}

.ui-menu .ui-menu-item{
	font-size:14px;
	font-weight: 400;
	color: #777777;
	border-bottom:1px solid #e0e0e0;
}

.ui-menu .ui-menu-item:last-child{
	border:none;	
}

.ui-menu .ui-menu-item-wrapper{
	position:relative;
	display:block;
	padding:6px 20px ;
	font-size:14px;
	font-weight: 400;
	line-height:24px;
}

.social-icon-one{
	position: relative;
	display: block;
}

.social-icon-one li{
	position: relative;
	display: inline-block;
	margin-right: 13px;
}

.social-icon-one li a{
	display: inline-block;
	font-size: 16px;
	line-height: 35px;
	height: 35px;
	width: 35px;
	text-align: center;
	color: #888888;
	font-weight: 400;
	border:1px solid #bbbbbb;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-one li a:hover{
	color: #ffffff;
	background-color: #00aeef;
	border-color: #00aeef;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:absolute;
	top:-37px;
	right:0;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:16px;
	text-transform:uppercase;
	line-height:40px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#222222;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;		
}

.scroll-to-top:hover{
	color:#222222;
	background:#ffffff;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position:relative;
	left:0px;
	top:0px;
	z-index:999;
	width:100%;
}

/*=== Header Top ===*/

.main-header .header-top{
	position:relative;
	background-color:#ffffff;
	border-top: 4px solid #00aeef;
}

.main-header .header-top:before{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	border-bottom:1px solid rgba(0,0,0,0.10);
}

.header-style-two .header-top:before{
	display:none;	
}

.main-header .header-top .inner-container{
	position: relative;
}

.main-header .header-top .top-left{
	position:relative;
	float:left;
}

.main-header .header-top .social-icon{
	float: left;
}

.header-top .social-icon li{
	position: relative;
	float: left;
}

.header-top .social-icon li a{
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 22px;
	padding: 10px 0;
	width: 42px;
	text-align: center;
	color: #cccccc;
	border-right: 1px solid #ebebeb;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-top .social-icon li a:hover{
	color: #00aeef;
}

.main-header .header-top .top-left p{
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 22px;
	color: #888888;
	padding: 10px 0;
	margin-left: 20px;
}

.main-header .header-top .top-right{
	position:relative;
	float:right;
}

.header-top .top-right ul li{
	position: relative;
	display: inline-block;
	border-left: 1px solid #ebebeb;
} 

.header-top .top-right ul li:first-child{
	border-left: 0;
}

.header-top .top-right ul li a{
	display: block;
	font-size: 12px;
	line-height: 19px;
	color: #888888;
	padding: 10px 30px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-top .top-right ul li a:hover{
	color: #00aeef;
}


.header-top .top-right ul li .call-btn{
	color: #00aeef;
	padding: 12px 25px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-top .top-right ul li .call-btn:hover{
	background-color: #00aeef;
	color: #ffffff;
}

/*=== Header Upper ===*/

.main-header .header-upper{
	position:relative;
	z-index:5;
	background-color:#ffffff;
}

.main-header .logo-outer{
	position:relative;
	padding:45px 0px;
	z-index:25;
}

.main-header .logo-outer .logo img{
	position:relative;
	display:inline-block;
	max-width:100%;
}

.main-header .header-upper .upper-right{
	position:relative;
	padding: 51px 0 0;
}

.main-header .info-box{
	position:relative;
	float:left;
	padding-left:70px;
	margin-left:65px;
	min-height: 48px;
}

.main-header .info-box .icon-box{
	position:absolute;
	left:0px;
	top:0px;
	height: 48px;
	width: 48px;
	text-align: center;
	border: 1px dashed #d2d2d2;
	border-radius: 50%;
	color:#00aeef;
	font-size: 24px;
	line-height: 46px;
	font-weight: 300;
}

.main-header .info-box li{
	position:relative;
	font-size:14px;
	line-height: 24px;
	font-weight:400;
}

.main-header .info-box strong{
	position:relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #222222;
	font-weight: 700;
	font-family: "Raleway", sans-serif;
}

/*=== Header Lower ===*/

.main-header .header-lower{
	position:relative;
	top:0px;
	width:100%;
	z-index:5;
}

.main-header .nav-outer{
	position:relative;
	background-color:#ffffff;
	padding-left: 215px;
}

.main-menu{
	position:relative;	
	float: right;
	width: 100%;
	background-color: #00aeef;
}

.main-menu .navbar-collapse{
	padding:0px;	
}

.main-menu .navigation{
	position:relative;
	padding-left: 40px;
}

.main-menu .navigation > li{
	position:relative;
	display: inline-block;
	margin-right: 40px;
	font-family: "Raleway", sans-serif;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	font-size:15px;
	color:#ffffff;
	font-weight:700;
	line-height:20px;
	opacity:1;
	text-transform:uppercase;
	padding: 20px 0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease ;
}

.main-header .sticky-header .main-menu .navigation > li > a{
	color:#181818;
	padding:15px 15px !important;
	line-height:30px;
	font-size:16px;
	font-weight:600;
	min-height:0px;
	background:none;
	border:0px;
	margin-right:0px;
	text-transform:capitalize;
}

.sticky-header .main-menu .navigation > li > a:before{
	display:none;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{
	opacity:1;
	color: #222222;
}

.main-menu .navigation > li:hover > a:after{
	opacity:1;
}

.main-menu .navigation > li > ul{
 position:absolute;
 left:0px;
 top:100%;
 width:250px;
 padding:10px 10px;
 z-index:100;
 background:#222222;
 -webkit-transition:all 300ms ease;
 -ms-transition:all 300ms ease;
 -moz-transition:all 300ms ease;
 transition:all 300ms ease;
 -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
 -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
 -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
 -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
 box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul:before{
 content:'';
 position:absolute;
 left:0px;
 top:0px;
 width:250px;
 height:100%;
 outline: 1px solid #555;
 outline-offset: -10px; 
}

.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 10px;
	line-height:24px;
	font-weight:400;
	font-size:15px;
	color:#ffffff;
	text-align:left;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border-left: 2px solid transparent;
}

.main-menu .navigation > li > ul > li:hover > a{
	color:#ffffff;
	background:rgba(255,255,255, .10);
	border-left: 2px solid #00aeef;
	padding-left: 15px;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	position:absolute;
	right:15px;
	top:13px;
	width:10px;
	height:20px;
	display:block;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
	content: "\f105";
	font-family: 'FontAwesome';
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:20px;
	width:250px;
	padding:10px 10px;
	z-index:100;
	display:none;
	background:#222222;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    outline: 1px solid #555;
    outline-offset: -10px;
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li  > ul > li > a{
	position:relative;
	display:block;
	padding:10px 20px;
	line-height:24px;
	font-weight:500;
	font-size:15px;
	color:#ffffff;
	text-align:left;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border-left: 3px solid transparent;
}

.main-menu .navigation > li > ul > li  > ul > li > a:hover{
	color:#ffffff;
	background:rgba(255,255,255, .10);
	border-left: 3px solid #00aeef;
}

.main-menu .navigation > li.dropdown:hover > ul{
	opacity:1;
	visibility:visible;
	top:100%;	
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	top:-2px;
	opacity:1;
	visibility:visible;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:8px;
	width:34px;
	height:30px;
	border:1px solid #ffffff;
	text-align:center;
	font-size:16px;
	line-height:26px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header .search-box-outer{
	position: absolute;
	right: 30px;
	top: 0;
    color: #ffffff;
    padding: 20px 0px;
}

.main-header .search-box-btn{
	position:relative;
	display:block;
	width:100%;
	font-size:14px;
	line-height: 20px;
	color: #ffffff;
	padding:0px;
	margin:0px;
	cursor:pointer;
	background:none;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .search-box-btn:hover{
	color:#222222;	
}

.main-header .dropdown-menu{
	top:38px;
	right: -30px;
	border-top:3px solid #00aeef;
	padding:0px;
	width:280px;	
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
}

.main-header .search-box-outer .dropdown-menu > li{
	padding:0px;
	border:none;
	background:none;
}

.main-header .search-panel .form-container{
	padding:25px 20px;	
}

.main-header .search-panel .form-group{
	position:relative;
	margin:0px;	
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
	display:block;
	width:100%;
	line-height:24px;
	padding:7px 40px 7px 15px;
	height:40px;
	color:#000000;
	border:1px solid #e0e0e0;
	background:#ffffff;	
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
	border-color:#00aeef;	
}

.main-header .search-panel .search-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	color:#555555;
	font-size:12px;
	background:none;
	cursor:pointer;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .search-panel .search-btn:hover{
	color:#00aeef;	
}

/*Sticky Header*/

.sticky-header{
	position:fixed;
	opacity:0;
	visibility:hidden;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	z-index:-1;
}

.sticky-header .logo{
	padding:10px 0px;	
}

.fixed-header .sticky-header{
	z-index:999;
	opacity:1;
	visibility:visible;
	background-color:#ffffff;
	-webkit-box-shadow: 0 0 20px rgba(51,51,51,.1);
	-moz-box-shadow: 0 0 20px rgba(51,51,51,.1);
	-ms-box-shadow: 0 0 20px rgba(51,51,51,.1);
	-o-box-shadow: 0 0 20px rgba(51,51,51,.1);
	box-shadow: 0 0 20px rgba(51,51,51,.1);
}

.main-header .sticky-header .main-menu{
	background-color: #ffffff;
}

.fixed-header .sticky-header .main-menu .navigation > li{
	margin: 0;
	padding: 0;
}

.main-header .sticky-header .main-menu .navigation > li:hover > a,
.main-header .sticky-header .main-menu .navigation > li.current > a,
.main-header .sticky-header .main-menu .navigation > li.current-menu-item > a{
	background:#00aeef;
	color:#ffffff;
	opacity:1;
}

/*======== Header Style Two ============*/
.header-style-two{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: rgba(255,255,255,.50);
}

.header-style-two .auto-container{
	position: relative;
}

.header-style-two .logo-box .logo{
	position: absolute;
	left: 15px;
	top: 0;
	height: 180px;
	width: 200px;
	text-align: center;
	background-color: #ffffff;
	z-index: 99;
}

.header-style-two .logo-box .logo a{
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.header-style-two .logo img{
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
}

.header-style-two .header-top{
	position: relative;
	background-color: #00aeef;
	border-top: 0;
}

.header-style-two .top-left{
	position: relative;
	padding: 10px 0;
}

.header-style-two .top-left .contact-list{
	position: relative;
}

.header-style-two .top-left .contact-list li{
	position: relative;
	float: left;
	margin-right: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

.header-style-two .top-left .contact-list li a{
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-style-two .top-left .contact-list .icon{
	position: relative;
	float: left;
	margin-right: 10px;
	height: 30px;
	width: 30px;
	line-height: 30px;
	font-size: 13px;
	color: #ffffff;
	text-align: center;
	border:1px dashed #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.header-style-two .top-left .contact-list li a:hover{
	color: #222222;
}

.header-style-two .top-right .theme-btn{
	position: relative;
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
	padding: 15px 20px;
	background-color: rgba(0,0,0,.10);
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-style-two .top-right .theme-btn:hover{
	color: #00aeef;
	background-color: #ffffff;
}


.header-style-two .header-upper{
	background: none;
}

.header-style-two .nav-outer{
	position: relative;
	float: right;
	background: none;
	padding-left: 0;
}

.header-style-two .main-menu{
	background: none;
	float: left;
	width: auto;
}

.header-style-two .main-menu .navigation{
	padding: 0;
}

.header-style-two .main-menu .navigation > li{
	padding: 20px 0;
}

.header-style-two .main-menu .navigation > li:last-child{
	margin-right: 0;
}

.header-style-two .main-menu .navigation > li > a{
	color: #222222;
}

.header-style-two .main-menu .navigation > li:hover > a,
.header-style-two .main-menu .navigation > li.current > a{
	color: #00aeef;
}

.header-style-two .search-box-outer{
	padding:40px 0px;
	margin-left: 50px;
	right: 0;
	position: relative;
	float: right;
}

.header-style-two .search-box-btn{
	color: #00aeef;
}

.header-style-two .dropdown-menu{
	top: 58px;
}

/*** 

====================================================================
				Section Title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:60px;
}

.sec-title h2{
    position: relative;
    color: #222222;
    font-size: 30px;
	line-height:1.2em;
    font-weight:800;
}

.sec-title h2 span{
	display: inline-block;
	color: #00aeef;
	font-weight: 700;
}

.sec-title p{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-top: 20px;
}

.sec-title .separator{
	position: relative;
	display: inline-block;
	height: 20px;
	width: 35px;
	font-size: 16px;
	line-height: 20px;
	color: #dddddd;
	margin: 20px 50px 0;
	text-align: center;
}

.sec-title .separator span{
	position: relative;
	display: inline-block;
}

.sec-title .separator:before{
	position: absolute;
	right: 100%;
	top: 8px;
	content: "";
	background-color: #d9d9d9;
	width: 50px;
	height: 2px;
}

.sec-title .separator:after{
	position: absolute;
	left: 100%;
	top: 8px;
	content: "";
	background-color: #d9d9d9;
	width: 50px;
	height: 2px;
}

.sec-title.light h2 span{
	color: #ffffff;
}

/*** 

====================================================================
					Page Title
====================================================================

***/

.page-title{
	position:relative;
	padding:180px 0px 85px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
	text-align:right;
	overflow: hidden;
	margin-top:50px;
}

.page-title:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	opacity: .70;
	content: "";
}

.page-title h1{
	position:relative;
	font-size:30px;
	line-height: 40px;
	font-weight: 800;
	margin-bottom: 10px;
	color:#222222;
	text-transform: uppercase;
}

.page-title .bread-crumb li{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
	margin-left:10px;
	padding-left:10px;
	cursor: default;
	text-transform: capitalize;
	display: inline-block;
}

.page-title .bread-crumb li a{
	color:#00aeef;
	font-size: 16px;
	line-height: 30px;
	display: inline-block;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.page-title .bread-crumb li a:hover{
	color:#222222;	
}

.page-title .bread-crumb li:after{
	position:absolute;
	content:'-';
	right:-15px;
	font-weight: 700;
	top:0px;
	color:#00aeef;
}

.page-title .bread-crumb li:last-child::after{
	display:none;
}

.page-title .bread-crumb li:first-child{
	padding-right:0px;
	margin-right:0px;
}

/*** 

====================================================================
				Main Slider
====================================================================

***/

.main-slider{
	position:relative;
	z-index:10;
	width:100%;
	overflow:hidden;
}

.main-slider .tp-caption{
	z-index:5;	
}

.main-slider h5{
	font-size:18px;
	color:#00aeef;
	font-weight:500;
	line-height:1.2em;
	font-family: "Roboto", sans-serif;
}

.main-slider h5 span{
	color: #222222;
	display: inline-block;
}

.main-slider h2{
	font-size:40px;
	color:#222222;
	font-weight:800;
	line-height:1.2em;
}

.main-slider p{
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
	color: #888888;
}

.main-slider .tp-bannertimer,
.main-slider .tp-bullets{
	display:none !important;	
}

/*** 

====================================================================
					Call To Action
====================================================================

***/

.call-to-action{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 70px 0;
}

.call-to-action:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1090%;
	background-color: #00aeef;
	opacity: .90;
	content: "";
}

.call-to-action .title-box{
	position: relative;
	float: left;
	padding-left: 100px;
	min-height: 60px;
}

.call-to-action .title-box .icon{
	position: absolute;
	left: 10px;
	top: 0;
	line-height: 60px;
	color: #222222;
	font-size: 60px;
}

.call-to-action .title-box h2{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 35px;
	color: #ffffff;
	font-weight: 700;
}

.call-to-action .title-box p{
	position: relative;
	font-size: 16px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 400;
}

.call-to-action .title-box p span{
	display: inline-block;
	font-size: 20px;
	color: #222222;
	font-weight: 500;
}

.call-to-action .btn-box{
	position: relative;
	float: right;
	padding: 5px 0;
}

/*** 

====================================================================
					About Us
====================================================================

***/

.about-us{
	position: relative;
	padding-top: 120px;
}

.about-us.alternate{
	padding: 80px 0 120px;
}

.about-us.alternate .department-block{
	position: relative;
	margin-bottom: 80px;
}

.about-us .feature-column .inner-column{
	position: relative;
	padding-left: 40px;
	padding-top: 40px;
}

.about-us .feature-column .sec-title{
	margin-bottom: 40px;
}

.featrue-block{
	position: relative;
	margin-bottom: 40px;
}

.featrue-block .inner-box{
	position: relative;
	padding-left: 45px;
}

.featrue-block .icon-box{
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 26px;
	line-height: 30px;
	color: #00aeef;
	font-weight: 400;
}

.featrue-block h3{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #222222;
	font-weight: 700;
	margin-bottom: 10px;
}

.featrue-block h3 a{
	display: block;
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.featrue-block h3 a:hover{
	color: #00aeef;
}

.featrue-block p{
	position: relative;
	font-size: 14px;
	line-height: 28px;
	color: #888888;
	font-weight: 400;
}

.about-us .image-column .inner-column{
	position: relative;
	margin-right: -30px;
	text-align: center;
}

.about-us .image-column img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.about-us .info-column{
	position: relative;
}

.about-us .info-column .row{
	margin: 0;
}

.about-us .info-column .about-block{
	padding:0;
}

.about-us .about-block{
	position: relative;
}

.about-us .about-block .inner-box{
	position: relative;
	padding:35px 30px;
	padding-left: 110px;
	background: #00aeef;
}

.about-us .about-block .inner-box:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.05);
	background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.0) 1%, rgba(0,0,0,0.05) 100%);
	background: -ms-linear-gradient(45deg, rgba(0,0,0,0.0) 1%, rgba(0,0,0,0.05) 100%);
	background: -moz-linear-gradient(45deg, rgba(0,0,0,0.0) 1%, rgba(0,0,0,0.05) 100%);
}

.about-us .about-block .icon-box{
	position: absolute;
	height: 50px;
	width: 50px;
	left: 40px;
	top: 40px;
	font-size: 24px;
	line-height: 50px;
	color: #ffffff;
	font-weight: 400;
	border:1px solid #dddddd;
	text-align: center;
}

.about-us .about-block h4{
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 700;
}

.about-us .about-block h4 a{
	color: #ffffff;
	display: block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.about-us .about-block h4 a:hover{
	color: #333333;
}

.about-us .about-block p{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

/*** 

====================================================================
					Department Section
====================================================================

***/

.department-section{
	position: relative;
	padding: 115px 0 120px;
}

.department-section.alternate{
	padding:115px 0 40px;
}

.department-section.alternate .department-block{
	margin-bottom: 80px;
}

.department-carousel{
	position: relative;
	padding-bottom: 85px;
}

.department-block .inner-box{
	position: relative;
	display: block;
}

.department-block .image-box{
	position: relative;
}

.department-block .image-box img{
	width: 100%;
	height: auto;
	display: block;
}

.department-block .image-box .overlay-link{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.department-block .image-box .overlay-link a{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.department-block .image-box .overlay-link:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: padding-box content-box;
	background-color: #00aeef;
	padding: 15px;
	content: "";
	outline: 2px solid rgba(255,255,255,.70);
	outline-offset: -15px;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.5) rotateX(180deg);
    -moz-transform: scale(0.5) rotateX(180deg);
    -ms-transform: scale(0.5) rotateX(180deg);
    -o-transform: scale(0.5) rotateX(180deg);
    transform: scale(0.5) rotateX(180deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.department-block .inner-box:hover .overlay-link:before{
	opacity: .70;
    -webkit-transform: scale(1) rotateX(0deg);
    -moz-transform: scale(1) rotateX(0deg);
    -ms-transform: scale(1) rotateX(0deg);
    -o-transform: scale(1) rotateX(0deg);
    transform: scale(1) rotateX(0deg);
    visibility: visible;
}

.department-block .image-box .overlay-link .icon{
	position: absolute;
	top: 50%;
	left:50%;
	height: 50px;
	width: 50px;
	margin-top: -25px;
	margin-left: -25px;
	line-height: 50px;
	font-size: 30px;
	color: #ffffff;
	opacity: 0;
	visibility: hidden;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.department-block .inner-box:hover .overlay-link .icon{
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.department-block .lower-content{
	position: relative;
	padding: 30px 0 25px;
	border-bottom: 1px dashed #cccccc;
}

.department-block .lower-content:before{
	position: absolute;
	left: 50%;
	bottom: -1px;
	width: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	border-bottom: 1px dashed #222222;
	content: "";
}

.department-block .inner-box:hover .lower-content:before{
	width: 100%;
	left: 0;
}

.department-block .lower-content .title{
	position: relative;
	min-height: 50px;
	padding-left: 75px;
	margin-bottom: 20px;
}

.department-block .lower-content .title .icon{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	font-size:  26px;
	color: #00aeef;
	border: 1px dashed #d0d0d0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.department-block .lower-content .title h3{
	position: relative;
	font-size:  20px;
	line-height: 30px;
	color: #222222;
	font-weight: 700;
	padding: 10px 0;
}

.department-block .lower-content .title h3 a{
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.department-block .lower-content .title h3 a:hover{
	color: #00aeef;
}

.department-block .lower-content p{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
}

.department-carousel .owl-nav{
	display: none;
}

.department-carousel .owl-dots{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.department-carousel .owl-dots .owl-dot{
	position:relative;
	width:30px;
	margin:0 4px;
	padding: 5px 0;
	display:inline-block;
	border-bottom: 2px solid #cccccc;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.department-carousel .owl-dots .owl-dot.active{
	border-bottom: 4px solid #00aeef;
	bottom: -1px;
}

.department-carousel .owl-dots .owl-dot:hover{
	border-bottom: 2px solid #00aeef;
}

/*============================
	Department Block
=============================*/

.department-block-two{
	position: relative;
}

.department-block-two .inner-box{
	position: relative;
	padding:48px 15px 40px;
	text-align: center;
	border:1px solid #aaaaaa;
}

.department-block-two .inner-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	opacity: .90;
	content: "";
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.department-block-two .icon-box{
	position: relative;
	display: block;
	margin-bottom: 15px;
}

.department-block-two .icon-box span{
	position: relative;
	display: inline-block;
	font-size: 30px;
	line-height: 60px;
	height: 60px;
	width: 60px;
	color: #00aeef;
	border:1px dashed #adadad;
	background-color: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.department-block-two h3{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #222222;
	font-weight: 700;
	margin-bottom: 15px;
}

.department-block-two h3 a{
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.department-block-two p{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.department-block-two .inner-box:hover:before{
	background-color: #00aeef;
}

.department-block-two .inner-box:hover p,
.department-block-two .inner-box:hover h3 a{
	color: #ffffff;
}

.department-tabs{
	position: relative;
}

.department-tabs .tab-buttons{
	position: relative;
	margin-bottom: 40px;
}

.department-tabs .tab-buttons .tab-btn{
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 0 35px 30px;
	cursor:pointer;
}

.department-tabs .tab-buttons .tab-btn:first-child{
	margin-left: 0;
}

.department-tabs .tab-buttons .tab-btn:last-child{
	margin-right: 0;
}

.department-tabs .tab-buttons .icon-box{
	position: relative;
	display: block;
	height: 130px;
	width: 130px;
	border:1px solid #dddddd;
	padding:20px 15px;
}

.department-tabs .tab-buttons .tab-btn.active-btn .icon-box:before{
	position: absolute;
	left: 50%;
	bottom: -1px;
	margin-left: -10px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ffffff;
	content: ""; 
}

.department-tabs .tab-buttons .icon-box .icon{
	position: relative;
	display: block;
	font-size: 54px;
	height: 70px;
	line-height: 70px;
	color: #222222;
}

.department-tabs .tab-buttons .icon-box h5{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #222222;
	font-weight: 700;
}

.department-tabs .tab-buttons .tab-btn.active-btn .icon-box{
	background-color: #00aeef;
	border-color: #00aeef;
}

.department-tabs .tab-buttons .tab-btn.active-btn .icon-box .icon,
.department-tabs .tab-buttons .tab-btn.active-btn .icon-box h5{
	color: #ffffff;
}

.department-tabs .department-info{
	position: relative;
	display: none;
}

.department-info.active-tab{
	display: block;
}

.department-tabs .department-info .image-column .inner-column{
	position: relative;
} 

.department-tabs .department-info .image-column .image-box{
	position: relative;
}

.department-tabs .department-info .image-column .image-box img{
	display: block;
	width: 100%;
}

.department-tabs .department-info .content-column .inner-column{
	position: relative;
	padding:35px 30px 0;
}

.department-tabs .department-info .content-column h3{
	position: relative;
	display: block;
	font-size: 24px;
	color: #222222;
	font-weight: 700;
	margin-bottom: 15px;
}

.department-tabs .department-info .content-column h3 a{
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.department-tabs .department-info .content-column h3 a:hover{
	color: #00aeef;
}

.department-tabs .department-info .content-column h5{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #00aeef;
	font-weight: 500;
	margin-bottom: 30px;
	font-family: "Roboto", sans-serif;
}

.department-tabs .department-info .content-column p{
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 50px;
}

.department-tabs .department-info .content-column .call-btn{
	position: relative;
}

.department-tabs .department-info .content-column .call-btn a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
	padding: 15px 30px;
	margin-right: 20px;
}

.department-tabs .department-info .content-column .btn-style-two:hover{
	background-color: #00aeef;
	color: #ffffff;
}

/*** 

====================================================================
			Fluid Section One
====================================================================

***/

.fluid-section-one{
	position:relative;
}

.fluid-section-one .outer-container{
	position:relative;
	min-height:350px;
	background-color:#f9f9f9;
}

.fluid-section-one .image-column{
	position:absolute;
	float:left;
	left:0px;
	top:0px;
	width:50%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center right;
	background-size:cover;	
}

.fluid-section-one .image-column .image-box{
	position:relative;
	display:none;	
}

.fluid-section-one .image-column .image-box img{
	position:relative;
	display:block;
	width:100%;
}

.fluid-section-one .content-column{
	position:relative;
	float:right;
	width:50%;
}

.fluid-section-one .content-column .inner-box{
	position:relative;
	max-width:750px;
	padding:90px 15px 70px 85px;
}

.fluid-section-one .content-column .sec-title{
	margin-bottom:40px;
}

.fluid-section-one .content-column .content{
	position:relative;
	margin-bottom:40px;
}

.fluid-section-one .content-column .content h4{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	margin-bottom: 40px;
}

.fluid-section-one .content-column .content p{
	position:relative;
	color:#888888;
	font-size:14px;
	line-height:30px;
}

.fluid-section-one .content-column .choose-info{
	position:relative;
	max-width: 600px;
}

.services-list li{
	position:relative;
	display: block;
	font-size:14px;
	line-height: 26px;
	color:#222222;
	font-weight:600;
	padding-left:30px;
	margin-bottom:12px;
	font-family: "Raleway", sans-serif;
}

.services-list li a{
	color:#222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.services-list li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 26px;
	color: #00aeef;
	content: "\f00c";
	font-family: "FontAwesome";
}

.services-list li a:hover{
	color: #00aeef;
}

/*** 

====================================================================
				Services Section
====================================================================

***/

.services-section{
	position: relative;
	padding: 115px 0 80px;
}

.service-block{
	position: relative;
	margin-bottom: 30px;
}

.service-block .inner-box{
	position: relative;
	text-align: center;
	border: 2px solid #eeeeee;
	padding: 40px 60px 40px;
}

.service-block .inner-box:before,
.service-block .inner-box:after{
	position: absolute;
	content: "";
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.service-block .inner-box:before{
	border-top: 2px solid #00aeef;
	border-bottom: 2px solid #00aeef;
	height: 100%;
	width: 0;
	top: 0;
	left: 50%;
}

.service-block .inner-box:hover:before{
	left: 0;
	width: 100%;
}

.service-block .inner-box:after{
	top: 50%;
	left: 0;
	height: 0;
	width: 100%;
	border-left: 2px solid #00aeef;
	border-right: 2px solid #00aeef;
	z-index: -1;
}

.service-block .inner-box:hover:after{
	top: 0;
	height: 100%;
}

.service-block .icon-box{
	position: relative;
	margin-bottom: 25px;
}

.service-block .icon-box .icon{
	position: relative;
	display: inline-block;
	font-size: 56px;
	line-height: 60px;
	height: 60px;
	width: 60px;
	text-align: center;
	color: #00aeef;
}

.service-block h3{
	position: relative;
	font-size: 20px;
	line-height: 30px;
	color: #1a1d1f;
	font-weight: 700; 	
	margin-bottom: 18px;
}

.service-block h3 a{
	color: #1a1d1f;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block h3 a:hover{
	color: #00aeef;
}

.service-block .icon-box p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
}

/*** 

====================================================================
						Project Section
====================================================================

***/

.project-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	padding:110px 0 120px;
}

.project-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background:#ffffff;
	opacity: .90;
	content: "";
}

.mixitup-gallery .filters{
 	margin-bottom:50px;
 	text-align:center;
}

.mixitup-gallery .filters .filter-tabs{
 	position:relative;
 	display:block;
}

.mixitup-gallery .filters li{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #222222;
	font-weight: 700;
	cursor: pointer;
 	margin:0 20px 10px;
 	text-transform: uppercase;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition: all 300ms ease;
}

.mixitup-gallery .filters li.active,
.mixitup-gallery .filters li:hover{
	color: #00aeef;
}

.project-carousel{
	position: relative;
}

.project-block{
	position: relative;
}

.project-block.mix{
	display: none;
}

.mixitup-gallery .project-block{
	margin-bottom: 30px;
}

.project-block .image-box{
	position: relative;
	overflow: hidden;
}

.project-block .image-box img{
	display: block;
	width: 100%;
}

.project-block .image-box a{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
}

.project-block .image-box a:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #00aeef;
	content: "";
	opacity: .70;
 	-webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform-style: preserve-3D;
    -moz-transform-style: preserve-3D;
    -ms-transform-style: preserve-3D;
    -o-transform-style: preserve-3D;
    transform-style: preserve-3D;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.project-block .image-box a span{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 50px;
	width: 50px;
	margin-left: -25px;
	margin-top: -25px;
	font-size: 40px;
	line-height: 50px;
	color: #ffffff;
	opacity: 0;
	visibility: hidden;
}

.project-block .image-box:hover a span{
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.project-block .image-box:hover a:before{
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: .70;
}

.project-carousel .owl-nav{
    position: absolute;
    right: 20px;
    top: -100px;
    z-index: 99;
}

.project-carousel .owl-prev, 
.project-carousel .owl-next {
    position: absolute;
    height: 40px;
    width: 40px;
    right: 0;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
	color: #222222; 
	font-weight: 700;
	border: 1px solid #222222;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.project-carousel .owl-prev{
	left: -90px;
}

.project-carousel .owl-prev:hover, 
.project-carousel .owl-next:hover{
	color: #00aeef; 
	border: 1px solid #00aeef;
}

.project-section .btn-box{
	position: relative;
	display: block;
	margin-top: 50px;
	z-index: 9;
	text-align: center;
}

.project-section .btn-box .theme-btn{
	padding: 15px 25px;
}

.project-section .btn-box .btn-style-two:hover{
	background-color: #00aeef;
	color: #ffffff;
}

/*** 

====================================================================
				Doctors Section
====================================================================

***/

.doctors-section{
	position: relative;
	padding: 115px 0 120px;
}

.doctors-tabs{
	position: relative;
}

.doctors-tabs .doctor-info{
	position: relative;
}

.doctor-info .image-column .inner-column{ 
	padding: 0 30px;
}

.doctor-info .image-column img{
	display: block;
	width: 100%;
} 

.doctor-info .content-column .inner-column{
	position: relative;
	padding-top: 30px;
}

.doctors-tabs .tabs-content .tab{
	display: none;
}

.doctors-tabs .tabs-content .tab.active-tab{
	display: block;
}

.doctor-info .name{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700; 
	margin-bottom: 7px;
}

.doctor-info .name a{
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.doctor-info .name a:hover{
	color: #00aeef;
}

.doctor-info .designation{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #00aeef;
	font-weight: 400;
	margin-bottom: 25px;
}	

.doctor-info p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 30px;
}

.doctor-info .timing{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	margin-bottom: 20px;
}

.doctor-info .timing i{
	display: inline-block;
	color: #00aeef;
	margin-right: 10px;
}

.doctor-info .social-links{
	position: relative;
	float: left;
	width: 50%;
	padding-top: 15px;
}

.doctor-info .social-links h4,
.doctor-info .social-links li{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	color: #222222;
	margin-left: 15px;
}

.doctor-info .social-links h4{
	float: left;
	font-weight: 700;
	margin-left: 0;
}

.doctor-info .social-links li{
	float: left;
}

.doctor-info .social-links li a{
	display: block;
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.doctor-info .social-links li a:hover{
	color: #00aeef;
}

.doctor-info .call-btn{
	position: relative;
	float: right;
}

.doctor-info .call-btn a{
	padding: 14px 25px;
}

.doctors-tabs .doctors-thumb{
	position: absolute;
	right: 0;
	bottom: 0px;
	margin: 0 -15px;
	z-index: 9;
}

.doctors-tabs .doctors-thumb .tab-btn{
	position: relative;
	float: left;
	padding:0 15px;
	cursor: pointer;
}

.doctors-tabs .doctors-thumb .image-box{
	position: relative;
	float: left;
	max-width: 170px;
	height: 200px;
	border: 1px solid #dddddd;
	text-align: center;
}

.doctors-tabs .doctors-thumb .image-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #00aeef padding-box content-box;
	opacity: .70;
	padding: 10px;
	content: "";
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.doctors-tabs .doctors-thumb .image-box:hover:before,
.doctors-tabs .doctors-thumb .active-btn .image-box:before{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.doctors-tabs .doctors-thumb .image-box:after{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 40px;
	width: 40px;
	margin: -20px 0 0 -20px;
	font-size: 26px;
	line-height: 40px;
	color: #ffffff;
	content: "\f117";
	font-family: "flaticon";
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.doctors-tabs .doctors-thumb .image-box:hover:after,
.doctors-tabs .doctors-thumb .active-btn .image-box:after{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}

.doctors-tabs .doctors-thumb .image-box img{
	width: 100%;
	height: auto;
}

/*** 

====================================================================
				Team Section
====================================================================

***/

.doctors-team{
	position: relative;
	padding: 120px 0 25px;
}

.team-block{
	position: relative;
	margin-bottom: 90px;
}

.team-block .inner-box{
	position: relative;
	overflow: hidden;
}

.team-block .image-box{
	position: relative;
	display: block;
}

.team-block .image-box a{
	display: block;
}

.team-block .image-box img{
	position: relative;
	width: 100%;
	height: auto;
}

.team-block .image-box .social-links{
	position: absolute;
	right: -50px;
	top: 0;
	height: 100%;
	width: 50px;
	padding: 20% 0;
	text-align: center;
	background-color: rgba(0,174,239, .70);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .inner-box:hover .image-box .social-links{
	right: 0;
}

.team-block .image-box .social-links li{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 50px;
	color: #ffffff;
	font-weight: 400;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.team-block .inner-box:hover .image-box .social-links li{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.team-block .image-box .social-links li a{
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .image-box .social-links li a:hover{
	color: #222222;
}

.team-block .info-box{
	position: relative;
	padding: 30px 0 0px;
}

.team-block .info-box h3{
	position: relative;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	margin-bottom: 10px;
}

.team-block .info-box h3 a{
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .info-box h3 a:hover{
	color: #00aeef;
}

.team-block .info-box .designation{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 28px;
	color: #888888;
	font-weight: 400;
}

/*** 

====================================================================
				Doctor Detail Section
====================================================================

***/

.doctor-detail{
	position: relative;
	padding: 120px 0;
}

.doctor-detail .upper-box{
	position: relative;
	margin-bottom: 65px;
}

.doctor-detail .upper-box .image-box{
	position: relative;
}

.doctor-detail .upper-box .image-box img{
	display: block;
	width: 100%;
}

.doctor-detail .upper-box .image-box a{
	display: block;
}

.doctor-detail .detail-column .inner-box{
	position: relative;
	padding-left: 30px;
	padding-right: 100px;
}

.doctor-detail .detail-column .info-header{
	position: relative;
	margin-bottom: 50px;
}

.doctor-detail .info-header p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #888888;
	margin-bottom: 20px;
}

.doctor-detail .info-header h3{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
}

.doctor-detail .info-header .designation{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #00aeef;
	font-weight: 400;
}

.doctor-detail .detail-column .info-list{
	position: relative;
}

.doctor-detail .detail-column .info-list li{
	position: relative;
	display: block;
}

.doctor-detail .detail-column .info-list li strong{
	position: relative;
	font-size: 16px;
	line-height: 28px;
	color: #222222;
	font-weight: 700;
	display: block;
}

.doctor-detail .detail-column .info-list li p{
	position: relative;
	font-size: 14px;
	line-height:28px;
	color: #888888;
	display: block;
	padding-left: 180px;
}

.doctor-detail .lower-content .inner-box{
	position: relative;
}

.doctor-detail .lower-content .contact-list{
	position: relative;
	display: block;
	margin-bottom: 65px;
}

.doctor-detail .lower-content .contact-list li{
	position: relative;
	font-size: 14px;
	line-height: 25px;
	color: #222222;
	margin-bottom: 15px;
}

.doctor-detail .lower-content .contact-list li span{
	position: relative;
	display: inline-block;
	min-width: 175px;
}

.doctor-detail .lower-content .contact-list .theme-btn{
	padding: 10px 25px;
	font-weight: 400;
	text-transform: capitalize;
	margin-top: 10px;
}

.doctor-detail .lower-content .social-icon-one{
	margin-bottom: 95px;
}

.doctor-detail .lower-content .appointment-form{
	float: none;
	left: 0;
	max-width: 100%;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 0;
}

.doctor-detail .lower-content .appointment-form textarea{
	margin-top: 10px;
}

.doctor-detail .lower-content .appointment-form button {
	margin-top: 20px;
}

.appointment-form .form-group .icon{
	position: absolute;
	right: 15px;
	top: 0;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #cccccc;
}

/*** 

====================================================================
				Subscribe Section
====================================================================

***/

.subscribe-section{
	position: relative;
	z-index: 9;
	background-color: #00aeef;
	padding: 50px 0px;
}

.subscribe-section:after,
.subscribe-section:before{
	position: absolute;
	left: 0;
	top: 22px;
	width: 100%;
	border-top: 2px solid rgba(255,255,255,.33);
	content: "";
}

.subscribe-section:after{
	bottom: 22px;
	top: auto;
}

.subscribe-section .inner-container{
	position: relative;
}

.subscribe-section h3{
	position: relative;
	float:left;
	padding: 10px 0;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
}

.subscribe-section .call-btn{
	position: relative;
	float: right;
	font-size: 14px;
	line-height: 20px;
	color: #222222;
	background-color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	padding: 15px 35px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.subscribe-section .call-btn:hover{
	background-color: #222222;
	color: #ffffff;
}

/*** 

====================================================================
					Fun Facts Section
====================================================================

***/

.fun-fact-section{
	position: relative;
	background-position: center;
	background-repeat:  no-repeat;
	background-size: cover;
	padding: 100px 0 50px;
}

.fun-fact-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #00aeef;
	opacity: .90;
	content: "";
}

.counter-column{
	position: relative;
	margin-bottom: 50px;
}

.counter-column .count-box{
	position: relative;
	font-size: 30px;
	line-height: 1em;
	color: #222222;
	font-weight: 700;
	padding-left: 100px;
	min-height: 70px;
}

.counter-column .icon{
	position: absolute;
	left: 0;
	top: 0;
	height: 70px;
	width: 70px;
	text-align: center;
	font-size: 32px;
	line-height: 70px;
	color: #ffffff;
	font-weight: 400;
	border: 2px solid #ffffff;
}

.counter-column .count-text{
	position: relative;
	display: inline-block;
	font-size: 30px;
	line-height: 1em;
	color: #222222;
	font-weight: 700;
	padding-top: 15px;
}

.counter-column .counter-title{
	position: relative;
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 600;
	top: 10px;
}

/*** 

====================================================================
				Testimonials And Timetable
====================================================================

***/

.testimonials-and-timetable{
	position: relative;
	padding: 120px 0 60px;
}

.testimonials-and-timetable .timetable-column,
.testimonials-and-timetable .testimonial-column{
	position: relative;
	margin-bottom: 40px;
}

.testimonials-and-timetable .testimonial-carousel{
	position: relative;
	max-width: 570px;
	padding-bottom: 90px;
}

.testimonial-block{
	position: relative;
}

.testimonial-block .image-box{
	position: relative;
	padding-left: 185px;
	min-height: 150px;
	margin-bottom: 70px;
}

.testimonial-block .image-box .thumb{
	position: absolute;
	left:0;
	top: 0;
	height: 150px;
	width: 150px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.testimonial-block .image-box img{
	display: block;
	width: 100%;
}

.testimonial-block .image-box .info{
	position: relative;
	top: 30px;
}

.testimonial-block .image-box .info .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 40px;
	color: #000000;
	font-weight: 700;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.testimonial-block .image-box .info .address{
	font-size: 16px;
	line-height: 30px;
	color: #00aeef;
	font-weight: 700;
	font-family: "Raleway", sans-serif;
}

.testimonial-block .text-box{
	position: relative;
	display: block;
	min-height: 100px;
	border: 1px dashed #e0e0e0;
	padding: 35px 35px;
}

.testimonial-block .text-box:before{
	position: absolute;
    left: 45px;
    top: -20px;
    height: 40px;
    width: 40px;
    border-left: 1px dashed #e0e0e0;
    border-top: 1px dashed #e0e0e0;
    content: "";
    -webkit-transform: rotate(60deg) skewX(25deg);
    -moz-transform: rotate(60deg) skewX(25deg);
    -ms-transform: rotate(60deg) skewX(25deg);
    -o-transform: rotate(60deg) skewX(25deg);
    transform: rotate(60deg) skewX(25deg);
    background: #ffffff;
}

.testimonial-block .text-box p{
	font-size: 14px;
	line-height: 30px;
	color: #888888;
}

.testimonial-carousel .owl-nav{
    position: absolute;
    left: 0;
    bottom: 30px;
    z-index: 99;
}

.testimonial-carousel .owl-prev, 
.testimonial-carousel .owl-next {
    position: absolute;
    height: 30px;
    width: 30px;
    left: 0;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
	color: #888888; 
	font-weight: 700;
	border: 1px solid #dddddd;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.testimonial-carousel .owl-next{
	left: 40px;
}

.testimonial-carousel .owl-prev:hover, 
.testimonial-carousel .owl-next:hover{
	color: #00aeef; 
}

.timetable-column .timetable{
	position: relative;
	border: 5px solid #eeeeee;
	padding:65px 60px 70px;
}

.timetable-column .timetable:before{
	position: absolute;
	height: 100%;
	width: 240px;
	right: -5px;
	bottom: 65px;
	background-color: #ffffff;
	content: "";
}

.timetable h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 28px;
	color: #222222;
	font-weight: 700;
	margin-bottom: 10px;
}

.timetable h3{
	font-size: 30px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 800;
	margin-bottom: 25px;
}

.timetable h3 small{
	position: relative;
	display: block;
	font-size: 24px;
	color: #222222;
	line-height: 1.8em;
	font-weight: 700;
}

.timetable p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 32px;
}

.timetable ul{
	position: relative;
	margin-bottom: 50px;
}

.timetable ul li{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 22px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 20px;
}

.timetable ul li:before{
	position: absolute;
	left: 50%;
	line-height: 22px;
	top: 0;
	width: 30px;
	margin-left: -15px;
	content: "--";
	font-size: 16px;
	color: #888888;
	font-weight: 500;
	text-align: center;
}

.timetable ul li span{
	float: right;
	font-weight: 500;
	color: #00aeef;
}

.timetable .theme-btn{
	padding: 24px 40px;
}

/*** 

====================================================================
				Testimonials Section
====================================================================

***/

.testimonial-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0;
}

.testimonial-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background:#ffffff;
	opacity: .90;
	content: "";
}

.testimonial-carousel-two{
	position: relative;
	padding-bottom: 60px;
}

.testimonial-block-two{
	position: relative;
	padding: 15px;
}

.testimonial-block-two .inner-box{
	position: relative;
	padding: 30px;
	margin-left: 15px;
	padding-left: 235px;
	background-color: #ffffff;
	min-height: 240px;
	-webkit-box-shadow: 0 0 18px rgba(0,0,0,.14);
	-moz-box-shadow: 0 0 18px rgba(0,0,0,.14);
	-ms-box-shadow: 0 0 18px rgba(0,0,0,.14);
	-o-box-shadow: 0 0 18px rgba(0,0,0,.14);
	box-shadow: 0 0 18px rgba(0,0,0,.14);
}

.testimonial-block-two .inner-box:before{
	position: absolute;
	left: -15px;
	top: -15px;
	height: 200px;
	width: 200px;
	background-color: #00aeef;
	content: "";
	z-index: -1;
}

.testimonial-block-two .thumb{
    position: absolute;
    left: 27px;
    top: 30px;
}

.testimonial-block-two .thumb img{
	display: block;
	width: 100%;
}

.testimonial-block-two .inner-box .name{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 28px;
	color: #000000;
	font-weight: 700;
	padding-top: 5px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.testimonial-block-two .inner-box .address{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #00aeef;
	font-weight: 500;
	margin-bottom: 20px;
}

.testimonial-block-two .inner-box p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
}

.testimonial-carousel-two .owl-nav{
	display: none;
}

.testimonial-carousel-two .owl-dots{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.testimonial-carousel-two .owl-dots .owl-dot{
	position:relative;
	width:30px;
	margin:0 4px;
	padding: 5px 0;
	display:inline-block;
	border-bottom: 2px solid #cccccc;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.testimonial-carousel-two .owl-dots .owl-dot.active{
	border-bottom: 4px solid #00aeef;
	bottom: -1px;
}

.testimonial-carousel-two .owl-dots .owl-dot:hover{
	border-bottom: 2px solid #00aeef;
}

.testimonial-section.alternate{
	padding: 100px 0 120px;
}

.testimonial-section.alternate:before{
	display: none;
}

.testimonial-section.alternate .testimonial-block-two{
	margin-bottom: 100px;
}

.testimonial-block-three{
	position: relative;
	display: block;
	margin-bottom: 35px;
}

.testimonial-block-three .image-column figure{
	position: relative;
	display: block;
}

.testimonial-block-three .image-column img{
	display: block;
	width: 100%;
	height: auto;
}

.testimonial-block-three .content-column{
	position: relative;
}

.testimonial-block-three .content-column .icon{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 10px;
	color: #dddddd;
	font-weight: 400;
}

.testimonial-block-three .content-column p{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 20px;
}

.testimonial-block-three .content-column .name{
	position: relative;
	font-size: 18px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
}

.testimonial-block-three .content-column .designation{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #00aeef;
	font-weight: 400;
}

/*** 

====================================================================
				Contact Form Section
====================================================================

***/

.appointment-section{
	position: relative;
}

.appointment-section .inner-container{
 	position: relative;
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center top;
 	padding: 0 100px;
 	margin-top: -175px;
 	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.20);
 	-moz-box-shadow: 0 0 30px rgba(0,0,0,.20);
 	-ms-box-shadow: 0 0 30px rgba(0,0,0,.20);
 	-o-box-shadow: 0 0 30px rgba(0,0,0,.20);
 	box-shadow: 0 0 30px rgba(0,0,0,.20);
}

.appointment-form{
	position: relative;
	max-width: 570px;
	float: right;
	padding: 70px 0;
}

.appointment-form h2{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 800;
	margin-bottom: 20px;
}

.appointment-form h2 span{
	color: #00aeef;
	font-weight: 700;
}

.appointment-form p{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 35px;
}

.appointment-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.ui-selectmenu-button.ui-button,
.appointment-form .form-group input[type="text"],
.appointment-form .form-group input[type="email"],
.appointment-form .form-group input[type="tel"],
.appointment-form .form-group input[type="url"],
.appointment-form .form-group textarea,
.appointment-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #888888;
    font-weight: 400;
    padding: 14px 20px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.appointment-form .form-group input:focus,
.appointment-form .form-group select:focus,
.appointment-form .form-group textarea:focus{
	border-color:#00aeef;
}

.appointment-form .form-group textarea{
	height: 100px;
	resize: none;
}

.appointment-form .form-group input[type="submit"],
.appointment-form button{
    position: relative;
    text-transform: capitalize;
    padding: 15px 20px;
}

.appointment-form .form-group input[type="submit"]:hover,
.appointment-form button:hover{
	opacity: .85;
}

li.ui-timepicker-selected, 
.ui-timepicker-list li:hover, 
.ui-timepicker-list .ui-timepicker-selected:hover{
	background-color:#00aeef;
}

/*** 

====================================================================
				FAQ's Section
====================================================================

***/

.faq-section{
	position: relative;
	padding:120px 0 70px;
}

.faq-section .inner-container{
	position:static;
	max-width:1000px;
	padding:0px 15px;
	margin:0 auto;
}

.faq-section .title{
	position: relative;
	margin-bottom: 40px;
}

.faq-section .title h3{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 40px;
	color: #222222;
	font-weight: 700;
	margin-bottom: 25px;
}

.faq-section .title p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #888888;
	font-weight: 400;
}

.faq-section .title a{
	color: #888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.faq-section .title a:hover{
	color: #888888;
}

.faq-section .faq-tabs{
	position: relative;
}

.faq-section .faq-tabs .tab-buttons{
	position: relative;
}

.faq-section .faq-tabs .tab{
	position: relative;
	padding:45px 0 0;
	display: none;
}

.faq-section .faq-tabs .tab.active-tab{
	display: block;
}

.faq-section .faq-tabs .tab-buttons li{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding: 15px 30px;
	margin-bottom: 3px;
	background-color: #00aeef;
	cursor:pointer;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	margin-right: 30px;
}

.faq-section .faq-tabs .tab-buttons li:last-child{
	margin-right: 0;
}

.faq-section .faq-tabs .tab-buttons li:hover,
.faq-section .faq-tabs .tab-buttons li.active-btn{
	background-color: #222222;
}

.faq-section .faq-tabs .info-box{
	position: relative;
	margin-bottom: 50px;
}

.faq-section .faq-tabs .info-box h3{
	position: relative;
	display: block;
	font-size: 20px;
	color: #222222;
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: 25px;
}

.faq-section .faq-tabs .info-box p{
	font-size: 14px;
	line-height: 28px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 25px;
}

.faq-section .faq-tabs .info-box p:last-child{
	margin-bottom: 0;
}

/*** 

====================================================================
				Appointment Page Section
====================================================================

***/

.apppointment-page{
	position: relative;
	padding: 100px 0;
}

.apppointment-page .layer-image{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 38.5%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.apppointment-page .inner-container{
	position: relative;
	max-width: 770px;
}

.apppointment-page .appointment-form{
	position: relative;
	float: none;
	max-width: 100%;
	padding-top: 0;
}

.apppointment-page  .appointment-form p{
	margin-bottom: 40px;
}

.apppointment-page .appointment-form textarea{
	margin-top: 10px;
}

.apppointment-page .appointment-form button {
	margin-top: 20px;
}

.apppointment-page .timetable .table-column{
	padding-top: 80px;
}

/*** 

====================================================================
					News Section
====================================================================

***/

.news-section{
	position: relative;
	padding: 90px 0 70px;
}

.news-block{
	position: relative;
	margin-bottom: 40px;
}

.news-block .inner-box{
	position: relative;
}

.news-block .image-box{
	position: relative;
	overflow: hidden;
}

.news-block .image-box a{
	display: block;
}

.news-block .image-box img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.news-block .inner-box:hover .image-box img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.news-block .content-box{
	position: relative;
	padding: 30px 0 0;
}

.news-block .content-box h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 36px;
	color: #222222;
	font-weight: 700;
	margin-bottom: 10px;
}

.news-block .content-box h3 a{
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .content-box h3 a:hover{
	color: #00aeef;
}

.news-block .content-box .info{
	position: relative;
	margin-bottom: 15px;
}

.news-block .content-box .info li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 28px;
	color: #00aeef;
	font-weight: 400;
}

.news-block .content-box .info li a{
	color: #00aeef;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .content-box .info li a:hover{
	color: #222222;
}

.news-block .content-box p{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
}

/*=== News Block Two ===*/

.news-block-two{
	position: relative;
	margin-bottom: 60px;
}

.news-block-two .inner-box{
	position: relative;
}

.news-block-two .image-box{
	position: relative;
	overflow: hidden;
}

.news-block-two .image-box a{
	position: relative;
	display: block;
}

.news-block-two .image-box a:before{
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #00aeef;
	content: "";
	opacity: .70;
	z-index:1;
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease,
	-webkit-transform 0.4s ease;
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
}

.news-block-two .inner-box:hover .image-box a:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
}

.news-block-two .image-box a:after{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 60px;
	width: 60px;
	margin-left: -30px;
	margin-top: -30px;
	content: "+";
	font-size: 60px;
	line-height: 1em;
	color: #ffffff;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
}

.news-block-two .inner-box:hover .image-box a:after{
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.news-block-two .image-box img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.news-block-two .content-box{
	position: relative;
	padding: 40px 40px 40px;
	border:1px solid #dddddd;
	border-top: 0;
}

.news-block-two .content-box h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 36px;
	color: #222222;
	font-weight: 700;
	margin-bottom: 10px;
}

.news-block-two .content-box h3 a{
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .content-box h3 a:hover{
	color: #00aeef;
}

.news-block-two .content-box .info{
	position: relative;
	margin-bottom: 15px;
}

.news-block-two .content-box .info li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 28px;
	color: #00aeef;
	font-weight: 400;
}

.news-block-two .content-box .info li a{
	color: #00aeef;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .content-box .info li a:hover{
	color: #222222;
}

.news-block-two .content-box p{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
}

.news-block-two .content-box .read-more{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 30px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background-color: #00aeef;
	margin-top: 30px;
}

.news-block-two .content-box .read-more:hover{
	background-color: #222222;
}

.news-section.alternate{
	padding: 120px 0;
}

.news-section.alternate .news-block{
	margin-bottom: 65px;
}

.blog-list{
	position: relative;
}

.blog-list .styled-pagination{
	margin-top: 100px;
}

/*** 

====================================================================
			Blog Detail								
====================================================================

***/

.blog-detail{
	position: relative;
	display: block;
}

.blog-detail .news-block-two{
	margin-bottom: 0;
}

.blog-detail .news-block-two .content-box{
	padding-bottom: 0;
	padding-right: 20px;
}

.blog-detail .news-block-two h3{
	text-transform: uppercase;
}

.blog-detail p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 35px;
}	


/*post share options*/

.blog-detail .post-share-options{
	position:relative;
	padding:25px 0px;
}

.blog-detail .post-share-options p{
	position:relative;
	color:#222222;
	font-size:16px;
	line-height: 25px;
	font-weight:600;
	margin:0;
	display: inline-block;
}

.blog-detail .post-share-options .tags{
	position: relative;
	display: inline-block;
}

.blog-detail .post-share-options .tags li{
	position: relative;
	display: inline-block;
}

.blog-detail .post-share-options .tags a{
	position:relative;
	color:#777777;
	font-size:16px;
	font-weight:400;
	line-height: 25px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-detail .post-share-options .tags a:hover{
	color: #00aeef;
}

.blog-detail .post-share-options .social-icon{
	position: relative;
	display: inline-block;
}

.blog-detail .post-share-options .social-icon li{
	position: relative;
	display: inline-block;
	margin-left: 15px;
}

.blog-detail .post-share-options .social-icon li a{
	display: inline-block;
	font-size: 16px;
	line-height: 25px;
	color: #888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-detail .post-share-options .social-icon li a:hover{
	color: #00aeef;
}

.group-title{
	position: relative;
	margin-bottom: 30px;
}

.group-title h2{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
}

.group-title span{
	position: relative;
	display: inline-block;
	color: #00aeef;
	font-weight: 600;
}

.group-title p{
	position: relative;
	font-size: 14px;
	line-height: 2em;
	color: #888888;
	margin-top: 20px;
}

/*** 

====================================================================
				Comment Area
====================================================================

 ***/

.comments-area{
	position:relative;
	margin-top:70px;
	margin-bottom:90px;
}

.comments-area .comment-box{
	position:relative;
	margin-bottom:50px;
}

.comments-area .comment-box.reply-comment{
	margin-left: 140px;
}

.comments-area .comment-box:last-child{
	margin-bottom: 0;
}

.comments-area .comment{
	position:relative;
	min-height: 100px;
	padding-left: 140px;
}

.comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	height: 100px;
	width: 100px;
}

.comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.comments-area .comment-info{
	position: relative;
	display: block;
	margin-bottom: 25px;
}

.comments-area .comment-box .name{
	position: relative;
	font-size:18px;
	line-height:30px;
	font-weight:600;
	color:#222222;
	display:block;
}

.comments-area .comment-box .designation{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
}

.comments-area .comment-box .text{
	font-size: 14px;
	line-height: 30px;
	color:#888888;
	font-weight: 400;
}

.comments-area .comment-box .reply-btn{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	line-height: 30px;
	color: #00aeef;
	font-weight: 400;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.comments-area .comment-box .reply-btn:hover{
	color: #222222;
}

/*** 

====================================================================
				Comment Form
====================================================================

 ***/

.sidebar-page-container .comment-form{
 	position: relative;
}

.sidebar-page-container .comment-form .group-title{
	margin-bottom: 50px;
}

.comment-form .form-group{
	position:relative;
	margin-bottom: 20px;
}

.comment-form .form-group:last-child{
	margin-bottom: 0;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="email"],
.comment-form .form-group textarea,
.comment-form .form-group select{
	position: relative;
    display: block;
    height: 50px;
    width: 100%;
    font-size: 14px;
    color: #888888;
    line-height: 20px;
    font-weight: 400;
    padding: 14px 20px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group input:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#00aeef;
}

.comment-form .form-group textarea{
	height: 170px;
	resize: none;
}

.comment-form button{
	color: #ffffff;
	text-transform:capitalize;
}

.comment-form button:hover{
	color: #ffffff;
	background-color: #00aeef;
}

/*** 

====================================================================
			Department Detail								
====================================================================

***/

.department-detail-section{
	position: relative;
	padding: 150px 0 0;
}

.department-detail{
	position: relative;
}

.department-detail .lower-content{
	position: relative;
	padding-top: 40px;
}

.department-detail h2{
	position: relative;
	font-size: 30px;
	line-height: 1.3em;
	color: #222222;
	font-weight: 700;
	margin-bottom: 15px;
}

.department-detail h5{
	position: relative;
	font-size: 16px;
	line-height: 28px;
	color: #00aeef;
	font-weight: 500;
	margin-bottom: 30px;
}

.department-detail p{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 30px;
}

.department-detail .two-column{
	position: relative;
}

.department-detail .two-column .info-column{
	position: relative;
}

.department-detail .image-column .image{
	position: relative;
}

.department-detail .image-column .image img{
	display: block;
	width: 100%;
}

/*Services Category*/

.department-list{
	position:relative;
	margin-bottom: 55px;
}

.department-list li{
	position:relative;
	margin-bottom: -1px;
}

.department-list li a{
	position:relative;
	color:#888888;
	font-size:16px;
	font-weight:700;
	line-height: 23px;
	padding: 25px 35px;
	display:block;
	border:1px dashed #dddddd;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.department-list li a:before{
	position:absolute;
	content:'\f178';
	right: 35px;
	top: 25px;
	font-size: 18px;
	color: #ffffff;
	line-height: 25px;
	font-weight: 400;
	font-family: 'FontAwesome';
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.department-list li a:hover::before,
.department-list li.active a::before{
	color: #ffffff;
}

.department-list li.active a,
.department-list li:hover a{
	color: #ffffff;
	border-color: transparent;
}

.department-list li a:after{
	position: absolute;
	left: -1px;
	top: 0;
	height: 100%;
	width: 0;
	content: "";
	background-color: #00aeef;
	z-index: -1;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.department-list li.active a:after,
.department-list li:hover a:after{
	width: 101%;
	border-left: 5px solid #222222;
}

/* Department Sidebar */

.department-sidebar{
	position: relative;
	padding-right: 35px;
}

.department-sidebar h3{
	position: relative;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	margin-bottom: 25px;
}

.department-sidebar .link-box{
	position: relative;
	display: block;
	margin-bottom: 70px;
}

.department-sidebar .link-box a{
	display: block;
	font-size: 18px;
	color: #222222;
	line-height: 20px;
	padding: 19px 35px;
	border:1px solid #ebebeb;
	font-weight: 500;
	margin-bottom: 20px;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.department-sidebar .link-box a:hover{
	color: #222222;
	border-color: #ebebeb;
	background-color: #ebebeb;
}

.department-sidebar .link-box a span{
	color: #00aeef;
	font-weight: 400;
	margin-left: 50px;
}

/*===  Need help ===*/

.need-help{
	position: relative;
}

.need-help p{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 35px;
}

.need-help ul li{
	display: block;
	font-size: 16px;
	line-height: 36px;
	color: #666666;
	font-weight: 400;
}

.need-help ul li i{
	margin-right: 35px;
	color: #00aeef;
}

.need-help ul li a{
	color: #666666;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.need-help ul li a:hover{
	color: #00aeef;
}

/*** 

====================================================================
			Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
}

.styled-pagination ul{
	position:relative;
	display:inline-block;	
}

.styled-pagination li{
	position:relative;
	display: inline-block;
	margin: 0 7px;
}

.styled-pagination li a{
	position:relative;
	display:inline-block;
	height:40px;
	width: 40px;
	text-align: center;
	line-height:40px;
	font-weight:400;
	font-size:16px;
	background:#ffffff;
	color:#666666;
	border:1px solid #dddddd;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.styled-pagination li.next a:hover,
.styled-pagination li.prev a:hover,
.styled-pagination li a:hover,
.styled-pagination li.active a{
	color:#ffffff;	
	background:#00aeef;
	border-color:#00aeef;
}

.styled-pagination li.next a,
.styled-pagination li.prev a{
	background-color: #222222;
	border-color: #222222;
	color: #ffffff;
}

/*** 

====================================================================
			Price Features
====================================================================

***/

.price-features{
	position: relative;
	padding: 70px 0 0;
}

.price-features .row{
	margin: 0 -50px;
}

.price-feature{
	position: relative;
	display: block;
	padding: 0 50px;
}

.price-feature h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #00aeef;
	font-weight: 700;
	margin-bottom: 20px;
}

.price-feature ul li{
	position: relative;
	display: block;
	margin-bottom: 15px;
}

.price-feature ul li:last-child{
	margin-bottom: 0;
}

.price-feature ul li:before{
	position: absolute;
	left: 0;
	top: 0;
	height:27px;
	width: 100%;
	background-repeat: repeat-x;
	background-position: center;
	content: "";
	background-image: url(../images/icons/dots.png);
}

.price-feature .text,
.price-feature .price{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 22px;
	color: #888888;
	font-weight: 400;
	background-color: #ffffff;
	padding-right: 5px;
}

.price-feature .price{
	float: right;
	padding-right: 0px;
	padding-left: 5px;
}

/*** 

====================================================================
					Contact Section
====================================================================

***/

.contact-section{
	position: relative;
}

.contact-section .inner-container{
	position: relative;
}

.contact-section .form-column{
	position: relative;
	width: 50%;
	float: left;
	background-color: #00aeef;
	padding: 90px 15px 70px;
}

.contact-section .form-column .sec-title{
	margin-bottom: 40px;
}

.contact-form{
	position: relative;
	max-width: 670px;
	margin: 0 auto;
}

.contact-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #999999;
	height:60px;
    line-height: 28px;
    padding: 15px 20px;
    border: 1px solid #dddddd;
    background-color: #f9f9f9;
    font-weight: 400;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#00aeef;
}

.contact-form .form-group textarea{
	height: 125px;
	resize: none;
}

.contact-form .form-group button{
	min-width: 150px;
	margin-top: 20px;
}

.contact-form .form-group label.error{
	display:block;
	font-size:13px;
	text-transform:capitalize;
	color:#ff0000;
	padding-top:5px;
	font-weight:500;	
}

.contact-section .map-column{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50%;
}

.contact-section .map-column .map-canvas{
	position: absolute;
	height: 100%;
	width: 100%;
}

/*** 

====================================================================
						Map Section
====================================================================

***/

.map-area{
	position:relative;
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
}

.map-data a{
	display: block;
}

.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
	color:#121212;
}

.map-canvas{
	height:600px;
}

/*** 

====================================================================
					Clients Section
====================================================================

***/

.clients-section{
	position: relative;
	display: block;
	padding: 75px 0;
}

.clients-section .sponsor-outer{
	position: relative;
}

.clients-section .image-box{
	position: relative;
	display: block;
	text-align: center;
}

.clients-section .image-box img{
	display: block;
	max-width: 100%;
	width: auto;
	margin: 0 auto;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.clients-section .slide-item:hover .image-box img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

/***

==================================================================
				Main Footer
==================================================================

***/

.main-footer{
	position:relative;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: cover;
	background-color:#00aeef;
}

.main-footer .widgets-section{
	position:relative;
	padding: 140px 0 90px;
}

.main-footer .footer-column{
	position:relative;
}

.main-footer .footer-widget{
	position:relative;
	margin-bottom:30px;		
}

.main-footer .footer-column .widget-title{
	position: relative;
	font-size:16px;
	font-weight:700;
	color:#ffffff;
	line-height: 20px;
	text-transform:uppercase;
	margin-bottom:30px;
}

.main-footer .footer-logo{
	position:relative;	
	margin-top: -30px;
	margin-bottom: 35px;
}

.main-footer .footer-logo img{
	display:block;
	max-width:100%;	
}

.main-footer .about-widget p{
	position: relative;
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 30px;
}

.social-icon-three{
	position: relative;
	display: block;
}

.social-icon-three li{
	position: relative;
	display: inline-block;
	margin-right: 12px;
}

.social-icon-three li a{
	position: relative;
	display: inline-block;
	height: 35px;
	width: 35px;
	text-align: center;
	font-size: 16px;
	line-height: 35px;
	color: #ffffff;
	border:1px solid #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-three li a:hover{
	border-color: #222222;
	color: #222222;
}

/*=== links Widget ===*/

.main-footer .links-widget{
	position: relative;
	padding-left: 70px;
}

.main-footer .links-widget .list li{
	position:relative;
	display: block;
	margin-bottom: 10px;
}

.main-footer .links-widget .list li a{
	position:relative;
	display: inline-block;
	font-size: 16px;
	line-height:20px;
	color:#ffffff;
	font-weight: 400;
	text-transform:capitalize;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.main-footer .links-widget .list li a:hover{
	color:#222222;
}

/*=== Contact Widget ===*/

.contact-widget{
	position: relative;
}

.main-footer .contact-list li{
	position: relative;
	font-size: 16px;
	line-height:26px;
	color:#ffffff;
	font-weight: 400;
	text-transform:capitalize;
	margin-bottom: 25px;
}

.main-footer .contact-list li a{
	color:#ffffff;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.main-footer .contact-list li a:hover{
	color: #222222;
}

.main-footer .gallery-widget .outer{
	position:relative;
	margin: 0px -7px 0;
}

.main-footer .gallery-widget .widget-title{
	margin-bottom: 35px;
}

.main-footer .gallery-widget .outer .image{
	position:relative;
	float:left;
	width:33.3333%;
	padding:0px 7px;
	margin-bottom:14px;
}

.main-footer .gallery-widget .image img{
	display:block;
	width:100%;	
}

.main-footer .gallery-widget .image a{
	position: relative;
	display: block;
}

.main-footer .gallery-widget .image a:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #222222;
	opacity: .70;
	content: "";
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .gallery-widget .image a:hover:before{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.main-footer .gallery-widget .image a:after{
	position: absolute;
	height: 20px;
	width: 20px;
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;
    content: "\f067";
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    color: #ffffff;
	font-family: "FontAwesome";
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .gallery-widget .image a:hover:after{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/*=== Footer Bottom ===*/

.main-footer .footer-bottom{
	position:relative;
	padding:20px 0px;
	background-color: #00aeef;
	border-top: 1px solid #ffffff;
}

.main-footer .footer-bottom .copyright-text{
	position: relative;
}

.main-footer .footer-bottom p{
	font-size:14px;
	color: #ffffff;
	line-height: 20px;
	font-weight: 400;
}

.main-footer .footer-bottom p a{
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .footer-bottom p a:hover{
	text-decoration: underline;
	color: #222222;
}

/*===========================
	Footer Style Two
============================*/
.main-footer.style-two .footer-bottom,
.main-footer.style-two{
	background-color: #ffffff;
}

.main-footer.style-two .footer-bottom p,
.main-footer.style-two .contact-list li,
.main-footer.style-two .contact-list li a,
.main-footer.style-two .links-widget .list li a,
.main-footer.style-two .about-widget p{
	color: #888888;
}

.main-footer.style-two .social-icon-three li a{
	border-color: #555555;
	color: #777777;
}

.main-footer.style-two .contact-list li a:hover,	
.main-footer.style-two .links-widget .list li a:hover,
.main-footer.style-two .footer-column .widget-title,
.main-footer.style-two .social-icon-three li a:hover{
	color: #00aeef;
}

.main-footer.style-two .footer-bottom{
	border-top: 1px solid #dddddd;
}

.main-footer.style-two .footer-bottom .scroll-to-top{
	background-color: #00aeef;
}

/***

==================================================================
			Sidebar Page Container
==================================================================

***/

.sidebar-page-container{
	position: relative;
	padding: 120px 0 70px; 
}

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side{
	position: relative;
	margin-bottom: 50px;
}

.sidebar-side .default-sidebar{
	padding-left: 30px;
}

.sidebar-widget{
    position: relative;
    margin-bottom:55px;
}

.sidebar-side .sidebar-widget:last-child{
	margin-bottom: 0;
}

.sidebar-page-container .sidebar-title{
	position: relative;
	margin-bottom: 40px;
}

.sidebar-page-container .sidebar-title h2{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	text-transform: capitalize;
	font-weight: 700;
}

/*Search Box Widget*/

.sidebar .search-box{
	position: relative;
}

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;	
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	display:block;
	font-size:14px;
	color:#aaaaaa;
	line-height:28px;
	padding:15px 25px;
	padding-right: 60px;
	height:60px;
	width:100%;
	border:1px solid #eeeeee;
	background-color: #ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group input:focus{
	border-color:#00aeef;	
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:0;
	top:0;
	width:60px;
	height:60px;
	line-height: 60px;
	text-align:center;
	display:block;
	font-size:16px;
	color:#222222;
	background:none;
	font-weight:normal;
}

/*=== Categories ===*/

.categories .sidebar-title{
	margin-bottom: 20px;
}

.category-list{
	position: relative;
	display: block;
}

.category-list li{
	position: relative;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: -1px;
}

.category-list li a{
	position: relative;
	display: block;
	font-size: 16px;
	color: #888888;
	font-weight: 400;
	line-height: 28px;
	padding: 15px 15px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.category-list li a span{
	float: right;
	font-size: 16px;
	margin-right: 20px;
	color: #888888;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.category-list li a:hover span,
.category-list li a:hover{
	color: #00aeef;
}

/*=== Popular Post ===*/

.popular-posts .post{
	position: relative;
	padding-left: 105px;
	min-height: 80px;
	padding-bottom: 40px;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 40px;
}

.popular-posts .post-thumb{
	position: absolute;
	left: 0;
	top: 0;	
	height: 80px;
	width: 80px;
	margin-bottom: 20px;
}

.popular-posts .post-thumb img{
	position: relative;
	display: block;
	width: 100%;
}

.popular-posts .post h3{
	position: relative;
	font-size: 18px;
	line-height: 28px;
	color: #222222;
	font-weight: 500;
}

.popular-posts .post h3 a{
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.popular-posts .post:hover h3 a{
	color: #00aeef;
}

.popular-posts .post .date{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #888888;
	font-weight: 400;
}

.gallery-widget{
	position: relative;
}

.gallery-widget .follow-us{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 16px;
	line-height: 28px;
	color: #888888;
	font-weight: 500;
}

.gallery-widget .gallery-outer{
	position:relative;
	margin: 0px -5px 0px;
}

.gallery-widget .gallery-outer .image{
	position:relative;
	float:left;
	width: 33.333333333%;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	overflow: hidden;
}

.gallery-widget .gallery-outer .image img{
	display:block;
	width:100%;	
}

/*=== Tags ===*/

.tag-list{
	position: relative;
	display: block;
}

.tag-list li{
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
} 

.tag-list li a{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #888888;
	font-weight: 400;
	padding: 9px 30px;
	border:1px solid #dddddd; 
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.tag-list li a:hover{
	background-color: #00aeef;
	border-color: #00aeef;
	color: #ffffff;
}

/*** 

====================================================================
				Contact Page Section
====================================================================

***/

.contact-page-section{
	position: relative;
	padding: 120px 0 90px;
}

.contact-page-section .map-section{
	position: relative;
}

.contact-page-section .form-section{
	position: relative;
	padding-top: 120px;
}

.contact-page-section .form-section .inner-box{
	position: relative;
}

.contact-page-section .form-section .title{
	position: relative;
	display: block;
	font-size: 14px;
	color: #00aeef;
	font-weight: 700;
	text-transform:uppercase;
}

.contact-page-section h3{
	position: relative;
	font-size: 30px;
	line-height: 48px;
	color: #222222;
	margin-bottom: 35px;
}

.contact-page-section h5{
	position: relative;
	font-size: 18px;
	color: #222222;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 30px;
}

.contact-page-section .contact-info {
	position: relative;
	margin-bottom: 30px;
}

.contact-page-section .contact-info li{
	position: relative;
	padding-left: 50px;
	font-size: 14px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
}

.contact-page-section .contact-info li p{
	display: block;
	margin-bottom: 10px;
}


.contact-page-section .contact-info li span{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	line-height: 25px;
	color: #00aeef;
}

.contact-page-section .contact-info li a{
	color: #888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}


.contact-page-section .contact-info li a:hover{
	color: #00aeef;
}

.contact-page-section .contact-form{
	max-width: 100%;
}
.text-white{
	color:#FFF !important;
}