@import "https://fonts.googleapis.com/css?family=Lato:200,300,400,700";

body {
    background-color: #fff;
    color: #58585a;
    font-family: "Lato", Helvetica, Arial, sans-serif, Georgia;
    font-weight: 300;
    font-size: 16px;
}

p {
    font-size: 16px;
    color: #58585a;
    font-family: "Lato", Helvetica, Arial, sans-serif, Georgia;
    margin: 0 0 15px;
    font-weight: 400;
    line-height: 25px;
	letter-spacing: 0.4px;
}

a:hover {
	color: #54236a;
}

h1, .h1 {
    font-size: 35px;
    font-weight: 400;
    line-height: 46px;
    color: #6e2f9d;
    font-family: "Lato", Helvetica, Arial, sans-serif, Georgia;
    text-transform: uppercase;
}

h2, .h2 {
    font-size: 25px;
    font-weight: 300;
    color: #54236a;
    font-family: "Lato", Helvetica, Arial, sans-serif, Georgia;
    margin-bottom: 20px;
}

h3, .h3 {
    font-size: 20px;
    color: #58585a;
    font-family: "Lato", Helvetica, Arial, sans-serif, Georgia;
    line-height: 30px;
}

.height {
    height: inherit;
}

.white {
    color: #fff;
}

.clear {
    clear: both;
}

/* ---------------------------------------------------- snippet-navbar ---------------------------------------------------- */

#call {
    color: #58585a !important;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

#phone {
    color: #58585a;
    font-size: 35px;
    font-weight: 400;
}

@media screen and (max-width: 767px) {
    .mobile-logo {
        text-align: center !important;
    }
}

/* ---------------------------------------------------- snippet-menu ---------------------------------------------------- */

.navbar {
    padding: 0;
    background-color: #e0c5ec;
}

.navbar-nav .nav-link {
    text-transform: uppercase;
    color: #54236a;
    font-weight: 400;
    padding: 1rem;
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
}

.navbar-nav .nav-link:hover {
  background-color: #54236a;
    color: #E0C5EC;
}

.dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    color: #54236a;
    background-color: #E0C5EC;
}

.dropdown-item:hover {
    color: #E0C5EC;
    background-color: #54236a;
}

@media screen and (max-width: 767px) {
    .navbar-toggler {
        border: 1px solid #58585a;
        color: #58585a;
        margin: 20px;
    }
    .navbar-toggler a {
        color: #58585a;
    }
    .navbar-toggler:hover {
        color: #54236a;
    }
}

/* ---------------------------------------------------- snippet-banners ---------------------------------------------------- */

#header1 {
    background: #4c1b62;

}

#svg {
    position: relative;
    width: 100%;
    height: 150px;
    margin: -128px 0 0 0;
}

.banner-txt {
    margin-top: 85px;;
}

.banner-img {
    position: absolute;
    top: 0;
}

#welcome {
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
}

#new {
    color: #fff;
    font-size: 50px;
    margin-top: -15px;
    text-transform: uppercase;
}

#book {
    font-size: 25px;
    color: #54236a;
    background-color: #fff;
    padding: 7px 18px;
    border-radius: 10px;
    margin-top: 30px;
    text-transform: uppercase;
    display: inline-block;
}

#book:hover {
    text-decoration: none;
    background-color: #e0c5ec;
    color: #000;
}

#open {
    font-size: 29px;
    color: #fff;
    margin-top: 20px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .banner-txt {
        margin-top: 55px;
    }
    #svg {
        height: 123px;
        margin: -105px 0 0 0;
    }
    #header {
        height: 438px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .banner-txt {
        margin-top: 30px;
    }
    #welcome {
        font-size: 25px;
    }
    #new {
        font-weight: 400;
        font-size: 38px;
        margin-top: 0;
    }
    #header {
        height: 332px;
    }
    #book {
        margin-top: 10px;
    }
    #svg {
        height: 123px;
        margin: -105px 0 0 0;
    }
    #open {
        font-size: 21px;
    }
}

@media screen and (max-width: 767px) {
    .banner-txt {
        margin-top: 0;
    }
    #header .row {
        text-align: center;
    }
    #book {
        margin-top: 18px;
    }
    #header {
        height: 170px;
    }
    #svg {
        height: 80px;
        margin: -65px 0 0 0;
    }
    #open {
        font-size: 21px;
    }
}

