﻿/*----------------------------------------------------

 1.  Variables
 2.  Prefix
 3.  Header
 4.  Banners
 5.  Features
 6.  Services
 7.  Footer
 8.  404
 9.  Page Cover
 10. Checkout
 11. Contact
 12. Packages
 13. About
 14. Sidebar
 15. Blog
 16. Case
 18. Successive Processes 
 19. Marketing App
 20. Tweets
 21. Slider
----------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");


body {
	margin:0 auto;
	padding:0px 0px 0px 0px;
	color:#000;
	font-size:16px;
	font-family: "Roboto", sans-serif;
	line-height:26px;
}

.navbar-collapse.show {
    display: block!important;
}


/*Section Fix*/
section.row,
header.row,
footer.row {
  margin: 0;
  position: relative;
}
a
{
	color:#363636;
	margin:0 auto;
	padding:0;
}
a:hover
{
	color:#3498db;
	text-decoration:none;
}
p 
{
    color: #838b8c;
    font-size: 14px;
    line-height: 1.85;
}
span.blue
{
	color:#3498db
}
p.italic
{
	font-style:italic;
	color:#3498db;
}
/***********Common Css ************/
.space10
{
	height:10px; 
	width:100%;
}
.space20
{
	height:20px; 
	width:100%;
}
.space30
{
	height:30px; 
	width:100%;
}

a.readmore 
{
    color: #3498db;
    font-weight: 600;
	font-size:14px;
}
a.readmore:hover
{
	color:#0356a4;
	text-decoration:none;
}

