/*-----------------------------------------------------------------------------------

    Template Name: Pinkspa - Health & Beauty template
    Template URI: http://www.gracewebtech.com/
    Description: This is html5 template
    Author: Gracewebtech
    Author URI: http://www.gracewebtech.com/
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS
    2. Heade Css here
    03. Slider css here
    04. About css here
    05. Service css here
    06. Fun fact css here
    07. Gallery css here
    08. Feature css here
    09. Testimonial css here
    10. Pricing css here
    11. Blog css here 
    12. Special offer css here 
    13. Contact us css here
    14. Footer css here
    15. scrollup css here
    16. Breadcrumb css here
    17. About us css here
    18. Service page css here
    19. BLOG page css here
    20. Pricing page css here

/*========================
   1. Theme Default CSS
=======================*/

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

img{max-width: 100%}

/*----------------------------------------*/
/*  2.  Header and Menu Area CSS
/*----------------------------------------*/


.navbar .navbar-nav li:hover > a,.navbar .navbar-nav li.active a{
    background-color: transparent;
    color: #136978;
}
.navbar .navbar-nav > li > a:focus {
    background-color: transparent
}
.navbar-brand {
    padding: 0px;
}
.nav > li {
	position: relative;
}
.navbar {
    background-color: transparent;
    border-color: transparent;
    margin: 0;
    text-transform: uppercase;
}
.navbar-nav li a {
	color: #535353;
	padding: 32px 0px;
	margin: 0 15px;
}
.navbar-header {
	padding-top: 14px;
}

.main-navigation {
    position: fixed;
    background-color: #fff;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
    box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
}
.logo {
	padding: 16px 0px;
	display: inline-block;
}
/*.navbar-nav > li > a:before{
  border-bottom: 2px solid #136978;
  bottom: 10px;
  content: "";
  left: 50%;
  right:50%;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  top: 10px;
  transition: all 300ms ease 0s;
  z-index: 11;
}
.navbar-nav > li > a:hover::before,.navbar-nav > li.active > a:before {
  left: 0px;
  opacity: 1;
  right: 0px;
}*/
.appointment-button {
	margin-top: 25px;
}
#productModal .modal-dialog{margin-top: 10%}
#productModal button.close span {
	border: 1px solid #909295;
	border-radius: 60px;
	color: #909295;
	display: block;
	height: 30px;
	line-height: 25px;
	text-align: center;
	width: 30px;
	padding-top: 1px;
}
#productModal button.close {
	position: absolute;
	right: 10px;
	top: 10px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	z-index: 2;
	opacity: 1;
}
#productModal .get-quate-inner {
    margin-top: 0px;
}
.modal-header {
	padding: 0px;
	border-bottom: 0px;
}
.appointment-button a {
	padding: 6px 13px;
	color: #fff;
	background: #136978;
	float: right;
	border: 1px solid #136978;
}
.appointment-button a:hover {
	background: #fff;
	color: #136978;
	border: 1px solid #136978;
}
.appointment-button i {
	margin-right: 9px;
}
.drop-down {
	position: absolute;
	background: #fff;
	width: 175%;
	top: 85px;
	z-index: 999999;
	padding: 0px 0px;
	display: none;
	visibility: visible;
	box-shadow: 0 2px 10px -5px rgba(87, 97, 100, 0.35);
	border-top: 1px solid #ddd;
}
.drop-down li {
	border-bottom: 1px solid #ddd;
}
.navbar .navbar-nav li:hover > .drop-down{
    display: block;
    visibility: visible;

}
.drop-down li a {
	padding: 12px 19px;
	margin: 0;
	display: inline-block;
	font-size: 13px;
}


/*-------------------
    03. slider css here
-----------------------*/