#header-inside {
    background-color: #54236a;
    padding: 0;
}

#header-inside #book {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    #header-inside {
        /*height: 190px;*/
    }
    #header-inside .row {
        text-align: center;
    }
}

/* ---------------------------------------------------- snippet-sidebar-home ---------------------------------------------------- */
.sidebar-home {
    background-color: #fff;
}

.sidebar .card {
    background-color: #dbf2f8;
    border: none;
    border-radius: 0;
}

.sidebar .card-img-top {
    margin-top: -90px;
    border-radius: 50%;
}

.sidebar .card-title {
    color: #2e2925;
    font-size: 18px;
    margin: 20px 0 0;
}

.sidebar .card a:hover {
    background-color: #54236a;
    text-decoration: none;
}

.sidebar .card a:hover .card-title {
    color: #fff;
}

.sidebar .card a:hover .card-img-top {
    box-shadow: 2px 5px 20px #929292;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar .card-title {
        font-size: 16px;
        margin: 10px 0 0;
    }
    .sidebar .card-img-top {
        margin-top: -60px;
    }
}

@media screen and (max-width: 576px) {
    .sidebar .card-title {
        margin: 6px 0 0;
        font-size: 12px;
    }
    .sidebar .card-img-top {
        margin-top: -60px;
    }
}

/* ---------------------------------------------------sidebar-left ---------------------------------------------------*/
.sidebar-title { 
	color: #a671be !important; 
	padding-top: 0px; 
	font-family: "Lato";
	font-size:24px;
	line-height:35px;
	font-style:normal !important;
	padding-bottom:5px !important;
}

.sidebar-office { 
	color: #54236a !important; 
	padding-top: 0px; 
	font-size:20px;
	line-height:35px;
	padding-bottom:5px !important;
	padding-top:15px;
	font-family: 'Lato', sans-serif;
	font-style: italic;
}

.sidebar-address { 
	color: #696969 !important; 
	padding-top: 0px; 
	font-family: "Lato";
	font-size:14px;
	line-height:22px;
	font-style:normal !important;
	padding-bottom:10px !important;
}

.sidebar-phone { 
	color: #724b84 !important; 
	padding-top: 0px; 
	font-family: "Lato";
	font-size:17px;
	line-height:27px;
	font-style:normal !important;
	padding-bottom:5px !important;
}

/* ---------------------------------------------------- snippet-rows ---------------------------------------------------- */

.row1 {
    background-color: #54236a;
}

.row1 img {
    position: absolute;
    bottom: 0;
    left: 0;
}