.title{

    color: #343a3b;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.title-text {
    color: #343a3b;
    font-size: 20px;
    text-align: left;
    font-family: "Roboto", sans-serif;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.title-value {
    color: #343a3b;
    font-size: 24px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    margin: 45px 0px 15px 0px;
    text-transform: uppercase;
}
.title-text2 {
    font-size: 19px;
    color: black;
    text-align: left;
    display: block;
    padding: 0px 5px 0px 25px;
    line-height: 21px;
}
/***********Top Bar************/
.top-header
{
    background: linear-gradient(30deg,#87FFDD 0%,#3451ED 100%);
    color: #fff;
    padding: 100px 0;
	
}
.top-header-one
{
    background: linear-gradient(10deg, #ea334d 100%, #ff8da7 100%);
    color: #fff;
    padding: 10px 0;

}
.top-header a {
    color: #fff;
    font-weight: bold;
    padding: 10px;
}
.top-header a:hover {
    color: #fff;
	
	
}

/* ===================================
    Navbar
====================================== */

hr {
    border-color: #ddd
}
.spacer
{
    position: relative;
    display: block;
    margin: 40px 0
}
section 
{
    padding: 50px 0
}
section.parallax-section {
    padding: 0
}
.parallax-section {
    position: relative
}
.parallax-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top-center;
    background-attachment: fixed;
    z-index: 32
}
.parallax-inner {
    position: relative;
    padding: 60px 0;
    z-index: 33
}

.logo a
{    font-size: 23px;
    font-weight: 900;
	}

.navbar-default 
{
    background: #fff;
    border: 0px;
    margin: 0px;
    position: relative;
	padding:5px 0px;
	
}
.navbar-brand {
    text-shadow: rgba(54, 54, 54, 0.3); 
    float: left;
    height: auto;
    padding: 5px 0;
    font-size: 18px;
    line-height: 1px;
	
	
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #3498db;
    background: rgba(54, 54, 54, 0.3);
    font-weight: 600;
    padding: 12px;
    box-shadow: 0 0;
    border: 0;
    text-transform: uppercase;
    line-height: 42px;
	
}
.navbar-default .navbar-nav>li>a {
    color: #363636;
    font-weight: 600;
    padding: 12px;
    box-shadow: 0 0;
    border: 3px grey;
    text-transform: uppercase;
    line-height: 42px;
	
}
.navbar-default .navbar-nav>li>a:hover
{   color: white;
    background-color: #3398db;
    font-weight: 600;
    padding: 12px;
    box-shadow: 0 0;
    border: 0;
    text-transform: uppercase;
    line-height: 42px;}
.top-search {
  width: 250px;
  padding: 10px 15px;
}
.dropdown-menu {
    min-width: 190px;
    border: 0px;
	
}


ul.dropdown-menu li a
{
	font-weight:600;
	color:#363636;
	padding:10px 10px;
	

}
/*------------------------------Home Master Slider--------------------------------*/

h3.medical-head
{
	
    font-size: 40px; 
    text-transform: uppercase;
    font-weight: 100;
    color: #fff;
	letter-spacing:2px;
/*	background:rgba(52, 152, 219, .5);*/
	padding:5px;
	line-height:normal;
	top: 340px;
	left:100px;
}
h3.medical-head1{
    font-size: 50px ; 
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
	top:410px;left:100px;
}
p.medical-para
{
	font-size:24px;
	top:485px; 
	left:100px;
	line-height:32px !important;
}
.medical-btn1 
{
       color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    background-color: #3498db;
    padding: 15px 30px;
    text-decoration: none;
	border:0px;
	left: 100px; top:570px;
}
.medical-btn2
{
     color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    background-color: #3498db;
    padding: 15px 30px;
    text-decoration: none;
	left: 340px; 
	top:570px;
}


.medical-btn1:hover , .medical-btn2:hover
{
      background: #363636;
    color: #fff;
}


div#masterslider {
    color: #fff;
}
a.ms-layer.medical-btn2.active {
    background: #363636;
    color: #fff;
}

/********************* Home Appointment ***************************/
.home-banner
{   
	background: url(../images/bg/counter-bg.jpg) no-repeat;
    padding: 200px 0px;
    margin-top: 0px;
    background-size: cover;
}

.home-appointment
{
	background:rgba(52, 152, 219, 0.7);
	padding:20px 0;
	border-radius:5px;
}

.home-appointment input.form-control
{

    background: transparent;
    margin-bottom: 10px;

}
.home-appointment input.form-control:focus
{

    background: transparent;
    margin-bottom: 10px;

}
.home-appointment textarea.form-control
{

    background: transparent;
    margin-bottom: 10px;
}
h1.banner-title
{
       color: #fff;
    text-transform: uppercase;
    font-size: 27px;
    font-weight: 100;
    letter-spacing: 1px;
    /* font-style: oblique; */
    background: rgba(52, 152, 219, 1);
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    max-width: 81%;
}
h2.banner-title1
{
	    color: #fff;
    text-transform: uppercase;
    font-size: 34px;
    font-weight: 600;
    letter-spacing: 1px;
}
.home-banner p {
    color: #fff;
    font-size: 18px;
}
.home-appointment h2
{
       color: #fff;
    padding: 15px 18px;
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 auto;
}
input.btn-appointment {
    background: transparent;
    color: #fff;
    border: 1px solid;
    /padding: 5px 10px;
    border-radius: 5px;
}
input.btn-appointment:hover
{
	background:#363636;
	border: 1px solid #363636;
}

.btn-readmore {
    background: rgba(52, 152, 219, 0.0);
    padding: 20px 0;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    border: none;
    border: 2px solid #fff;
    font-weight: 600;
    font-size: 16px;
    margin-top: 10px;
}


/*---------------------------- Home Video ------------------------------------*/
.video-section 
{
	width: 100%;
    height: 100%;
    position: relative;
    display: table;
    overflow: hidden;
    padding-top: 290px;
    padding-bottom: 346px;
	color:#fff;	
}

.video-section1
{
	padding:50px 0;
}
.video-section .overlay {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.video-section .video-overlay {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    z-index: 2;

}
.btn-slider {
    border: 2px solid #fff;
    border-radius: 0;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
}

h2.hero-heading{
    font-size: 60px;
    text-align: center;
    font-weight: 100;
}
p.hero-text-mini
{

    font-size: 24px;
    margin-bottom: 40px;
    margin-top: 16px;
}
a.btn-view-more
{
	background:transparent;
	border:2px solid #3498db;
	color:#fff;
	padding:10px 20px;
	font-size:20px;
}
a.btn-view-more:hover
{
	background:#3498db;
}
.demo iframe
{
	width:100%;
	margin-bottom:30px;
}

/*---------------------------- Footer ------------------------------------*/
section.footer 
{
	padding: 50px 0;
    background: #313137;
	color:#ffffff;
	font-size:14px;
	line-height:27px;
}
footer 
{
	padding: 50px 0;
    background: #313137;
	color:#ffffff;
	font-size:14px;
	line-height:27px;
}

.footer p
{
	color:#ffffff;
}

.footer h4
{
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
}
footer h4
{
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
}
.footer-social ul
{
	margin:0 auto;
	padding:0;
}
.footer-social ul li
{
	list-style:none;
	display:inline;
	margin-right: 5px;
}
.footer-social ul li a i.fa-facebook
{
    background: transparent;
    color: #fff;
    padding: 8px 12px;
    border-radius: 50%;
    font-size: 20px;
    border: 2px solid #fff;
}
.footer-social ul li a i.fa-facebook:hover
{
    background: rgba(1, 134, 213, 1);
    color: #fff;
    padding: 8px 12px;
    border-radius: 50%;
    font-size: 20px;
    border:2px solid rgba(1, 134, 213, 1) ;
}
.footer-social ul li a i 
{
    background: transparent;
    color: #fff;
    padding: 9px 10px;
    border-radius: 50%;
    font-size: 20px;
    border: 2px solid;
}
.footer-social ul li a i:hover 
{
    background: rgba(1, 134, 213, 1);
    color: #fff;
    padding: 9px 10px;
    border-radius: 50%;
    font-size: 20px;
    border: 2px solid rgba(1, 134, 213, 1) ;
}
.tweet i {
    float: left;
    font-size: 20px;
    margin-top: 11px;
}
.tweet p {
    padding: 3px 0 0 30px;
    margin-bottom: 10px;
}
.tweet p a {

	color:#3498db;
}
.tweet p a:hover {

	color:#fff;
}
ul.footer-menu
{
	margin:0 auto;
	padding:0px;
}
ul.footer-menu li
{
	margin:0 auto;
	padding:0px;
	list-style:none;
}
ul.footer-menu li a
{
	color:#fff;
} 
ul.footer-menu li a:hover
{
	color:#3498db;
} 

/*------------------------------- Footer Copyright---------------------------------*/
.copyright_info {
    float: left;
    padding: 20px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    background: #3c3c41;
    border-top: 1px solid #424247;
}
.copyright_info a
{
	color:#fff;
}
.copyright_info a:hover
{
	color:#3498db;
	text-decoration:none;
}
/*------------------------------- Home Service Box---------------------------------*/

section.home-services
 {
    padding: 50px 0;
}

h1.title1 
{
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}
/*
.ser-box
{
	background:#3498db;
	padding:20px 10px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	margin-bottom:30px;
}
*/
.ser-icon
{
	text-align:center;
	margin-bottom:20px;
}

.ser-icon-2 {
    width: 150px;
    margin-bottom:20px;
    text-align:center;
}
.ser-icon i {
    color: #363636;
    font-size: 28px;
    margin: 0 auto;
    padding: 10px 10px;
    border: 1px solid #363636;
	border-radius: 5px;
}


.ser-icon1 i {
    color: #363636;
    font-size: 40px;
    margin: 0 auto;
    padding: 20px 20px;
    border: 1px solid #363636;
    border-radius: 40px;
}
.ser-icon1  i.fa.fa-stethoscope
{
    padding: 20px 24px;
}
.ser-icon1 i:hover {
    color: #fff;
    font-size: 40px;
    margin: 0 auto;
    padding: 20px 20px;
    border: 1px solid #3498db;
	border-radius: 40px;
	background:#3498db;
}
.ser-icon i:hover {
    color: #fff;
    font-size: 28px;
    margin: 0 auto;
    padding: 10px 10px;
    border: 1px solid #3498db;
	border-radius: 5px;
	background:#3498db;
}
/*h4.title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 15px 0;
    padding-bottom: 10px;
}*/
/*.ser-box1
{
	background:#66ccff;
}*/
.ser-box1
{
    text-align: center;
    border: 1px solid #eee;
    padding: 10px 10px;
    margin-bottom: 20px;
}



.btnmedic {
    display: inline-block;
    padding: 15px 35px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    cursor: pointer;
    border-radius: 0;
    background: transparent;
    border: 2px solid #363636;
}
.btnmedic:hover
{  display: inline-block;
    padding: 15px 35px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    cursor: pointer;
    border-radius: 0;
    background: transparent;
    border: 2px solid #3498db;
	color:#fff;
	background:#3498db;
}
.services
{
	padding:50px 0px;
}
.ser-box {
    background: rgba(52, 152, 219, 0.5);
   background:transparent;
    padding: 30px 10px;
    margin: 0 auto;
    text-align: center;
    color: #363636;
    border: 1px solid rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 1px 0px;
	margin-bottom:30px;
    box-shadow: 0px 16px 78px -26px #000000;

}
.ser-box:hover{
    background-image: linear-gradient(135deg, #723362, #9d223c);
    background-color: #74b8fd;
    border-color: #723362;
    border-radius: 5px;
}

.ser-box:hover h4{
    color: #ffffff;
}
.ser-box:hover p{
    color: #ffffff;
}

/*.ser-box h4.title, .team h4.title, .news-desc h4.title{
      text-transform: capitalize;
    font-size: 16px;
    font-weight: 700;
    color: #363636;
    padding: 0;
    padding-bottom: 0;
    margin: 10px auto;
    margin-top: 15px;
    margin-bottom: 10px;
}


*/
.space30
{
	height:30px; 
	width:100%;
}

.service-box
{
   border-right: 1px solid #eee;
    text-align: center;
    padding: 50px 30px;
}.service-box1
{
   border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    text-align: center;
   padding: 50px 30px;
}
.service-icon i
{
	font-size:26px;
	color:#363636;
}


.service-icon i:hover
{
	color:#3498db;
}

.service-icon
{
	padding:0px;
	margin:0 auto;
}

iframe.video-service
{
	width:100%;
	height:320px;
}
.dep-box img
{
	align:right;
}
/*------------------------------- Who We Are ---------------------------------*/
.no-pad {
    padding: 0;
}
.border-tb {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
}
.light-bg {
    background: #f7f7f7;
}

.section-title {
    border-bottom-width: 0px;
    margin-bottom: 40px;
    position: relative;
}
.section-title.text-left h2 {
    text-align: left;
}
/*------------------------------- Home team---------------------------------*/
.team
{
	padding:50px 0px;
	background: #eee url(../images/pattern.png);
	box-shadow:0px 0px 24px 13px rgba(0,0,0,0.1)inset;
-webkit-box-shadow:0px 0px 24px 13px rgba(0,0,0,0.1)inset;
-moz-box-shadow:0px 0px 24px 13px rgba(0,0,0,0.1)inset;

}
.black
{
	color:#363636;
	text-transform:uppercase
}
.team-desc
{
   	background: #fff;
    border: 0px solid ;
    box-shadow: 0px 0px 0px 0px;
    padding: 10px;
	padding-bottom:20px;
}
.team-description p {
    margin-bottom: 1.1em;
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.63043em;
}
.team-img
{
}
.team-box
{
    margin-bottom: 10px;
	box-shadow:-1px 21px 22px 0px rgba(0,0,0,0.19);
	-webkit-box-shadow:-1px 21px 22px 0px rgba(0,0,0,0.19);
	-moz-box-shadow:-1px 21px 22px 0px rgba(0,0,0,0.19);
}

.team-box:hover {

  padding: 2px;
  
  box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
}

ul.unstyled
{
    margin: 0 auto;
    padding: 0;
}
ul.unstyled li
{
	list-style:none;
	display:inline;
	padding:10px;
	text-align:center;
}
ul.unstyled li i {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 6px 7px;
}
ul.unstyled li i.fa-facebook {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 6px 9px;
}
ul.unstyled {
    margin: 0 auto;
    padding: 0;
}
.team-social
{
	padding:0px 0;
	margin-top:0px;
}
.team-social ul li i:hover 
{
    background: #0186d5;
    color: #fff;
}
ul.unstyled li {
    list-style: none;
    display: inline;
    padding: 10px 0;
    text-align: center;
    padding-right: 5px;
}
.team-social ul.unstyled li
{
    list-style: none;
    display: inline;
    padding: 10px 0;
    text-align: center;
    padding-right: 5px;
	padding-top:0px;
}
/*------------------------------- Team Profile Page---------------------------------*/
.team-profile
{
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 30px;
	
}
.appointment-form
{
    background: #fff;
    padding: 15px 10px;
}

.app .appointment-form
{
    background:  transparent;
    padding: 0px 10px;
}
.team h4.prof-title, .team h4.title-black {
       text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #363636;
    padding: 0;
    padding-bottom: 0;
    margin: 10px auto;
    margin-top: 15px;
    margin-bottom: 10px;
}

.app
{
	background:#3498db;
	color:#fff;
	padding:20px;
	margin:15px;
    border-radius: 10px;
}
/*.team h3 , .team h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}*/
button.btn.btn-lg.ulockd-btn-thm {
    background: #fff;
    color: #363636;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    border: 2px solid #fff;
}
/*------------------------------- Home Counter---------------------------------*/
#fun-factor 
{
    background: url(../images/bg/counter-bg.jpg) no-repeat;
    padding: 50px 0;
    text-align: center;
    background-position: center center;
    background-size: cover;
	text-align:center;
	color:#fff;
}
.count-number
{
	padding:10px 0;
}
.fact-counter i 
{
    font-size: 40px;
    margin-bottom: 10px;
	color:#3498db;
}
span.counter 
{
    font-size: 40px;
}
.fact-counter h5 
{
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
}
/*------------------------------- Inner banner---------------------------------*/
section#breadcrumbs {
    
    color: #fff;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background: none;
    border-radius: 4px;
	
}
.breadcrumbs_section 
{
    background: url(../images/bg/about-bg.jpg) no-repeat;
       padding: 100px 0;
    background-position: center center;
    background-size: cover;
    color: #fff;
    padding-bottom: 75px;
    padding-top: 170px;

}


h1.thin {
    text-transform: uppercase;
	margin:0 auto;   
    text-shadow: 0 1px 10px black;
}
.breadcrumb a
{
	color:#fff;
}

.breadcrumb a.active
{
    background-color: red;
	color:#fff;
}
.breadcrumb>.active
{
	color:#3498db;
}
/*------------------------------- Home Banner Bottom---------------------------------*/
.banner-bottom
{
	background:#3498db;
	padding:50px 0px;
}


.banner-bottom .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: transparent;
    background-image: none;
    border: 2px solid #fff;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff !important;
}
input.btn.makean-appointment {
    margin: 0 auto;
    padding: 10px 8px;
    border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase;
    border-radius: 26px;
	font-size:12px;
}
/*------------------------------- Testimonials---------------------------------*/
.testimonials
{
	padding:50px 0;
}
.testimonial{
    margin: 20px 10px 0;
    position: relative;
}
.testimonial .pic{
    padding: 5px;
    background: #fff;
    border: 1px solid #d6d6d6;
    position: absolute;
    top: -20px;
    left: 5px;
    z-index: 1;
}
.testimonial .description{
    padding: 30px 45px 30px 60px;
    margin-left: 34px;
    border: 1px solid #d6d6d6;
    font-size: 14px;
    color: #6d6d6d;
    line-height: 26px;
    position: relative;
}
.testimonial .description:before{
    content: "";
    width: 35px;
    height: 101%;
    background: #fff;
    border-left: 1px solid #d6d6d6;
    position: absolute;
    top: 0;
    right: -18px;
    transform: skewX(-13deg);
}
.testimonial .testimonial-content{
    margin: 20px 0 0 34px;
}
.testimonial .title{
  display: inline-block;
    font-size: 14px;
    color: #3498db;
    font-style: italic;
}
.testimonial .post{
    display: block;
    font-size: 15px;
    line-height: 20px;
    margin-top: 2px;
	    font-style: italic;
}
.owl-theme .owl-controls{
    margin-top: 30px;
}
.owl-theme .owl-controls .owl-page span{
    background: #3498db;
}
@media only screen and (max-width:990px){
    .testimonial .description:before{
        display: none;
    }
}

/******************* Appountment***************************/
section#call-to-action {
    background: #eee;
    padding: 50px 0;
    margin: 0 auto;
}

