/*

	1.0 Load Fonts.
	2.0 Reste html.
	3.0 Header.
	4.0 Slider.
	5.0 Services.
	5.0 News activities.
	6.0 Appointment
	7.0 Doctors
	8.0 Tetimonials
	9.0 Recent Posts
	10.0 Facts
	11.0 Why Choose Us
	12.0 Departments
	13.0 Contact Us
	14.0 Footer
	15.0 Breadcrumb
	16.0 About Us
	17.0 Gallery
	18.0 Easy Content Box
	19.0 FAQ
	20.0 404: Page Not Found
	21.0 Misc

*/

/*------------------------------------
			1.0 Load Fonts
------------------------------------*/

@font-face{
  font-family: 'Lato';
  src:url('../fonts/Lato-Regular.ttf');
}
@font-face{
  font-family: 'Montserrat';
  /*src:url('../fonts/Sansation-Bold.ttf');*/
  src:url('../fonts/Montserrat-Regular.otf');
}
@font-face {
  font-family: 'FontAwesome';
  src:url('../fonts/fontawesome-webfont.ttf') format('truetype');
  src:url('../fonts/fontawesome-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'webfont-medical-icons';
	src:url('../fonts/webfont-medical-icons.eot');
	src:url('../fonts/webfont-medical-iconsd41d.eot?#iefix') format('embedded-opentype'),
		url('../fonts/webfont-medical-icons.ttf') format('truetype'),
		url('../fonts/webfont-medical-icons.woff') format('woff'),
		url('../fonts/webfont-medical-icons.svg#webfont-medical-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'webfont-medical-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/*------------------------------------
			2.0 Reset HTML 
------------------------------------*/

body,ul{
	margin:0px;
	padding:0px;
	font-family: 'Montserrat', sans-serif;
}
h1,h2,h3,h4,h5,h6{
	color:#6e6e6e;
	letter-spacing: 1px;
	/*font-family:'Lato' ;*/
}
h1,h2,h3{
	font-weight: bold;
}
h1{
	font-size: 36px;
}
h2{
	font-size:30px;
}
h3{
	font-size:24px;
	margin-bottom:15px;
}
h4{
	font-size:18px;
}
h5{
	font-size:16px;
}
h6{
	font-size:14px;
}
p{
    color: #6e6e6e;
    font-size: 16px !important;
    font-family: 'Lato', sans-serif;
}
section{
	float:left;
	width:100%;
	padding: 65px 0px;
	height:auto;
}
blockquote {
	background-color: #39a3de;
	border: 0 none;
	color: #ffffff;
	font-style: italic;
	font-weight: 500;
	margin: 20px 0;
	padding: 30px;
	font-family:'Lato';
	letter-spacing: 1px;
}
input,textarea {
	font-family: "Lato";
	margin-bottom: 20px;
	font-size: 18px;
}
select{
	height: 45px;
	padding: 30px 20px;
	font-size: 14px;
	margin: 8px 5px;
	border-radius: 0px !important;	
}
input,
input.form-control {
	height: 35px;
	padding: 20px 20px;
	font-size: 14px;
	margin: 8px 5px;
	border-radius: 0px;	
}
textarea,
textarea.form-control{
	height: 150px;
	max-width: 100%;
	margin:8px 3px;
	font-size: 16px;	
	border-radius: 0px;
}
.description {
	margin-bottom: 30px;
	line-height:1.5;
}
.div-title {
	margin-bottom:50px;
	margin-top: 0px;
	/*font-family: 'Lato';*/
	font-weight:600;
}
.div-title > span {
	border-bottom: 3px solid #a38876;
	padding:0px 0px 10px;
	width: 80px;
	letter-spacing: 1px;
}
.description {
	color:#6e6e6e;
}
a:hover{
	text-decoration: none;
}

/*====== Video Container ===*/
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vimeo-video{
	position: relative;
	top: 15px;
}
.youtube-video iframe{
    width: 100%;
    height: 100%;
    display: block;
    min-height: 380px;
    position: relative;
    top: 5px;
    border:none;
}
/*------------------------------------
			3.0 Header 
------------------------------------*/

/*========== Header Wrapper ==========*/	

.header-wrapper{
	position: relative;
}

/*header top*/
.header-top{ 
	background-color: #a38876; 
	border-bottom:0px solid #a38876; 
	font-size:12px; 
	position:relative; 
	z-index:1150; 
}
.header-top ul, 
.header-top ol, 
.header-top dl{
	font-weight:500; 
	font-size:12px; 
	margin-bottom:0;
}
.header-top ul .fa{ 
	margin-right: 10px;
}
.header-top p{
	margin:0;
}
.header-top-left{ 
	float:left; width:100%;
}
.header-top-right{ 
	float:right; width:100%;
}
/*header top navigation */
.top-menu {
	list-style:none; 
	padding-left:0; 
	float:right;
}
.top-menu li:first-child { 
	border-left:1px solid #32313b;
}
.top-menu li { 
	border-right:1px solid #32313b; 
	display:inline-block;
	background: #ff551a none repeat scroll 0 0;
}
.top-menu li a{ 
	color:inherit; 
	padding:10px 12px; 
	display:block;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 13px;
	font-family: 'Lato';
	font-weight: bolder;
}
.header-top .dropdown:hover .dropdown-menu {
	display: block;
}
.header-top .dropdown-menu{ 
	border:1px solid #32313b; 
	margin-top:0px; 
	margin-left:-4px;
}
.header-top .dropdown-menu > li{ 
	display:block; border:none;
}

/* social top */
.social-top{ 
	list-style:none; 
	padding-left:0; 
	float:left;
}
.social-top li:first-child { 
	/*border-left:1px solid #32313b;*/
}
.social-top li { 
	/*border-right:1px solid #32313b;*/ 
	display:inline-block;
}
.social-top li a{ 
	color:inherit; 
    padding:8px 12px; 
	display:block; 
	font-size:14px;
	color: #fff;
    transition: .4s;
}
.social-top a:hover, 
.social-top a:focus { 
    background: rgba(0,0,0,.1);
	text-decoration:none;
}
.social-top .fa{ 
	margin-right:0 !important;
}
.
.top-menu a{ 
	color: #fff !important;
}
.top-menu a:hover, 
.top-menu a:focus {
	text-decoration:none;
}
/*header main*/
.header-main{
	width:100%; 
	position:relative; 
	z-index:1100; 
	background-color: #fff; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.239216) 0px 4px 9px 0px; 
	-moz-box-shadow: rgba(0, 0, 0, 0.239216) 0px 4px 9px 0px; 
	box-shadow: rgba(0, 0, 0, 0.239216) 0px 4px 9px 0px;
	-webkit-transform: translateZ(0);
}
.main-navigation{ 
	position:relative;
}
.logo{ 
	line-height:100px;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
    margin-top: 30px;
}
.logo img{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
    height: 40px;
	transition: all 0.3s ease-in-out;
}
.header-main.shrink .logo{ 
	line-height:60px; 
	-webkit-transition: all 1s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
}
.header-main.shrink .logo img{
	-webkit-transform:scale(0.8); 
	-moz-transform:scale(0.8); 
	-o-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	transform: scale(0.8);
}
/*========== Main Navigation ==========*/

.navbar-header{
	float:none;
}
.nav-right .navbar-header{
	float:right;
}
.nav-left .navbar-header{
	float:left;
}
.nav-left .apclk-nav{
	float:right;
}
.nav-centered .navbar-header{
	float:none; 
	text-align:center;
}
.nav-centered .nav > li { 
	display:inline-block;
}
.nav-centered .navbar-nav > li { 
	float:none;
}
.nav-centered .apclk-nav{ 
	width:100%; 
	text-align:center;
}

@media (min-width: 768px) and (max-width: 991px) {
	.nav > li > a { 
		padding-left:9px; 
		padding-right:9px;
	}
	.navbar-nav > li > a {
		line-height: 76px;
	}
}
@media screen and (max-width: 767px) {
	.mega-menu-list > li > a {
		color: #6e6e6e !important;
	}
	.nav-right .navbar-header{
		float:none; 
		width:100%; 
		text-align:right;
	}
	.nav-left .navbar-header{
		float:none; 
		width:100%; 
		text-align:left;
	}
	.nav-right .navbar-toggle { 
		left:0;
	}
	.nav-left .navbar-toggle { 
		right:0;
	}

	.nav-left .apclk-nav{
		float:none;
	}
	.dropdown-menu > li > a{
	    background: none !important;
	    color: #fff !important;
		padding: 10px 20px !important;
	}
	.dropdown-menu > li > a:hover{
		padding: 10px 20px !important;
	    background-color: #337ab7 !important;
	    color: #fff !important;
	}
	.dropdown-menu > li.active > a{
	    background-color: #337ab7 !important;
	    color: #fff !important;
	}
	.header-top-left,.social-top,.header-top-right,.top-menu{
		text-align: center;
		float: none;
	}
	.top-menu{

	}
}
.navbar,
.navbar-nav {
    margin: 0;
    min-height: inherit;
}
.navbar-collapse {
    max-height: inherit;
    padding: 0;
}
.navbar-default {
    background: none;
    border: none;
}
.navbar-default .navbar-nav > li > a.active {
	color: #39a3de;
}
.navbar-default .navbar-nav > li > a {
    /*color: #6e6e6e;*/
    color: #435061;
    border-bottom: 3px solid transparent;
    /*font-family: 'Montserrat', sans-serif;*/
    font-family: 'Lato', sans-serif;
    /*font-size: 14px;*/
    font-size: 13px;
    /*font-weight: 600;*/
    text-decoration: none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background: none;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    /*border-bottom: 3px solid;*/
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    text-decoration: none;
    background-color: none;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background: none;
    /*color: #ffffff;*/
    border-color: transparent;
}
.navbar-toggle {
    position: absolute;
    cursor: pointer;
    top: 24px;
    width: 40px;
    height: 40px;
    font-size: 18px;
    float: none;
    text-align: center;
    right: 0;
    margin: 0;
    padding: 9px 10px;
    background-color: #32313b;
    color: #fff;
    border: none;
    border-radius: 0;
}
.navbar-toggle:focus {
    outline: none;
}
.navbar-toggle:after {
    content: '\f0c9';
    font-family: 'FontAwesome';
}

@media (min-width: 992px) {
    .navbar-nav > li > a {
        padding: 10px 10px 10px 10px;
        line-height: 76px;
    }
    .header-main.shrink .navbar-nav > li > a {
        line-height: 41px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .navbar-nav > li > a:hover,
    .navbar-nav > li > a:focus {} .navbar-nav > li > a.current::before,
    .navbar-nav > li > a.current::after,
    .navbar-nav > li > a:hover::before,
    .navbar-nav > li > a:focus::before,
    .navbar-nav > li > a:hover::after,
    .navbar-nav > li > a:focus::after,
    .navbar-nav > li > a.highlighted:before,
    .navbar-nav > li > a.highlighted:after {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }
}
/* Mega Menu */

.apclk-mega .nav,
.apclk-mega .collapse,
.apclk-mega .dropup,
.apclk-mega .dropdown {
    position: static;
}
.apclk-mega .container {
    position: relative;
}
.apclk-mega .dropdown-menu {
    left: auto;
	color: #ffffff;
	background-color: #ffffff;
}
.apclk-mega .nav.navbar-right .dropdown-menu {
    left: auto;
    right: 0;
}
.apclk-mega .apclk-mega-content {
    padding: 0px 15px;
}
.apclk-mega .dropdown.apclk-mega-fw .dropdown-menu {
    left: 0;
    right: 0;
}
/* Mega Menu Elements styling*/
/* lists */

.mega-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mega-menu-list > li {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.mega-menu-list > li.active{
	background-color: #337ab7;
}
.mega-menu-list > li p{
	color: #fff;
	padding: 0px 10px;
	font-weight: normal;
	text-transform: none;
	font-family: 'Lato';
}
.mega-menu-list > li > a {
    color: #fff;
    display: block;
    padding: 10px;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight:bolder;
}
.mega-menu-list > li.active > a {
    color: #ffffff !important;
}
.mega-menu-list > li > a:hover,
.mega-menu-list > li > a:focus {
    background: #337ab7;
    color: #fff !important;
    /*background: none;*/
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
}
.mega-menu-list .title-header:before {
	content:"\f055";
	font-family: 'FontAwesome';
	padding-right: 5px;
}
.mega-menu-list .title-header {
    /*color: #435061;*/
    color: #333;
    font-family: 'Lato';
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 8px;
    margin-top: 10px;
    display: block;
    letter-spacing: 1px;
}
.apclk-nav h1,
.apclk-nav h2,
.apclk-nav h3,
.apclk-nav h4,
.apclk-nav h5,
.apclk-nav h6 {
    color: #c0c0ca;
    padding: 10px 0;
}
/* dropdowns */

.dropdown-menu {
    min-width: 180px;
    border-radius: 0;
    background: #fff;
    border: none;
    /*box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, .3);*/
}
.dropdown-menu > li > a {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    white-space: nowrap;
    padding: 10px 15px;
}
.dropdown-menu .divider {
    background: #32313b;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {} .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: rgba(0,0,0,.2);
    color: #fff;
    transition: all 0.6s ease-in-out;
}

/*------------------------------------
			4.0 Slider 
------------------------------------*/

.fade-carousel {
    position: relative;
    height: 100vh;
}
.fade-carousel .carousel-inner .item {
    height: 100vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #39a3de;
    border-color: #39a3de;
    width: 30px;
    height: 5px;
    padding: 0px 5px;
    border-radius: 0px;
    opacity: .5;
}
.fade-carousel .carousel-indicators > li.active {
  	width: 30px;
    height: 5px;
    padding: 0px 5px;
    border-radius: 0px;
  	opacity: 1;
}
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #fff;
}
.hero h3 {
	color: #ff551a;
	letter-spacing: 1px;
}
.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .5;
}
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #39a3de;
    border-color: #39a3de;
    outline: none;
    border-radius: 0px;
    margin: 20px auto;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    padding: 10px 20px;
    font-weight: 500;
    letter-spacing: 1px;
    font-weight: 600;
}
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(../images/slider-2.jpg); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(../images/slider-3.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image: url(../images/slider-4.png);
}
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }    
}