.request {
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.find {
    font-size: 19px;
    font-weight: 400;
    padding-right: 30%;
}

/*
.form-control {
    background-color: #eae9e9;
    border: none;
    border-radius: 10px;
}
*/

.form-control:focus {
    background-color: #F9F4FB;
    border: 1px solid #E0C6EB;
    color: #000;
}

.btn-info {
    background-color: #54236a;
    border: none;
    padding: 12px 30px;
    border-radius: 5px;
}

.btn-info:hover {
    background-color: #58585a;
}

@media screen and (max-width: 767px) {
    .btn-info {
        margin-top: 15px;
    }
}

.row2-inside {
    background-color: #54236a;
}

.row2-inside .request, .row2-inside .find {
    color: #fff;
}

.row2-inside .btn-info {
    background-color: #fff;
    color: #54236a;
}

.row2-inside .btn-info:hover {
    background-color: #58585a;
}

.row2-inside .form-control {
    background-color: #4ccee5;
    color: #fff;
}

.row2-inside ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.row2-inside ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.row2-inside :-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.row2-inside :-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.row3 {
    height: auto;
    background-color: #b8e6f1;
}

@media screen and (min-width: 768px) {
    .row3 .blue {
        background: rgba(31,194,222,1);
        background: -webkit-linear-gradient(to right, rgba(31,194,222,1) 50%, rgba(184,230,241,1) 50%);
        background: -moz-linear-gradient(to right, rgba(31,194,222,1) 50%, rgba(184,230,241,1) 50%);
        background: -o-linear-gradient(to right, rgba(31,194,222,1) 50%, rgba(184,230,241,1) 50%);
        background: -ms-linear-gradient(to right, rgba(31,194,222,1) 50%, rgba(184,230,241,1) 50%);
        background: linear-gradient(to right, rgba(31,194,222,1) 50%, rgba(184,230,241,1) 50%);
    }
}

@media screen and (max-width: 767px) {
    .row3 .blue1 {
        background-color: #54236a;
    }
    .row3 .blue2 {
        background-color: #b8e6f1;
    }
}

.phone {
    font-size: 38px;
    margin-top: 40px;
    font-weight: 300;
}

/* ---------------------------------------------------- snippet-footer ---------------------------------------------------- */

.footer {
    background-color: #54236a;
    color: #E0C6EB;
}

.footer a {
    color: #E0C6EB;
}
.footer a:hover {
    color: #fff !important;
}

.title {
    color: #e4e3df;
    font-size: 29px;
    font-weight: 400;
    text-transform: uppercase;
}

.doctor {
    font-size: 20px;
}

.phonee {
    font-size: 30px;
    color: #e4e3df;
}

.address1 {
    font-size:24px;
    color: #e4e3df;
}
.fa-circle {
    font-size: 7px;
    vertical-align: middle;
}

.social {
    color: #E0C6EB;
}
.social:hover {
    color: #fff;
}

.social i {
    border-radius: 30px;
    border: 1px solid #E0C6EB;
}
.social i:hover {
    border: 1px solid #fff !important;
}


.social .fa-stack {
    margin: 0 10px;
}

.footer a:hover, .copyright a:hover {
    text-decoration: none;
    color: #54236a;
}

.footer a:hover i {
    border: 1px solid #54236a;
}

.copyright a {
    color: #6c6c6c;
}

@media screen and (max-width: 767px) {
    .footer {
        text-align: center;
    }
    .social {
        margin: 20px 0;
    }
}

/* ---------------------------------------------------- snippet-rows ---------------------------------------------------- */

.breadcrumb {
    margin-top: 75px;
    background: #F9F4FB;
}

.flip {
  -webkit-perspective: 800;   
          perspective: 800;
        position: relative;
        text-align: center;
        padding-top: 0px;
        
}
.flip .card.flipped {
  -webkit-transform: rotatey(-180deg);
          transform: rotatey(-180deg);
}
.flip .card {
	width: 270px;
	height: 270px;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 0.5s;
	transform-style: preserve-3d;
	transition: 0.5s;
	border: 1px solid #E0C5EC;
	/*background-color: rgba(0,0,0,0.2);*/
	background: none;
   
}
.flip .card .face {
	-webkit-backface-visibility: hidden ;
	backface-visibility: hidden ;
	z-index: 1;
}

@-moz-document url-prefix() { 
.flip .card .face {
	background: #EEEEEE !important;
	border: 1px solid #fff;
	width: 271px;
	height: 271px;	
	}
}


.flip .card .front {
   position: absolute;
   width: 270px;
   z-index: 1;
}
.flip .card .img {
	position: relaitve;
	width: 270px;
	height: 270px;
	z-index: 1;
	border: 2px solid #000;
	color: #fff;
}
.flip .card .back {
	padding-top: 10%;
	-webkit-transform: rotatey(-180deg);
	transform: rotatey(-180deg);
	padding: 30px 10px 10px 10px;       
}
.inner{
	margin:0px !important;
	z-index:9999;
}

   /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }
        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }
        .jssora061 {display:block;position:absolute;cursor:pointer;}
        .jssora061 .a {fill:none;stroke:#fff;stroke-width:360;stroke-linecap:round;}
        .jssora061:hover {opacity:.8;}
        .jssora061.jssora061dn {opacity:.5;}
        .jssora061.jssora061ds {opacity:.3;pointer-events:none;}

.box1 {
   background: url(/public/images/box1.png) no-repeat;
   width:300px;
   height:110px;
}
.box2 {
   background: url(/public/images/box2.png) no-repeat;
   width:300px;
   height:110px;
   margin-top:10px;  
}
.box-title {
   color: #54236a !important; 
	padding-top: 15px; 
	font-family: "Lato";
	font-size:20px;
	line-height:35px;
	font-style:normal !important;
	padding-bottom:5px !important;
	text-transform:uppercase;
	padding-left:120px;
}

.box-text {
    color: #a389ae !important; 
	font-family: "Lato";
	font-size:15px;
	line-height:20px;
	font-style:normal !important;
	text-transform:uppercase;	
	padding-left:120px;
}