/******************* About page***************************/

.about
{
	padding:50px 0px;
}

.about-slide{
    margin: 20px 10px 0;
    position: relative;
}
.about-slide .pic1{
    padding: 5px;
    background: #fff;
    border: 1px solid #d6d6d6;
   /* position: absolute;*/
    top: -20px;
    left: 5px;
    z-index: 1;
}

h1.title
{
	text-transform:uppercase;
	
}


.department iframe, .department img {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    /*height: 262px;*/
}

/******************* Home News Section***************************/

section.news 
{
    padding: 50px 0;
    /*background: #eee;*/
}

.news-box {
    background: #fff;
    padding: 2px;
}

.news-box a
{
	padding:10px 0px;
}
.news-desc
{
	padding:10px;
	margin:0 auto;
}
.news-desc h2
{
	text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #363636;
    padding: 0;
    padding-bottom: 0;
    margin: 10px auto;
    margin-top: 15px;
    margin-bottom: 10px;
}
.news-meta ul li {
    border-right: 1px solid  transparent;
    padding: 0;
    font-size: 12px;
	margin-right:10px;
	font-style:italic;
	color:#3498db;
	font-weight:600;
	padding:10px 0;
}

.news-meta ul li i {
    border: none;
    font-size: 12px;
    padding: 0;
    margin: 0 auto;
}
.news-desc p
{
	font-size:14px;
}
.appointment_home_form2 input.form-control {
    border-radius: 0;
    height: auto;
    padding: 10px;
    color: #000;
}