/*------------------------------------
			5.0 Services 
------------------------------------*/

/*====== Service 1 ======*/

.services-1{
	width: 100%;
	background-color: #ffffff;
}
.services-1 p.p-info{
	padding: 20px 5px;
}
.services-1 .service-icon .fa{
	font-size: 42px;
	color: #39a3de;
	margin:2px auto;
}
.services-1 .single-feature{
	padding: 20px 15px;
}
.services-1 .single-feature h4{
	color: #435061;
	margin-bottom: 10px;
	letter-spacing: 0.3px;
}
.services-1 hr.service-title-hr {
	border:1px solid #eee;
	width: 50px;
	text-align: left;
	padding: 0px;
	margin: 12px 0px 15px;
	align:left;
}
.services-1 .single-feature a{
	text-transform: uppercase;
	color: #6e6e6e;
}
.services-1 .single-feature a:hover{
	text-decoration: none;
	color: #435061;
}

@media screen and (max-width: 767px){
    .services-1 .service-icon {
    	text-align: left !important;
    }
}

/*====== Service 2 ======*/

.services-two{
	float: left;
	width: 100%;
	/*padding-bottom: 15px;*/
	background-color: #ffffff;
	/*text-align: center;*/
}
p.p-info{
	padding: 20px 5px;
}
.services-two .boxed i.fa{
	font-size: 42px;
	color: #39a3de;
	margin:2px auto;
	text-align: center;
}
.services-two a{
	text-transform: uppercase;
	color: #6e6e6e;
}
.services-two a:hover{
	text-decoration: none;
	color: #435061;
}
.services-two h4{
	letter-spacing: 0.3px;
	color: #435061;
}

/*===== Service 3 ======*/

.services-3 .single-box{
    /*
	border:2px solid #fff;
	padding-top: 10px;
	padding-bottom: 10px;
        */
}

.single-box .inner {
    border:1px solid #DDD;
    padding: 10px 20px 10px 10px;
    margin: 10px;
    transition: .2s;
    min-height: 210px;
}

.services-3 .single-box:hover{
	color: #fff;
}

.services-3 .single-box p {
    font-weight: 400;
}

.services-3 .single-box a {
    text-align: right;
}

.services-3 .single-box:hover .service-icon .fa,
.services-3 .single-box:hover p,
.services-3 .single-box:hover a,
.services-3 .single-box:hover h4{
	color: #fff;
}
.services-3 .service-icon .fa{
	font-size: 42px;
	color: #39a3de;
	margin:2px auto;
}
.services-3 .single-feature{
	padding: 20px 15px;
}
.services-3 h4{
	color: #435061;
	margin-bottom: 10px;
    letter-spacing: 0.3px;
}
.services-3 hr.service-title-hr {
	border:1px solid #eee;
	width: 50px;
	text-align: left;
	padding: 0px;
	margin: 12px 0px 15px;
}
.services-3 a{
    display: block;
	color: #6e6e6e;
	margin-bottom: 10px;
}
.services-3 a:hover{
	text-decoration: none;
	color: #435061;
}
@media screen and (max-width: 767px) {
	.services-3 .service-icon{
		text-align: left;
	}
}
/*------------------------------------
			6.0 Appointments
------------------------------------*/

/*====== Appointment 1 ======*/

.appointment-home{
	max-width: 100%;
	display: block;
	overflow: hidden;
}
.appointment-box{
	padding: 45px 40px 40px 30px;
	height: auto;
	margin: 0px auto;
	max-width:100%;
	max-height: 500px; 
	margin-bottom: 30px;
	/*padding-right: 30px;*/
}

.appointment-box h3{
	color: #fff;
	font-family: 'Montserrat';
	margin-bottom: 15px;
	letter-spacing: 1px;
}
form.app-form{
	padding: 1px 15px;
}
form button.btn{
	/*padding: 10px 20px;*/
	letter-spacing: 1px;
}
.bg-img-container{
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 100%;
}
@media screen and (max-width: 767px){
	.appointment-box{
		padding: 15px 15px 40px 5px;
		height: auto;
		margin: 0px auto;
		max-width:100%;
		max-height: 500px; 
		margin-bottom: 30px;
		/*padding-right: 30px;*/
	}/*
	.appointment-box input, .appointment-box input.form-control{
		    padding: 20px 10px !important;
	}*/
}

.appointment-box button,
.appointment-page button{
	position: relative;
	top: 10px;
}
/*====== Appointment 2 ======*/

