/***************************************************************************************************************
||||||||||||||||||||||||||       MASTER STYLESHEET FOR HOSPITALS        |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||                TABLE OF CONTENT               |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************

01. Imported styles
02. Flaticon reset styles
03. Header styles
04. Mainmenu styles
05. Rev_slider_wrapper styles
66. Call to action area Style
07. Categories area style
08. Fact counter area style
09. Latest Blog area style
10. Latest blog area style 
11. Testimonial area style
12. Brand area style
13. Single service style
14. Pricing table area style
15. About page style
16. Account page style
17. 404 page style style
18. Blog page style
19. Blog single style
20. Team page style
21. Shop page style style
22. Shop with sidebar Style
23. Shop single Style
24. Cart page style style
25. Contact page style

****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/


/* Imported styles */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');



/*
@import url(imp.css);
@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(hover.css);
@import url(jquery.bxslider.css);
@import url(owl.carousel.css);
@import url(owl.theme.default.min.css);
@import url(animate.css);
@import url(jquery.bootstrap-touchspin.css);
@import url('jquery.fancybox.css');
@import url('prettyPhoto.css');
@import url(../fonts/flaticon/flaticon.css);
@import url(price-filter/nouislider.css);
@import url(price-filter/nouislider.pips.css);
@import url(flexslider.css);
@import url(timepicker/timePicker.css);
@import url(jquery-ui-1.11.4/jquery-ui.css);
@import url(revolution/css/settings.css);
@import url(revolution/css/layers.css);
@import url(revolution/css/navigation.css);
@import url(bootstrap-sl-1.12.1/bootstrap-select.css);
@import url(language-switcher/polyglot-language-switcher.css);
*/


/*==============================================
   Base Css
===============================================*/
html,
body { height: 100% }
body {
    /* font-family: 'Hind', sans-serif; */
    font-family: "Karla", sans-serif, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", DFKai-SB;
    font-size: 16px;
    color: #585858;
    line-height: 26px;
    font-weight: 400;
}
button:focus{
  outline: none;
}
h1, h2, h3, h4, h5, h6 {
    /* font-family: 'Poppins', sans-serif; */
    font-family: "Karla", sans-serif, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", DFKai-SB;
    color: #0392ce;
    margin: 0;
}
h3 {
    font-size: 20px;
    font-weight: 400;
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}
a,
a:hover,
a:active,
a:focus {
    transition: all 0.5s ease 0s;
    text-decoration: none;
    outline: none;
    color: #fff;
}

img {
	max-width: 100%;
    height: auto;
}
i {
	font-style: normal;
}
ul,
li {
    list-style: none;
    margin: 0;
    /* padding: 0px 5px 0px 0px; */
    padding: 0;
}
.sec-padding{
    padding: 80px 0;
}
button{
    border: none;
    background: transparent;
}
.thm-btn {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 500ms ease;
    font-family: 'Poppins', sans-serif;
    display: block;
    border-radius: 30px;
    padding: 12px 25px 10px;
    transition: all 500ms ease;
}
.bgclr-1{
    background: #0392ce;
    border: 2px solid #0392ce;
    color: #ffffff;
}
.thm-btn:hover{
    background: transparent;
    color: #222222;
}




.sec-title {
    margin-top: -3px;
    padding-bottom: 50px;
    position: relative;
}

.sec-title.pdb-50{
    padding-bottom: 50px;
}
.sec-title.pdb-30{
    padding-bottom: 30px;
}

.sec-title.mar0auto .border:before {
    left: 50%;
    margin-left: -25px;
}
.sec-title h1 {
    color: #0392ce;
    font-size: 32px;
    font-weight: 400;
    line-height: 36px;
    text-transform: capitalize;
    margin: 0 0 16px;
}
.sec-title .border {
    position: relative;
    overflow: hidden;
    display: block;
    background: #0392ce;
    height: 1px;
    display: block;
}
.sec-title .border:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 1px;
    background: #0392ce;
    content: "";
}

.sec-title h3 {
    color: #0392ce;
    font-size: 22px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 12px;
}
.sec-title h2 {
    color: #0392ce;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-transform: none;
    margin: 0 0 16px;
}
.sec-title p {
    color: #888888;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    line-height: 26px;
}


.boxed_wrapper {
    background: #fff none repeat scroll 0 0;
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
    min-height: 400px;
    overflow: hidden;  
}

/*________________Preloader_______________ */

.preloader{ 
    position:fixed; 
    left:0px; 
    top:0px; 
    width:100%; 
    height:100%; 
    z-index:999999999999; 
    background-color:rgba(255,255,255,1); 
    background-position:center center; 
    background-repeat:no-repeat; 
    background-image:url(../images/icon/preloader.gif);
}


/* Update Mainmenu area Style */
@-webkit-keyframes menu_sticky {
    0%   {margin-top:-150px;}
    50%  {margin-top: -130px;}
    100% {margin-top: 0;}
}
@keyframes menu_sticky {
    0%   {margin-top:-150px;}
    50%  {margin-top: -130px;}
    100% {margin-top: 0;}
}
.mainmenu-area.stricky-fixed {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    z-index: 10000;
    background: #F7F7F7;
    z-index: 99999;
    -webkit-animation-name: menu_sticky;
          animation-name: menu_sticky;
    -webkit-animation-duration: 0.60s;
          animation-duration: 0.60s;
    -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}


.mainmenu-area.stricky-fixed .logo {
    padding-top: 21px;
    padding-bottom: 21px;
}
.mainmenu-area.stricky-fixed .main-menu .navigation li a {
    /* padding: 36px 18px 34px; */
    transition: all 500ms ease;
}
.mainmenu-area.stricky-fixed .outer-search-box {
    margin: 25px 0;
    margin-right: 10px;
}
.mainmenu-area.stricky-fixed .appointment-button {
    margin: 20px 0;
}


/* Scroll To Top styles */
.scroll-to-top {
    background: transparent;
    border: 2px solid #0392ce;
    bottom: 25px;
    color: #0392ce;
    cursor: pointer;
    display: none;
    font-weight: normal;
    height: 45px;
    line-height: 42px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 50px;
    z-index: 99999;
    -webkit-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
    -moz-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
    box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top:hover {
    background: #0392ce;
    color: #fff;
}


/*Form validation styles */
input:focus,
textarea:focus,
select:focus {
  border-color: #43c3ea;
  outline: none;
}


/* Post pagination styles */
.post-pagination li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination li a {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #f0f0f0;
    color: #222222;
    display: block;
    font-size: 20px;
    font-weight: 500;
    height: 55px;
    padding: 14px 0;
    transition: all 500ms ease 0s;
    width: 55px;
    font-family: 'Poppins', sans-serif;
    border-radius: 50%;
}
.post-pagination li.active a, .post-pagination li:hover a {
    background: #0392ce;
    color: #fff;
    border: 2px solid #0392ce;
}


/* Overlay styles  */
.overlay-style-one{
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 100%;
	background: rgba(3, 146, 206, .8);
	color: #fff;
	transition: all .9s ease;
}
.overlay-style-one .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.overlay-style-one .box .content{
    display: table-cell;
    text-align: center;
    vertical-align: middle;    
}

.review-box {}
.review-box ul {
    margin-left: -1px;
    margin-right: -1px;
}
.review-box ul li {
    display: inline-block;
    margin: 0 1px;
}
.review-box ul li i {
    color: #0392ce;
    font-size: 12px;
}



/*** 
=============================================
    Top bar area style
=============================================
***/
.top-bar-area {
    position: relative;
    background: #fcfcfc;
    padding: 10px 0 10px;
    border-bottom: 1px solid #f0f0f0;
}
.top-bar-area .top-left {
    overflow: hidden;
}
.top-bar-area .top-left p {
    margin: 0;
    line-height: 26px;
}
.top-bar-area .top-left p span:before {
    color: #0392ce;
    display: inline-block;
    padding-right: 8px;
    font-size: 20px;
    line-height: 20px;
    position: relative;
    top: 2px;
}
.top-bar-area .top-right {
    float: right;
}
.top-bar-area .top-right .social-links {
    overflow: hidden;
    float: left;
}
.top-bar-area .top-right .social-links li {
    display: inline-block;
    float: left;
    margin-right: 30px;
    line-height: 26px;
    position: relative;
    top: 2px;
}
.top-bar-area .top-right .social-links li:last-child {
    margin: 0px;
}
.top-bar-area .top-right .social-links li a i {
    color: #848484;
    font-size: 14px;
    transition: all 500ms ease;
}
.top-bar-area .top-right .social-links li a:hover i{
    color: #0392ce;
}



/*==============================================
    Header Area Css
===============================================*/
.header-area {
    background: #ffffff;
    padding: 30px 0;
}
.header-area .logo{ }
.header-area .header-right{
    overflow: hidden;
    padding-left: 90px;
}
.header-area .header-right ul {
    overflow: hidden;
    display: inline-block;
    float: left;
    margin: 2px 0 1px;
}
.header-area .header-right ul li{
    display: inline-block;
    float: left;
    margin-right: 30px;
    padding-right: 30px;
    padding-left: 50px;
    position: relative;
    border-right: 1px solid #f0f0f0;
}
.header-area .header-right ul li:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}
.header-area .header-right ul li .icon-holder {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 35px;
    line-height: 35px;
    padding: 5px 0;
}
.header-area .header-right ul li .icon-holder span:before{
    color: #0392ce;
    font-size: 40px;
    line-height: 40px;
}
.header-area .header-right ul li .text-holder{ }
.header-area .header-right ul li .text-holder h4 {
    color: #0392ce;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 2px;
}
.header-area .header-right ul li .text-holder span{
    color: #848484;
    font-size: 16px;
    font-weight: 300;
}

.search-button{ }
.search-button .toggle-search {
    overflow: hidden;
}
.search-button .toggle-search button {
    background: #fff;
    border: 1px solid #f0f0f0;
    display: block;
    height: 50px;
    width: 50px;
    padding: 0;
    line-height: 48px;
    border-radius: 0px;
    margin: 2px 0;
    transition: all 500ms ease;
    padding: 0;
}
.search-button .toggle-search button i {
    color: #999999;
    font-size: 14px;
}
.search-button .toggle-search button:hover i{
    color: #fff;
}
.search-button .toggle-search button:hover{
    background: #0392ce;
    border: 1px solid #0392ce;    
} 
/***===Start header-search Area style====***/
.header-search {
    position: relative;
    padding: 10px 0px;
    background: #222222;
    z-index: 5;
    display: none;
}
.header-search .container {}
.header-search .search-form {
    position: relative;
    width: 270px;
}
.header-search .search {
    position: relative;
    margin: 0px;
}
.header-search .search input[type="text"], 
.header-search input[type="search"] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    /* background: none; */
    background-color:#F8F9F9;
    padding: 7px 40px 7px 15px;
    border: 1px solid #fff;
    /* color: #ffffff; */
    color: #222222;
    font-size: 14px;
    border-radius: 0px;
    transition: all 500ms ease;
}
.header-search button {
    background: #fff;
    border-radius: 0;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 38px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 38px;
    border: 1px solid #fff;
    transition: all 500ms ease;
}
.header-search button i {
    color: #252525;
    font-size: 15px;
}
.header-search .search input:focus {
    border: 1px solid #0392ce
}
.header-search .search input:focus + button, 
.header-search .search input button:hover {
    background: #0392ce none repeat scroll 0 0;
    color: #ffffff;
    border: 1px solid #0277a8;
}



/*==============================================
    Mainmenu Area Css
===============================================*/
.mainmenu-area {
    position: relative;
    z-index: 999999;
    border-top: 1px solid #f0f0f0;
    background: #ffffff;
}
.main-menu {
    float: left;
    position: relative;
}
.main-menu .navbar-collapse {
    padding: 0px
}
.main-menu .navigation {
    float: left;
    margin: 0;
    position: relative;
}
.main-menu .navigation li {
    display: inline-block;
    float: left;
}
.main-menu .navigation li a {
    color: #222222;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    opacity: 1;
    padding: 26px 20px 24px;
    position: relative;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
    font-family: 'Poppins', sans-serif;
}
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a {
    color: #0392ce;
}
.main-menu .navigation > li.dropdown > a {}
.main-menu .navigation > li.dropdown > a:after {}
.main-menu .navigation > li > a:before{
    position: absolute;
    top: -1px;
    left: 0;
    width: 0%;
    height: 1px;
    background: #0392ce;
    content: "";
    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 .navigation > li:hover a:before,
.main-menu .navigation > li.current a:before{
    width: 100%;
}

.main-menu .navigation > li > ul {
    position: absolute;
    left: 0px;
    top: 130%;
    width: 250px;
    padding: 0px;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    background: #0392ce;
    padding: 0px 20px;
    transition: all 500ms ease;
}
.main-menu .navigation > li:hover > ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.main-menu .navigation > li > ul > li {
    border-bottom: 1px solid #0087c0;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.main-menu .navigation > li > ul > li > a {
    width: 100%;
    display: block;
    background: none;
    padding: 16px 20px 14px 0px;
    color: #ffffff;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    display: block;
    float: none;
    text-transform: capitalize;
    position: relative;
    transition: all 500ms ease;
    font-family: 'Poppins', sans-serif;
}
.main-menu .navigation > li > ul > li:hover > a {
    color: #ffffff;
    background-color: #0084bb;
    padding-left: 20px;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{}
.main-menu .navigation > li > ul > li > ul{}
.main-menu .navigation > li > ul li:hover ul {}
.main-menu .navigation > li > ul > li ul li {}
.main-menu .navigation > li > ul > li ul li:first-child{}
.main-menu .navigation > li > ul > li ul li a{ }
.main-menu .navigation > li > ul > li  > ul > li:hover > a{}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 34px;
  height: 30px;
  border: 1px solid #ffffff;
  background: url(../images/icon/submenu-icon.png) center center no-repeat;
  background-size: 20px;
  cursor: pointer;
  z-index: 5;
  display: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}


.mainmenu-right-box {
    width: 410px;
    position: relative;
}
.mainmenu-right-box .cart_select {
    float: left;
}
.mainmenu-right-box .cart_select button {
    padding: 0;
    border-left: 1px solid #f0f0f0;
    padding-left: 15px;
    margin: 21px 0px;
}
.mainmenu-right-box .cart_select button i {
    position: relative;
    top: 1px;
    color: #222222;
    font-size: 16px;
    display: inline-block;
    padding-right: 5px;
    transition: all 500ms ease;
}
.mainmenu-right-box .cart_select button:hover i{
    color: #0392ce;    
}
.mainmenu-right-box .cart_select button span {
    color: #0392ce;
    font-size: 14px;
    font-weight: 600;
}
.mainmenu-right-box .consultation-button {
    width: 220px;
    float: right;
    display: inline-block;
}
.mainmenu-right-box .consultation-button a {
    background: #0392ce;
    display: inline-block;
    width: 220px;
    height: 70px;
    border: 2px solid #0392ce;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 68px;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.mainmenu-area .consultation-button a:hover{
    background: #222222;
    color: #fff;
}



/*** 
=============================================
    Rev Slider Wrapper style
=============================================
***/
.rev_slider_wrapper {
}
.rev_slider_wrapper .slide-content-box{
    background: #ffffff;
    display: block;
    padding: 29px 35px 35px;
}
.rev_slider_wrapper .slide-content-box h1 {
    color: #222222;
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    text-transform: none;
    margin: 0 0 10px;
    font-family: 'Poppins', sans-serif;
}
.rev_slider_wrapper .slide-content-box h1 span{
    color: #0392ce;    
}
.rev_slider_wrapper .slide-content-box p{
    font-size: 18px;
    color: #848484;
    font-weight: 300;
    line-height: 28px;
    margin: 0px 0 35px;
    font-family: 'Hind', sans-serif;
}
.rev_slider_wrapper .slide-content-box .button{
    margin-bottom: 12px;
}
.rev_slider_wrapper .slide-content-box .button a{
    border: 2px solid #f0f0f0;
    background: #ffffff;
    padding: 13px 38px 12px;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    margin-right: 16px;
    border-radius: 30px;
}
.rev_slider_wrapper .slide-content-box .button a:hover{
    background: #0392ce;
    border-color: #0392ce;
}
.rev_slider_wrapper .slide-content-box .button a.btn-style-two{
    background: #0392ce;
    border-color: #0392ce;
    color: #ffffff;
}
.rev_slider_wrapper .slide-content-box .button a.btn-style-two:hover{
    background: #ffffff;
    color: #222222;
}
.tparrows {
    background: rgba(0, 0, 0, 0.08);
    cursor: pointer;
    display: block;
    height: 50px;
    position: absolute;
    width: 50px;
    z-index: 1000;
    transition: all 500ms ease;
    border-radius: 50%;
}
.tparrows:before{
    font-size:18px; 
    font-weight: 700;
    color:#fff; 
    display:block; 
    line-height: 50px; 
    text-align: center;
    transition: all 500ms ease;
}
.tparrows:hover{
    background:#0392CE;
}
.tparrows:hover:before{
    color: #fff;    
}
.rev_slider_wrapper .slotholder:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(34, 36, 38, 0.40);
    z-index: 9;
}