.appointment_home_form2 textarea.form-control
{   border-radius: 0;
    height: auto;
    padding: 10px;
    color: #000;
	height:150px;
}
/*********************** Portfolio *****************/

ul.filter li a
{
	font-weight: 600;
    border: 1px solid;
    padding: 7px 20px;
}
	
.portifolio-area {
    text-align: center;
}
.portifolio-area-2 {
    background-color: #2f2f2f;
    text-align: left;
}
.portifolio-area .portifolio-filter {
    padding: 0 0 40px;
}
.portifolio-area .portifolio-filter > div {
    display: inline-block;
    margin: 0 -3px;
}
.portifolio-area .portifolio-filter .filter {
    display: block;
    position: relative;
    margin: 0;
    padding: 12px 15px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e7e7e7;
    text-align: center;
    color: #555;
    background-color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 400ms ease-in-out;
}
.portifolio-area .portifolio-filter .filter:after {
    content: '';
    display: block;
    position: absolute;
    width: 1%;
    height: 0;
    border: 1px solid transparent;
    bottom: -1px;
    left: 50%;
    opacity: 0;
    transition: all 400ms ease-in-out;
}







.portifolio-area .portifolio-filter .filter.active:after,
.portifolio-area .portifolio-filter .filter:hover:after {
    opacity: 1;
    width: 80%;
    left: 10%;
    border-color: #2fa5eb;
}
.portifolio-area .mix {
    display: none;
}
.portifolio-area .portifolio-single {
    position: relative;
    color: #fff;
}
.portifolio-single .portifolio-hover {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(25, 181, 254, 0.7);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transition: all .3s ease-in-out;
}
.portifolio-single:hover .portifolio-hover {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.portifolio-single .inner-hover {
    text-align: center;
}
.portifolio-single .portifolio-icon {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 36px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-right: 10px;
}
.portifolio-single .portifolio-icon:last-child {
    margin-right: 0;
}
.portifolio-single a {
    color: #fff;
}
.portifolio-single a:hover {
    color: #ff9900;
}
/*.portifolio-single h4 {
    -webkit-transform: translateY(-60px);
        -ms-transform: translateY(-60px);
            transform: translateY(-60px);
    opacity: 0;
    transition: all .5s ease-in-out;
}
.portifolio-single:hover h4 {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
.portifolio-icons {
    opacity: 0;
    -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
            transform: translateY(60px);
    transition: all .5s ease-in-out;
}
.portifolio-single:hover .portifolio-icons {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}*/











.portifolio-area-1 .inner-hover {
    text-align: left;
}
.portifolio-area-1 .inner-hover h2 {
    position: relative;
}
.portifolio-area-1 .inner-hover h2:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #2fa5eb;
}
.portifolio-area-1 .portifolio-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(25, 181, 254, 0.7);
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    opacity: 0;
    text-align: center;
    font-size: 30px;
    outline: 1px dashed #fff;
    outline-offset: -10px;
}
.portifolio-area-1 .portifolio-hover .inner-hover {
    color: #fff;
}
.portifolio-area-1 .portifolio-single:hover .portifolio-hover {
    opacity: 1;
}
.portifolio-area-2 .portifolio-slider .item {
    padding-right: 30px;
}
.portifolio-area-2 .owl-item:last-child .item {
    padding-right: 0;
}

.our-department
{
	padding:50px 0px;
}


/*************** Gallery *******************/
section.gallery
{
	padding:50px 0px;
}
.project-img 
{
    position: relative;
    overflow: hidden;
}
.img-icon {
    position: relative;
    overflow: hidden;
/*	margin-bottom:30px;*/
}

img { pointer-events: none; }

.img-icon img {
    width: 100%;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

}

.img-icon-overlay 
{
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(1, 134, 213, 0.5);
}

.img-icon-overlay .title 
{ 

  	display: inline-block;
    background-color: transparent;
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 5px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
	font-weight:600;
}
.img-icon-overlay .img-pop 
{
  	    display: inline-block;
    background-color: transparent;
    width: auto;
    height: auto;
    line-height: normal;
    margin: 5px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 24px;
    left: 127px;
    position: absolute;
	   background: transparent;
    border: 2px solid #fff;
    padding: 6px 9px;

}
.img-prof img{
   width: 50%;
}

.img-icon-overlay .img-link 
{
     display: inline-block;
    background-color: transparent;
    width: auto;
    height: auto;
    line-height: normal;
    margin: 5px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 24px;
    position: absolute;
    right: 120px;
    background: transparent;
    border: 2px solid #fff;
    padding: 6px 9px;
}
.img-icon-overlay .img-link:hover , .img-icon-overlay .img-pop:hover
{
	color:#fff;
	background-color: rgba(1, 134, 213, 1);

}
.img-icon-overlay .img-link i , .img-icon-overlay .img-pop i 
{
	color:#fff;
}
/*.img-icon-overlay a 
{
    position: absolute;
    width: 100%;
    margin-top: 0;
    top: 50%;
    text-align: center;
    left: 0;
    right: 0;
}
*/
.img-icon .img-icon-overlay:hover {
	background:rgba(1, 134, 213, 0.8);
    opacity: 1 !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	padding:70px 20px;
	color: #fff;
}
.col-4-no-space .project-post {
    width: 25%;
    padding: 2px;
    margin: 0;
}
.project-post
{
	margin-bottom:30px;
	}