.appointment-page span{
	height: 
}
.appointment-page .input-group{
	padding: 10px 0px;
}
.appointment-page .input-group-addon{
	/*width: 130px !important;*/
	border-radius: 0px !important;
	color: #fff;
	background-color: #39a3de;
	border:1px solid #39a3de;
}
.appointment-page input.form-control,
.appointment-page input.input-group-addon  {
     height: auto; 
     padding: 10px 12px; 
    font-size: 14px;
     margin: 0px !important; 
     border-radius: 0px;
}
.appointment-page textarea{
	font-size: 16px !important;
}
.date-form { margin: 10px; }
.datepicker{z-index:1200 !important;}
label.control-label span { cursor: pointer; }

/*------------------------------------
			7.0 Doctors
------------------------------------*/

/*====== DOCTORS 1 ======*/

.home-doctors{
	float: left;
	width: 100%;
	background-color: #ffffff;
}
.home-doctors hr.title-hr{
	margin:12px auto 0px auto;
}
.single-doctor{
	text-align: center;
	margin: 15px auto;
}
.single-doctor p{
	text-transform: uppercase;
	font-size: 14px;
}
.media {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.media__image { display: block; }

.media__body {
  background: rgba(41, 128, 185, 0.7);
  bottom: 0;
  color: white;
  font-size: 1em;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 3.75em 3em;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.media__body:hover { opacity: 1; }

.media__body:after,
.media__body:before {
  border: 1px solid rgba(255, 255, 255, 0.7);
  bottom: 1em;
  content: '';
  left: 1em;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}

.media__body:before {
  border-bottom: none;
  border-top: none;
  left: 2em;
  right: 2em;
}

.media__body:after {
  border-left: none;
  border-right: none;
  bottom: 2em;
  top: 2em;
}

.media__body:hover:after,
.media__body:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.media__body h2 { margin-top: 0; }

.media__body p { margin-bottom: 1.5em; color: #fff; }

.doctor-social-icons a{
	color: #fff;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	padding: 3px;
}

/*====== DOCTORS 2 ======*/

.doctors2 .doctor-profile{
	padding: 20px;
	background: #fbfbfb;
	border:1px solid #eee;
	margin: 0 auto;
}
.doctors2 .single-doctor:hover .doctor-profile{
	border:1px solid #39a3de;
}
.doctors2 .doctor-profile img {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 20px;
}
.doctors2 .name-location span a {
	color: #435061;
	font-weight:200;
	font-family: 'Montserrat'
}
.doctors2 p{
	text-transform: none;
}
.doctors2 .name-location span i {
    color: #39a3de;
    font-size: 18px;
    margin-right: 5px;
}
.rounded-x {
    border-radius: 50% !important;
}
.doctors2 .name-location {
    overflow: hidden;
}
.doctors2 .name-location strong {
    color: #555;
    display: block;
    font-size: 16px;
    font-weight: 400;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.doctors2 .share-list li a{
	color: #435061;
}
.doctors2 .share-list {
    margin-bottom: 0;
}
.doctors2 .share-list li:first-child {
    padding-left: 0;
}
.doctors2 .share-list li i {
    color: #39a3de;
    margin-right: 5px;
}
.doctors2 .share-list li {
    padding-left: 20px;
}

/*------------------------------------
			8.0 Testimonials
------------------------------------*/

/*====== Testimonial - 1 ======*/

.home-testimonials{
	max-width: 100%;
	display: block;
	overflow: hidden;
}
.testimonials-box{
	padding: 20px;
	height: 500px;
}

.testimonials-box h2{

}
.testimonials-box ol.carousel-indicators{
	position: relative;
	top: 30px;
	left: 30px;
}
.testimonials-box ol.carousel-indicators li.active{
	background-color: #f15b5a
}
.testimonials-box ol.carousel-indicators li{
	background-color: #aaa;
}
.testimonials-box h6{
	text-transform: uppercase;
	padding: 15px 5px 0px 0px;
	color: #f15b5a;
}
.testimonials-box cite{
	color: #6e6e6e;
	font-style: normal;
}	
.testimonials-box img{
	max-height: 120px;
	margin-top: 20px;
}

/*====== Testimonials - 2 ======*/

.testimonials-dark {
    background: #f7f7f7 none repeat scroll 0 0;
    float: left;
    height: auto;
    width: 100%;
}
.testimonials-dark h3 {
	color: #25292c;
}
.testimonials-dark .people-img {
	float:left;
	width:100%;
	height:auto;
	text-align: center;
}
.testimonials-dark .people-img img {
	width:100px;
	height: 100px;
	border-radius: 50%;
	height:auto;
}
.testimonials-dark .people-say::before {
	content: url("../images/quotes-left.png");
	left: 25px;
	position: absolute;
	top: -10px;
}
.testimonials-dark .people-say::after {
	bottom: 15px;
	content: url("../images/quotes-right.png");
	position: absolute;
	right: 25px;
}
.testimonials-dark .people-say {
	color: #ffffff;
	float: left;
	height: auto;
	min-height: 20px;
	padding: 30px 15px 15px;
	position: relative;
	width: 100%;
}
.testimonials-dark .people-say h4 {
	color: #6e6e6e;
	text-align: center;
}
.testimonials-dark .people-say-section {
	margin-bottom:30px;
}
.testimonials-dark .fa.fa-quote-left {
    color: rgba(255,255,255,0.5);
    font-size: 25px;
}
.people-say > p {
    font-size: 18px !important;
    font-style: italic;
    margin-top: 5px;
    color:#25292c;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.8;
    font-size: 18px;
    letter-spacing: 1px;
}
.testimonials-dark .carousel-indicators {
	bottom:-10px;
}
.testimonials-dark .carousel-indicators li {
	border-color:transparent;
	width:25px;
	padding: 2px 5px;
	height:3px;
    background: #ffffff;	
    margin: 0px;
    border-radius: 0px;
}
.testimonials-dark .carousel-indicators li.active {
	border-color:transparent;
	width:25px;
	padding: 2px 5px;
	height:3px;
    background: #25292c;	
    border-radius: 0px;
}

/*====== TESTIMONIALS : 3 ======*/

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

#fade-quote-carousel.carousel {
  padding-bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
    background-color: transparent !important;
    color: #fff;
}
#fade-quote-carousel blockquote p{
	color: #fff;
	font-size: 18px !important;
}
#fade-quote-carousel blockquote h6{
	color: #39a3de;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	padding-top: 15px;
}
#fade-quote-carousel blockquote cite{
	color: #eee;
	padding-top: 0px;
}
#fade-quote-carousel img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 100px;
}

/*-----------------------------------
		9.0	Recent Posts
-----------------------------------*/

.recentpost{
	display: block;
	overflow: hidden;
	float: left;
	width: 100%;
	height: auto;
	clear: both;
}
.recentpost .bloginfo{
	background-color: #fff;
	padding: 10px 10px 20px 10px;
	margin-bottom: 15px;
}
.recentpost .post-img{
	background: #ffffff none repeat scroll 0 0;
    margin: auto;
    overflow: hidden;
    position:relative;
    z-index:1;
}
.recentpost .post-img img{
    transition: transform 2s ease-in-out;
    transform: scale(1);
    /*overflow: hidden;*/
    width:100%;
	height:auto;    
}
.recentpost .post-img img:hover{
	transform: scale(1.5);
}
.recentpost a.blog-title{
	display: block;
	width: 100%;
    min-height: 66px;
	font-size: 18px;
	text-decoration: none;
	color: #435061;
	padding: 8px 15px;
}
.recentpost a.blog-date, .recentpost a.blog-author{
	font-size: 14px;
	color: #a29a9c;
	padding-left: 15px;
}
.recentpost p{
	padding:15px;
}
.recentpost .readmore{
	padding: 10px 0px;
}
.recentpost .readmore a{
	background-color: #435061;
	padding:10px 20px;
	text-transform: uppercase;
	color: #fff;
}
.recentpost .readmore a:hover{
	background-color: #39a3de;
}