/*** 
=============================================
    Callto Action Area style
=============================================
***/
.callto-action-area{}
.callto-action-area .inner-content {
    display: block;
    padding-left: 335px;
    min-height: 230px;
    position: relative;
    margin-top: -90px;
    background: #ffffff;
}
.callto-action-area .inner-content .title-box {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 335px;
    background: #0392ce;
    display: block;
    padding: 80px 0 74px;
    width: 100%;
    height: 100%;
}
.callto-action-area .inner-content .title-box span:before{
    color: #ffffff;
    font-size: 30px;
    line-height: 30px;
}
.callto-action-area .inner-content .title-box h2 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
    margin: 15px 0 0;
}

.callto-action-area .inner-content .form-holder {
    border: 1px solid #f4f4f4;
    display: block;
    padding: 50px 30px 20px;
}
.callto-action-area .inner-content .form-holder .single-box {
    width: 330px;
    float: left;
}
.callto-action-area .inner-content .form-holder .single-box.mar-right-30{
    margin-right: 30px;
}
.callto-action-area .inner-content .form-holder .single-box{
    
}
.callto-action-area .inner-content .form-holder .input-box {
    position: relative;
    margin-bottom: 21px;
}
.callto-action-area .inner-content .form-holder .input-box input[type="text"] {
    width: 100%;
    border: 1px solid #ececec;
    background: #ffffff;
    color: #848484;
    height: 50px;
    display: block;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Hind', sans-serif;
    transition: all 500ms ease;
    margin-bottom: 30px;
}
.callto-action-area .input-box .icon-box {
    position: absolute;
    top: 13px;
    right: 15px;
}
.callto-action-area .input-box .icon-box i{
    color: #848484;
    font-size: 16px;
}
.callto-action-area .inner-content .form-holder button {
    width: 50px;
    display: block;
    padding: 45px 0;
    height: 130px;
    margin: 0 auto;
    float: left;
    margin-left: 30px;
    border-radius: 10px;
}


/*** 
=============================================
    Medical Departments Area style
=============================================
***/
.medical-departments-area {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}
.medical-departments-area .single-item {
    position: relative;
    overflow: hidden;
    display: block;
    border: 1px solid #f0f0f0;
    padding: 9px 9px 10px;
}
.medical-departments-area .single-item .iocn-holder {
    position: relative;
    background: #fcfcfc;
    display: block;
    padding: 25px 0 25px;
    z-index: 1;
}
.medical-departments-area .single-item .iocn-holder:after {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    background: #2098D1;
    content: "";
    transition: all 500ms ease;
    transition-delay: 0.10s;
}
.medical-departments-area .single-item:hover .iocn-holder:after{
    height: 100%;    
}
.medical-departments-area .single-item .iocn-holder span:before {
    color: #0392ce;
    font-size: 100px;
    line-height: 100px;
    transition: all 500ms ease;
    transition-delay: 0.50s;
}
.medical-departments-area .single-item:hover .iocn-holder span:before{
    color: #ffffff;    
}
.medical-departments-area .single-item .text-holder {
    display: block;
    padding: 29px 10px 36px;
    border-bottom: 1px solid #f0f0f0;
    margin-left: -9px;
    margin-right: -9px;
}
.medical-departments-area .single-item .text-holder h3 {
    margin: 0 0 13px;
}
.medical-departments-area .single-item .text-holder p{
    margin: 0;    
}
.medical-departments-area .single-item a.readmore {
    border: 1px solid #f0f0f0;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 15px 4px;
    border-radius: 20px;
    font-family: 'Poppins', sans-serif;
    position: relative;
    top: -20px;
    background: #fff;
    transition: all 500ms ease;
}
.medical-departments-area .single-item:hover a.readmore{
    background: #0392ce;
    border-color: #0392ce;
    color: #ffffff;
}

.medical-departments-area .owl-controls {
    position: absolute;
    right: 0;
    top: -90px;
}
.medical-departments-area .owl-theme .owl-nav{
    margin: 0;
}
.medical-departments-area .owl-theme .owl-nav [class*="owl-"] {
    background: transparent;
    border-radius: 0;
    color: #888888;
    font-size: 24px;
    font-weight: 700;
    height: 40px;
    line-height: 38px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 40px;
    border: 2px solid #f0f0f0;
    transition: all 700ms ease 0s;
}
.medical-departments-area .owl-theme .owl-nav .owl-next {
    margin-left: 10px;
}
.medical-departments-area .owl-theme .owl-nav [class*="owl-"]:hover{
    border-color: #0392ce;
    color: #0392ce;
}



/*** 
=============================================
    service Area style
=============================================
***/
.service-area {
    background: #fcfcfc;
    padding-top: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
}
.service-area .img-holder {
    position: relative;
    overflow: hidden;
    display: block;
}
.service-area .img-holder img{
    width: 100%;
}
.service-area .img-holder .overlay-content{
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    height: auto;
    background: #0392ce;
    display: block;
    padding: 35px 30px 35px
}
.service-area .img-holder .overlay-content p{
    color: #ffffff;
    margin: 0;
}


.service-area .tab-content {}
.service-area .tab-content .inner-content {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 50px;
    margin-bottom: 30px;
    transition: all 500ms ease;
}
.service-area .tab-content .inner-content .text-box {}
.service-area .tab-content .inner-content .text-box h3 {
    color: #0392ce;
    margin: 0 0 18px;
}
.service-area .tab-content .inner-content .text-box p{}
.service-area .tab-content .inner-content .text-box a {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    color: #222222;
    width: 160px;
    margin: 30px 0 0;
}
.service-area .tab-content .inner-content .text-box a:hover{
    border-color: #0392ce;
    background: #0392ce;
    color: #ffffff;
}

.service-area .tab-menu {
    border-bottom: none;
}
.service-area .tab-menu li {
    float: left;
    margin-right: 30px;
    text-align: center;
    margin-bottom: 0;
}
.service-area .tab-menu li h3 {
    font-size: 18px;
    margin: 15px 0 0;
}
.service-area .tab-menu li a {
    position: relative;
    margin-right: 0px;
    line-height: initial;
    border: none;
    border-radius: 0;
    padding: 0;
}
.service-area .tab-menu li:last-child {
    margin-right: 0px;    
}
.service-area .tab-menu li.active a, 
.service-area .tab-menu li.active a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom-color: none;
}
.service-area .tab-menu li a .img-holder .overlay-style-one{
    transition: all 500ms ease;    
}
.service-area .tab-menu li.active a .img-holder .overlay-style-one,
.service-area .tab-menu li:hover a .img-holder .overlay-style-one{
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0;        
}
.service-area .tab-menu li a .img-holder .overlay-style-one .iocn-holder span:before{
    font-size: 25px;
    font-weight: 100;
    color: #ffffff;
}
.service-area .tab-menu li a .img-holder{
    display: block;
    overflow: hidden;
    position: relative;      
}
.service-area .tab-menu li a .img-holder img{
    transform: scale(1.1, 1.1);
	transition: all .9s ease;
    width: 100%;    
}
.service-area .tab-menu li:hover a .img-holder img{
    transform: scale(1.2, 1.2);
}