/************** why Choose *********************/

.choose_us{
    padding:0px;
    position: relative;
    overflow: hidden;
}
.choose_us .col-lef {
    background: url(../images/img.jpg) no-repeat;
}
.choose_us .title{margin-bottom: 30px;
}
.col-lef {
    background-color: #000;
    width: 100%;
    float: left;
    padding: 281px 0px;
}
.choose_us .choose_right {
        background: #f3f3f3;
    padding-top:21px;
    padding-left:20px;
    position: relative;
    overflow: hidden;
}
.choose_right{
    background-color: #000;
}
.choose-text{
    max-width: 550px;
}
.choose_right .align-left i{
    background: rgba(1, 134, 213, 1);
}
.choose_right .feature_block{
    margin-bottom: 5px;
}
.no-padding
{
	padding:0px;
}
  
.align-left i {
    color: #fff;
    background: #6534ff;
    border-radius: 30px;
    width: 60px;
    height: 60px;
    float: left;
    text-align: center;
    margin-right: 20px;
    line-height: 60px;
}
.feature_block i {
    font-size: 20px;
    color: #fff;
    margin-bottom: 25px;
}
.overflow h6
{
	color: #363636;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}
/********************************** Department ***************/
.etabs
{
	margin: 0; 
	padding: 0;
	margin-bottom:20px; 
}
.tab 
{
    display: inline-block;
    background: transparent;
    border: 1px solid #eee;
   /* padding: 10px 0;*/
}
.tab a 
{
    font-size: 18px;
    line-height: normal;
    display: block;
    padding: 10px 10px;
    outline: none;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    text-align: center;
    border: 1px solid #007bff;
    background: #007bff;
}
.tab a:hover
{ 
	text-decoration: none;
	 display: inline-block;
    background: #363636;
    border: 1px solid #363636;
    padding: 10px 10px;
	color:#fff;
}
.tab a.active 
{
  text-decoration: none;
	 display: inline-block;
    background: #363636;
    border: 1px solid #363636;
    padding:10px;
	color:#fff;
}

.tab-container .panel-container
{
	background: #fff; 
	border: solid #666 1px; 
	padding: 10px;
	-moz-border-radius: 0 4px 4px 4px; 
	-webkit-border-radius: 0 4px 4px 4px; 
}
.tab-container h4 {
    font-size: 18px;
    font-weight: 600;
}
.dep-box
{
    display: block;
    border: 1px solid #eee;
    padding: 10px 10px;
    margin: 0 auto;
}

ul.dentist
{
	margin:0 auto;
	padding:0px;
}
ul.dentist li
{
	margin:0 auto;
	padding:0px;
	list-style:none;
	line-height:27px;
}
ul.dentist li a
{
	margin:0 auto;
	padding:0px;
	list-style:none;
	line-height:24px;
	color:#3498db;
}
ul.dentist li a:hover
{
	margin:0 auto;
	padding:0px;
	list-style:none;
	line-height:24px;
	color:#3498db;
}
/************************** Shop ***********************/
.product-filter-block
{
  padding: 10px 20px;
  margin-left: 0px;
  margin-bottom: 40px;
  background: #f5f5f5;
}
.product-filter-block li.active a 
{
  color: #3498db;
}
.product-filter-block li a 
{
  display: block;
  color: #363636;
  font-size: 13px;
  text-transform: uppercase;
}
.product-filter-block li a:hover
{
  color: #3498db;
}

.product-list 
{
  background: #f9f9f9;
  padding: 10px 30px;
  margin-bottom: 30px;
  padding-top: 30px;
}
.product-list .product-list-thumb 
{
  border: 1px solid #ddd;
  background-color: #fff;
}
.product-list .product-list-thumb img 
{
  display: block;
  margin: 0 auto;
}
.product-list .product-list-desc
{
  padding-bottom: 30px;
}
.product-list .product-list-desc .title 
{
  color: #000;
  text-transform: uppercase;
  font-size: 15px;
}
.product-list .product-list-desc .price
{
  font-weight: 600;
  display: block;
  color: #666;
}
.product-list .product-list-desc .price del 
{
  color: #999;
  display: inline-block;
  margin-right: 10px;
}
.product-list .product-list-desc .rating 
{
  display: block;
  margin-bottom: 10px;
}
.product-list .product-list-desc .rating a 
{
  color: #ef6464;
  display: inline-block;
  margin-left: 15px;
  font-size: 12px;
}
.product-list .product-list-desc .rating a:hover 
{
  color: #999;
}
.product-list .product-list-desc .icon-list:after
{
  clear: both;
  content: "";
  display: table;
}
.product-list .product-list-desc .icon-list a {
  display: block;
  float: left;
}
.product-list .product-list-desc .icon-list a .fa-heart, .product-list .product-list-desc .icon-list a .fa-random {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #1ab394;
  margin-right: -1px;
  text-align: center;
}
.product-list .product-list-desc .icon-list .btn-skin {
  margin-left: 20px;
}
a.btn.btn-skin {
    margin-top: 0;
    padding: 3px 10px;
    border: 1px solid #363636;
}
/**bootstrap pagination**/
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #3498db;
  border-color: #3498db;
}

/**sidebar**/
.sidebar-widget {
  padding-bottom: 30px;
}
.sidebar-widget h3 {
  text-transform: uppercase;
  text-align: left;
  font-size: 15px;
  color: #000;
  background-color: #f5f5f5;
  padding: 10px 20px;
  margin-bottom: 30px;
}
.sidebar-widget ul li {
  padding: 6px 0;
}
.sidebar-widget ul li a {
  color: #999;
}
.sidebar-widget .media .media-heading {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 13px;
  color: #000;
}
.sidebar-widget .media .price {
  display: block;
}
.sidebar-widget .color-box {
  width: 20px;
  height: 20px;
  float: left;
  margin: 3px;
  display: block;
}
.sidebar-widget .color-box.gray {
  background-color: #f5f5f5;
}
.sidebar-widget .color-box.black {
  background-color: #000;
}
.sidebar-widget .color-box.blue {
  background-color: #859cbc;
}
.sidebar-widget .color-box.yellow {
  background-color: #c8c258;
}
.sidebar-widget .color-box.red {
  background-color: #a30014;
}

/*************** Cart page ********************/

.cart-table > thead > tr > th {
  color: #363636;
  font-weight: 700;
  text-transform: uppercase;
}
.cart-table > tbody > tr > td {
  vertical-align: middle;
}
.cart-table > tbody > tr > td.product-quantity input[type="number"] {
  width: 60px !important;
  height: 38px;
  padding: 0 5px 0 10px;
  margin: 0 10px 0 0 !important;
  display: block;
}
.cart-table > tbody > tr > td.product-price, .cart-table > tbody > tr > td.product-total, .cart-table > tbody > tr > td.product-name {
  font-size: 15px;
}