/*-----------------------------------
		10.0 Facts
-----------------------------------*/
.facts{
	display: block;
	overflow: hidden;
	float: left;
	width: 100%;
	background-color: #ffffff;
}
@media screen and (max-width: 767px){
	.facts .col-xs-12.col-sm-6.col-md-3.text-center{
		padding:10px 0px !important;
	}
}
.facts .fa{
	font-size: 28px;
	color: #6e6e6e;/*
	margin-bottom: 0px;
	padding-bottom: 0px;*/
}
.facts h3{
	padding: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.facts p{
	text-transform: uppercase;
	font-size: 14px !important;
	padding: 0px;
	margin: 0px;
}
.facts .single-fact{
	padding-top: 10px;
	padding-bottom: 10px;
}

/*-----------------------------------
		11.0 WHY CHOOSE US
-----------------------------------*/

.home-why-us{
	float: left;
	width: 100%;
	background-color: #ffffff;
}
.home-why-us h4{
	letter-spacing: 0.3px;
}
p.p-info{
	padding: 20px 5px;
}
.home-why-us i.fa{
	font-size: 42px;
	color: #fff;
	background-color: #39a3de;
	padding: 20px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	top: 15px;
}
.home-why-us .choose-icon{
	text-align: center;
}
.home-why-us .why-us-rows{
	padding: 8px 0px;
	/*border-bottom: 1px solid #e6e6e6;*/
}

@media screen and (max-width: 767px){

	.home-why-us .choose-icon{
		text-align: center;
		padding:10px 0px;
	}
	.home-why-us .why-us-rows{
		padding: 8px 0px;
		text-align: center;
	}

}

/*-----------------------------------
		12.0 DEPARTMENTS
-----------------------------------*/

.tab-departments.nav-tabs {
    border-bottom: 1px solid #eae9e7;
    width: 100%;
}
.tab-departments {
    margin-bottom: 75px;
}

.tab-departments.nav-tabs>li {
    float: left;
    margin-bottom: 0;
    border: 1px solid #eae9e7;
    width: 20%;
    text-align: center;
    border-left: 0;
    border-bottom: 0;
}
@media screen and (max-width: 767px){
	.tab-departments.nav-tabs>li {
	    float: left;
	    margin-bottom: 0;
	    border: 1px solid #eae9e7;
	    width: 50%;
	    text-align: center;
	    border-left: 0;
	    border-bottom: 0;
	}
}

.tab-departments.nav-tabs>li:last-child, .tab-departments.nav-tabs>li:nth-child(5), .tab-departments.nav-tabs>li:nth-child(10), .tab-departments.nav-tabs>li:nth-child(15) {
    border-right: 0;
}
.tab-departments.nav-tabs>li.active>a, .tab-departments.nav-tabs>li.active>a:focus, .tab-departments.nav-tabs>li.active>a:hover, .tab-departments.nav-tabs>li>a:hover {
    border: 1px solid #fff;
    /*color: #f69165;*/
}
.tab-departments.nav-tabs>li.active {
	overflow: hidden;
}
.tab-departments.nav-tabs>li>a {
    border-radius: 0;
    margin: 0;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    display: block;
    text-transform: capitalize;
    color: #39a3de;
    padding: 25px 15px;
    text-decoration: none;
}
.departmentcon {
    width: 65px;
    height: 45px;
    display: inline-block;
}

.tab-departments.nav-tabs>li>a span {
    display: block;
    padding: 5px 0px; 
    font-size: 18px;
    color: #435061;
}
.tab-departments li span[class^="icon-"]{
	font-size: 50px !important;
}
.tab-departments.nav-tabs>li.active >a span {
	color: #ff551a;
}
.tab-departments li span[class^="icon-"]{
	color: #435061;
}
.tab-content .dept-details{
	max-width: 835px;
	margin: 0px auto;
}
.tab-content .dept-details span[class^="icon-"]{
	font-size:72px;
	color: #ff551a;
}
.tab-content .dept-details p{
	padding-bottom: 15px;
	font-size: 16px !important;
}
.department-tab-wrap {
    text-align: center;
}
.tab-content  .dept-details h3{
	color: #435061;
}
/*====== Departments 2 ======*/

div.dept-tab-container{
  z-index: 10;
  background-color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}

div.dept-tab-content{
  background-color: #ffffff;
  /*padding-left: 20px;*/
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 5%;
  text-align: center;
}
div.dept-tab-content .dept-details span{
	font-size: 80px;
	color: #ff551a;
}
div.dept-tab-menu{
  /*padding-right: -15px;*/
  padding-left: 0;
  padding-bottom: 0;
}
div.dept-tab-menu span{
	font-size: 36px;
}
div.dept-tab-menu a{
	text-transform: uppercase;
}
div.dept-tab-menu div.list-group{
  margin-bottom: 0;
}
div.dept-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.dept-tab-menu div.list-group>a .glyphicon,
div.dept-tab-menu div.list-group>a .fa {
  color: #435061;
}
div.dept-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.dept-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.dept-tab-menu div.list-group>a.active,
div.dept-tab-menu div.list-group>a.active .glyphicon,
div.dept-tab-menu div.list-group>a.active .fa{
  background-color: #435061;
  background-image: #435061;
  color: #ffffff;
}
div.dept-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #435061;
}

div.dept-tab div.dept-tab-content:not(.active){
  display: none;
}

/*-----------------------------------
		13.0 Contact Us
-----------------------------------*/

/*====== Contact 1 ======*/

.contact-1{

}
.contact-1 ul li,
.contact-1 ul span{
	display: block;
	padding: 10px 0px;
}
.contact-1 ul li span{
	color: #39a3de;
}
.contact-1 ul li{
	color: #435061;
	font-family: 'Lato';
	/*font-weight: bold;*/
	font-size: 16px;
}
.contact-1 button.btn{
	border-radius: 0px;
	/*padding: 10px;*/
	text-decoration: normal;
	text-transform:uppercase;
	position: relative;
	top: 10px;
}
.contact-1 button.btn:hover{
	/*background-color: #435061;*/
}

p.form-status{
	text-align: center;
}

/*-----------------------------------
		14.0 BLOG LIST
-----------------------------------*/

.bloglist{
	display: block;
	overflow: hidden;
	float: left;
	width: 100%;
	height: auto;
	clear: both;

}
.bloglist .one-blog{
	box-shadow: 3px 3px 15px;
	margin: 15px auto;
}
.bloglist .bloginfo{
	background-color: #fff;
	padding: 10px 10px 20px 10px;
	margin-bottom: 15px;
	border:1px solid #eee;
}
.bloglist .post-img{
	background: #ffffff none repeat scroll 0 0;
    margin: auto;
    overflow: hidden;
    position:relative;
    z-index:1;
}
.bloglist .post-img img{
    transition: transform 2s ease-in-out;
    transform: scale(1);
    width:100%;
	height:auto;    
}
.bloglist .post-img img:hover{
	transform: scale(1.5);
}
.bloglist a.blog-title{
	display: block;
	width: 100%;
	font-size: 18px;
	text-decoration: none;
	color: #435061;
	padding: 8px 15px;
}
.bloglist .bloginfo i.fa{
	/*color: #ff551a;*/
}
.bloglist a.blog-date, 
.bloglist a.blog-author,
.bloglist a.blog-comments{
	font-size: 14px;
	color: #435061;
	padding-left: 15px;
	font-family: 'Lato';
	display: inline-block; 
}
.bloglist p{
	padding:15px;
}

/*===================================
			SINGLE POST
===================================*/
.single-post{
	padding: 15px 0px;
}
.single-post img.featured-img{
	position: relative;
	display: block;
}
.single-post h3{
	color: #435061;
}
.single-post .single-post-header{
	position: relative;
	display: block;
}
.single-post .post-info{
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: rgba(52, 152, 219, 0.6);
	padding: 20px;
	font-family: 'Lato';
}
@media screen and (max-width: 767px){
	.single-post .post-info{
		position: relative !important;
		bottom: 0px;
		left: 0px;
		background-color: rgba(52, 152, 219, 0.6);
		padding: 20px;
		font-family: 'Lato';
	}	
}
.post-info h3{
	font-family: 'Montserrat', sans-serif;
	color: #fff;
}
.post-info ul.post-meta-info{
	color: #fff;
	font-family: 'Lato';
}
.post-info ul.post-meta-info li.meta-author > a,
.post-info ul.post-meta-info li.meta-comments > a,
.post-info ul.post-meta-info li.meta-tags > a{
	color: #fff;
	font-size: 16px;
}
.post-info ul.post-meta-info li.meta-author  i.fa,
.post-info ul.post-meta-info li.meta-comments  i.fa,
.post-info ul.post-meta-info li.meta-tags  i.fa{
	/*color: #ff551a;*/
}

.single-post .post-content{
	padding: 25px 0px;
}
.single-post .post-content blockquote footer{
	padding: 10px 0px 0px 0px;
	color: #fff;
	font-size: 16px;
}
.single-post .post-content blockquote footer cite{
	display: block;
}


.single-post .about-author img.author-img{
	width: 120px;
	height:120px;
	float: left;
	margin-right: 15px;
	display: inline-block;
}
.single-post .about-author p strong{
	display: block;
	padding:5px;
}
.single-post .about-author ul.author-social{
	list-style: none;
}
.single-post .about-author ul.author-social li{
	float: left;
	padding-right:3px;
	display: inline-block;
}
.single-post .about-author ul.author-social li i.fa{
	font-size: 26px;
	color: #435061;
}
.blog-single-post{
    display: block;
    overflow: hidden;
    float: left;
    width: 100%;
    height: auto;
    clear: both;
}

/*======= Comments =======*/
.comments {
	float: left;
	width:100%;
	margin-top:50px;
}
.comments h3{
	color: #435061;
}
.comment {
	background-color:#f5f5f5;	
	float: left;
	width: 100%;
	padding:25px;
	margin-bottom: 30px;
}
.comment.reply-for-comments {
  width: 90%;
  float: right;
}
.comment img {
	border: 5px solid #ffffff;	
	width:100%;
	height:auto;
}
.comment-name {
	font-size: 20px;
	text-transform: uppercase;
}
.comment-reply {
	float: right;
	position: relative;
	right: 0px;
	bottom: 10px;
}
.comment-reply > a {
	display: block;
	text-align: center;
	text-decoration: none;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	position: relative;
	top: 10px;
	right: 15px;
}
p.news-detail-links{
	padding-top:10px;
}
p.news-detail-links label{
	font-family: 'Lato' !important;
	font-weight: normal;
	display: inline-block;
	padding-right: 10px;
}
p.news-detail-links label i.fa{
	color:#435061;
}
.comments #contact-form{
	padding-right: 8px;
}
.comments #contact-form button{
	margin-top: 10px;
}
/*======== Widget Management =======*/


/* Sidebar */
.content-with-sidebar{ 
	overflow:hidden;
}
.content-with-sidebar .sidebar:before{ 
	content: "";  
	display: block;  
	height: 6000px;  
	position: absolute; 
	width: 1px;
}
.sidebar.sidebar-right:before{ 
	background: #ececec; 
	margin-left:-8px;
}
.sidebar.sidebar-left:before{ 
	background: #ececec; 
	right:7px;
}
.sidebar.sidebar-right .sidebar-content{ 
	position:relative; 
	padding-left:15px;
}
.sidebar.sidebar-left .sidebar-content{ 
	position:relative; 
	padding-right:15px;
}