/*** 
=============================================
    Team Area style
=============================================
***/
.team-area {
    padding-top: 80px;
    padding-bottom: 45px
}
.team-area .single-team-member {
    position: relative;
    margin-bottom: 35px;
}
.team-area .single-team-member .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
}
.team-area .single-team-member .img-holder img{
    transition: all 0.5s ease 0s;
    width: 100%;
}
.team-area .single-team-member .img-holder .overlay-style {
    background-color: rgba(3, 146, 206, 0.8);
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.4s ease 0s;
    transition: background-color 0.4s ease 0s;
    padding: 0 20px;
    transform: translate3d(0px, -100%, 0px);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	-webkit-transition: all .9s ease;
	-moz-transition: all .9s ease;
	-o-transition: all .9s ease;
	-ms-transition: all .9s ease;
	transition: all .9s ease;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s;
	-ms-transition-delay: .5s;
	transition-delay: .5s; 
}
.team-area .single-team-member .img-holder .overlay-style .box{
    display: table;
    width: 100%;
    height: 100%;
}
.team-area .single-team-member .img-holder .overlay-style .box .content {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
.team-area .single-team-member .img-holder .overlay-style .box .content .top{
	position: relative;
	right: 100%;  
    transition: all .9s ease;
}
.team-area .single-team-member:hover .img-holder .overlay-style .box .content .top{
	right: 0%;      
}
.team-area .single-team-member .img-holder .overlay-style .box .content .top h3 {
    color: #ffffff;
    margin: 0 0 3px;
}
.team-area .single-team-member .img-holder .overlay-style .box .content .top span {
    color: #fcfcfc;
}
.team-area .single-team-member .img-holder .overlay-style .box .content .border {
    display: block;
    height: 1px;
    width: 50px;
    background: #ffffff;
    margin: 11px 0 21px;
}
.team-area .single-team-member .img-holder .overlay-style .box .content .bottom{
	position: relative;
	left: 100%;  
    transition: all .9s ease;    
}
.team-area .single-team-member:hover .img-holder .overlay-style .box .content .bottom{
	left: 0%;      
}
.team-area .single-team-member .img-holder .overlay-style .box .content .bottom ul li{
    color: #ffffff;   
    line-height: 32px;
}
.team-area .single-team-member .img-holder .overlay-style .box .content .bottom ul li i{
    display: inline-block;
    padding-right: 8px;
}
.team-area .single-team-member:hover .img-holder .overlay-style {
    transform: translate3d(0px, 0%, 0px);  
}
.team-area .single-team-member .text-holder {
    background: #ffffff;
    padding-top: 18px;
    padding-bottom: 12px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    transform: translate3d(0px, 0%, 0px);
    transition: all .9s ease;    
    transition-delay: 0.10s;
    border: 1px solid #f5f2f2;
    border-top: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.team-area .single-team-member .text-holder h3{
    color: #222222;
    font-size: 20px;
    text-transform: none;
    margin: 0 0 3px;
}
.team-area .single-team-member .text-holder span{
    color: #0392ce;
}
.team-area .single-team-member:hover .text-holder{
    transform: translate3d(0px, 120%, 0px);
    opacity: 0;
}



/*** 
=============================================
    Fact counter Area style
=============================================
***/
.fact-counter-area {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
    padding-top: 80px;
    position: relative;
    z-index: 1;
}
.fact-counter-area .sec-title{
    padding-bottom: 40px;
}
.fact-counter-area .sec-title h1{
    color: #ffffff;    
}
.fact-counter-area .sec-title p {
    color: #f1f1f1;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    margin: 0;
}
.fact-counter-area ul li {
    display: inline-block;
    float: left;
    border-right: 1px solid #29a1d4;
    width: 292px;
    margin-bottom: 30px;
}
.fact-counter-area ul li:last-child{
    border-right: none;
}

.fact-counter-area .single-item {
    width: 100%;
    display: block;
    padding: 0px 25px 0px;
    transition: all 500ms ease;
    position: relative;
}
.fact-counter-area .single-item .icon-holder{
    margin: 0 0 16px;
}
.fact-counter-area .single-item .icon-holder span:before{
    color: #ffffff;
    font-size: 65px;
    line-height: 65px;
}
.fact-counter-area .single-item h1 span{
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.fact-counter-area .single-item h3{
    color: #ffffff;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Hind', sans-serif;
    margin: 11px 0 0;
}



/*** 
=============================================
    Testimonial Area style
=============================================
***/
.testimonial-area {
    background: #ffffff;
    padding: 80px 0 70px;
}
.single-testimonial-item {
    overflow: hidden;
    background: #fcfcfc;
    display: block;
    padding: 30px 30px 20px;
    border: 1px solid #f0f0f0;
}
.single-testimonial-item .img-box {
    width: 100px;
    height: 90px;
    margin: 0 auto;
    position: relative;
}
.single-testimonial-item .img-box .quote-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    border: 3px solid #fff;
    background: #0392ce;
    z-index: 1;
    border-radius: 50%;
}
.single-testimonial-item .img-box .quote-box i {
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
}

.single-testimonial-item .img-holder {
    position: relative;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f4f4f4;
    border-radius: 50%;
    display: block;
    height: 85px;
    margin: 0 auto;
    overflow: hidden;
    width: 85px;
    z-index: 1;
    position: relative;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    padding: 2px;
}
.single-testimonial-item:hover .img-holder{
    background: #0392ce;
    border-color: #0392ce;
} 
.single-testimonial-item .img-holder img{
    border-radius: 50%;    
}

.single-testimonial-item .text-holder {
    padding-top: 15px;
    transition: all 0.7s ease;
}
.single-testimonial-item .text-holder p {
    color: #848484;
    font-size: 16px;
    margin: 0;
}
.single-testimonial-item .name h3 {
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    text-transform: none;
    margin: 15px 0 3px;
}
.single-testimonial-item .name span {
    color: #0392ce; 
}

.testimonial-area .owl-dots {
    position: relative;
    margin-top: 40px;
}
.testimonial-area .owl-dots .owl-dot{
	background-image:none;
	width:12px;
	height:12px;
	margin:0px 5px;
	padding:0px;
	border:2px solid #e8e8e8;
	background:none;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
    transition: all 500ms ease;
}
.testimonial-area .owl-dots .owl-dot span{
	display:none;	
}
.testimonial-area .owl-dots .owl-dot.active{
    border: 2px solid #0392ce;
	background: #0392ce;
}



/*** 
=============================================
    Latest blog area style
=============================================
***/
.latest-blog-area {
    padding-top: 80px;
    padding-bottom: 40px;
    background: #fcfcfc;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden;
}
.single-blog-item {
    position: relative;
    overflow: hidden;
    display: block;
    border-bottom: 1px solid #f4f4f4;
    background: #ffffff;
    padding: 19px;
    padding-bottom: 18px;
    border: 1px solid #f0f0f0;
    margin-bottom: 40px;
}
.single-blog-item .img-holder{
    overflow: hidden;
    position: relative;     
}
.single-blog-item .img-holder img {
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%; 
}
.single-blog-item .img-holder .overlay-style-one{
    transition: all 500ms ease;    
}
.single-blog-item .img-holder .overlay-style-one .content a {
    width: 30px;
    height: 30px;
    display: inline-block;
}
.single-blog-item .img-holder .overlay-style-one span:before {
    font-size: 25px;
    line-height: 30px;
    display: block;
}

.single-blog-item:hover .img-holder .overlay-style-one{
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0; 
}
.single-blog-item:hover .img-holder img {
    transform: scale(1, 1);
}

.single-blog-item .text-holder {
    transition: all 500ms ease;
}
.single-blog-item:hover .text-holder {

}

.single-blog-item .text-holder .blog-title {
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    padding: 20px 0 8px;
    display: block;
    transition: all 500ms ease;
}
.single-blog-item .text-holder .blog-title:hover{
    color: #0392ce;
}
.single-blog-item .text-holder .text {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
    display: block;
}
.single-blog-item .text-holder .text p {
    margin: 0; 
}

.single-blog-item .text-holder .meta-info {
    overflow: hidden;
    padding-top: 20px;
}
.single-blog-item .text-holder .meta-info li {
    display: inline-block;
    /* float: left; */
    line-height: 28px;
    margin-right: 20px;
}
.single-blog-item .text-holder .meta-info li:last-child{
    margin-right: 0;
}
.single-blog-item .text-holder .meta-info li a{
    color: #848484;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Hind', sans-serif;
}
.single-blog-item .text-holder .meta-info li a:hover{
    color: #0392ce;
}
.single-blog-item .text-holder .meta-info li a i{
    display: inline-block;
    padding-right: 10px;
}
.latest-blog-area .single-blog-item:hover{}



/*** 
=============================================
    Facilities appointment area style
=============================================
***/
.facilities-appointment-area{
    padding-top: 80px;
    padding-bottom: 50px;
}
.facilities-appointment-area .single-item {
    margin-bottom: 30px;
    position: relative;
    padding-left: 95px;
    background: #ffffff;
    border: 1px solid #f0f0f0;
    z-index: 1;
}
.facilities-appointment-area .single-item:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background: #0392ce;
    content: "";
    z-index: -1;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    opacity: 0;
}
.facilities-appointment-area .single-item:hover:before{
    height: 100%;
    opacity: 1;
}

.facilities-appointment-area .single-item .icon-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 100%;
    background: #fcfcfc;
    border-right: 1px solid #f0f0f0;
}
.facilities-appointment-area .single-item .icon-holder .icon-box {
    display: table;
    height: 100%;
    width: 100%;  
}
.facilities-appointment-area .single-item .icon-holder .icon-box .icon{
    display: table-cell;
    vertical-align: middle;
}
.facilities-appointment-area .single-item .icon-holder span::before {
    color: #0392ce;
    display: block;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
}
.facilities-appointment-area .single-item .text-holder {
    padding-left: 5px;
    padding-top: 27px;
    padding-bottom: 13px;
    padding-right: 12px;
}
.facilities-appointment-area .single-item .text-holder h3{
    margin: 0 0 8px;
    transition: all 500ms ease;
}
.facilities-appointment-area .single-item .text-holder p{
    transition: all 500ms ease;    
}
.facilities-appointment-area .single-item:hover .text-holder h3{
    color: #ffffff;
}
.facilities-appointment-area .single-item:hover .text-holder p{
    color: #fff;    
}

.facilities-appointment-area .owl-controls {
    position: absolute;
    right: 0;
    top: -90px;
}
.facilities-appointment-area .owl-theme .owl-nav{
    margin: 0;
}
.facilities-appointment-area .owl-theme .owl-nav [class*="owl-"] {
    background: transparent;
    border-radius: 0;
    color: #888888;
    font-size: 24px;
    font-weight: 700;
    height: 40px;
    line-height: 38px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 40px;
    border: 2px solid #f0f0f0;
    transition: all 700ms ease 0s;
}
.facilities-appointment-area .owl-theme .owl-nav .owl-next {
    margin-left: 10px;
}
.facilities-appointment-area .owl-theme .owl-nav [class*="owl-"]:hover{
    border-color: #0392ce;
    color: #0392ce;
}


.facilities-appointment-area .appointment {
    border: 2px solid #f0f0f0;
    display: block;
    padding: 25px 28px 27px;
    margin-top: 10px;
}
.facilities-appointment-area .appointment .sec-title{
    padding-bottom: 30px;
}
.facilities-appointment-area .appointment .sec-title h1 {
    font-size: 24px;
    margin: 0 0 14px;
}
.facilities-appointment-area .appointment .input-box{
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 11px;
}
.facilities-appointment-area .appointment .input-box input[type="text"],
.facilities-appointment-area .appointment .input-box input[type="email"]{
    background: #ffffff;
    border: 1px solid #f0f0f0;
    color: #848484;
    display: block;
    font-size: 16px;
    height: 45px;
    padding: 0 15px;
    width: 100%;
    transition: all 500ms ease;
    box-shadow: none;
    line-height: 44px;
    font-family: 'Hind', sans-serif;
    margin-bottom: 9px;
}
.facilities-appointment-area .appointment .input-box .icon-box {
    position: absolute;
    top: 11px;
    right: 15px;
}
.event-tab-box .tab-content .input-box .icon-box i{
    color: #2acb35;
    font-size: 15px;
}
.facilities-appointment-area .appointment button {
    padding: 9px 40px 7px;
    margin: 10px auto 0;
}



/*** 
=============================================
    Brand Area style
=============================================
***/
.brand-area {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
    padding-top: 80px;
    position: relative;
}
.brand-area .sec-title {
    padding-bottom: 25px;
}
.brand-area .sec-title h1{
    color: #ffffff;    
}
.brand-area .text-holder .text {
    margin-top: -6px;
}
.brand-area .text-holder .text p{
    color: #ededed;
}

.brand-area .awards-holder{
    
}
.brand-area .awards-holder .single-item {
    margin-bottom: 30px;
}



/*** 
=============================================
    Footer area style
=============================================
***/
.footer-area {
    background: #222222;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}
.single-footer-widget {
    position: relative;
    overflow: hidden;
}
.single-footer-widget .title {
    padding-bottom: 35px;
    margin-top: -2px;
}
.single-footer-widget .title h3 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    text-transform: capitalize;
}
.single-footer-widget .title .border {
    height: 1px;
    width: 70px;
    display: block;
    background: #2f3132;
    margin: 19px 0 0;
}

.single-footer-widget .our-info{
    overflow: hidden;
}
.single-footer-widget .our-info .mar-top{
    margin-top: 17px;
}
.single-footer-widget .our-info p{
    color: #848484;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
}
.single-footer-widget .our-info a {
    color: #0392ce;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    display: block;
    margin-top: 15px;
    transition: all 500ms ease;
}
.single-footer-widget .our-info a i{
    display: inline-block;
    padding-left: 7px;
    transition: all 500ms ease;
}
.single-footer-widget .our-info a:hover{
    color: #848484;    
}
.single-footer-widget .our-info a:hover i{
    padding-left: 11px;
}


.single-footer-widget .usefull-links {
    overflow: hidden;
    margin-top: 4px;
}
.single-footer-widget .usefull-links.fl-lft {
    float: left;
    width: 130px;
    border-right: 1px solid #2f3132;
    margin-right: 30px;
}
.single-footer-widget .usefull-links li {
    margin-bottom: 20px;
    line-height: 16px;
}
.single-footer-widget .usefull-links li:last-child{
    margin-bottom: 0px;
}
.single-footer-widget .usefull-links li a{
    position: relative;
    color: #848484;
    font-size: 16px;
    font-weight: 300;
    transition: all 500ms ease;
    font-family: 'Hind', sans-serif;
}
.single-footer-widget .usefull-links li a:before {
    position: absolute;
    top: 9px;
    left: -10px;
    width: 6px;
    height: 6px;
    background: #0392ce;
    content: "";
    border-radius: 50%;
    transition:all 300ms ease-in;
}
.single-footer-widget .usefull-links li a:hover:before{
	left:0px;	
}
.single-footer-widget .usefull-links li a:hover{
    color: #0392ce;
    padding-left:15px;
}


.single-footer-widget .footer-contact-info {
    overflow: hidden;
    display: block;
    margin-top: -1px;
}
.single-footer-widget .footer-contact-info li {
    padding-left: 40px;
    position: relative;
    border-bottom: 1px solid #2f3132;
    padding-bottom: 17px;
    margin-bottom: 17px;
}
.single-footer-widget .footer-contact-info li:last-child{
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.single-footer-widget .footer-contact-info li .icon-holder {
    position: absolute;
    top: 3px;
    left: 0;
}
.single-footer-widget .footer-contact-info li .icon-holder span:before{
    color: #0392ce;
    font-size: 20px;
    line-height: 20px;
}
.single-footer-widget .footer-contact-info li .icon-holder span.flaticon-pin:before{
    position: relative;
    font-size: 25px;
    top: 6px;
}
.single-footer-widget .footer-contact-info li .text-holder{ }
.single-footer-widget .footer-contact-info li .text-holder h5{
    color: #848484;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    font-family: 'Hind', sans-serif;
}


.single-footer-widget form.appointment-form {
    position: relative;
    margin-top: 5px;
}
.single-footer-widget form.appointment-form .input-box{
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
}

.single-footer-widget form.appointment-form .input-box .icon-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    display: block;
    text-align: center;
}
.single-footer-widget form.appointment-form .input-box .icon-box i {
    color: #555454;
    font-size: 16px;
    display: block;
    line-height: 44px;
}
.single-footer-widget form.appointment-form input[type="text"],
.single-footer-widget form.appointment-form input[type="email"],
.single-footer-widget form.appointment-form textarea{
    background: #222222;
    border: 1px solid #2f3132;
    color: #555454;
    display: block;
    font-size: 16px;
    font-weight: 300;
    height: 45px;
    letter-spacing: 1px;
    padding-left: 40px;
    padding-right: 15px;
    position: relative;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 100%;
    font-family: 'Hind', sans-serif;
}
.single-footer-widget form.appointment-form textarea{
    height: 70px;
    padding: 10px 20px;
}
.single-footer-widget form.appointment-form button {
    margin-top: 15px;
    background: #2e2e2e none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 90px;
    font-family: 'Poppins', sans-serif;
    padding: 5px 0 3px;
    border: 1px solid #2e2e2e;
}

.single-footer-widget form.appointment-form input:focus {
    border: 1px solid #0392ce;
    background: #fff;
    color: #000;
}
.single-footer-widget form.appointment-form textarea:focus{
    border: 1px solid #0392ce;
    background: #fff;
    color: #000;    
}
.single-footer-widget form.appointment-form button:hover{
    background: #0392ce;
    border-color: #ffffff;
}


/*** 
=============================================
    Footer Bottom area style
=============================================
***/
.footer-bottom-area {
    background: #1d1d1d;
    padding: 16px 0 16px;
}
.copyright-text {
    padding: 7px 0;
}
.copyright-text p {
    margin: 0;
    color: #949494;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    line-height: 26px;
}
.copyright-text p a{
    font-weight: 500;
    color: #00a5ea;
    transition: all 500ms ease;
}
.copyright-text p a:hover{
    color: #888888;
}

.footer-bottom-area .footer-social-links {
    overflow: hidden;
    float: right;
}
.footer-bottom-area .footer-social-links li{
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.footer-bottom-area .footer-social-links li:last-child{
    margin-right: 0;
}
.footer-bottom-area .footer-social-links li a i{
    height: 40px;
    width: 40px;
    border: 2px solid #2f3132;
    display: block;
    border-radius: 50%;
    color: #848484;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    transition: all 500ms ease;
}
.footer-bottom-area .footer-social-links li a:hover i{
    background: #0392ce;
    color: #fff;
    border-color: #0392ce;
    transform: rotate(360deg);
}



/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-area {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 105px;
    padding-bottom: 155px;
    position: relative;
    z-index: 1;
}
.breadcrumb-area::before {
    background: rgba(0, 0, 0, 0.70) none repeat scroll 0 0;
    background-position: center top;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.breadcrumb-area .breadcrumbs {}
.breadcrumb-area .breadcrumbs h1 {
    color: #ffffff;
    font-size: 48px;
    font-weight: 600;
    line-height: 50px;
    text-transform: capitalize;
    text-align: center;
}

.breadcrumb-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.10) none repeat scroll 0 0;
    padding: 18px 0 15px;
}
.breadcrumb-bottom .left ul{}
.breadcrumb-bottom .left ul li{
    display: inline-block;
    margin-right: 6px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.breadcrumb-bottom .left ul li:last-child{
    margin-right: 0;
}
.breadcrumb-bottom .left ul li a{
    color: #ffffff;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.breadcrumb-bottom .left ul li.active{
    color: #0392ce;    
}
.breadcrumb-bottom .left ul li i{
    font-size: 16px;
    color: #ffffff;
}
.breadcrumb-bottom .left ul li a:hover{
  color: #0392ce;    
}
.breadcrumb-bottom .right span{
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
    transition: all 500ms ease;
}
.breadcrumb-bottom .right span i {
    font-size: 16px;
    display: inline-block;
    padding-right: 6px;
}

.breadcrumb-bottom .right a {
    display: inline-block;
}
.breadcrumb-bottom .right span:hover{
    color: #0392ce;    
}



/*** 
=============================================
    welcome Area style
=============================================
***/
.welcome-area {
    background: #ffffff;
    padding-top: 80px;
    padding-bottom: 80px;
}
.welcome-area .img-holder{}
.welcome-area .img-holder img{
    width: 100%;
}
.welcome-area .inner-content {
    background: #0392ce;
    color: #ffffff;
    display: block;
    padding: 24px 20px 21px;
}
.welcome-area .inner-content p{
    margin: 0;
    font-weight: 400;
}

.welcome-area .text-holder {}
.welcome-area .text-holder .title {
    padding-bottom: 20px;
}
.welcome-area .text-holder .title h1 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 400;
    margin: 0 0 25px;
}