.coupon-row {
  padding: 10px 0;
  border-top: 2px solid #eee;
  border-bottom: 2px solid #eee;
}

.coupon-form {
  position: relative;
}
.coupon-form .form-control {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  border: 2px solid #f5f5f5;
  height: 40px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.coupon-form button
{
	position: absolute;
    right: 10px;
    top: 5px;
    text-align: center;
    background: #3498db;
    padding: 5px 20px;
    border: 0;
    color: #fff;
    text-transform: uppercase;
}
.coupon-form button:hover
{
	position: absolute;
    right: 10px;
    top: 5px;
    text-align: center;
    background: #363636;
    padding: 5px 20px;
    border: 0;
    color: #fff;
    text-transform: uppercase;
}
button.btn-update
{
    right: 10px;
    top: 0px;
    text-align: center;
    background: #3498db;
    padding: 10px 20px;
    border: 0;
    color: #fff;
    text-transform: uppercase;
	
   font-size: 16px;
   line-height: 1.3333333; 
   border-radius: 0px; 
}
button.btn-update:hover
{
    right: 10px;
    top: 5px;
    text-align: center;
    background: #363636;
	padding: 10px 20px;
    border: 0;
    color: #fff;
    text-transform: uppercase;
}

.cart-total h2 {
  color: #000;
}
.cart-total .table-condensed > tbody > tr > td {
  font-weight: 400;
  padding: 10px 0;
  font-size: 14px;
  color: #000;
}
.cart-total .table-condensed > tbody > tr > td.total {
  color: #1ab394;
  font-weight: 500;
}
.cart-total .table-condensed > tbody > tr > td a.shipping-calculate {
  color: #fff;
  display: inline-block;
  padding: 2px 5px;
  font-size: 11px;
  background-color: #777;
  margin-left: 10px;
}

.sky-checkout-form .sky-form fieldset + fieldset {
  border: 0px;
}
.sky-checkout-form .cart-total h2 {
  margin-bottom: 20px;
}
.sky-checkout-form .cart-total .table-bordered tbody > tr > td {
  width: 50%;
  text-align: center;
  padding: 15px 0;
  font-size: 13px;
  text-transform: capitalize;
}
.sky-checkout-form .cart-total .table-bordered tbody > tr > td.color {
  color: #1ab394;
}
.sky-checkout-form .cart-total .table-bordered tbody > tr > td.total {
  font-weight: 700;
  font-size: 16px;
}

.table-order-history .table-bordered tbody tr td {
  vertical-align: middle;
}
.table-order-history .label-success {
  color: #fff;
  margin-right: 5px;
  padding: 3px 7px;
}
.table-order-history .label-warning {
  color: #fff;
  padding: 3px 7px;
  margin-right: 5px;
}
.table-order-history .label-danger {
  color: #fff;
  padding: 3px 7px;
  margin-right: 5px;
}
.table-order-history .total-order {
  color: #1ab394;
  font-weight: 700;
}

.search-form {
  position: relative;
  margin-bottom: 20px;
}
.search-form .form-control {
  border: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  width: 100%;
  border-bottom: 2px solid #f5f5f5;
}
.search-form .fa-search {
  position: absolute;
  top: 10px;
  right: 5px;
  color: #aaa;
  font-size: 15px;
}

.table-wishlist tbody tr td {
  vertical-align: middle;
}
.table-wishlist .number {
  width: 70px !important;
  height: 40px;
  padding-left: 10px;
}

#contactForm {
  margin-top: 30px;
  margin-bottom: 20px;
}
#contactForm label {
  font-weight: 700;
}
#contactForm .form-control {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-bottom: 2px solid #eee;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
#contactForm .form-control:focus {
  border-color: #1ab394;
}
#contactForm .help-block ul {
  list-style: none;
  padding: 0px;
}
#contactForm .help-block ul li {
  color: #ef6464;
}

.single-product .single-product-slider {
  border: 1px solid #eee;
}
.single-product .single-product-slider .item img {
  display: block;
  margin: 0 auto;
}
.single-product .owl-theme .owl-controls {
  margin-top: 10px;
  text-align: right;
  position: absolute;
  width: 50%;
  top: -10px;
  right: 10px;
}

.product-detail-desc .price {
  display: block;
  font-size: 18px;
  margin-bottom: 10px;
}
.product-detail-desc .btn-border {
  border: 1px solid #eee;
}
.product-detail-desc .rating {
  display: block;
  margin-bottom: 10px;
}
.product-detail-desc .rating a {
  display: inline-block;
  margin-left: 10px;
}
.product-detail-desc .colors {
  margin-bottom: 10px;
}
.product-detail-desc .colors a {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.product-detail-desc .colors a.light {
  background-color: #f5f5f5;
}
.product-detail-desc .colors a.blue {
  background-color: blue;
}
.product-detail-desc .colors a.red {
  background-color: red;
}
.product-detail-desc .colors a.yellow {
  background-color: yellow;
}
.product-detail-desc .colors span {
  display: inline-block;
  line-height: 20px;
  margin-right: 10px;
  top: -5px;
  position: relative;
}
.product-detail-desc .available {
  margin-bottom: 15px;
}
.product-detail-desc .size {
  margin-bottom: 25px;
}
.product-detail-desc .size select {
  width: 60px;
  height: 30px;
}
.product-detail-desc .size select:focus {
  outline: 0;
}
.product-detail-desc .add-buttons a {
  margin: 5px;
}

.item-more-info .tab-content {
  padding-top: 30px;
}
.item-more-info .nav-justified > li > a {
  text-transform: uppercase;
  position: relative;
}
.item-more-info .nav-justified > li > a:after {
  position: absolute;
  width: 0;
  content: "";
  bottom: 0;
  left: 0;
  border-bottom: 2px solid #1ab394;
  -moz-transition: width 0.4s;
  -o-transition: width 0.4s;
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
}
.item-more-info .nav-justified > li > a:hover {
  background-color: transparent;
}
.item-more-info .nav-justified > li > a:focus {
  background-color: transparent;
}
.item-more-info .nav-justified > li > a:focus:after {
  width: 100%;
}
.item-more-info .nav-justified > li.active a:after {
  width: 100%;
}
.item-more-info .media {
  margin-bottom: 35px;
}
.item-more-info .media-body p {
  margin-bottom: 5px;
}
.item-more-info .form-control {
  border: 2px solid #f5f5f5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  min-height: 40px;
}

.similar-products {
  margin-top: 50px;
}
.similar-products #owl-slider.col-md-12 .item {
  padding: 0px 15px;
}

/********************** Single Procduct **********************************/
.tab-content>.active {
    display: block;
    border: 1px solid #eee;
    border-top: 0;
    padding: 10px;
}