/* widget */
.sidebar-widget { 
	margin-bottom:40px;
}
.sidebar-widget .title-widget { 
	font-weight:300; 
	text-transform:none;
}
.sidebar-widget .title-widget.fancy-title span:after {
	margin: 30px 0 -3px;
}

/* Pagination */
.pagination > .disabled > span, 
.pagination > .disabled > span:hover, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > a, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > a:focus{ 
	border-color:#ececec;
}
.pagination > li > a, 
.pagination > li > span {
	border-color:#ccc; 
	color:#778899; 
	margin-left: 4px;  
	padding: 8px 16px;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
	background-color: #435061;
 }

.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus {
	color:#ffffff; 
	background-color: #39a3de;
}

/*======= SIDEBAR ======*/
.sidebar.sidebar-right:before {
    background: #ececec;
    margin-left: -8px;
}
 .sidebar:before {
    content: "";
    display: block;
    height: 6000px;
    position: absolute;
    width: 1px;
}
.sidebar ul.widget-list{
	list-style:none;
}
.sidebar ul.widget-list li{
	padding:5px 0px;
}
.sidebar ul.widget-list li a{
	font-family: 'Lato';
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	display: block;
	width: 100%;
	color: #6f8190;
	transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}
.sidebar ul.widget-list li:hover a{
	border-left: 3px solid #39a3de;
	padding-left: 10px;
}

.sidebar .div-title{
	margin-bottom: 30px;
	text-transform: uppercase;
}
.sidebar .flex-video{
    position: relative;
    /*padding-top: 5px;*/
    padding-bottom: 56.4%;
    height: 0;
    overflow: hidden;
}

/*search widget*/
.sidebar-widget .search-widget{
	padding:0px;
	margin-left: -5px;
	margin-top: 10px;
}
.sidebar-widget button.search-btn{
	position: relative;
	top: 4px;
}
/*tabbed widget*/
.sidebar-widget .tabbed-widget ul.nav{
	padding-bottom: 15px;
}
.sidebar-widget .tabbed-widget ul.nav li{
	/*border-radius: 0px;
	border:none;*/
}
.sidebar-widget .tabbed-widget ul.nav li a{
	background-color: #39a3de;
	border-radius: 0px;
	border:none !important;
	color: #fff;
	font-family: 'Lato';
    padding: 10px 5px;
}
.sidebar-widget .tabbed-widget ul.nav li.active a{
	background-color: #435061;
}
.sidebar-widget .tabbed-widget .tab-content{
	/*padding:15px;*/
	padding-top: 0px;
}
.tabbed-widget .tab-content .post-item{
	border-bottom: 1px solid #eee;
	padding: 10px 0px;
}
.tabbed-widget .tab-content .post-item .post-image{
	float: left;
	padding-right: 10px;
	padding-bottom:5px;
}
.tabbed-widget .tab-content .post-item a.post-item-title{
	margin-left: 10px;
	display: block;
	color: #435061;
	font-family: 'Lato';
}
.tabbed-widget .tab-content .post-item .post-meta-info{
	display: block;
}
.tabbed-widget .tab-content .post-item .post-meta-info a{
	font-family: 'Lato';
	color: #435061;
	font-size: 12px;
}
.tabbed-widget .tab-content ul.comments-list li{
	padding:10px;
	border-bottom: 1px solid #eee;
}
.tabbed-widget .tab-content ul.comments-list li a{
	font-family: 'Lato';
}
.tabbed-widget .tab-content ul.comments-list li a.comment-user{
	display: block;
	color: #39a3de;
}
.tabbed-widget .tab-content ul.comments-list li a.comment-link{
	display: block;
	color: #435061;
}

/*Tags*/
.sidebar-widget .tags a{
	font-family: 'Lato';
	padding: 10px 15px;
	background-color: #435061;
	display: inline-block;
	margin: 3px;
	color: #fff;
}
/*-----------------------------------
		14.0 FOOTER
-----------------------------------*/
.footer{
	display: block;
	overflow: hidden;
	float: left;
	width: 100%;
	padding: 50px 0px;
	background-color: #435061;
	height: auto;
	clear: both;
}
.footer h4{
	text-transform: uppercase;
	font-size: 16px;
	color: #ccc;
	letter-spacing: 0.8px;
}
.footer ul{
	display: block;
	list-style: none;
}
.footer .links ul{
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
	display: block;
	list-style: none;
}
.footer .blogs li a, .footer .links li a{
	color: #eee;
	text-decoration: none;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
}

.footer ul li{
	padding: 8px 0px;
}
.footer p{
	color: #a5b4c7 !important;
}
.bottom{
	display: block;
	overflow: hidden;
	float: left;
	width: 100%;
	padding: 15px 0px;
	background-color: #a38876;
	height: auto;
	clear: both;
}
.bottom p{
	color: rgba(255,255,255,.7);
    margin-bottom: 0;
}
.bottom ul{
	display: block;
	list-style: none;
	float: right;
}
.bottom ul li{
	display: inline-block;
	padding: 1px 5px;
}
.bottom ul li a{
	font-size: 16px;
	color: #ccc;
}
.bottom ul li a:hover{
	color: #fff;
}

/*====== FOOTER - OPENING HOURS ======*/

.opening-hours-footer{
	display: block;
	position: relative;
	max-width: 100%;
}
.opening-hours-footer ul li{
	padding: 5px 0px;
}
.opening-hours-footer ul li p{
	color: #fff !important;
	/*text-transform: uppercase;*/
	font-size: 14px;
	display: block;
}
.opening-hours-footer ul li p > span{
	width: 80px;
	color: #a5b4c7 !important;
	font-size: 14px;
}

/*====== FOOTER - OPENING HOURS ======*/

.footer-contact{
	background: url(../images/map.png) no-repeat;
}
.footer-contact address{
	font-family: 'Lato';
	color: #eee;
	font-size: 16px;
}
.footer-contact address a{
	color: #eee;
}
.footer-contact ul{
	display: block;
	list-style: none;
}
.footer-contact ul li{
	display: inline-block;
	font-size: 32px;
	padding: 5px 5px;
}
.footer-contact ul li a{
	color: #eee;
}

/*====== FOOTER - Tweets ======*/

footer .footer-twitter{

}
footer .footer-twitter .tweets{
    width: 100%;
    float: left;
    margin: 10px 0 18px 0;
}
footer .footer-twitter .tweets p{
	color: #fff !important;
}
footer .footer-twitter .tweets p > a{
	color: #39a3de;
}
footer .footer-twitter .tweets span{
	color: #a5b4c7 !important;
	font-family: 'Lato';
	font-size:16px;
}
footer .footer-twitter .tweets .icon{
	float: left;
	color: #fff;
}
footer .footer-twitter .tweets .icon i.fa{
	font-size: 35px;
	margin:0px;
}
footer .footer-twitter .tweets .text{
	float: right;
	width: 84%;
}

/*====== FOOTER - NEWS LETTER ======*/

section.newsletter-footer{
	display: block;
	float: none;
	width: 100%;
	overflow: hidden;
	padding: 10px 0px;
}
.footer-news-letter{
	display: block;
	float: none;
}
.footer-news-letter .right{
	padding:30px 10px;
}
.footer-news-letter .right button.btn{
	border-radius: 0px;
	padding: 10px;
	position: relative;
	top: 4px;
	text-transform: uppercase;
}
.footer-news-letter .left h2 span{
	display: none;
}
.footer-news-letter .left h2.fa{
	display: inline-block;
	border-radius: 50%;
	background-color: #eee;
	padding: 15px;
	float: none;
    font-size: 28px;
}
.footer-news-letter .left h3{
	float: none !important;
	display: inline-block;
	padding-left: 15px;
	letter-spacing: 1px;
    font-size: 18px;
}


/*-----------------------------------
			15.0 Breadcrumb
------------------------------------*/

.breadcrumb{
	width: 100%;
	/*background-color: #eaf0f3 !important;*/
	margin-bottom: 0px !important;
	position: relative;


}
.bg-banner{
	background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    position: relative;
    display: block;
    padding: 100px 0;
    /*min-height: 320px;*/
	/*padding: 60px 0px;*/


}