.welcome-area .text-holder ul li{
    margin-bottom: 30px;
}
.welcome-area .text-holder ul li:last-child{
    margin-bottom: 0;
}
.welcome-area .text-holder .single-item{
    padding-left: 45px;
    position: relative;
}
.welcome-area .text-holder .single-item .iocn-box {
    position: absolute;
    top: 0;
    left: 0;
}
.welcome-area .text-holder .single-item .iocn-box span:before {
    color: #0392ce;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.welcome-area .text-holder .single-item .text-box{
    
}
.welcome-area .text-holder .single-item .text-box h3 {
    margin: 0 0 8px;
}
.welcome-area .text-holder .single-item .text-box .text {
    margin-top: 19px;
}
.welcome-area .text-holder .single-item .text-box .text p {
    margin: 0;
    line-height: 30px;
    font-weight: 400;
}
.welcome-area .text-holder .single-item .text-box .text p i {
    display: inline-block;
    padding-right: 7px;
    color: #0392ce;
}
.welcome-area .text-holder .button {
    margin: 40px 0 0;
}
.welcome-area .text-holder .button a {
    background: #ffffff;
    border-color: #f0f0f0;
    color: #222222;
    width: 210px;
}
.welcome-area .text-holder .button a:hover{
    background: #0392ce;
    border-color: #0392ce;
    color: #ffffff;
}



/*** 
=============================================
    Special Features Area style
=============================================
***/
.special-features-area{
    background: #fcfcfc;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding-top: 80px;
    padding-bottom: 20px;
}
.special-features-area .single-item{
    position: relative;
    padding-left: 70px;
    overflow: hidden;
    display: block;
    margin-bottom: 50px;
}
.special-features-area .single-item .icon-box{
    position: absolute;
    top: 0;
    left: 0;
}
.special-features-area .single-item .icon-box span:before {
    width: 70px;
    height: 70px;
    display: block;
    background: #ffffff;
    border-radius: 50%;
    border: 1px solid #f1f1f1;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: #0392ce;
    padding: 18px 0;
    transition: all 500ms ease;
}
.special-features-area .single-item:hover .icon-box span:before{
    background: #0392ce;
    color: #ffffff;
} 
.special-features-area .single-item .text-box{
    padding-left: 30px;
}
.special-features-area .single-item .text-box h3 {
    margin: 0 0 13px;
}
.special-features-area .single-item .text-box p{
    margin: 0;    
}



/*** 
=============================================
    Slogan Area style
=============================================
***/
.slogan-area {
    background: #0392ce;
    padding: 30px 0 30px;
}
.slogan-area .title h2 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    margin: 11px 0;
}
.slogan-area .button a {
    background: #0087c0;
    border-color: #1b9bd1;
    padding: 14px 30px 12px;
}
.slogan-area .button a:hover{
    background: #222222;
    border-color: #222222;
    color: #ffffff;
}



/*** 
=============================================
    project faq Area style
=============================================
***/
.project-faq-area {
    background: #ffffff none repeat scroll 0 0;
    padding-bottom: 60px;
}
.project-faq-area .latest-project {
    margin-left: -10px;
    margin-right: -10px;
}
.project-faq-area .latest-project .single-project-item {
    display: inline-block;
    margin: 0 10px 20px;
    float: left;
}
.single-project-item .img-holder .overlay-style-one .box .content a i {
    border: 2px solid #ffffff;
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 15px;
    color: #ffffff;
    line-height: 38px;
    transition: all 500ms ease;
}
.single-project-item .img-holder .overlay-style-one .box .content a:hover i{
    background: #ffffff;
    color: #222222;
    border-color: #0392ce;
}


.accordion-box {
    display: block;
    overflow: hidden;
    padding: 0;
}
.accordion-box .accordion {
    margin-bottom: 15px;
    position: relative;
}
.accordion-box .accordion .accord-btn {
    border: 1px solid #f0f0f0;
    cursor: pointer;
    padding: 10px 15px 10px 55px;
    position: relative;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn h4 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn::after {
    color: #c7c7c7;
    content: "\f108";
    font-family: "Flaticon";
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    margin-top: -25px;
    position: absolute;
    left: 10px;
    top: 33px;
    transition: all 500ms ease 0s;
    width: 30px;
    height: 30px;
    border-radius: 0%;
    border: 1px solid #f8f8f8;
    text-align: center;
}
.accordion-box .accordion .accord-btn.active{
    border-bottom: 1px solid #f0f0f0;  
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn.active h4 {
    color: #0392ce;
}
.accordion-box .accordion .accord-btn.active:after{
    content: "\f107";
    border: 1px solid #0392ce;
    color: #0392ce;
    background: transparent;
}
.accordion-box .accordion .accord-content {
    display: none;
    padding: 14px 20px 10px 55px;
    position: relative;
    border: 1px solid #f0f0f0;
    border-top: none;
}
.accordion-box .accordion .accord-content.collapsed {
    display: block;
}
.accordion-box .accordion .accord-content p {
    margin: 0;
}



/*** 
=============================================
    Fact counter Area style
=============================================
***/
.fact-counter-area.black-bg {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
}
.fact-counter-area.black-bg::before {
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
    background-position: center top;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.fact-counter-area.black-bg .sec-title h1 span{
    color: #0392ce;
}
.fact-counter-area.black-bg .sec-title p{
    color: #848484;
}
.fact-counter-area.black-bg ul li{
    border-right: 1px solid #2f2e2e;
}
.fact-counter-area.black-bg ul li:last-child{
    border-right: none;    
}

.fact-counter-area.black-bg .single-item .icon-holder span:before {
    color: #0392ce;
}
.fact-counter-area.black-bg .single-item h1 span {
    color: #0392ce;
}



/*** 
=============================================
    Team area.doctor style
=============================================
***/
.team-area.doctor {
    padding-top: 80px;
    padding-bottom: 45px;
    background: #fcfcfc;
    border-bottom: 1px solid #f0f0f0;
}
.team-area.doctor .single-team-member .img-holder .overlay-style{
    background: rgba(0, 0, 0, 0.80);
}



/*** 
=============================================
    Certificates Area style
=============================================
***/
.certificates-area {
    background: #ffffff;
    padding-top: 80px;
    padding-bottom: 80px;
}
.certificates-area .sec-title{
  
}
.certificates-area .certificates .single-item {
    height: auto;
    width: 100%;
    border: 1px solid #f0f0f0;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    text-align: center;
    overflow: hidden;
}
.certificates-area .certificates .single-item a{ }
.certificates-area .certificates .single-item:hover{
 
}
.certificates-area .certificates .single-item:hover img{
    opacity: .9;
}
.certificates-area .owl-controls {
    position: absolute;
    right: -5px;
    top: -103px;
}
.certificates-area .owl-dots .owl-dot{
	background-image:none;
	width: 12px;
	height: 12px;
	margin: 0px 5px;
	padding:0px;
	background: #fff;
	border-radius:50%;
    border: 1px solid #e2e2e2;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
    transition: all 500ms ease;
}
.certificates-area .owl-dots .owl-dot span{
	display:none;	
}
.certificates-area .owl-dots .owl-dot.active{
    width: 20px;
	background:#0392ce;
    border-color: #0392ce;
    border-radius: 20px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}



/*** 
=============================================
    Faq content area style
=============================================
***/
.faq-content-area{
    background: #fcfcfc;
    padding-top: 80px;
    padding-bottom: 30px;
}
.faq-content-area .single-box {
    background: #ffffff;
    display: block;
    border: 1px solid #f0f0f0;
    padding: 36px 30px 25px;
    margin-bottom: 50px;
}
.faq-content-area .single-box .sec-title {
    padding-bottom: 40px;
}
.faq-content-area .single-box .sec-title h1{
    font-size: 24px;
    margin: 0 0 9px;
}



/*** 
=============================================
    Faq question Form Area style
=============================================
***/
.faq-question-form-area{
    padding-top: 80px;
    padding-bottom: 80px;
}
.faq-question-form-area .question-form form input[type="text"],
.faq-question-form-area .question-form form input[type="email"],
.faq-question-form-area .question-form form textarea{
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f0f0f0;
    display: block;
    height: 50px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    color: #848484;
    font-size: 16px;
    font-weight: 300;
    transition: all 500ms ease;
    font-family: 'Hind', sans-serif;
}
.faq-question-form-area .question-form form input[type="text"]:focus{
    border: 1px solid #0392ce;    
}
.faq-question-form-area .question-form form input[type="email"]:focus{
    border: 1px solid #0392ce;        
}
.faq-question-form-area .question-form form textarea:focus{
    border: 1px solid #0392ce;    
}
.faq-question-form-area .question-form form textarea{
    height: 140px;
    padding: 15px 20px;
}
.faq-question-form-area .question-form form button {
    padding: 12px 35px 10px;
    width: 220px;
    margin: 0 auto;
}



/*** 
=============================================
    Healty process Area style
=============================================
***/
.doctor-page-area{}
.doctor-page-area ul {
    border: none;
}
.doctor-page-area ul li {
    float: none;
    margin-bottom: 0;
}
.doctor-page-area ul li a {
    color: #222222;
    font-size: 16px;
    margin: 0;
    border: 1px solid #f0f0f0;
    margin-bottom: 10px;
    line-height: 30px;
    border-radius: 0;
    display: block;
    padding: 10px 0px 10px 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
}
.doctor-page-area ul li.active a, 
.doctor-page-area ul li.active a:focus, 
.doctor-page-area ul li.active a:hover {
    color: #ffffff;
    cursor: default;
    background-color: #0392ce;
    border: 1px solid #0392ce;
}



/*** 
=============================================
    Testimonial Section style
=============================================
***/
.testimonial-page {
    background: #ffffff;
    padding-top: 80px;
    padding-bottom: 80px;
}
.testimonial-page .single-testimonial-item{
    margin-bottom: 30px;
}
.testimonial-page .post-pagination {
    margin-top: 10px;
}



/*** 
=============================================
    Main Project Area style
=============================================
***/
.main-project-area{
    padding-top: 80px;
    padding-bottom: 80px;
}
.main-project-area .single-project-item{
    margin-bottom: 30px;
}
.single-project-item {
    position: relative;
    overflow: hidden;
    display: block;
}
.single-project-item .img-holder{
    display: block;
    overflow: hidden;
    position: relative;  
}
.single-project-item .img-holder img {
    transform: scale(1.1, 1.1);
	transition: all .9s ease;
    width: 100%;
}
.single-project-item:hover .img-holder img{
    transform: scale(1.2, 1.2);
}
.single-project-item .img-holder .overlay-style-one{
    background: rgba(0, 0, 0, .8);
}
.single-project-item:hover .img-holder .overlay-style-one{
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
	top: 0;
}
.single-project-item .img-holder .overlay-style-one .box .content a {
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
	position: relative;
	right: 100%;
	transition: all .9s ease;
}
.single-project-item:hover .img-holder .overlay-style-one .box .content a{
    right: 0;
}
.single-project-item .img-holder .overlay-style-one .box .content p{ 
    color: #2acb35;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    position: relative;
	left: 100%;
	transition: all .9s ease; 
}
.single-project-item:hover .img-holder .overlay-style-one .box .content p{
    left: 0;
}
.single-project-item .img-holder .overlay-style-one .box .content .border {
    display: block;
    width: 50px;
    height: 1px;
    background: rgba(255, 255, 255, 0.40);
    margin: 13px auto 9px;
}
.main-project-area .post-pagination{
    margin-top: 20px;
}



/*** 
=============================================
    Project Single Area style
=============================================
***/
#project-single-area{
    padding-top: 80px;
    padding-bottom: 80px;
}
#project-single-area .sec-title {
    padding-bottom: 10px;
    padding-top: 20px;
}
#project-single-area .sec-title h1{
    color: #222222;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 18px;
}
#project-single-area .project-info .project-info-list {
  overflow: hidden;
  margin-top: 30px;
  margin-left: -30px;
  margin-right: -30px;
}
#project-single-area .project-info .project-info-list li {
  border-bottom: 1px solid #f7f7f7;
  float: left;
  margin: 0 30px 5px;
  overflow: hidden;
  /* padding-bottom: 11px; */
  padding-left: 20px;
  position: relative;
  width: 650px;
}
#project-single-area .project-info .project-info-list li .icon-holder {
  left: 0;
  position: absolute;
  top: -5px;
}
#project-single-area .project-info .project-info-list li .icon-holder i {
  font-size: 14px;
  color: #0392ce;
}
#project-single-area .project-info .project-info-list li .text-holder h5 {
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  margin: 0 0 3px;
}
#project-single-area .project-info .project-info-list li .text-holder p {
    margin: 0;
    color: #949494;
    font-size: 14px;
}

#project-single-area .bottom {
    border-bottom: 1px solid #f7f7f7;
    border-top: 1px solid #f7f7f7;
    margin: 43px 0 0;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 21px;
}
#project-single-area .bottom .button a {
    color: #1c1c1c;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 500ms ease;
}
#project-single-area .bottom .button a:hover{
  color: #0392ce;
}
#project-single-area .bottom .button a i {
  display: inline-block;
  font-size: 18px;
  padding-right: 10px;
  position: relative;
  top: 1px;
}
#project-single-area .bottom .button.next a i{
  padding-right: 0px;
  padding-left: 10px;
}
#project-single-area .bottom .icon-holder a i {
  color: #1c1c1c;
  font-size: 24px;
  position: relative;
  top: 4px;
  transition: all 500ms ease 0s;
}
#project-single-area .bottom .icon-holder a:hover i{
  color: #0392ce;
}