/********************** Pricing **********************************/
* {
    box-sizing: border-box;
}
div.pricing
{
	padding:50px 0px;
}
.columns {
    float: left;
    width: 33.3%;
    padding: 8px;
}

.price {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.price:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

.price .header {
    background-color: #14b8fd;
    color: white;
    font-size: 25px;
	text-transform:uppercase;
}

.price li {
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
}

.price .grey {
    background-color: #eee;
    font-size: 18px;
	text-transform:uppercase;
	font-weight:600;
}
button.grey {
    border: 0;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    margin: 0 auto;
	 background-color: dodgerblue;
	 text-transform:uppercase;
}
.button {

    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
}

@media only screen and (max-width: 600px) {
    .columns {
        width: 100%;
    }
}
/**************** Blog ***************/
h3 {
    margin: 0 auto;
    padding: 0;
    padding-bottom: 10px;
}
.pagination ul
{
	margin:0 auto;
	padding:0;
}
.pagination ul li
{
	margin:0 auto;
	padding:0;
	list-style:none;
	display:inline;

    background: #363636;
    float: left;
}
.pagination ul li a
{
	color:#fff;
    background: #3498db;
    float: left;
	color:#fff;	
	padding: 10px;
		border:1px solid #fff;
}
.pagination ul li 
{

}.pagination ul li a.hover
{
	color:#fff;
	padding: 10px;
	background:#363636;
	border:1px solid #fff;
}
.pagination ul li a.active
{
	color:#fff;
	padding: 10px;
	background:#363636;
	border:1px solid #fff;
}


.blog-box {
    border: 1px solid #ebebeb;
    padding: 20px 30px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.blog-box h3
{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 auto;
    padding: 0px 0;
    padding-bottom: 10px;
}
input.form-control.search {
    border: 1px solid #ccc;
    padding: 7px;
    line-height: 27px;
    margin-top: 5px;
    border-radius: 0;
    position: relative;
    height: auto;
}
button.search-btn {
       position: absolute;
    right: 45px;
    top: 55px;
    border: none;
    background: #3498db;
    color: #fff;
    padding: 11px 15px;
}
.blog-box ul.unstyled li
{
     line-height: 47px;
    border-bottom: 1px solid #ebebeb;
    display: block;
    text-align: left;
    padding: 0;
}

.blog-box ul.unstyled li i
{
	border:none;
	padding:0px;
}
.tags-list a, .base-button-light {
    /* float: left; */
    font-size: 13px!important;
    margin: 0px 4px 4px 0px;
    display: inline-block;
    position: relative;
    text-transform: capitalize;
    background: #f8f8f8;
    border: 1px solid #ddd;
    color: #888;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    padding: 6px 10px;
    width: auto;
}

.sin-blog-det
{
    padding: 10px 0 0 0;
    margin-bottom: 0;
}
.sin-blog-det a
{
	text-transform:uppercase;

	}
	
.blog-meta p
{
	margin-bottom:10px;
	color:#3498db;
}
.sin-blog-img img
{
	border: 1px solid #eee;
    border-radius: 5px;
    padding: 2px;
}
h3 {
     text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #363636;
    padding: 0;
    padding-bottom: 0;
    margin: 10px auto;
    margin-top: 15px;
    margin-bottom: 10px;
}
button.readmore {
    border: 2px solid #3498db;
    padding: 5px 10px;
    text-transform: uppercase;
    margin-top: 0px;
	background:#3498db;
	color:#fff;
}


.sharepost ul
{
	margin:0 auto;
	padding:0px;
}
.sharepost ul li
{
	margin:0 auto;
	padding:0px;
	list-style:none;
	padding:0;
	display:inline;
}
.sharepost ul li i
{
    font-size: 13px!important;
    margin: 0px 4px 4px 0px;
    display: inline-block;
    position: relative;
    text-transform: capitalize;
    background: #f8f8f8;
    border: 1px solid #ddd;
    color: #888;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    padding: 6px 10px;
    width: auto;
	}
	
	
.author
{
	float: left;
    margin-right: 10px;

    padding: 1px;
}
.author img
{
	float: left;
    margin-right: 5px;
    border: 1px solid #eee;
    padding: 1px;
}

textarea#app_texts {
    height: 149px;
}


/******************************** Contact us ********************************/
.contact-us input.form-control {
    border: 1px solid #eee;
    color: #363636;
    padding: 10px 20px;
    height: initial;
    margin-bottom: 20px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.19);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.27);
    -webkit-transition: border-color ease-in-out .5s, -webkit-box-shadow ease-in-out .5s;
    -o-transition: border-color ease-in-out .5s, box-shadow ease-in-out .5s;
    transition: border-color ease-in-out .5s, box-shadow ease-in-out .5s;
}
.contact-us input.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.contact-box
{    border: 1px solid #eee;
    text-align: center;
    padding: 20px 0;
    margin: 0 auto;
	margin-bottom:30px;
}
.contact-icon i
{
	font-size:32px;
}
.contact-box h5
{
	font-size:16px;
	text-transform:uppercase;
	font-weight:700;
}
button.btn.btn-lg.btn-block {
    width: 100%;
    float: left;
    max-width: 40%;
}


a.collapsed {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}
.appointment-sec {
    padding: 50px 0;
}
.box-price {
    padding-top: 50px;
    width: 100%;
    border-radius: 3px;
    margin: 0px 0px 0px 0px;
}



.text_price {
    font-family: 'Open Sans', sans-serif;
    padding: 15px;
    word-break:break-all;
}
.value_price {
    text-align: right;
    padding-left: 15px;
    padding-right: 35px;
}



table {
    font-family: 'Open Sans', sans-serif;
    max-width:100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    
}
.box-price h3 {
    font-size: 1.8rem;
    padding: 50px 0px 50px 25px;
    border: 1px solid #adadad;
    width: 100%;
    height: 90px;
    box-shadow: 0px 5px 50px 0px rgba(188,189,189,0.27);
    cursor: pointer;
    word-break:break-all;
}
.box-price:after {
 width: 0;
 height: 0;
 position: absolute;
 right: 10px;
 top: 50%;
 margin-top: -3px;
 border-width: 6px 6px 0 6px;
 border-style: solid;
 border-color: #ffaa9f transparent;
}
.box-price li {
    width: 100%;
    border-bottom: 5px solid transparent;
    right: 10px;
    padding: 50px;
    font-size: 25px;
    text-align: left;
    list-style-type: none;

}
.box-price ul {
    margin-left: 0; /* Отступ слева в браузере IE и Opera */ 
    padding-left: 0;
    width: 100%;
    margin: 3px auto;
    background: #fff;
    border: 1px solid #d1d1d1;
    padding: 4px;
    font-family: 'Open Sans', sans-serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 0px 10px #ddd;

    -webkit-box-shadow: 0px 0px 10px #ddd;

} 
.expand {
    font-size: 4.0vh;
    padding-right: 50px;
    float: right;
    color: #349cde;
    cursor: pointer;
}
.expand:hover span{
    text-shadow: 0px 0px 3px #a1eeff;
}
.tm-call-to-action-home {
    font-family: 'Open Sans', sans-serif;
    background-color: #0087be;
    padding: 64px 0 71px;
}
.col-sm-9 {
    float: left;
    color: #fff;
}