.breadcrumb .breadcrumb-box{
	background-color: rgba(52, 152, 219, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 50px 0;
    text-align: center;
    /*color: #435061;*/
}
.breadcrumb ul.hierarchy{
	list-style: none;
}
.breadcrumb .page-title h2{
	color: #39a3de;
	color: #fff;
	letter-spacing: 1.3px;
	position: relative;
	top: -10px;
}
.breadcrumb ul.hierarchy li{
	display: inline-block;
	padding: 5px 10px;
	text-transform: uppercase;
	color: #39a3de;
	color: #fff;
	position: relative;
	top: -10px;
}
.breadcrumb ul.hierarchy li:first-child{
	padding-left: 0px;
}
.breadcrumb ul.hierarchy li.active{
	color: #fff;
	letter-spacing: 1px;
	font-size:14px;
}
.breadcrumb ul.hierarchy li a{
	color: #fff !important;
	letter-spacing: 1px;
	font-size: 14px;
}
.breadcrumb ul.hierarchy li a:hover{
	color: #39a3de;
}
.breadcrumb ul.hierarchy li a:after{
    font-family: "FontAwesome";
    content: "\f054";
    padding-left: 10px;
    color: #fff;
    position: absolute;
    /*top: 10px;*/
    left: 10;
}


.breadcrumb .breadcrumb-img-1{
	background-position: 50% 50%;
	background-image: url(../images/slider-1.png);
}
.breadcrumb .breadcrumb-img-2{
	background-position: 50% 50%;
	background-image: url(../images/slider-4.png);
}
.breadcrumb .breadcrumb-img-3{
	background-position: 50% 50%;
	background-image: url(../images/slider-3.png);
}
/*-----------------------------------
		16.0 About Us
------------------------------------*/

/*====== ABOUT 1 ======*/

.about-care{
	display: block;
	float: left;
	width: 100%;
	padding: 30px 0px;
}
.about-care button{
	padding: 10px 15px;
	background: #435061;
	border:none;
	border-radius: 0px;
}
.about-care button:hover{
	background: #39a3de;
}
.about-care h3{
	/*letter-spacing: 1px;*/
}
/*====== ABOUT 2 ======*/

.about-dept{

}

.about-dept ul,
.about-lists{
	list-style: none;
}
.about-dept ul li{
	display: block;
	width: 50%;
	float: left;
	padding: 0px 10px 35px 10px;
	text-transform: uppercase;
	color: #666;
}
.about-lists ul li{
	display: block;
	width: 100%;
	float: left;
	padding: 0px 10px 20px 10px;
	text-transform: uppercase;
	color: #666;
}
.about-dept ul li:before,
.about-lists ul li:before{
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: bold;
    color: #fff;
    background-color: #39a3de;
    padding: 5px 10px;
    border-radius: 50%;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    margin-right: 10px;
}

/*===== ACCORDIAN ======*/

.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f055";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f056";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}
.panel-default > .panel-body{
	font-weight: normal;
}
.panel-default>.panel-heading{
	/*border:1px solid #39a3de;*/
	padding: 15px;
	border-radius: 0px;
	background-color: #fff;
}
.panel-default .panel-title{
	text-transform: uppercase;
	font-size: 14px;
}
.panel-default .panel-title i.fa{
	color: #39a3de;
	font-size: 16px;
	padding-right: 10px;
}

/*-----------------------------------
			17.0 GALLERY
------------------------------------*/

.gallery{
	background-color:#38475b;
	float: left;
	width: 100%;
	padding:65px 0px;
}
@media screen and (max-width: 992px){
	.gallery .nav.nav-tabs {
		float: none !important;
		text-align: left;
	}
}
.gallery .nav.nav-tabs {
	background-color: transparent;
	border-bottom: 0px;
	text-align: right;
	float: right;
	/*margin-top: 15px;*/
}
.gallery .tab-content{
	/*margin-top: -40px;*/
	position: relative;
	top: -20px;
}
.gallery h3,
.gallery p,
.gallery h1 {
	color:#ffffff;
}
.gallery li a {
	color:#39a3de;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.gallery li.active a,
.gallery li a:active,
.gallery li a:focus {
	background-color:transparent !important;
	color:#fff !important;
	border:1px solid transparent !important;
	text-transform: uppercase;
}
.gallery li a:hover,
.gallery li a:active,
.gallery li a:focus {
	background-color: transparent;
	color:#ffffff;
	/*outline:none;*/
	border:1px solid transparent !important;
}
.gallery .gallery-images {
	margin-top:30px;
	width:100%;
	float:left;
	list-style:none;
}
.gallery .gallery-images li{
	position:relative;
	width:20%;
	float:left;
}
.gallery .gallery-images [class^="lightbox-"]{
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border:0px !important;
}
.gallery .gallery-images img{
	width:100%;
	height:auto;
	float:left;
	cursor: pointer;
	filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    /*margin-bottom:20px;*/
    transition: all 2s;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
}

.gallery .gallery-images img:hover {
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
}

@media screen and (max-width: 767px) {
	.gallery .gallery-images li{
		width: 50%;
	}
}
@media screen and (max-width: 640px) {
	.gallery .gallery-images li{
		width: 100%;
	}
}
.gallery .tab-pane {
	margin-top : 30px;
}
#gallery-image-modal img{
	width: 100%;
	height:auto;
}
.left-arrow-button,
.right-arrow-button {
	width:50px;
	height:50px;
	background-color:rgba(255,255,255,0.5);
	border-radius: 50%;
	position: absolute;
	top:50%;
	padding:17px;
	cursor: pointer;
}
.left-arrow-button {
	left:50px;
}
.right-arrow-button {
	right:50px;
}
.left-arrow-button:hover,
.right-arrow-button:hover {
	background-color:rgba(255,255,255,1);	
}

/*Gallery - Columns*/
.gallery-2-coloumns .gallery-images li {
	width: 50% !important;
}
.gallery-3-coloumns .gallery-images li {
	width: 33.33% !important;
}
.gallery-4-coloumns .gallery-images li {
	width: 25% !important;
	overflow: hidden;
}

/*======  Gallery - Thumbs  =======*/

.gallery-thumbs .hide-bullets {
    list-style:none;
    /*margin-left: -20px;*/
    margin-top:20px;
}
@media screen and (max-width: 767px){
	.gallery-thumbs ul.hide-bullets li.col-sm-3.col-xs-3{
		padding: 2px !important;
	}
	.gallery-thumbs .thumbnail{
		margin-bottom: 5px;
	}
}
.gallery-thumbs .thumbnail {
    padding: 0;
}
.gallery-thumbs .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
    max-height: 600px;
}

.gallery-thumbs #slider{
	display: block;
	margin-top: 20px;
}
/*-----------------------------------
	18.0 Easy Content Boxes
------------------------------------*/

.easy-block-v3.first {
    background: #435061;
}
.easy-block-v3 i {
    color: #fff;
    float: left;
    font-size: 30px;
    min-width: 45px;
    padding-top: 0px;
}
.easy-block-v3 .inner-faq-b {
    overflow: hidden;
}
.easy-block-v3 .inner-faq-b h3{
	margin-bottom: 8px;
    font-family: 'Lato';
	margin-top: 0px;
}
.easy-block-v3 .inner-faq-b p {
	font-size: 14px;
}
.easy-block-v3 .inner-faq-b h2, .easy-block-v3 .inner-faq-b h3, .easy-block-v3 .inner-faq-b p {
    color: #fff;
    text-transform: none !important;
    font-weight: normal !important;
}
.easy-block-v3 .inner-faq-b h4 {
    color: #fff;
    font-size: 17px;
    margin-bottom: 6px;
	text-transform: none !important;
    font-weight: bold !important;
    font-family: 'Lato';
}
.easy-block-v3.second {
    background: #535C68;
}
.easy-block-v3.third {
    background: #787f88;
}
.easy-block-v3 {
    text-align: left;
    background: #585f69;
    padding: 30px 20px 20px;
}

/*-----------------------------------
	19.0 FAQ: Frequently Asked Questions
------------------------------------*/

.faq{
	display: block;
	position: relative;
}
.faq button.go{
	font-size: 19px;
	text-transform: uppercase;
	position: relative;
	top: 4px;
	padding: 7px 10px 6px 10px;
}

.faq .faq-tabs{
	border:none;
	padding-top: 65px;
}
.faq .nav-tabs{
	border-bottom: 0px;
}
.faq .tabs-left > .nav-tabs > li,
.faq .tabs-right > .nav-tabs > li,
.faq .tabs-right > .nav-tabs > li.active {
  float: none;
  border: none;
}

.faq .tabs-left > .nav-tabs > li > a,
.faq .tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-bottom: 3px;
}

.faq .tabs-left > .nav-tabs {
}

.faq .tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  color: #39a3de;
  text-transform: uppercase;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.faq .tabs-left > .nav-tabs > li > a:hover,
.faq .tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.faq .tabs-left > .nav-tabs .active > a,
.faq .tabs-left > .nav-tabs .active > a:hover,
.faq .tabs-left > .nav-tabs .active > a:focus {
  /*border-color: #ddd transparent #ddd #ddd;*/
  border:none;
  color: #ff551a;
  text-transform: uppercase;
  /*border-right-color: #ffffff;*/
  
}

/*====== FAQ-2 ======*/

.faq-2 .nav-tabs{
	border-bottom: 2px solid #39a3de;
}
.faq-2 .nav-tabs li a{
	color: #39a3de;
	border-radius: 0px;
	text-transform: uppercase;	
}
.faq-2 .nav-tabs li.active a{
	background-color: #39a3de;
	color: #fff;
	border-radius: 0px;
	text-transform: uppercase;
}
.faq-2 .tab-content{
	padding: 30px 0px -10px 0px !important;
}
.faq-2 .faq-popular-topics{

}
.faq-popular-topics ul{
	list-style: none;
}
.faq-popular-topics ul li{
	padding: 5px 0px;
}
.faq-popular-topics li a{
	text-decoration: none;
	color: #777;
	font-weight: normal !important;
	font-family: 'Lato';
	font-size: 16px;
}
.faq-popular-topics li a:hover{
	color: #39a3de;
}
.faq-popular-topics li a:before{
	display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: bold;
    color: #39a3de;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    margin-right: 10px;
}
.faq-2-box{
	padding: 15px;
    margin-bottom: 20px;
    border: 2px solid #eee;
}
.faq-2-box p{
	font-size: 15px;
}
.faq-2-box h5{
	color: #435061;
	font-family: 'Lato';
	font-size: 18px;
}    
.faq-2-box h5 i.fa{
	color: #39a3de;
	padding-right: 8px;
}