/*** 
=============================================
    Contact Form area style
=============================================
***/
.contact-form-area {
    padding-top: 80px;
    padding-bottom: 80px;
}
.contact-form-area .sec-title{
    position: relative;
}
.contact-form-area .sec-title .select-box {
    position: absolute;
    top: 9px;
    right: 0;
    width: 190px;
}
.contact-form-area .bootstrap-select {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0px;
}
.contact-form-area .bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
    width: 100%;
}
.contact-form-area .dropdown-menu>li>a:focus, 
.contact-form-area .dropdown-menu>li>a:hover {
    background-color: #fdc900;
    color: #fff;
}
.contact-form-area .btn-group.open .dropdown-toggle {
    box-shadow: none;
}
.contact-form-area .btn-group.open .dropdown-toggle:focus {
    border: none;
    outline: none;
}
.contact-form-area .bootstrap-select .dropdown-toggle:focus {
    outline: none;
}
.contact-form-area .form-control:focus {
    border-color: #48c7ec;
    box-shadow: none;
}
.contact-form-area .select-box .btn:after {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  font-size: 15px;
  color: #777777;
  width: 20px;
  right: 15px;
  top: 50%;
  margin-top: -11px;
}
.contact-form-area .g-select {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0px;
}
.contact-form-area .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    background: transparent;
    color: #777;
    padding: 11px 10px;
    font-size: 14px;
    font-weight: 300;
    border: 1px solid #f4f4f4;
}
.contact-form-area .bs-caret {
  display: none;
}
.contact-form-area .dropdown-menu {
    border-radius: 0px;
    padding: 0px;
    top: 45px;
    transform: scaleY(0);
    transform-origin: top center;
    transition: .4s ease;
}
.contact-form-area .bootstrap-select.open .dropdown-menu {
  transform: scaleY(1);
  transition: .4s ease;
}
.contact-form-area .dropdown-menu>li>a {
    padding: 8px 15px;
    display: block;
}
.contact-form-area .dropdown-menu>li>a:focus {
    background-color: #fff;
    color: #222;
}
.contact-form-area .dropdown-menu>li>a:hover {
    background-color: #0392ce;
    color: #fff;
}


.contact-form-area .contact-form form {
    background: #fcfcfc;
    border: 1px solid #f0f0f0;
    display: block;
    padding: 36px 30px 60px;
}
.contact-form-area .contact-form form h2 {
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 35px;
}
.contact-form-area .contact-form form input[type="text"],
.contact-form-area .contact-form form input[type="email"],
.contact-form-area .contact-form form textarea{
    background: #ffffff;
    border: 1px solid #ececec;
    color: #999999;
    display: block;
    font-size: 14px;
    height: 50px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    transition: all 500ms ease;
}
.contact-form-area .contact-form form textarea{
    height: 120px;
    margin-bottom: 32px;
    padding: 10px 20px;
}
.contact-form-area .contact-form form input[type="text"]:focus{
    border-color: #0392ce;        
}
.contact-form-area .contact-form form input[type="email"]:focus{
    border-color: #0392ce;        
}
.contact-form-area .contact-form form textarea:focus{
    border-color: #0392ce;    
}
.contact-form-area .contact-form form button {
    width: 100%;
    padding: 14px 0 13px;
}


.quick-contact {
    overflow: hidden;
    padding: 50px 30px 54px;
    border: 1px solid #f4f4f4;
}
.quick-contact .title {
    margin-bottom: 25px;
}
.quick-contact .title h2 {
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 30px;
}
.quick-contact .title p{
    color: #999999;
    font-size: 16px;
    margin: 0;
}


.quick-contact .contact-info{

}
.quick-contact .contact-info li {
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 21px;
    padding-left: 35px;
    padding-bottom: 21px;
    position: relative;
}
.quick-contact .contact-info li:last-child{
    margin-bottom: 0;
}
.quick-contact .contact-info li .icon-holder {
    position: absolute;
    top: 3px;
    left: 0;
}
.quick-contact .contact-info li .icon-holder span:before{
    color: #0392ce;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
}
.quick-contact .contact-info li .text-holder {}
.quick-contact .contact-info li .text-holder h5 {
    color: #999999;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}
.quick-contact .contact-info li .text-holder h5 span {
    color: #333333;
    font-weight: 400;
}

.quick-contact .social-links {
    overflow: hidden;
    padding-top: 25px;
}
.quick-contact .social-links li{
    display: inline-block;
    float: left;
    margin-right: 25px;
}
.quick-contact .social-links li:last-child{
    margin-right: 0;
}
.quick-contact .social-links li a i{
    color: #999999;
    font-size: 16px;
    transition: all 500ms ease;
}
.quick-contact .social-links li a:hover i{
    color: #0392ce;
}



/*** 
=============================================
    Healty process Area style
=============================================
***/
.medical-departments-area.departments-page{
    padding-top: 80px;
    padding-bottom: 40px;
}
.medical-departments-area.departments-page .single-item{
    margin-bottom: 40px;
}



/*** 
=============================================
    Healty process Area style
=============================================
***/
#departments-single-area{
    background: #ffffff;
    padding-top: 80px;
    padding-bottom: 50px;
    overflow: hidden;
}
#departments-single-area .sec-title h1{
    font-size: 24px;
}
#departments-single-area .departments-sidebar {
    overflow: hidden;
}
#departments-single-area .departments-sidebar .single-sidebar{
    display: block;
    overflow: hidden;
    margin-bottom: 40px;
}
#departments-single-area .departments-sidebar .single-sidebar .title h3 {
    background: #0392ce;
    color: #ffffff;
    font-size: 18px;
    display: block;
    padding: 17px 20px 16px;
}

#departments-single-area .departments-sidebar .single-sidebar .all-departments{
    overflow: hidden;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}
#departments-single-area .departments-sidebar .single-sidebar .all-departments li{
    position: relative;
    overflow: hidden;
    display: block;
}
#departments-single-area .departments-sidebar .single-sidebar .all-departments li:before  {
    position: absolute;
    top: 0;
    right: 10px;
    width: 25px;
    height: 25px;
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    content: "\f113";
    margin: 14px 0;
    transition: all 500ms ease;
}
#departments-single-area .departments-sidebar .single-sidebar .all-departments li.active:before{
    opacity: 0; 
    transition: all 500ms ease;
}
#departments-single-area .departments-sidebar .single-sidebar .all-departments li:hover:before{
    opacity: 0;  
    transition: all 500ms ease;
}
#departments-single-area .departments-sidebar .single-sidebar .all-departments li.active:after,
#departments-single-area .departments-sidebar .single-sidebar .all-departments li:hover:after{
    position: absolute;
    top: 0;
    right: 10px;
    width: 25px;
    height: 25px;
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    content: "\f112";
    margin: 14px 0;
    color: #0392ce;
    transition: all 500ms ease;
}
#departments-single-area .departments-sidebar .single-sidebar .all-departments li a {
    color: #848484;
    font-size: 18px;
    font-weight: 300;
    border-bottom: 1px solid #f0f0f0;
    display: block;
    padding: 14px 20px 12px;
    transition: all 500ms ease;
}
#departments-single-area .departments-sidebar .single-sidebar .all-departments li a:hover,
#departments-single-area .departments-sidebar .single-sidebar .all-departments li.active a{
    background: #fcfcfc;
    color: #0392ce;
    transition: all 500ms ease;
}

#departments-single-area .departments-sidebar .single-sidebar .opening-time{
    overflow: hidden;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;    
}
#departments-single-area .departments-sidebar .single-sidebar .opening-time li{
    position: relative;
    overflow: hidden;
    display: block;  
    color: #848484;
    font-size: 16px;
    font-weight: 300;
    border-bottom: 1px solid #f0f0f0;
    display: block;
    padding: 14px 20px 12px;
    transition: all 500ms ease;
}
#departments-single-area .departments-sidebar .single-sidebar .opening-time li span{
    float: right;
}

#departments-single-area .departments-sidebar .single-sidebar .contact-us {
    border-left: 1px solid #f0f0f0; 
    border-right: 1px solid #f0f0f0;   
}
#departments-single-area .departments-sidebar .single-sidebar .contact-us .contact-info {}
#departments-single-area .departments-sidebar .single-sidebar .contact-us .contact-info li {
    position: relative;
    border-bottom: 1px solid #f4f4f4;
    padding-left: 55px;
    padding-bottom: 10px;
    padding-top: 12px;
}
#departments-single-area .departments-sidebar .single-sidebar .contact-us .contact-info li .icon-holder {
    position: absolute;
    top: 14px;
    left: 15px;
    width: 30px;
    height: 30px;
}
#departments-single-area .departments-sidebar .single-sidebar .contact-us .contact-info li .icon-holder span:before{
    color: #0392ce;
    font-size: 25px;
    line-height: 25px;
}
#departments-single-area .departments-sidebar .single-sidebar .contact-us .contact-info li .text-holder h5{
    color: #848484;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    font-family: 'Hind', sans-serif;
}


#departments-single-area .tab-box{ }
#departments-single-area .tab-menu {
    border: none;
    margin-bottom: 30px;
    margin-top: 20px;
}
#departments-single-area .tab-menu li {
    float: left;
    margin-right: 17px;
    text-align: center;
    margin-bottom: 0;
}
#departments-single-area .tab-menu li a {
    position: relative;
    margin-right: 0px;
    line-height: initial;
    border: none;
    border-radius: 0;
    padding: 0;
}
#departments-single-area .tab-menu li:last-child {
    margin-right: 0px;    
}
#departments-single-area .tab-menu li.active a, 
#departments-single-area .tab-menu.active a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom-color: none;
}
#departments-single-area .tab-menu li a .img-holder .overlay-style-one{
    transition: all 500ms ease;    
}
#departments-single-area .tab-menu li.active a .img-holder .overlay-style-one,
#departments-single-area .tab-menu li:hover a .img-holder .overlay-style-one{
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0;        
}
#departments-single-area .tab-menu li a .img-holder .overlay-style-one .iocn-holder span:before{
    font-size: 25px;
    font-weight: 100;
    color: #ffffff;
}
#departments-single-area .tab-menu li a .img-holder{
    display: block;
    overflow: hidden;
    position: relative;      
}
#departments-single-area .tab-menu a .img-holder img{
    transform: scale(1.1, 1.1);
	transition: all .9s ease;
    width: 100%;    
}
#departments-single-area .tab-menu li:hover a .img-holder img{
    transform: scale(1.2, 1.2);
}


#departments-single-area .text-box {
    overflow: hidden;
    padding-bottom: 40px;
}

#departments-single-area .pricing-box {
    overflow: hidden;
    display: block;
}
#departments-single-area .pricing-box .single-box {
    border: 1px solid #f0f0f0;
}
#departments-single-area .pricing-box .single-box h3 {
    text-align: center;
    padding: 17px 0 15px;
    display: block;
}
#departments-single-area .pricing-box .single-box ul li {
    border-top: 1px solid #f0f0f0;
    display: block;
    padding: 14px 20px 12px;
}

#departments-single-area .service-plan {
    overflow: hidden;
    margin-top: 60px;
}
#departments-single-area .service-plan .single-box {
    margin-bottom: 40px;
    padding-left: 100px;
    position: relative;
}
#departments-single-area .service-plan .single-box .icon-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    border: 1px solid #f3f3f3;
    text-align: center;
    border-radius: 50%;
    display: block;
    transition: all 500ms ease;
}
#departments-single-area .service-plan .single-box:hover .icon-holder{
    background: #0392ce;
    border-color: #0392ce;
}
#departments-single-area .service-plan .single-box .icon-holder span:before {
    color: #0392ce;
    font-size: 30px;
    line-height: 30px;
    display: block;
    padding: 18px 0;
    transition: all 500ms ease;
}
#departments-single-area .service-plan .single-box:hover .icon-holder span:before{
    color: #ffffff;
}
#departments-single-area .service-plan .single-box .text-box {
    padding: 0;
}
#departments-single-area .service-plan .single-box .text-box h3 {
    margin: 0 0 10px;
}
#departments-single-area .service-plan .single-box .text-box p {
    margin: 0;
}
#departments-single-area .team-area.doctor {
    background: #ffffff;
    padding-top: 40px;
    border: none;
    padding-bottom: 0;
}



/*** 
=============================================
    Blog Default Area style
=============================================
***/
.blog-default-area{
    padding-top: 40px;
    padding-bottom: 40px;
}
.blog-default-area .blog-post {}
.blog-default-area .blog-post .single-blog-item{
    margin-bottom: 40px;
}
.blog-default-area .blog-post .post-pagination {
    border-top: 1px solid #f4f4f4;
    padding-top: 40px;
    margin-top: 10px;
}

.blog-default-area .sidebar-wrapper {
    border-left: 1px solid #f4f4f4;
    padding-left: 30px;
    margin-top: -80px;
    padding-top: 80px;
    margin-bottom: -80px;
    padding-bottom: 80px;
}
.sidebar-wrapper {
    position: relative;
    display: block;
    overflow: hidden;
}
.sidebar-wrapper .single-sidebar {
    overflow: hidden;
    margin-bottom: 50px;
    position: relative;
}
.sidebar-wrapper .single-sidebar .sec-title {
    overflow: hidden;
    padding-bottom: 25px;
    margin-top: 0;
}
.sidebar-wrapper .single-sidebar .sec-title h3 {
    color: #222222;
    font-size: 22px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    margin: 0;
}