.col-sm-9 p{
     line-height: 1;
    font-style: normal;
    float: left;
    font-size: 20px;
    color: #fff;
}

.col-sm-3 {
        position: relative;
    text-align: center;
}

.tm-btn {
    background-color: black;
    color: #fff;
    display: inline-block;
    padding: 20px 75px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    cursor: pointer;
    border-radius: 0;
}
.tm-btn:hover {
    background-color: #3498db;
    color: #fff;
    display: inline-block;
    padding: 20px 75px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    cursor: pointer;
    border: 2px solid white; 
}
.question-text {
    font-size: 50px;
    color: #fff;
    padding-top: 40px;
}
.content-block {
    margin: 0 auto;
}
#backTop{
    padding:15px 15px;
    color:#fff;
    border:1px solid #fff;
    position:fixed;
    bottom:10px;
    left:10px;
    display:none;
    cursor:pointer;
    z-index:99999;
    border-radius:60px;
}
.modalDialog{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,0.8);
    z-index:99999;
    -webkit-transition:opacity 400ms ease-in;
    -moz-transition:opacity 400ms ease-in;
    transition:opacity 400ms ease-in;
    display:none;
    pointer-events:none;

}
.modalDialog:target{
    display:block;
    pointer-events:auto;
}
.modalDialog > div{
    border: 1px solid #bdbdbd;
    width: 100%;
    height: 490px;
    font-size: 20px;
    text-align: center;
    max-width: 400px;
    position: relative;
    margin: 5% auto;
    border-radius: 20px;
    background: #fff;
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.modalDialogButton{
    text-decoration:none;
    text-align:center;
    padding:11px 71px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius: 5px;
    font:16px Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#f0f9fa;
    background-color:#3BA4C7;
    background-image: -moz-linear-gradient(top, #3BA4C7 0%, #3ba4c7 100%);
    background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #3ba4c7 100%);
    background-image: -o-linear-gradient(top, #3BA4C7 0%, #3ba4c7 100%);
    background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#3ba4c7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ba4c7', endColorstr='#3ba4c7',GradientType=0 );
    background-image: linear-gradient(top, #3BA4C7 0% ,#3ba4c7 100%);
    -webkit-box-shadow:0px 4px 12px #bababa, inset 0px 0px 1px #ffffff;
    -moz-box-shadow: 0px 4px 12px #bababa,  inset 0px 0px 1px #ffffff;
    box-shadow:0px 4px 12px #bababa, inset 0px 0px 1px #ffffff;

    text-shadow: 0px 1px 0px #bababa;
    filter: dropshadow(color=#bababa, offx=0, offy=1);

}
.modalDialogString{
    margin:0 auto;
    height:50px;
    width:70%;
    margin:0px 50px 5px 50px;
    padding:5px 5px 5px 5px;
    border: solid 1px #999999;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.modalDialogPadding{
    padding:20px;
}
.modalDialogString:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.close{
    background:#e8397b;
    color:#FFFFFF;
    line-height:25px;
    position:absolute;
    right:-12px;
    text-align:center;
    top:-10px;
    width:54px;
    text-decoration:none;
    font-weight:bold;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    -moz-box-shadow:1px 1px 3px #000;
    -webkit-box-shadow:1px 1px 3px #000;
    box-shadow:1px 1px 3px #000;
}
.close:hover{
    background:#00d9ff;
}

.sub-title {
    font-size: 14px;
}
blockquote {
    margin: 0;
    background: white;
    border-top: 5px solid #EAF9F9;
    border-bottom: 5px solid #EAF9F9;
    color: #3A3C55;
    padding: 30px 30px 30px 90px;
    position: relative;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}
blockquote:before {
    content: "\201C";
    font-family: serif;
    position: absolute;
    left: 20px;
    top: 20px;
    color: white;
    background: #FB6652;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 50px;
    line-height: 1.35;
    text-align: center;
}
blockquote p {
    margin: 0 0 16px;
    font-size: 22px;
    letter-spacing: .05em;
    line-height: 1.4;
}
blockquote cite {
    font-style: normal;
}
.btn-note {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 9;
    -moz-border-radius: 9;
    border: none;
    border-radius: 4px;
    font-family: Arial;
    color: #ffffff;
    font-size: 19px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}
.btn-note:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    text-decoration: none;
}
.partners img{
    margin: 0 auto;
    width: 400px;

}
.visitor {
    z-index: 99999;
    position: fixed;
    text-decoration: none;
    outline: none;
    display: block;
    width: 160px;
    height: 45px;
    line-height: 45px;
    border-radius: 45px;
    border: 1px solid #d64b48;
    right: 20px;
    bottom: 30px;
    margin: 10px 20px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #2f2c2b;
    background: #ffffff;
    box-shadow: 10px 2px 15px rgba(0, 0, 0, 0.1);
    transition: .3s;
}
.visitor:hover {
    background: #e53137;
    box-shadow: 0 15px 20px rgba(29, 17, 229, 0.4);
    color: white;
    transform: translateY(-7px);
}
.content {
    margin: 15px;
}

.conteiner{
    max-width: 340px;
    margin: 0 auto; /* центрируем основной контейнер */
}

.img-stock img{
    max-width: 340px;
}


.number-text {
    color: #0b0b0b;
    font-size: 2em;
    padding: 15px;
    margin: 5px;
}
.lines {
    margin-top: 15px;
}

.button-back-call {
    height: 45px;
    color: #ffffff;
    border: rgba(9, 80, 144, 0.63) solid 1px;
    background-image: linear-gradient(30deg,#21B8FD 0%,#A1C7FF 100%);
    border-radius: 40px;
    transition: .3s;
}
.button-back-call:focus {
    background-image: linear-gradient(30deg, #fd3e4d 0%,#A1C7FF 100%);
}

.btn-call-back {
    background-color: #ab48d1;
    border-radius: 25px;
    transition: .2s;
}

.btn-call-back:hover {
    background-color: #d457ff;
    border-radius: 25px;
}
.button-menu {


}

.center__item{
    font-size: 0;
    text-align: center;
}
.center__item *{
    font-size: 14px; /* Обычно задаю такой же, как и в body*/
}
.center__item .col-md-3{
    display: inline-block;
    float: none;
    vertical-align: top;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.price-list {
    /*background-image: url("../images/pattern.png");*/
    background-image: linear-gradient(135deg, #723362, #9d223c);
    background-color: #723362;
    color: #fff;
}

bbgg-text p{
    background-color: #b81778 !important;
}