/*-----------------------------------
		20.0 404: Page Not Found
------------------------------------*/

.page-not-found2{
	width: 100%;
	padding: 0px;
	margin-bottom: 0px !important;	
	text-align: center;
}
.page-not-found2 .bg-banner{
	padding: 160px 0px;
} 
.page-not-found2 .msg-404{
    margin: 10px auto;
    padding: 0px;
    display: block;
    text-align: center;
}
.page-not-found2 h1{
     text-align: center; 
     font-size: 5.9vw; 
    font-size: 25vmin;
    margin: 0px;
    padding: 0px;
    display: block;
    font-weight: normal !important;
    color: #fff;
}
.page-not-found2 h1 small {
    font-size: 6vmin;
    margin: 0px;
    padding: 0px;
    display: block;
    text-transform: none !important;
    color: #39a3de;
}

.page-not-found-msg {
    margin: 20px auto;
    padding: 20px 10px;
    /* border-left: 1px solid #eee; */
    width: 100%;
    height: auto;
    text-align: center;
}
.page-not-found-msg small {
    font-size: 6vmin;
    color: #ff551a;
    margin: 20px auto;
}
.page-not-found-msg p{
	text-transform: none !important;
	color: #fbfbfb;
	padding: 15px 10px;
}
.page-not-found-msg p a{
	color: #39a3de;
}
.page-not-found-msg button.btn{
	padding: 11px 25px;
	position: relative;
	bottom: 0px;
	top: 4px;
	background-color: #435061;
	color: #fff;
}
.page-not-found{
	display: block;
	width: 100%;
	text-align: center;
	padding: 50px 0px;
}
.page-not-found i.fa,
.page-not-found2 i.fa{
	font-size: 80px;
}
.page-not-found h4,
.page-not-found2 h4{
	font-size: 140px;
}
.page-not-found p,
.page-not-found2 p{
	text-transform: uppercase;
	/*font-weight: bold;*/
    font-size: 18px !important;
    font-family: 'Lato';
}
.page-not-found p span,
.page-not-found2 p span{
	color: #39a3de;
}
.page-not-found a,
.page-not-found2 a{
	/*font-size: 16px;*/
	text-decoration: none;
	text-transform: uppercase;
}
.page-not-found a i.fa,
.page-not-found2 a i.fa{
	font-size: 18px;
}

/*-----------------------------------
		Misc - Common
------------------------------------*/

/*====== PROGRESS BAR ======*/

.progress {
  height: 35px;

}
.progress .skill {
  font: bold 13px "Lato";
  line-height: 35px;
  padding: 0;
  margin: 0 0 0 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.progress .skill .val {
  float: right;
  font-style: normal;
  margin: 0 20px 0 0;
}

.progress-bar {
  text-align: left;
  transition-duration: 3s;
}

/*====== Message Box : Download ======*/

.messagebox-1{
    padding: 25px 0 30px;
    border-bottom: solid 1px #eee;
    background-color: #fbfbfb;
}
.messagebox-1 h3{
	text-transform: none;
	font-weight: normal;
	padding-bottom: 2px;
	/*margin-bottom: 8px; */
	font-family: 'Lato';
	margin: 8px auto;
	letter-spacing: 0.5px;
	word-spacing: 1px;
}
.messagebox-1 button{
	margin-top: 0px;
	position: relative;
	right: 0px;
	top:30px;
	border-radius: 0px;
/*	color: #fff;
	background-color: #39a3de;
	font-family: 'Lato';*/
}
.messagebox-1 button:hover{
/*	background-color: #ff551a;
	color: #fff;*/
}
.row.view-all-btn{
	margin: 10px auto;
}

/*====== HR TITLE border ======*/

hr.title-hr {
	border:1px solid #eee;
	width: 50px;
	text-align: center;
	padding: 0px;
	margin: auto 0px 10px auto;
}

/*====== View all button ======*/
a.view-all{
	padding: 10px 20px;
	text-decoration: none;
	background-color: #435061;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
}
a.view-all:hover{
	text-decoration: none;
	background-color: #39a3de;
}
hr.service-title-hr {
	border:1px solid #eee;
	width: 50px;
	text-align: left;
	padding: 0px;
	margin: 12px 0px 15px;
}

/*====== CALL TO ACTION ======*/

.call-content{
	float:left;
	width:100%;
	height:auto;
}

/*====== Call to action with overlay ======*/

.call-to-action-overlay{
    background-color: rgba(52, 152, 219, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 120px 0;
}
#call-to-action-2{
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    position: relative;
    display: block;
    padding: 80px 0;
    min-height: 420px;
}
#call-to-action-2 h3 {
    font-size: 36px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 15px;
    color: #fff;
}

#call-to-action-2 p{
	color:#fff;
	padding: 15px 0px;
	font-size:22px !important;
}
#call-to-action-2 button{
	/*background-color: #435061;*/
	/*border:none;*/
	font-family: 'Lato';
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 15px 20px;
	/*color: #fff;*/
}
#call-to-action-2 button:hover{
	/*background-color: #ff551a;*/
	/*color: #fff;*/
}

/*====== Call to action - background images ======*/
#call-to-action.call-bg-img-1,
#call-to-action-2.call-bg-img-1{
	background-image: url(../images/lab1.jpg);
}

/*====== Call to action without overlay ======*/

#call-to-action {
    padding: 120px 0;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
}
#call-to-action h3 {
    font-size: 36px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 15px;
    color: #435061;
    letter-spacing: 1px;
}
#call-to-action p{
	color:#435061;
	padding: 15px 0px;
	font-size: 18px !important;
}
#call-to-action button{
	background-color: #ff551a;
	border:none;
	padding: 15px 20px;
	color: #fff;
	font-family: 'Lato';
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 1px;
}
#call-to-action button:hover{
	background-color: #39a3de;

}

/*====== Three Column Boxes ======*/