.sidebar-wrapper .single-sidebar form.search-form {
    position: relative
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"] {
    background: #fff;
    border: 1px solid #f4f4f4;
    color: #ababab;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 50px;
    letter-spacing: 1px;
    padding-left: 15px;
    padding-right: 55px;
    position: relative;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 100%;
}
.sidebar-wrapper .single-sidebar .search-form button {
    background: #0392ce none repeat scroll 0 0;
    color: #fff;
    display: block;
    height: 50px;
    padding: 12px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 50px;
}
.sidebar-wrapper .single-sidebar .search-form button i {
  font-size: 14px
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus {
  border: 1px solid #0392ce;
  background: #fff;
  color: #000;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus + button, 
.sidebar-wrapper .single-sidebar .search-form button:hover {
    background: #037eb1 none repeat scroll 0 0;
    color: #000000;
}


.single-sidebar .categories {
    background: #ffffff;
    display: block;
    border: 1px solid #f5f4f3;
    padding: 24px 30px 24px;
}
.single-sidebar .categories li {
    border-bottom: 1px solid #ededed;
    margin-bottom: 12px;
    padding-bottom: 9px;
}
.single-sidebar .categories li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .categories li a {
    color: #848484;
    transition: all 500ms ease;
    font-size: 16px;
    font-weight: 300;
    position: relative;
}
.single-sidebar .categories li a span{
    float: right;
}
.single-sidebar .categories li a:hover{
    color: #0392ce;    
}

.single-sidebar .popular-post {}
.single-sidebar .popular-post li {
    margin-bottom: 25px;
    padding-left: 70px;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 25px;
}
.single-sidebar .popular-post li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .popular-post li .img-holder {
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 70px;
    height: 70px;
}
.single-sidebar .popular-post li .img-holder img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    width: auto;         
}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a i{
    color: #fff;
    font-size: 16px;
    transition: all 500ms ease;
}
.single-sidebar .popular-post li:hover .img-holder .overlay-style-one{
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0;  
}
.single-sidebar .popular-post li:hover .img-holder img {
    transform: scale(1.1);
}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a:hover i{
    color: #ffffff;
}

.single-sidebar .popular-post li .title-holder {
  padding-left: 20px;
}
.single-sidebar .popular-post li .title-holder a .post-title {
    color: #222222;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    font-weight: 400;
    margin: 0 0 2px;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    top: -5px;
}
.single-sidebar .popular-post li .title-holder a:hover .post-title{
    color: #0392ce;
}
.single-sidebar .popular-post li .title-holder .post-date {
    color: #0392ce;
    display: block;
    transition: all 500ms ease;
    font-weight: 400;
    font-size: 14px;
}

.single-sidebar .follow-us {
    color: #ababab;
    font-size: 14px;
    margin-top: 0px;
}

.single-sidebar .instagram {
    overflow: hidden;
    display: block;
    margin-left: -6px;
    margin-right: -6px;
}
.single-sidebar .instagram li {
    display: inline-block;
    float: left;
    margin: 0 5px 10px;
}
.single-sidebar .instagram li .img-holder {
  overflow: hidden;
  position: relative;
  display: block;
}
.single-sidebar .instagram li .img-holder img {
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single-sidebar .instagram li .img-holder .overlay-style-one .box .content a i{
  color: #fff;
  font-size: 15px;
}
.single-sidebar .instagram li:hover .img-holder .overlay-style-one {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0;  
}
.single-sidebar .instagram li:hover .img-holder img {
    transform: scale(1, 1);
}
.single-sidebar .popular-tag {
    margin-left: -3px;
    margin-right: -3px;
    margin-top: -5px;
}
.single-sidebar .popular-tag li {
    display: inline-block;
    margin: 0 3px 10px;
}
.single-sidebar .popular-tag li a {
    border: 1px solid #f4f4f4;
    color: #888888;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 12px 4px;
    transition: all 500ms ease 0s;
}
.single-sidebar .popular-tag li a:hover{
  background: #0392ce;
  border-color: #0392ce;
  color: #fff;
}



/*** 
=============================================
    Blog Large Area style
=============================================
***/
.blog-large-area{
    padding-top: 80px;
    padding-bottom: 80px;
}
.blog-large-area .blog-post {
    border-right: 1px solid #f4f4f4;
    margin-right: -30px;
    padding-right: 30px;
    margin-top: -80px;
    padding-top: 80px;
    margin-bottom: -80px;
    padding-bottom: 80px;
}
.blog-large-area .single-blog-item {
    margin-bottom: 50px;
}
.blog-large-area .single-blog-item .img-holder img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    width: 100%;  
}
.blog-large-area .single-blog-item .img-holder .overlay-style-one .box .content a span:before {
    width: 45px;
    height: 45px;
    border: 2px solid #ffffff;
    background: #000;
    font-size: 15px;
    line-height: 42px;
    transition: all 500ms ease;
}

.blog-large-area .single-blog-item .text-holder {}
.blog-large-area .single-blog-item .text-holder .blog-title {
    font-size: 24px;
    padding: 0;
    line-height: 30px;
    margin: 25px 0 10px;
}
.blog-large-area .blog-post .post-pagination {}
.blog-large-area .sidebar-wrapper {
    padding-left: 30px;
}



/*** 
=============================================
    Blog Single Area style
=============================================
***/
.blog-single-area {
    padding-top: 80px;
    padding-bottom: 80px;
}
.blog-single-area .blog-post {
    border-right: 1px solid #f4f4f4;
    margin-right: -30px;
    padding-right: 30px;
    margin-top: -80px;
    padding-top: 80px;
    margin-bottom: -80px;
    padding-bottom: 80px;
}
.blog-single-area .sidebar-wrapper {
    padding-left: 30px;
}
.blog-single-area .single-blog-item {
    margin-bottom: 30px;
}
.blog-single-area .sec-title h3 {
    font-size: 25px;
    font-family: 'Poppins', sans-serif;
}
.blog-single-area .single-blog-item .text-holder {}

.blog-single-area .single-blog-item .img-holder img {
  transform: none;
}
.blog-single-area .single-blog-item .text-holder .blog-title {
    font-size: 24px;
    padding: 0;
    margin: 27px 0 11px;
}
.blog-single-area .single-blog-item .text-holder .blog-title:hover{
  color: #222222;
}
.blog-single-area .single-blog-item .text-holder .text {
    border: none;
    padding-bottom: 30px;
}
.blog-single-area .single-blog-item .text-holder .text .top {
    margin: 0 0 15px;
}


.blog-single-area .middle-content-box {
    margin: 0px 0 33px;
    overflow: hidden;
}
.blog-single-area .middle-content-box .img-holder {
  width: 340px;
}
.blog-single-area .middle-content-box .img-holder,
.blog-single-area .middle-content-box .text-holder{
  display: table-cell;
  vertical-align: top;
}
.blog-single-area .middle-content-box .text-holder {
  padding-left: 30px; 
  position: relative;
}
.blog-single-area .middle-content-box .text-holder:before{
  content: "\f10d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #f1f1f1;
  font-size: 24px;
  /* padding-right: ;*/
  position: absolute;
  top: -3px;
  left: 30px;    
}
.blog-single-area .middle-content-box .text-holder {
  padding-left: 30px;
  padding-top: 32px;
  position: relative;
}
.blog-single-area .middle-content-box .text-holder h3 {
  color: #222;
  font-size: 18px;
  font-weight: 500;
  margin: 20px 0 7px;
}
.blog-single-area .middle-content-box .text-holder h5 {
  color: #0392ce;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

.blog-single-area .bottom-content-box {
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 20px;
}

.blog-single-area .tag-social-share-box {
    overflow: hidden;
    padding-bottom: 24px;
    padding-top: 5px;
}
.blog-single-area .tag-social-share-box .social-share {
    overflow: hidden;
    padding: 10px 0;
}
.blog-single-area .tag-social-share-box .social-share h5 {
  color: #222222;
  display: inline-block;
  float: left;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  position: relative;
  top: 7px;
}
.blog-single-area .tag-social-share-box .social-share i {
  padding-left: 10px;
  display: inline-block;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links {
  display: inline-block;
  float: left;
  margin-left: -3px;
  margin-right: -3px;
  padding-left: 20px;
  position: relative;
  top: -6px;
}

.blog-single-area .tag-social-share-box .social-share .social-share-links li {
  display: inline-block;
  margin: 0 3px;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li a i {
  border: 2px solid #f7f7f7;
  border-radius: 50%;
  color: #c1c1c1;
  font-size: 14px;
  height: 40px;
  line-height: 36px;
  padding: 0;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 40px;
  transition: all 500ms ease;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li a:hover i{
  background: #0392ce;
  border-color: #0392ce;
  color: #fff;
}

.blog-single-area .author-box {
  background: #f7f7f7 none repeat scroll 0 0;
  display: block;
  padding: 30px 30px 22px;
  position: relative;
}
.blog-single-area .author-box .img-holder{
  width: 85px;
}
.blog-single-area .author-box .img-holder,
.blog-single-area .author-box .text-holder{
  display: table-cell;
  vertical-align: top;
}
.blog-single-area .author-box .text-holder {
  padding-left: 30px;
}
.blog-single-area .author-box .text-holder h3 {
  color: #222;
  font-size: 20px;
  font-weight: 500;
  margin: -2px 0 14px;
  text-transform: capitalize;
}
.blog-single-area .author-box .text-holder p{}

.blog-single-area .author-box .text-holder .social-link {
  margin-left: -6px;
  margin-right: -6px;
  overflow: hidden;
}
.blog-single-area .author-box .text-holder .social-link li{
  display: inline-block;
  margin: 0 6px;
}
.blog-single-area .author-box .text-holder .social-link li a i{
  color: #9a9a9a;
  font-size: 14px;
  transition: all 500ms ease;
}
.blog-single-area .author-box .text-holder .social-link li a:hover i{
  color: #0392ce;
}

.blog-single-area .comment-box {
    overflow: hidden;
    padding-bottom: 50px;
    padding-top: 60px;
}
.blog-single-area .comment-box .single-comment-box {
  padding-left: 60px;
  position: relative;
  margin-bottom: 30px;
}
.blog-single-area .comment-box .single-comment-box .img-holder {
  left: 0;
  position: absolute;
  top: 0;
}
.blog-single-area .comment-box .single-comment-box .text-holder {
  border: 1px solid #f7f7f7;
  margin-left: 20px;
  padding: 15px 20px 5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top {
  overflow: hidden;
  padding-bottom: 8px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .date h5 {
  color: #222;
  font-size: 16px;
  font-weight: 400;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box {
  position: relative;
  top: -3px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul {
  margin-left: -0.5px;
  margin-right: -0.5px;
  overflow: hidden;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li {
  display: inline-block;
  margin: 0 0.5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li i {
  color: #0392ce;
  font-size: 14px;
}

.blog-single-area .add-comment-box {
  overflow: hidden;
}

.blog-single-area .add-comment-box .add-rating-box {
  padding-bottom: 20px;
}
.blog-single-area .add-comment-box .add-rating-box h4 {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  margin: 0 0 12px;
}
.blog-single-area .add-comment-box .add-rating-box ul {
  
}
.blog-single-area .add-comment-box .add-rating-box ul li {
  border-right: 1px solid #ebebeb;
  display: inline-block;
  line-height: 20px;
  margin-right: 6px;
  padding-right: 10px;
}
.blog-single-area .add-comment-box .add-rating-box ul li:last-child{
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.blog-single-area .add-comment-box .add-rating-box ul li a i{
    color: #d6d6d6;
    font-size: 12px;
}
.blog-single-area .add-comment-box .add-rating-box ul li a:hover i{
    color: #0392ce;
    transition: all 500ms ease;
}

.blog-single-area .add-comment-box #add-comment-form {}
.blog-single-area .add-comment-box #add-comment-form .field-label {
    color: #848484;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 2px;
}
.blog-single-area .add-comment-box #add-comment-form input[type="text"],
.blog-single-area .add-comment-box #add-comment-form input[type="email"],
.blog-single-area .add-comment-box #add-comment-form textarea{
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid transparent;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    padding: 0 15px;
    width: 100%;  
    margin-bottom: 12px;
    transition: all 500ms ease;
}
.blog-single-area .add-comment-box #add-comment-form textarea {
    height: 100px;
    padding: 10px 15px;
    margin-bottom: 30px;
    transition: all 500ms ease;
}
.blog-single-area .add-comment-box #add-comment-form input[type="text"]:focus{
    border-color: #0392ce;    
}
.blog-single-area .add-comment-box #add-comment-form input[type="email"]:focus{
    border-color: #0392ce;    
}
.blog-single-area .add-comment-box #add-comment-form textarea:focus{
    border-color: #0392ce;       
}
.blog-single-area .add-comment-box #add-comment-form button {
    padding: 11px 30px 9px;
}



/*** 
=============================================
    Contact map Area style
=============================================
***/
.contact-map-area{
    position: relative; 
}
#contact-google-map {
    height: 480px;
    width: 100%;
}



/*** 
=============================================
    Shop Area style
=============================================
***/
.shop-area {
    padding-top: 80px;
    padding-bottom: 80px;
}
.shop-area .sidebar-wrapper .single-sidebar .sec-title {
    padding-bottom: 30px;
}
.shop-area .shop-content {
    overflow: hidden;
}
.shop-area .showing-result-shorting {
    overflow: hidden;
    padding-bottom: 20px;
}
.shop-area .showing-result-shorting .showing{}
.shop-area .showing-result-shorting .shorting{ }
.shop-area .showing-result-shorting .showing p {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    margin: 5px 0;
}

.single-product-item{
    background: #fff;
    margin-bottom: 30px;
    transition: all 0.7s ease;
}
.single-product-item:hover{  }
.single-product-item .img-holder {
    display: block;
    overflow: hidden;
    position: relative;
    border: 1px solid #f5f4f3;
}
.single-product-item .img-holder img{
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    width: 100%;      
}
.single-product-item:hover .img-holder img{
    transform: scale(1.1);
}
.single-product-item:hover .img-holder .overlay-style-one{
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0;   
}
.single-product-item .img-holder .overlay-style-one .box .content a {
    display: inline-block;
    width: 170px;
    transition: all 500ms ease;
    background: #ffffff;
    color: #222222;
}
.single-product-item .img-holder .overlay-style-one .box .content a:hover{
    background: #222222;
    color: #ffffff;
}

.single-product-item .title-holder {
    padding: 15px 15px 17px;
    border: 1px solid #f4f4f4;
    border-top: none;
}
.single-product-item .title-holder .top {
    overflow: hidden;
    margin-bottom: 5px;
}
.single-product-item .title-holder .top .product-title{}
.single-product-item .title-holder .top .product-title h5 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 26px;
}
.single-product-item .title-holder .top .review-box{}
.single-product-item .title-holder .top .review-box ul li i{}
.single-product-item .title-holder .product-value h4 {
    color: #0392ce;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
}
.single-product-item .title-holder .product-value h4 del{
    color: #888888;
    font-size: 16px;
}
.shop-area .post-pagination{
    margin-top: 20px;    
}


.single-sidebar .price-ranger{ }
.single-sidebar .price-ranger .ui-widget-content {
    background: #e5e5e5;
    border: none;
    height: 2px;
    position: relative;
}
.single-sidebar .price-ranger .ui-widget-content:before{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #f0f0f0;
    content: "";
}
.single-sidebar .price-ranger .ui-slider-handle {
    background: #0392ce none repeat scroll 0 0;
    border: 2px solid #252525;
    border-radius: 50%;
    height: 10px;
    margin-left: -4px;
    outline: medium none;
    width: 10px;
    cursor: pointer;
}
.single-sidebar .price-ranger .ui-slider-horizontal .ui-slider-handle {
  top: -4px;
}
.single-sidebar .price-ranger .ui-slider .ui-slider-range {
  background: #252525;
}
.single-sidebar .price-ranger #slider-range {
    margin-left: 4px;
    margin-right: 6px;
    margin-top: 0;
}
.single-sidebar .price-ranger .ranger-min-max-block {
    margin-bottom: 0px;
    margin-top: 30px;
    overflow: hidden;
}
.single-sidebar .price-ranger .ranger-min-max-block input {
  display: inline-block;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"] {
    float: left;
    margin-right: 20px;
    padding: 6px 0px 5px;
    text-align: center;
    width: 80px;
    border: none;
    background: #0392ce;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border-radius: 3px;
    transition: all 500ms ease;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"]:hover{
  background: #04a4e7;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="text"] {
    border: medium none;
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    outline: medium none;
    text-align: right;
    width: 40px;
    margin: 6px 0 0;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type='text'].max {}
.single-sidebar .price-ranger .ranger-min-max-block span {
    color: #999999;
    font-weight: 600;
    font-size: 16px;
}

.sidebar-wrapper .single-sidebar .popular-product {}
.sidebar-wrapper .single-sidebar .popular-product li {
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 25px;
    overflow: hidden;
    padding-bottom: 25px;
    padding-left: 70px;
    position: relative;
}
.sidebar-wrapper .single-sidebar .popular-product li:last-child {
    margin-bottom: 0px;
}
.sidebar-wrapper .single-sidebar .popular-product li .img-holder{
    display: block;
    overflow: hidden;
    position: absolute;  
    width: 70px;
    min-height: 70px;
    top: 0;
    left: 0;
}
.sidebar-wrapper .single-sidebar .popular-product li .img-holder img{
    border: 1px solid #f5f4f3;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.sidebar-wrapper .single-sidebar .popular-product li:hover .img-holder img{}
.sidebar-wrapper .single-sidebar .popular-product li .img-holder .overlay-style-one .box .content a i {
    opacity: 0;
    font-size: 16px;
    color: #fff;
    transition: all 500ms ease;
}
.sidebar-wrapper .single-sidebar .popular-product li .img-holder .overlay-style-one .box .content a:hover i{
    color: #000000;    
}
.sidebar-wrapper .single-sidebar .popular-product li:hover .img-holder .overlay-style-one .box .content a i{
    opacity: 1;
}
.sidebar-wrapper .single-sidebar .popular-product li:hover .img-holder .overlay-style-one{
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0;   
}

.sidebar-wrapper .single-sidebar .popular-product li .title-holder {
    padding-left: 20px;  
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder a h4 {
    color: #404040;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 10px;
    transition: all 500ms ease;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder h5 {
    color: #0392ce;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize; 
    font-family: 'Open Sans', sans-serif;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder .review-box {
    line-height: 14px;
    margin: 10px 0 0;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder .review-box li {
    display: inline-block;
    margin: 0 1px;
    position: static;
    padding: 0;
    border: none;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder .review-box li i{
    font-size: 12px;
    color: #0392ce;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder a:hover h4{
    color: #0392ce;
}



/*** 
=============================================
    Checkout Area style
=============================================
***/
.checkout-area {
    padding-bottom: 80px;
    padding-top: 80px;
}
.checkout-area .sec-title {
    padding-bottom: 40px;
}
.checkout-area .sec-title h1 {
    color: #222;
    font-size: 24px;
    text-transform: none;
}
.checkout-area .exisitng-customer {
    background: #f7f7f7;
    display: block;
    padding: 20px 28px 21px;
    position: relative;
    margin-bottom: 20px;
}
.checkout-area .exisitng-customer:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #0392ce;
    content: "";
}
.checkout-area .exisitng-customer h5{
    color: #222222;
    font-size: 16px;
    font-weight: 400;
}
.checkout-area .exisitng-customer h5 a{
    color: #0392ce;
    display: inline-block;
    padding-left: 15px;
}
.checkout-area .coupon {
    background: #f7f7f7;
    display: block;
    padding: 20px 28px 21px;
    position: relative; 
    margin-bottom: 60px;
}
.checkout-area .coupon:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #0392ce;
    content: "";  
}
.checkout-area .coupon h5 {
    color: #222222;
    font-size: 16px;
    font-weight: 400; 
}
.checkout-area .coupon h5 a {
    color: #0392ce;
    display: inline-block;
    padding-left: 15px;  
}

.checkout-area .form form .field-label {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 3px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}
.checkout-area .form form .field-input input[type="text"] {
  border: 2px solid #f4f4f4;
  color: #999999;
  display: block;
  font-size: 14px;
  height: 48px;
  margin-bottom: 23px;
  padding: 0 15px;
  width: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.checkout-area .form form .field-input input[type="text"]:focus{
  border: 2px solid #0392ce;
}
.checkout-area .create-acc .checkbox {
  margin: 7px 0 0;
}
.checkout-area .create-acc .checkbox label {
  color: #0392ce;
  font-weight: 400;
  font-size: 16px;
}
.checkout-area .create-acc .checkbox input {
  margin-top: 6px;
}

.checkout-area .shipping-info input[type="checkbox"] {
  cursor: pointer;
  display: inline-block;
  margin: 0 0 0 25px;
  position: relative;
  top: 0px;
  vertical-align: middle;
}
.checkout-area .form form .field-input textarea {
  border: 2px solid #f4f4f4;
  color: #999;
  display: block;
  font-size: 14px;
  height: 119px;
  padding: 10px 15px;
  width: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.checkout-area .form form .field-input textarea:focus{
  border-color: #0392ce;
}

.checkout-area .bottom {
    padding-top: 60px
}
.checkout-area .table {
    overflow-x: auto;
    position: relative;
    width: 100%;
    margin-bottom: 0;
}
.checkout-area .table .cart-table {
    min-width: auto;
    width: 100%;
}
.checkout-area .table .cart-table .cart-header {
    background: #f7f7f7;
    color: #222222;
    font-size: 16px;
    position: relative;
    text-transform: capitalize;
    width: 100%;
    font-family: 'Poppins', sans-serif;
}
.checkout-area .table .cart-table thead tr th {
    font-weight: 400;
    line-height: 24px;
    min-width: 110px;
    padding: 19px 30px 17px;
}
.checkout-area .table .cart-table thead tr th.product-column {
    padding-left: 30px;
    text-align: left;
}

.checkout-area .table .cart-table tbody tr {
    border-bottom: 1px solid #f7f7f7;
}
.checkout-area .table .cart-table tbody tr td {
    vertical-align: middle
}
.checkout-area .table .cart-table tbody tr td {
    min-width: 110px;
    padding: 25px 20px;
}

.checkout-area .table .cart-table tbody tr .product-column .column-box {
    min-height: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb {
    width: 70px;
    border: 2px solid #f7f7f7;
    padding: 3px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb, 
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
    display: table-cell;
    vertical-align: middle;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
    padding-left: 15px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}

.checkout-area .table .cart-table tbody tr .qty {
    padding-right: 30px;
    width: 130px;
}
.checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
    float: right;
    width: 60px;
}
.checkout-area .table .cart-table tbody tr .qty .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    color: #252525;
    display: block;
    font-size: 18px;
    font-weight: 400;
    height: 34px;
    padding: 6px 0;
    text-align: center;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0;
}
.checkout-area .table .cart-table tbody tr .qty .btn-default {
    background-color: #0392ce;
    border-color: #0374a4;
    color: #fff;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-top: -2px;
}
.checkout-area .table .cart-table tbody tr td.price {
    color: #0374a4;
    font-size: 18px;
    font-weight: 400;
}

.cart-total{}
.cart-total-table {
    border: 2px solid #f7f7f7
}
.cart-total-table li {
    border-bottom: 1px solid #f7f7f7
}
.cart-total-table li:last-child {
    border-bottom: none
}
.cart-total-table li span.col.col-title {
    border-right: 1px solid #f7f7f7;
    color: #222222;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 18px;
    position: relative;
    width: 50%;
    font-family: 'Poppins', sans-serif;
}
.cart-total-table li span.col {
    color: #999999;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 18px;
    position: relative;
    width: 50%;
    font-family: 'Open Sans', sans-serif;
}
.cart-total-table li span.col b {
  color: #0392ce;
  font-weight: 300;
  text-decoration: underline;
}

.cart-total .payment-options {
  background: #f7f7f7 none repeat scroll 0 0;
  margin-top: 30px;
  overflow: hidden;
  padding: 23px 20px 35px;
}
.cart-total .payment-options .option-block {
  margin-bottom: 14px
}

.cart-total .payment-options .option-block .checkbox {
    margin: 0 0 5px;
}
.cart-total .payment-options .option-block .checkbox label {
    font-weight: 700;
    min-height: 20px;
    padding-left: 20px;
}
.cart-total .payment-options .option-block .checkbox label input {
    position: relative;
    top: 1px;
}
.cart-total .payment-options .option-block .checkbox label span {
    color: #222222;
    font-size: 16px;
    padding-left: 10px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.cart-total .payment-options .option-block .checkbox label span b {
  color: #0392ce;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  padding-left: 25px;
  text-decoration: underline;
}
.cart-total .payment-options .option-block .text{
  padding-left: 30px;
}
.cart-total .payment-options .option-block .text p {
  margin: 0;
  line-height: 28px;
}
.placeorder-button button {
    padding: 11px 40px 9px;
    margin-top: 20px;
}



/*** 
=============================================
    Login Register Area style
=============================================
***/
.login-register-area {
    padding-bottom: 80px;
    padding-top: 80px;
}
.login-register-area .form .sec-title {
    padding-bottom: 40px;
}
.login-register-area .form .sec-title h1 {
    font-size: 24px;
    text-transform: none;
    margin: 0 0 14px;
}
.login-register-area .form .input-field {
    position: relative;
}
.login-register-area .form .input-field input[type="text"] {
    border: 2px solid #f4f4f4;
    color: #777;
    font-size: 15px;
    height: 50px;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 50px;
    width: 100%;
    transition: all 700ms ease 0s;
}
.login-register-area .form .input-field input[type="password"] {
    border: 2px solid #f4f4f4;
    color: #777;
    font-size: 15px;
    height: 50px;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 50px;
    width: 100%;
    transition: all 700ms ease 0s;
}
.login-register-area .form .input-field .icon-holder {
    position: absolute;
    right: 20px;
    top: 11px;
}
.login-register-area .form .input-field .icon-holder i {
    color: #777;
    font-size: 14px;
    font-weight: 400;
}
.login-register-area .form button {
    margin-top: 10px;
    padding: 11px 45px 9px;
}
.login-register-area .form .remember-text {
    margin-top: 19px;
}
.login-register-area .form .remember-text .checkbox label {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.login-register-area .form .remember-text .checkbox input {
    margin-top: 5px;
}

.login-register-area .form .social-icon {
    float: right;
    margin-right: -8px;
    margin-top: 15px;
    position: relative;
}
.login-register-area .form .social-icon .login-with {
    display: inline-block;
    left: -100px;
    position: absolute;
    top: 8px;
}
.login-register-area .form .social-icon li {
    display: inline-block;
    margin: 0 8px;
}
.login-register-area .form .social-icon li a i {
    background: #3b5998 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 100;
    height: 40px;
    line-height: 24px;
    padding: 8px 0;
    text-align: center;
    transition: all 700ms ease 0s;
    width: 40px;
}
.login-register-area .form .social-icon li a i.twitter {
    background: #33ccfe none repeat scroll 0 0;
}
.login-register-area .form .social-icon li a i.gplus {
    background: #dd4b39 none repeat scroll 0 0;
}
.login-register-area .form a.forgot-password {
    color: #0392ce;
    float: right;
    font-weight: 700;
    margin: 20px 0 0;
    font-family: 'Open Sans', sans-serif;
}
.login-register-area .form h6 {
    color: #848484;
    float: left;
    font-size: 14px;
    font-family: 'Hind', sans-serif;
    padding-left: 10px;
    overflow: hidden;
    margin-left: -40px;
    margin-top: 28px;
}
.login-register-area .form .input-field input[type="text"]:focus{
    border: 2px solid #0392ce;    
}
.login-register-area .form .social-icon li a:hover i{
    background: #18387b;   
}
.login-register-area .form .social-icon li a:hover i.twitter{
    background: #12addf;    
}
.login-register-area .form .social-icon li a:hover i.gplus{
    background: #c62d1a;
}



/*** 
=============================================
   Cart area  style
=============================================
***/
.cart-area {
  padding-bottom: 80px;
  padding-top: 80px;
}
.cart-area .sec-title{
    padding-bottom: 32px;
}
.cart-area .sec-title h1{
    font-size: 24px;
    margin: 0;
}
.cart-area .table-outer {
  overflow-x: auto;
  position: relative;
  width: 100%;
}
.cart-area .cart-table {
  min-width: 1024px;
  width: 100%;
}
.cart-area .cart-table .cart-header {
  background: #f7f7f7;
  color: #222222;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  position: relative;
  text-transform: capitalize;
  width: 100%;
}
.cart-area .cart-table thead tr th {
  font-weight: 400;
  line-height: 24px;
  min-width: 110px;
  padding: 20px 25px;
}
.cart-area .cart-table thead tr th.prod-column {
  padding-left: 30px;
  text-align: left;
}
.cart-area .cart-table thead tr th.availability {
  padding: 0 40px
}


.cart-area .cart-table tbody tr {
    border-bottom: 1px solid #f7f7f7;
}
.cart-area .cart-table tbody tr td {
    color: #999999;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    min-width: 100px;
    padding: 27.5px 25px;
}
.cart-area .cart-table tbody tr .prod-column .column-box {
    min-height: 70px;
    position: relative;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb {
    width: 70px;
    border: 2px solid #f7f7f7;
    padding: 3px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb, 
.cart-area .cart-table tbody tr .prod-column .column-box .title{
    display: table-cell;
    vertical-align: middle;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title{
    padding-left: 20px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title h3 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;    
}

.cart-area .cart-table tbody tr .qty {
    padding-right: 25px;
    width: 120px;
}
.cart-area .cart-table tbody tr .qty .input-group.bootstrap-touchspin {}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0;
    margin-left: 0;
    padding: 11px;
}
.cart-area .cart-table tbody tr .qty .btn-default {
    background-color: #e0dcdc;
    border-color: #ababab;
    color: #fff;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-left: 0;
    margin-top: -1px;
    padding: 10px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical i {
    font-size: 9px;
    left: 6px;
    top: 6px;
}
.cart-area .cart-table tbody tr td.unit-price {
    padding-left: 40px;
    padding-right: 20px;
}
.cart-area .cart-table tbody .available-info {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-left: 50px;
    position: relative;
}
.cart-area .cart-table tbody .available-info .icon {
    background: #0392ce none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    font-size: 18px;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 40px;
}
.cart-area .cart-table tbody tr td.price {
    color: #999999;
    font-size: 18px;
    font-weight: 400;
}
.cart-area .cart-table tbody tr .sub-total {
    color: #0392ce;
    font-weight: 400;
    font-size: 18px;
}
.cart-area .cart-table tbody tr td .remove{ }
.cart-area .cart-table tbody tr td .remove .checkbox label {
    color: #777;
    font-size: 16px;
    font-weight: 400;
}
.cart-area .cart-table tbody tr td .remove .checkbox label input[type="checkbox"] {
    display: inline-block;
    position: relative;
    top: 1px;
}


.cart-middle {
    padding-top: 30px
}
.cart-middle .apply-coupon {
    padding-left: 245px;
    position: relative;
}
.cart-middle .apply-coupon input[type="text"] {
    border: 2px solid #f7f7f7;
    color: #777;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    left: 0;
    padding: 0 15px;
    position: absolute;
    text-transform: capitalize;
    top: 0;
    transition: all 500ms ease 0s;
    width: 225px;
}
.cart-middle .apply-coupon input[type="text"]:focus {
    border: 2px solid #0392ce;
}
.cart-middle .apply-coupon .apply-coupon-button button {
    padding: 11px 45px 9px;
}
.cart-middle .update-cart button {
    padding: 11px 35px 9px;
    background: #f7f7f7;
    color: #222222;
    border-color: #f7f7f7;
}
.cart-middle .update-cart button:hover{
    background: #0392ce;
    color: #fff;
}

.cart-bottom {
    overflow: hidden;
    padding-top: 76px;
}
.cart-bottom .calculate-shipping {}
.cart-bottom .calculate-shipping .ui-state-default .ui-icon {}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
    border-left: 2px solid #f7f7f7;
    display: block;
    float: right;
    height: 41px;
    text-indent: 0;
    top: 8px;
    width: 45px;
    position: absolute;
    right: 0;
    display: block;
    background-image: none;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon::before {
    color: #ababae;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    overflow: visible;
    position: absolute;
    right: 14px;
    top: 8px;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    line-height: 18px;
    overflow: hidden;
    padding: 12px 17px;
    text-align: left;
}
.cart-bottom .calculate-shipping input[type="text"] {
    border: 2px solid #f7f7f7;
    color: #777;
    display: block;
    font-size: 14px;
    height: 45px;
    padding: 0 18px;
    width: 100%;
    font-weight: 400;
    margin-bottom: 30px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.cart-bottom .calculate-shipping input[type="text"]:focus {
    border: 2px solid #0392ce;
}
.cart-bottom .calculate-shipping button {
    padding: 11px 40px 9px;
    background: #f7f7f7;
    border-color: #f7f7f7;
    color: #222222;
}
.cart-bottom button.checkout-btn{
    padding: 11px 35px 9px;
    margin-top: 30px;
    float: right;
}



/*** 
=============================================
   Single Shop Area style
=============================================
***/
.single-shop-area{
    padding-top: 80px;
    padding-bottom: 40px;
}
.single-shop-content .img-holder {
    margin-right: 50px;
}
.single-shop-content .img-holder img {
    border: 1px solid #f5f4f3;
}
.single-shop-content .content-box {
    margin-left: -50px;
}
.single-shop-content .content-box h3 {
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 8px;
    text-transform: capitalize;
}
.single-shop-content .content-box .review-box {
    margin: 0 0 15px;
}
.single-shop-content .content-box .review-box ul {}
.single-shop-content .content-box .review-box ul li {}
.single-shop-content .content-box .review-box ul li i {
    color: #0392ce;
    font-size: 15px;
}
.single-shop-content .content-box span.price {
    color: #0392ce;
    font-size: 22px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.single-shop-content .content-box .text {
    overflow: hidden;
    padding: 25px 0 9px;
}
.single-shop-content .content-box .location-box {
  margin: 4px 0 20px;
}
.single-shop-content .content-box .location-box p {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 12px;
}
.single-shop-content .content-box .location-box form input {
    border: 2px solid #f7f7f7;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    width: 170px;
    transition: all 500ms ease;
    margin: 0 0 15px;
}
.single-shop-content .content-box .location-box form input:focus{
    border-color: #0392ce;
}
.single-shop-content .content-box .location-box form button {
    background: #f7f7f7 none repeat scroll 0 0;
    border: medium none;
    color: #252525;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    margin-left: 6px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
    width: 95px;
    position: relative;
    top: 0px;
    padding-top: 2px;
}
.single-shop-content .content-box .location-box form button:hover{
  background: #0392ce;
  color: #fff;
}
.single-shop-content .content-box .location-box form span {
  color: #0392ce;
}

.single-shop-content .content-box .addto-cart-box {}
.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {
  float: left;
  width: 70px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0;
  margin-top: -2px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  margin-left: -1px;
  max-width: 100%;
  padding: 12px 12px;
  position: relative;
  width: 100%;
}
.single-shop-content .content-box .addto-cart-box .btn-default {
  background-color: #efefef;
  border-color: #efefef;
  color: #9e9e9e;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical i {
  color: #9e9e9e;
  font-weight: normal;
  left: 8px;
  position: absolute;
  top: 7px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart {
    margin-left: 95px;
    padding: 11px 30px 9px;
}


.product-tab-box {
  border: 1px solid #ececec;
  border-top: none;
  border-right: none;
  border-left: none;
  overflow: hidden; 
  margin-top: 80px;
}
.product-tab-box .tab-menu {
  border-bottom: 1px solid #ececec;
  margin-bottom: 30px;
}
.product-tab-box .tab-menu li {
  display: inline-block;
  float: left;
  margin-bottom: -1px;
  margin-right: 3px;
}
.product-tab-box .tab-menu li a {
  background: #f7f7f7;
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  display: block;
  margin-right: 1px;
  padding: 15px 30px 13px;
  color: #222222;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  background: #f7f7f7;
  transition: all 500ms ease;
}
.product-tab-box .tab-menu li.active a, 
.product-tab-box .tab-menu li:hover a{
    background: #ffffff;
    color: #0392ce;
    border-left-color: #ececec;
    border-top-color: #ececec;
    border-right-color: #ececec;
}

.product-tab-box .tab-content {
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    margin-top: -30px;
    padding: 30px 30px 40px;
}
.product-tab-box .tab-content .review-box {
  
}
.product-tab-box .tab-content .review-box .title {
    margin-top: 3px;
    padding-bottom: 25px;
}
.product-tab-box .tab-content .review-box .title h3 {
    color: #3d3d3d;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box {
    margin-bottom: 30px;
    padding-left: 60px;
    position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .img-holder {
    left: 0;
    position: absolute;
    top: 0;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder {
    border: 1px solid #ececec;
    margin-left: 20px;
    padding: 17px 20px 12px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top {
    margin: 0 0 10px;
    overflow: hidden;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .name h4 {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul {
    margin-top: -2px;
    padding-left: 0px;
    position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li {
    display: inline-block;
    margin-right: 1px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li i {
    color: #0392ce;
    font-size: 14px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .text p {
    margin: 0;
}


.product-tab-box .tab-content .review-form .title{
    
}
.product-tab-box .tab-content .review-form .title h3 {
    margin: 0 0 15px;
}
.product-tab-box .tab-content .review-form .add-rating-box {
    margin: 0 0 20px;
}
.product-tab-box .tab-content .review-form .add-rating-box .add-rating-title h4 {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px;
    text-transform: none;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li {
    border-right: 1px solid #ebebeb;
    display: inline-block;
    line-height: 20px;
    margin-right: 10px;
    padding-right: 10px;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li:last-child{
    margin-right: 0px;
    padding-right: 0px;
    border-right: 0px solid #ebebeb;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li a i {
    color: #d6d6d6;
    font-size: 12px;
    line-height: 20px;
    margin-right: 1px;
    opacity: 0.9;
    transition: all 500ms ease 0s;
}

.product-tab-box .tab-content .review-form form .field-label p {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 3px;
}
.product-tab-box .tab-content .review-form form input[type="text"], 
.product-tab-box .tab-content .review-form form input[type="email"], 
.product-tab-box .tab-content .review-form form textarea {
    background: #fff;
    height: 50px;
    width: 100%;
    border: 1px solid #ececec;
    color: #252525;
    font-size: 14px;
    padding: 0 15px;
    margin-bottom: 20px;
    transition: all 500ms ease;
}
.product-tab-box .tab-content .review-form form textarea {
    height: 110px;
    padding: 10px 15px;
    margin-bottom: 25px;
}
.product-tab-box .tab-content .review-form form button {
    padding: 11px 35px 9px;
}
.product-tab-box .tab-content .review-form form button:hover{}
.product-tab-box .tab-content .review-form .add-rating-box ul li:hover a i{
    opacity: 1;
    color: #0392ce;
}
.product-tab-box .tab-content .review-form form input[type="text"]:focus{
    border-color: #0392ce;
}
.product-tab-box .tab-content .review-form form input[type="email"]:focus{
    border-color: #0392ce;
}
.product-tab-box .tab-content .review-form form textarea:focus{
    border-color: #0392ce;  
}
.related-product {
  padding-top: 70px;
}
.related-product .sec-title {
  padding-bottom: 40px;
}
.related-product .single-product-item {}

.single-shop-area .sidebar-wrapper .single-sidebar .sec-title {
    overflow: hidden;
    padding-bottom: 30px;
}


/*** 
=============================================
   DatePicker  style
=============================================
***/

.ui-datepicker-calendar .ui-state-default{
    border: 1px solid #d3d3d3;
    background: none;
    font-weight: 400;
    color: #252525;
    background-color: #ffffff;
    text-align: center;
    display: block;
    font-size: 14px;
    border-radius: 0px;
}
input#datepicker {
    cursor: pointer;
}
#ui-datepicker-div.ui-widget-content {
  border: 1px solid #c5c5c5;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #777;
  color: #252525;
  font-family: "Poppins",sans-serif;
  font-size: 14px;
  border-radius: 0px;
  width: 270px;
  padding: 5px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
  background: #43c3ea none repeat scroll 0 0;
  border: 2px solid #252525;
  border-radius: 0;
  color: #fff;
  font-weight: 700;
  padding: 5px 0;
  position: relative;
}
.ui-datepicker .ui-datepicker-prev {
  left: 5px;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
  border-radius: 30%;
  height: 20px;
  position: absolute;
  top: 7px;
  width: 20px;
  transition: all 500ms ease;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-next {
  right: 5px;
}
.ui-datepicker .ui-datepicker-prev:hover, 
.ui-datepicker .ui-datepicker-next:hover {
  top: 7px;
  background: #fff;
  border: none;
}

.ui-datepicker table {
  border-collapse: collapse;
  font-size: 13px;
  margin: 0 0 0.4em;
  width: 100%;
}
.ui-datepicker th {
  border: medium none;
  font-weight: 600;
  padding: 2px 3px;
  text-align: center;
  border: 1px solid #ddd;
}


.ui-datepicker-calendar .ui-state-default:hover,
.ui-datepicker-calendar .ui-state-default:active{
  background: #43c3ea;
  color: #fff;
  border-color: #43c3ea;
}




/*** 
=============================================
   Time table Area style
=============================================
***/
.time-table-area {
    padding-top: 80px;
    padding-bottom: 80px;
}
.time-table-area .pd-bottom {
    padding-bottom: 21px;
    overflow: hidden;
}
.time-table-area .input-box {
    position: relative;
}
.time-table-area .input-box input[type="text"] {
    width: 100%;
    border: 1px solid #ececec;
    background: #ffffff;
    color: #848484;
    height: 50px;
    display: block;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Hind', sans-serif;
    transition: all 500ms ease;
}
.time-table-area .input-box .icon-box {
    position: absolute;
    top: 13px;
    right: 15px;
}
.time-table-area .input-box .icon-box i{
    color: #848484;
    font-size: 16px;
}

.table-responsive {
    overflow-x: auto;
    position: relative;
    width: 100%;
}

.time-table {
    min-width: 1024px;
    width: 100%;
}
.time-table thead {
    background: #fcfcfc;
    font-family: 'Poppins', sans-serif;
    position: relative;
    text-transform: capitalize;
    width: 100%;
}
.time-table thead tr{
    border: 1px solid #f0f0f0;    
}
.time-table thead tr th {
    color: #222222;
    font-weight: 600;
    line-height: 24px;
    min-width: 110px;
    padding: 20px 15px;
    font-size: 16px;
    text-align: center;
}


.time-table tbody{}
.time-table tbody tr{}
.time-table tbody tr td {
    border: 1px solid #f0f0f0;
    background: #fff;
    padding: 30px 15px;
    text-align: center;
}

.time-table tbody .bgclr-1 {
    background: #0392ce;
    border: none;
    color: #ffffff;
    transition: all 500ms ease;
}
.time-table tbody .bgclr-1:hover{
    background: #0284bb;
}
.time-table tbody .bgclr-2{
    background: #1abc9c;  
    transition: all 500ms ease;
}
.time-table tbody .bgclr-2:hover{
    background: #09a284;    
}
.time-table tbody .bgclr-3{
    background: #a569bd; 
    transition: all 500ms ease;
}
.time-table tbody .bgclr-3:hover{
    background: #8938aa;     
}
.time-table tbody .bgclr-4{
    background: #e9940e; 
    transition: all 500ms ease;
}
.time-table tbody .bgclr-4:hover{
    background: #d28307;     
}

.time-table tbody .white{
    background: #ffffff;    
}
.time-table tbody .time{
    background: #fcfcfc;    
}


.time-table tbody tr .single-box .inner-content{ }
.time-table tbody tr .single-box.time .inner-content span {
    color: #848484;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
}
.time-table tbody tr .single-box.time .inner-content p {
    color: #848484;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    margin: 0;
    text-transform: capitalize;
    text-decoration: none;
}

.time-table tbody tr .single-box .inner-content h5 {
    color: #fcfcfc;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 0 0 5px;
}
.time-table tbody tr .single-box .inner-content span{
    color: #fcfcfc;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Hind', sans-serif;
}
.time-table tbody tr .single-box .inner-content p {
    color: #fcfcfc;
    font-size: 16px;
    font-weight: 300;
    text-decoration: underline;
    font-family: 'Hind', sans-serif;
    margin: 5px 0 5px;
}
.time-table tbody tr .single-box .inner-content .level{
    color: #fcfcfc;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 0 0 3px;        
}
.time-table tbody tr .single-box .inner-content .level span{
    font-weight: 300;
}