.banner {
	width: 100%;
	height: auto;
	padding-top: 85px;
}
.banner .item{
  height:700px;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.banner h1{
  color:#222;
  margin:0 0 25px;
  font-size:60px;
}
.banner p {
    color: #222;
    font-size: 20px;
    line-height: 35px;
    margin: 0 0 35px;
    padding: 0px 60px;
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.caption-info{
  position:absolute;
  top:40%;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  width:100%;
}
.caption-info-inner h1{
  animation-delay: 0.5s;
}
.caption-info-inner p{
  animation-delay: 1.1s;
}
.caption-info-inner a{
  animation-delay: 1.6s;
}
.control{
  opacity:0;
  visibility:hidden;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
.banner:hover .control{
  visibility:visible;
  opacity:.5;
}
.control, .control:focus {
	color: #fff;
	margin: -15px 0 0;
	position: absolute;
	right: 15px;
	text-align: center;
	top: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: rgba(0,0,0,0.7);
	opacity: .5;
}
.control:hover {
 opacity: .7;
    color: #fff;
    background: rgba(0,0,0,1);
}
.left.control{
  left:10px;
}
.right.control {
  right:10px;
}
.btn-primary,.btn-primary:focus, .btn-primary:active,.btn-primary:active:hover{
    background: #136978 none repeat scroll 0 0;
       border: 1px solid #136978;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    margin-top: 0;
    padding: 12px 30px;
    text-transform: capitalize;
}
.btn-primary:hover {
    background: #136978 none repeat scroll 0 0;
    border: 1px solid #136978;
    color: #fff;
}

/*-------------------
    04. About css here
--------------------*/
.about-section.ptb-100 {
padding-bottom: 150px;
padding-top: 100px;
}
.about-desc h6 {
    color: #7a7a7a;
    font-weight: 600;
    margin-bottom: 6px;
}
.about-desc h2 {
  color: #444;
  font-size: 34px;
  margin-bottom: 21px;
  text-transform: capitalize;
}
a.rounded-btn {
  border: 1px solid #136978;
  border-radius: 25px;
  display: inline-block;
  font-weight: 600;
  margin-top: 7px;
  padding: 14px 35px;
  color: #136978;
  text-transform: uppercase;
}
a.rounded-btn:hover {
    background: #136978;
    color: #fff
}
.about-desc p.text-2 {
  margin: 24px 0;
}

/*-------------------
    05. Service css here
-----------------------*/

.service-left {
min-height: 568px;
    position: relative;
}
.service-left::after {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
	content: '';
}
.service-left h2 {
	text-align: center;
	top: 10%;
	position: absolute;
	left: 20%;
	color: #ddd;
	z-index: 99;
	letter-spacing: 10px;
}
.sin-service {
cursor: pointer;
height: 284px;
padding: 45px 30px;
text-align: center;
     -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.ser-img {
	width: 50px;
	margin: 0 auto;
}
.sin-service > h3 {
color: #555;
font-size: 22px;
font-weight: bold;
margin: 10px 0;
text-transform: uppercase;
     -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.img-hide {
	display: none;
}
.sin-service:hover .img-hide{display: block}
.sin-service:hover .img-show{display: none}
.sin-service p {
color: #555;
     -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.sin-service:hover{background: #136978}
.sin-service:hover h3{color: #fff}
.sin-service:hover p{color: #fff}
.ab-image-one {
	width: 88%;
	margin: 0 auto;
	border: 1px solid #ddd;
	padding: 15px;
}
.ab-image-two {
	width: 80%;
	margin: 0 auto;
	border: 1px solid #ddd;
	padding: 15px;
	margin-top: -12px;
    background: #fff;
}
.service-left{background-image: url(images/bg/ser.jpg);
background-position: center;
    background-size: cover;
}
.border-b{border-bottom: 1px solid #ddd}
.border-r{border-right: 1px solid #ddd}
.border-r-b{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd}

/*--------------------------
    06. Fun fact css here
--------------------*/
.fun-fact {
    background: url(images/bg/1.jpg)no-repeat scroll center center;
    background-size: cover;
}
.fun-icon a {
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 30px;
  height: 68px;
  line-height: 68px;
  width: 68px;
}
.fun-icon a:hover {
  background: #fff none repeat scroll 0 0;
    color: #F87FB3;
}
.single-fun-fact.middle-margin {
    float: right;
    margin-right: 70px;
}
.single-fun-fact.middle-margin-left {
    float: right;
    margin-right: 5px;
}
.single-fun-fact p {
    color: #fff;
    font-size: 42px;
    font-weight: bold;
}
.single-fun-fact h5 {
  color: #fff;
  display: inline-block;
  line-height: 16px;
  margin-bottom: 0;
  margin-top: 8px;
  text-transform: uppercase;
}
.fun-icon {
    margin-bottom: 30px;
}
/*----------------
    07. Gallery css here
----------------*/
.section-title h2 {
  color: #535353;
  display: inline-block;
  font-size: 30px;
  line-height: 21px;
  margin-bottom: 52px;
  position: relative;
  text-transform: uppercase;
}
.section-title h2:before {
  background: #136978 none repeat scroll 0 0;
  bottom: -30px;
  content: "";
  height: 1px;
  left: 50%;
  margin-left: -68px;
  position: absolute;
  width: 136px;
}
.section-title.text-center > p {
	margin-bottom: 50px;
}
.section-title h2:after {
    background: #fff none repeat scroll 0 0;
    bottom: -43px;
    color: #136978;
    content: "\f08a";
    font-family: FontAwesome;
    left: 50%;
    margin-left: -16px;
    padding: 0 5px;
    position: absolute;
}
.work {
    background: #f6f8fa none repeat scroll 0 0;
}
.work-filter {
  text-align: center;
  margin-top: 20px;
}
.mixitup-button {
    display: inline-block;
    margin-bottom: 50px;
    padding: 5px 66px;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
    color: #4a4a4a;
}
.mixitup-button li {
	display: inline;
	padding: 0 35px;
	cursor: pointer;
}
.work-filter .mix {
    display: none;
}
.mixitup-button li span{
    cursor: pointer;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
.mixitup-button li:hover,
.mixitup-button li.active {
    color: #F87FB3;
}
.mixitup-content {
    overflow: hidden;
}
.mix {
    margin: 0;
 
    padding: 0;
}
.mix-wrapper {
    position: relative;
    overflow: hidden;
}
.mix-wrapper img {
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
.overlay::before {
    background-color: #ff388e;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
.work-icon {
  margin-bottom: -26px;
  position: absolute;
  bottom: 40%;
  transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
  opacity: 0;
  width: 100%;
}
.work-icon a {
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    height: 52px;
    line-height: 50px;
    margin: 0 7px;
    text-align: center;
    width: 52px;
}
.mix .mix-wrapper:hover .overlay::before {
    opacity: 0.6;
}
.mix .mix-wrapper:hover .work-icon {
    opacity: 1;
    bottom: 50%;
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
}
.work-icon a:hover {
    background: #fff none repeat scroll 0 0;
    color: #e64b44;
}

/*-----------------------
    08. Feature css here
---------------------------*/
.pink{color: #F87FB3}
.feature-img img {
  border: 10px solid #136978;
  border-radius: 50%;
  height: 228px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 228px;
}
.single-feature {
     padding-top: 25px;
}
.single-feature:hover img {
  -webkit-transform: scale(1.07);
          transform: scale(1.07);
}
.feature-desc h3 a {
  font-weight: bold;
}
.feature-desc > h3 {
    color: #535353;
    font-size: 20px;
    text-transform: capitalize;
}
.feature-desc {
    margin-top: 26px;
}
.feature-desc > p {
    color: #F87FB3;
    font-size: 22px;
    font-weight: bold;
}


/*-------------------
    09. Testimonial css here
------------------------*/
.testimonial {
	background: #f6f8fa;
}
.testimonail-list {
	margin-top: 57px;
}
.single-testimonial p {
    font-style: italic;
    margin-top: -6px;
}
.single-testimonial > p i {
    color: #6bc513;
    font-size: 30px;
}
.single-testimonial > h3 {
color: #136978;
font-size: 16px;
font-weight: 600;
margin: 0;
text-align: right;
text-transform: capitalize;
}
.single-testimonial p.title {
    font-style: normal;
    margin: 0;
    text-align: right;
}
.owl-theme .owl-controls .owl-page span {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #136978;
  height: 16px;
  opacity: 1;
  width: 16px;
}
.owl-theme .owl-controls .owl-page.active span {
   background: #136978 none repeat scroll 0 0;
}
.testimonial .section-title h2::after,.work .section-title h2::after {
	background: #f6f8fa none repeat scroll 0 0;
}


/*----------------------------------------*/
/*  10.  Priceing section  CSS
/*----------------------------------------*/
.single-price {
  padding: 53px 15px;
  color: #fff;
  font-weight: 300;
  text-align: center;
  background: #7D78BA;
}
.single-price .single-price-rate {
  margin: 0 auto;
  display: table;
  border-radius: 50px;
  padding: 17px 23px;
}
.single-price-rate span {
  display: table-cell;
  padding-right: 5px;
  padding-left: 5px;
}
.single-price-rate .currency {
  vertical-align: top;
  font-size: 30px;
  padding-top: 5px;
}
.single-price-rate .rate {
  vertical-align: middle;
  font-size: 50px;
}
.single-price-rate .duration {
  vertical-align: bottom;
  font-size: 20px;
  padding-bottom: 10px;
}

.pricing-title {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  margin-top: 15px;
}
.single-price p {
  color: #fff;
  padding: 0 27px;
  margin-top: 13px;
  font-size: 14px;
}
.single-price a.rounded-btn {
  border: 1px solid #fff;
  border-radius: 25px;
  display: inline-block;
  font-weight: 600;
  margin-top: 7px;
  padding: 14px 15px;
  color: #fff;
  text-transform: uppercase;
}
.single-price a.rounded-btn:hover{
  border: 1px solid #136978;
}

/*----------------------------------------*/
/*  11.  Blog section  CSS
/*----------------------------------------*/

.sin-blog-det h3 a {
    color: #010101;
    font-size: 20px;
    font-weight: 500;
    font-family: "Raleway",sans-serif;
}
.blog-content > p {
    font-size: 15px;
    line-height: 30px;
}
.sin-blog-det > h3 {
    margin-bottom: 12px;
}
.readmore {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 15px;
    color: #333;
}
.sin-blog {
    border: 1px solid #c8c8c8;
    box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);
    padding: 15px;
}
.blog-meta > p {
    font-size: 13px;
}
.blog-content > p {
    font-size: 15px;
    line-height: 30px;
}
.sin-blog-det {
    padding: 25px 0px;
}
.sin-blog-img img {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.sin-blog-img {
    overflow: hidden;
    text-align: center;
}
.sin-blog:hover .sin-blog-det h3 a {
    color: #136978
}
.readmore:hover {
    color: #136978
}
.btn.submit-btn.btn-primary.blog-btn {
border-radius: 25px;
padding: 10px 20px;
}
/*----------------------------------------*/
/*  12.  Special offer  CSS
/*----------------------------------------*/

.fixed-bg-wrapper {
    background-attachment: fixed;
    background-image: url("images/bg/offer-bg.jpg");
    background-size: cover;
    padding: 100px 0;
    position: relative;
}
.fixed-bg-wrapper::before {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.fixed-bg > h2 {
  color: #fff;
  float: left;
  font-size: 42px;
  font-weight: 500;
  margin-bottom: 5px;
  text-align: left;
  text-transform: capitalize;
}
.fixed-bg a {
    background: #136978 none repeat scroll 0 0;
    color: #fff;
	border-radius: 25px;
	display: inline-block;
	font-weight: 600;
	margin-top: 7px;
	padding: 14px 35px;
	text-transform: uppercase;
    float: right;
    }
.fixed-bg a:hover {
    
    background: #fff;
    color: #136978;
}
.fixed-bg {
    width: 60%;
    margin: 0 auto;
}
.fixed-bg span {
	font-weight: 600;
}
/*----------------------------------------*/
/*  13.  Contact section  CSS
/*----------------------------------------*/

.contact-wraper form input {
    border: 1px solid #999;
    margin-bottom: 20px;
    padding: 10px 17px;
    width: 100%;
}
.contact-wraper form input:focus,.contact-wraper textarea:focus,.contact-wraper form input:active,.contact-wraper textarea:active{
    border-color: 1px solid #fff;
    box-shadow: none;
    outline: none;
    
}
.contact-wraper form input.input-small {
    width: 50%;
    float: left
}
.contact-wraper textarea {
    border: 1px solid #999;
    height: 120px;
    margin-bottom: 22px;
    padding: 10px 15px;
    width: 100%;
}
btn.submit-btn:hover {
    background: #333 none repeat scroll 0 0;
    border-color: #333;
    color: #fff;
}
.contact-wraper {
    padding-top: 65px;
}
.contact-address a {
  font-family: "Lato",sans-serif;
  font-weight: 400;
}
.contact-wraper form input:active,.contact-wraper form input:focus,.contact-wraper form textarea:active,.contact-wraper form textarea:focus{border: 1px solid #000}
/*----------------------------------------*/
/*  14.  Footer section  CSS
/*----------------------------------------*/
.add-icon {
    float: left;
    height: 35px;
    text-align: center;
    width: 35px;
    margin-top: 4px;
}
.sin-add p {
    overflow: hidden;
    padding-left: 15px;
    font-size: 16px;
    line-height: 26px;
}
.sin-add a {
    color: #333;
    margin-left: 8px;
}

.footer{
	width:100%;
	float:left;
	height:auto;
	padding:20px 0;
	background:#7D78BA ;
}
.footer h2{
	margin:0 0 15px;
	color:#777;
	font-weight:normal;
}
.footer ul{
	margin:0 0 0px;
}
.footer li{
	display:inline-block;
	margin:0 5px;
}
.footer li a{
	display:inline-block;
	font-size:16px;
	border:1px solid rgba(255,255,255,0.4);
	color:#fff;
	width:36px;
	line-height:34px;
	vertical-align:middle;
	text-align:center;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.btn.submit-btn.btn-primary {
	border-radius: 0;
	padding: 12px 30px;
}
.footer li a:hover{
	color:#fff;
	background:#136978;
}
.footer p{
	margin:0;
	font-size:12px;
	line-height:36px;
	color:#fff;
}

/*--------------------
    15. scrollup css here
----------------------*/
#scrollUp {
    background: #136978;
    bottom: 45px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 28px;
    height: 40px;
    line-height: 37px;
    position: fixed;
    right: 30px;
    text-align: center;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 40px;
    z-index: 9999;
}
#scrollUp i {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
#scrollUp:hover {
    background: #757575 none repeat scroll 0 0;
}

/*-------------------
    16. Breadcrumb css here
-----------------------*/

.breadcrumb {
    position: relative;
	background: url(images/bg/ser.jpg) no-repeat;
	background-position: center;
	background-size: cover;
	margin-top: 86px;
	padding: 65px 0px;
	text-align: center;
	color: #fff;
    margin-bottom: 0px;
}

.breadcrumb::before {
	background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.breadcrumb h2 {
	color: #fff;
	font-size: 40px;
	text-transform: capitalize;
    position: relative;
}
.breadcrumb h2::before {
	content: "";
	position: absolute;
	width: 80px;
	height: 5px;
	background: #fff;
	left: 50%;
	bottom: -17px;
	margin-left: -40px;
}
/*-------------------
    17. About us css here
-----------------------*/
.sin-team-det > h2 {
    color: #252525;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 3px;
    text-transform: capitalize;
}
.sin-team-det > span {
    color: #333;
    font-size: 17px;
    font-weight: 300;
    text-transform: capitalize;
}
.team-area {
    background: #fafafa none repeat scroll 0 0;
    padding: 120px 0 110px;
}
.sin-team {
    position: relative;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.sin-team-img > img {
    width: 100%;
}
.sin-team-det {
    padding: 10px 24px;
    background: #eee;
}
.team-social {
	right: 10px;
	margin-left: -68px;
	position: absolute;
	top: 23%;
	z-index: 999;
}
.team-overlay:before {
    content: "";
    height: 100%;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
}
.sin-team-img {
    overflow: hidden;
    position: relative;
}
.team-overlay::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: -100%;
    width: 100%;
    z-index: 99;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
.sin-team:hover .team-overlay::before {
    content: "";
    height: 100%;
    left: 0px;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    opacity: 0;
}

.team-social > a {
	background: #222 none repeat scroll 0 0;
	border-radius: 53px;
	color: #fff;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	margin: 0 2px;
	text-align: center;
	width: 35px;

	opacity: 0;
	transition: all 0.3s ease .0s;
	display: block;
	margin-bottom: 5px;
	font-size: 15px;
}
.sin-team:hover .team-social > a {
    opacity: 1;
    transition: all 0.3s ease .0s;
    -webkit-transition: all 0.3s ease .0s;
    -moz-transition: all 0.3s ease .0s;
}


.get-quate-inner {
	background: #7D78BA none repeat scroll 0 0;
	overflow: hidden;
	padding-top: 23px;
	top: 5px;
	border: 5px solid #FBBCD8;
	display: inline-block;
	padding: 32px 30px;
	margin-top: 40px;
}

.get-quate-inner p {
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    text-align: center;
    font-family: 'Lato', sans-serif;
}

.selection-par {
    float: left;
    padding: 0 6px 0 30px;
    width: 50%;
}

.selection-par select {
    height: 50px;
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
    color: #393d42;
    font-family: 'Lato', sans-serif;
}

.selection-par select {
    border: medium none;
    color: #393d42;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    margin-bottom: 20px;
    padding-left: 13px;
    width: 100%;
}

.selection-button input {
    border: medium none;
    color: #393d42;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    height: 50px;
    padding-left: 15px;
    width: 100%;
}

.qbuuton {
	background: #136978 none repeat scroll 0 0;
	border-radius: 0px;
	color: #ffffff;
	display: inline-block;
	font-size: 13px;
	margin-top: 4px;
	padding: 8px 19px;
	text-align: center;
	margin-left: 4px;
	font-weight: 400;
	text-transform: capitalize;
	font-weight: 500;
}

.selection-button {
    float: right;
    padding: 0 30px 0 6px;
    width: 50%;
}

.quote-des {
    margin-top: 170px;
}

.qbuuton:hover {
    color: #ffffff!important;
}
.datetimepicker, .datetimepicker:focus,input,input:focus{
	border: 1px solid #fff;
    background: #fff;
}
.get-quate-inner input {
	width: 48%;
	margin: 0 1%;
	margin-bottom: 15px;
	height: 40px;
	margin-top: 2px;
	padding: 0 10px;
}

/*-------------------
    18. Service page css here
-----------------------*/
.sinp-service h3 {
	color: #F87FB3;
	text-align: center;
	font-weight: 500;
	padding-top: 20px;
	text-transform: capitalize;
	font-size: 24px;
}
.service-img {
	border-bottom: 2px solid #7D78BA;
}
.get-quate-inner select {
	width: 48%;
	height: 40px;
	margin-bottom: 15px;
	margin-left: 1%;
	margin-top: 2px;
}
.price {
	float: left;
	color: #222;
	font-size: 16px;
    margin-bottom: 5px;
}
.amount {
	float: right;
	color: #222;
	font-size: 16px;
    margin-bottom: 5px;
}
.rate {
	display: block;
	overflow: hidden;
	border-bottom: 1px dotted #000;
	border-top: 1px dotted #000;
	padding-top: 5px;
	margin-top: 37px;
}

.sinp-service .qbuuton{margin-left: 0px;margin-top: 25px;}
.ser-page.owl-theme .owl-controls .owl-page.active span {
	background: #535353 none repeat scroll 0 0;
}
.ser-page.owl-theme .owl-controls .owl-page span {
	border: 2px solid #535353;

}
.ser-page.owl-theme .owl-controls {
	margin-top: 50px;
}
/*----------------------------------------*/
/*  19.  BLOG  PAGE CSS
/*----------------------------------------*/
.blog-page-content {
padding-bottom: 80px;
}
.blog-page-content .single-blog {
  margin-top: 0;
}
.blog-page-content .blog-heading a {
font-size: 17px;
font-weight: 400;
margin-bottom: 10px;
}
.blog-wrapper {
padding: 20px 0px;
}
.blog-heading {
font-size: 19px;
font-weight: 400;
margin-bottom: 10px;
}
.blog-page-content .form-control {display: inline-block;}
.blog-page-content .shop-short-wrapper .sort label {float: right !important;}
.blog-page-content .shop-short-wrapper .form-control.show-sort {float: right !important;}
.blog-wrapper .blog-detail {
padding-right: 15px;
}
.blog-meta {font-size: 13px;}
.single-blog img {width: 100%;}
.blog-content {padding: 10px 0;}
.single-blog {
margin-bottom: 32px;
margin-top: 20px;
overflow: hidden;
}
.blog-content {
color: #7f7f7f;
font-size: 15px;
line-height: 27px;
padding: 10px 0;
}
.commentlists-div ol, .commentlists-div ul {
list-style: outside none none;
}
.commentlists {
border-bottom: 1px solid #e7e6e6;
margin-bottom: 25px;
padding-bottom: 25px;
padding-left: 0px;
}
.commentlists div.avatar {
float: left;
margin-right: 15px;
}
.commentlists .the-comment .comment-box {
margin-left: 70px;
overflow: hidden
}
.children-comment {
padding-left: 70px;
}
.commentlists .the-comment {
border-top: 1px solid #e7e6e6;
margin-top: 25px;
padding-top: 25px;
}
.com-name {
color: #777777;
font-size: 12px;
font-weight: normal;
margin-bottom: 0;
}
.comment-text {
margin-top: 26px;
color: #666;
font-weight: 300;
}
.comment-author.meta > p {
color: #777777;
font-size: 13px;
}
.sin-post .form-control {background-color: #fff;}
.comment-form .form-control {
	border: 1px solid #999;
	border-radius: 0px;
}
.form-control:focus {
	border-color: #999;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 8px rgba(102, 175, 233, 0);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102, 175, 233, 0);
}
.btn.btn-primary.submit {border: 0 solid;}
.blog-meta span {margin-right: 6px;}
.btn.btn-primary.continue-shopping.pull-left {
background: #fff none repeat scroll 0 0;
border: 1px solid #ddd;
color: #444;
}
.btn.btn-primary.continue-shopping.pull-left:hover {
background: #ddd none repeat scroll 0 0;
color: #000;
}
.blog-page-content .blog-wrapper .sin-post-image {
margin-bottom: 25px;
}
.widget-area {
padding: 20px 0px;
}
.search-box h6 {
color: #333333;
font-size: 13px;
font-weight: 700;
margin-bottom: 36px;
text-transform: uppercase;
}
.search-box .form-control {
border-color: #dddddd;
box-shadow: none;
font-size: 16px;
height: 41px;
}
.search-box .form-control:focus {
  border-color: #ddd;
  box-shadow: none;
  outline: 0 none;
}
.search-box .btn-default {
  background-color: #ffffff;
  border-color: #dddddd;
  color: #333333;
  font-size: 19px;
}
.search-box .btn-default:hover {
  background-color: #fff;
  border-color: #ddd;
  color: #333333;
}
.sin-widget h6 {
color: #333333;
font-size: 13px;
font-weight: 700;
margin-bottom: 36px;
text-transform: uppercase;
}
.sin-widget a {
  color: #333333;
  display: block;
  font-size: 15px;
  margin-top: 12px;
  padding-bottom: 1px;
  width: 100%;
    font-weight: 500;
}
.sin-widget ul i {
	float: right;
	font-size: 11px;
	margin-top: 5px;
}
.sin-widget span {
	color: #136978;
	font-size: 13px !important;
}
.sin-widget {
  border-top: 1px solid #dddddd;
  margin-top: 45px;
  padding-left: 4px;
  padding-top: 40px;
}
.search-box .btn-default,.search-box .btn-default:hover {
	background-color: #136978;
	border-color: #136978;
	color: #fff;
	font-size: 19px;
}

.sin-widget.style-two ul i {
  display: inline-block;
  float: left;
  font-size: 11px;
  margin-right: 11px;
  margin-top: 4px;
}
.sin-widget.style-two a {
  color: #777777;
  font-size: 14px;

}
blockquote {
	border-left: 5px solid #F87FB3;
}

/*-------------------
    20. Pricing page css here
-----------------------*/

.table-body ul li {
	position: relative;
	padding: 12px 0px;
	border-bottom: 1px dashed #505050;
	font-style: italic;
}
.table-body ul li a, .table-body ul li span {
	float: right;
	color: #F87FB3;
}
.table-header {
	background: #F87FB3;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	position: relative;
	padding: 10px 20px;
	text-transform: uppercase;
}
 .table-body {
	position: relative;
	padding: 10px 24px 10px;
	background: #fbf9fe;
	font-size: 14px;
}
.sin-pricelist {
	position: relative;
	border: 1px solid #F87FB3;
}
.book {
	height: 86px;
	width: 86px;
	background: #F87FB3;
	text-align: center;
	border-radius: 90px;
	margin: 0 auto;
	margin-top: 21px;
	margin-bottom: -57px;
}
.book a {
	color: #fff;
	line-height: 86px;
	display: block;
}
/*module css*/

#productModal button.close {
	position: absolute;
	right: -12px;
	top: -12px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	z-index: 2;
	opacity: 1;
	background-image: url('images/cross.png');
	text-indent: -999999;
}
#productModal button.close span {
    border: none;
	color: #fff;
	display: block;
	height: 34px;
	line-height: 18px;
	text-align: center;
	width: 34px;
	padding-top: 1px;
	text-indent: -9999px;
}
.sub-tit {
	color: #000 !important;
	text-align: left !important;
	font-size: 20px !important;
	padding-left: 5px;
}