.three-column-boxes{
	float: left;
	width: 100%;
	height:auto;
}
.column-box{
	background-color: #39a3de;
	padding-top: 50px;
	padding-bottom: 80px;
	padding-left: 30px !important;
	padding-right: 30px !important;
	text-align: center;
} 
.column-box.first{
	background-color: #39a3de;
}
.column-box.second{
	background-color: #60B5E4;
}
.column-box.third{
	background-color: #88C8EB;
}
.three-column-boxes h3,
.three-column-boxes p{
	color: #fff;
}
.three-column-boxes .fa{
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
}
.three-column-boxes button{
	background-color: #435061;
	color: #fff;	
	border-radius: 0px;
	margin-top: 10px;
	padding:10px 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.three-column-boxes button:hover{
	background-color: #fff;
	color: #435061;	
}

/*====== Padding top-bottom ========*/

.padding-top-20{
	padding-top: 20px;
}
.margin-top-20{
	margin-top: 20px;
}
.padding-top-50{
	padding-top: 50px;
}
.padding-bottom-20{
	padding-bottom: 20px;
}
.padding-bottom-none{
	padding-bottom: 0px;
}
.padding-top-none{
	padding-top: 0px;
}
.width-100{
	width: 100% !important;
}

/*====== No Gutter Class ======*/

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
.no-padding{
	padding: 0px;
}

.height-500{
	height: 500px;
}
.height-170{
	height: 170px;
}
/*===== BUttons =====*/
.btn-blue-orange{
	background-color: #a38876;
	padding:10px 20px;
	color: #fff;
	border-radius: 0px;
	font-size: 14px;
	letter-spacing: 1px;		
	transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}
.btn-dark-white{
	background-color: #435061;
	padding: 10px 20px;
	color: #fff;
	border-radius: 0px;
	font-size: 14px;	
	text-transform: uppercase;	
	letter-spacing: 1px;	
	transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;	
}
.btn-dark-white:hover{
	background-color: #fff;
	padding: 10px 20px;
	color: #435061;
	border-radius: 0px;
	font-size: 14px;	
	text-transform: uppercase;	
	letter-spacing: 1px;		
}
.btn-blue-orange:hover{
	background-color: #ff551a;
	padding:10px 20px;
	color: #fff;
	font-size: 14px;
	border-radius: 0px;
	text-transform: uppercase;	
	letter-spacing: 1px;		
}
.btn-orange-dark{
	background-color: #ff551a;
	padding:10px 20px;
	color: #fff;
	border-radius: 0px;
	font-size: 14px;
	text-transform: uppercase;	
	letter-spacing: 1px;	
	transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;	
}
.btn-orange-dark:hover{
	background-color: #435061;
	padding:10px 20px;
	color: #fff;
	font-size: 14px;
	border-radius: 0px;
	text-transform: uppercase;	
	letter-spacing: 1px;		
}
.btn-blue-dark{
	background-color: #39a3de;
	padding: 10px 20px;
	color: #fff;
	border-radius: 0px;
	font-size: 14px;	
	text-transform: uppercase;	
	letter-spacing: 1px;
	transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}
.btn-blue-dark:hover{
	background-color: #435061;
	padding: 10px 20px;
	color: #fff;
	border-radius: 0px;
	font-size: 14px;	
	text-transform: uppercase;	
	letter-spacing: 1px;
}
.btn-dark-orange{
	background-color: #435061;
	padding: 10px 20px;
	color: #fff;
	border-radius: 0px;
	font-size: 14px;		
	text-transform: uppercase;	
	letter-spacing: 1px;		
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}
.btn-dark-orange:hover{
	background-color: #ff551a;
	padding: 10px 20px;
	color: #fff;
	border-radius: 0px;
	font-size: 14px;			
	text-transform: uppercase;	
	letter-spacing: 1px;		
}
.btn-dark-blue{
	background-color: #435061;
	padding: 10px 20px;
	color: #fff;
	border-radius: 0px;
	font-size: 14px;
	text-transform: uppercase;	
	letter-spacing: 1px;	
	transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;	
}
.btn-dark-blue:hover{
	background-color: #39a3de;
	padding: 10px 20px;
	color: #fff;
	border-radius: 0px;
	font-size: 14px;
	text-transform: uppercase;	
	letter-spacing: 1px;		
}

/*====== Backgrounds with fill color ======*/
.bg-dark-night{
	background: #f7f7f7 none repeat scroll 0 0;
}
.bg-dark-grey{
	background-color: #435061;
}
.bg-silver{
	background-color: #eee;
}
.bg-theme-color{
	background-color: #39a3de;
}
.bg-light-sky{
	background-color: #eaf0f3;
}
/*====== Background Images ======*/
.background-img-1{
	background-position: 50% 50%;
	background-image:url(../images/slider-3.jpg);
}
.background-img-2{
	background-position: 50% 50%;
	background-image:url(../images/slider-2.jpg);
}
.background-img-3{
	 background-position: 50% 50%;
	 background-image: url(../images/breadcrumb3.jpg)
}
/* ====== Colors ======*/

.orange{
	color: #ff551a;
}
.white{
	color: #a38876;
}
.dark-grey{
	color: #435061;
}
.theme-color{
	color: #39a3de;
}


/*===========================
			INTRO
============================*/
.intro{

}
.intro .top-title{
	background-color: #435061;
	padding: 225px 0px;
	min-height: 660px;
	text-align: center;
}
.intro .top-title img{
	margin: 8px auto;
	position: relative;
	/*top: 100px;*/
}
.intro .top-title h1{
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	position: relative;
	/*top: 130px;*/
	line-height: 2em;
}
.intro .top-title a.btn-demo,
.intro .top-title a.btn-buy{
	border-radius: 0px;
	background-color: #ff551a;
	color: #fff;
	padding: 10px 15px;
	text-decoration: none;
	text-transform: uppercase;
	margin:5px 15px;
}
.page-templates{

}
.page-templates p{
	text-transform:uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 15px;
}
h1.section-title{
	font-size: 22px;
	color: #ff551a;
}
hr.section-blue-line{
	border:2px solid #435061;
	width: 50px;
	margin-top: 0;
}
hr.section-title-hr{
	border:2px solid #39a3de;
	width: 150px;
	margin-bottom: -4px;
}
.intro .template {
    border-radius: 0px;
    float: left;
    height: 420px;
    margin-left: 3px;
    overflow: hidden;
    position: relative;
    width: 100%;
    /*border:2px solid #eee;*/
     box-shadow: 10px 10px 5px #888888;
     margin-bottom: 40px;
}
.template img {
    position: absolute;
    transition: top 5s ease-out 0s;
}
.intro .call-to-content a.btn{
	background-color: #ff551a;
	padding:10px 15px;
	color: #fff;
	border-radius: 0px;
	font-size: 14px;
}


/* -- Services */
.services,
.service-tab {
	position: relative;
}
.services .section-header h3 {
	background-image: url("../images/icon/separator-2.png");
	background-position: left bottom;
	background-repeat: no-repeat;
}
.service-tab {
	display: inline-block;
	z-index: 1;
}
.service-tab .nav-tabs {
	border: none;
}
.service-tab .nav-tabs > li {
    float: none;
    margin-bottom: 0;
	border-bottom: 1px solid #e3e9ec;
	display: block;
}
.service-tab .nav.nav-tabs li i {
	margin-right: 23px;
	width: 27px;
	height: 27px;
	overflow: hidden;
	position: relative;
	float: left;
}
.service-tab .nav.nav-tabs li i img {
	position: absolute;
	top: 0;
}
.service-tab .nav-tabs > li:last-child {
    border: none;
}
.service-tab .nav-tabs > li > a {
	border: none;
	font-size: 16px;
	color: #313131;
	padding: 21.1px 20px;
	letter-spacing: 1px;
	border-radius: 0;
	margin-right: 0;
}
.service-tab .nav-tabs > li.active a, 
.service-tab .nav-tabs > li.active > a:focus, 
.service-tab .nav-tabs > li.active > a:hover,
.service-tab .nav > li > a:focus, 
.service-tab .nav > li > a:hover {
	background-color: #f44027;
    color: #FFF;
	border: none;
}
.service-tab .nav-tabs > li.active a i img, 
.service-tab .nav-tabs > li.active > a:focus i img, 
.service-tab .nav-tabs > li.active > a:hover i img,
.service-tab .nav > li > a:focus i img, 
.service-tab .nav > li > a:hover i img{
	top: -30px;
}
.tab-box {
	display: inline-block;
	border-left: 1px solid #f44027;
	background-color: #f8f8f8;
	padding: 40px 25px;
}
.service-tab .tab-content p {
	font-size: 13.5px;
	color: #777;
	line-height: 24px;
	margin-bottom: 16px;
}
.service-tab .tab-content p:last-child { 
	margin-bottom: 0;
}
.services .right-image {
	position: absolute;
	right: 0;
	bottom: -40px;
	width: 30%;
	text-align: center;
}

.btn-primary {
    border-radius: 0;
}

/* Custom */
.news-wrapper {
    padding: 10px 0;
}
.news-wrapper b {
    letter-spacing: 1px;
    color: #FFF;
}

.news-carousel {
    margin-left: -30px;
}

.news-carousel a {
    text-decoration: none;
    color: #FFF;
}

@media (max-width: 767px) {
    .middle-header {
        padding: 10px;
        text-align: center;
    }

    .logo-block {
        text-align: center;
        margin-bottom: 0;
    }
}

footer a {
    color: rgba(255,255,255,.9) !important;
}

.slide-content a {
    color: #D93338;
}

.partner-box {
    margin-right: 20px;
}

.spot {
    background: #eaf0f3;
}

.item-spot a {
    border-right: 1px solid #DDD;
    display: block;
    padding: 20px 20px;
    text-align: center;
    color: #6e6e6e;
    transition: .4s;
}

.item-spot:first-child a {
    border-left: 1px solid #DDD;
}

.item-spot a:hover {
    color: #FFF;
    background: #435061;
}

.item-spot a .fa {
    margin-top: 10px;
    font-size: 30px;
    display: inline-block;
    float: left;
}

.item-spot a b {
    font-weight: 600;
    font-size: 15px;
}

.no-padding [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 767px){
    .item-spot a {
        padding: 20px 10px;
        border: 0;
    }

    .item-spot a b {
        font-size: 12px;
        font-weight: 400;
    }

    .item-spot a .fa {
        margin-top: 12px;
        font-size: 20px;
    }
}

html {
  position: relative;
  min-height: 100%;
}
.footer-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.btn-primary {
    border: 0;
}

.slider-content {
    background: rgba(0,0,0,.08);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 0;
}

.slide-content h2 {
    margin-top: 5px;
    font-size: 22px;
}

.slider-content a {
    color: #FFF;
}

.phone {
    text-align: right;
    padding: 7px 0;
    letter-spacing: 1px;
    font-size: 15px;
    float: left;
    color: #FFF;
}


@media (min-width: 980px){
    .has-submenu .has-submenu {
        position: relative;
    }

    .has-submenu .has-submenu:hover .dropdown-menu {
        display: block;
        position: absolute;
        top: -7px;
        left: 180px;
        border-radius: 0;
    }
}
    #apclk-collapse2 {
        display: none!important;
    }
@media (max-width: 767px) {
    .has-submenu .has-submenu:hover .dropdown-menu {
        display: block !important;
        height: auto;
    }

    .news-wrapper,
    .slide-content {
        display: none;
    }

    .logo {
        margin-bottom: 25px;
    }

    .navbar-nav a {
        color: #FFF !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { 
        background: none !important;
        color: #FFF !important;
    }

 
    #apclk-collapse2 {
        display: block !important;
    }
    #apclk-collapse {
        display: none !important;
    }
     .dropdown-submenu{
         position:relative;
     } 
    .dropdown-submenu > .dropdown-menu
    {
        top:0;
        /*left:100%;*/
        margin-top:-6px;
        margin-left:-1px;
        -webkit-border-radius:0 6px 6px 6px;
        -moz-border-radius:0 6px 6px 6px;
        border-radius:0 6px 6px 6px;
    } 
    .dropdown-submenu:hover > .dropdown-menu{
        display:block;
    }
 
    .dropdown-submenu > a:after{
        display:block;
        content:" ";
        float:right;
        width:0;
        height:0;
        border-color:transparent;
        border-style:solid;
        border-width:5px 0 5px 5px;
        border-left-color:#cccccc;
        margin-top:5px;
        margin-right:-10px;
    }
 
    .dropdown-submenu:hover > a:after{
        border-left-color:#ffffff;
    }
 
    .dropdown-submenu .pull-left{
        float:none;
    }
 
    .dropdown-submenu.pull-left > .dropdown-menu{
        left:-100%;
        margin-left:10px;
        -webkit-border-radius:6px 0 6px 6px;
        -moz-border-radius:6px 0 6px 6px;
        border-radius:6px 0 6px 6px;
    }
    .root:hover > .dropdown-menu{
        display: block;
    }
 

}