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

    Template Name: Sparose - Health & Beauty template
    Description: This is html5 template
    Author: obxtheme
    Version: 1.1

-----------------------------------------------------------------------------------
    
    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
/*----------------------------------------*/

.mb-30{margin-bottom: 30px!important;}
.bg-color-1{background: #f6f8fa}
.navbar .navbar-nav li:hover > a,.navbar .navbar-nav li.active a{
    background-color: transparent;
    color: #F880B4 ;
}
.navbar .navbar-nav > li > a:focus {
    background-color: transparent
}
.navbar-brand {
    padding: 0px;
}
.nav > li {
	position: relative;
}
.navbar {
    background-color: transparent;
    border: none;
    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: 12px 0px;
	display: inline-block;
}
.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: #F880B4;
  float: right;
  border: 1px solid #F880B4;
  border-radius: 20px;
}
.appointment-button a:hover {
	background: #fff;
	color: #F880B4 ;
	border: 1px solid #F880B4 ;
}
.appointment-button i {
	margin-right: 9px;
}
.drop-down {
	position: absolute;
	background: #fff;
	width: 175%;
	top: 100%;
	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
-----------------------*/

.slider-1{background-image:url(images/banner/1.jpg);}
.slider-2{background-image:url(images/banner/2.jpg);}
.slider-3{background-image:url(images/banner/3.jpg);}
.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: #F880B4;
	margin: 0 0 25px;
	font-size: 60px;
	font-weight: 700;
}
.banner p {
  color: #757575;
  font-size: 18px;
  line-height: 33px;
  margin: 0 0 35px;
  padding: 0px 200px;
}
.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: rgb(255, 0, 102);
	opacity: .5;
}
.control:hover {
 opacity: .7;
    color: #fff;
    background: rgb(255, 0, 102);
}
.left.control{
  left:10px;
}
.right.control {
  right:10px;
}
.btn-primary, .btn-primary:focus, .btn-primary:active {
  background: #F880B4 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  margin-top: 0;
  padding: 12px 20px;
  text-transform: uppercase;
  -webkit-transition: all .5s;
  transition: all .5s;
  font-weight: 600;
  border: 0px solid;
  letter-spacing: 2px;
  border-radius: 22px;
}
.btn-primary:hover {
    background:#F90870 ;
    -webkit-transition: all .5s;
    transition: all .5s;
}

/*-------------------
    04. About css here
--------------------*/
.about-section.ptb-100 {
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 #F880B4;
  border-radius: 29px;
  display: inline-block;
  font-weight: 600;
  margin-top: 7px;
  padding: 9px 25px;
  color: #F880B4;
  text-transform: uppercase;
}
a.rounded-btn:hover {
    background: #F880B4 ;
    color: #fff
}
.about-desc p.text-2 {
  margin: 24px 0;
}
.about-img img {
	width: 100%;
}
.about-carousel.owl-theme .owl-controls .owl-buttons div {
	background: #F880B4 none repeat scroll 0 0;
	border: 0px solid;
	border-radius: 16px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	margin: 0;
	opacity: 1;
	padding: 0px 0px;
	width: 22px;
	height: 22px;
	margin-top: 5px;
	line-height: 21px;
}
.about-carousel.owl-theme .owl-controls .owl-buttons div:hover {
	background: #720F83 none repeat scroll 0 0;
}
.about-carousel.owl-theme .owl-controls .owl-buttons .owl-prev{margin-right: 5px}
.about-carousel.owl-theme .owl-controls {
	margin-top: 0;
	text-align: center;
}
/*-------------------
    05. Service css here
-----------------------*/
.about-section {
	background: #f9f9f9;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
}
#service-area .section-title h2::after {
	background: #f9f9f9 none repeat scroll 0 0;
}
.service-left {
    text-align: center;
    position: relative;
}
.service-left h2 {
	text-align: center;
	color: #000;
	letter-spacing: 10px;
	padding-top: 50px;
    z-index: 9999
}
.img-wrapper img {
	border: 12px solid #F880B4;
}

.sin-service {
cursor: pointer;
height: 284px;
padding: 20px 30px;
text-align: center;
     -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.ser-img {
	width: 50px;
	margin: 0 auto;
}
.ser-icon i {
	font-size: 45px;
}
.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;
}
.sin-service p {
color: #555;
     -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.sin-service:hover{background: #F880B4 }
.sin-service:hover h3{color: #fff}
.sin-service:hover p{color: #fff}
.sin-service:hover .ser-icon i{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;
}

.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/hand.jpg);
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
.fun-fact:before{
  position: absolute;
  content:'';
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .4;
}
.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: 35px;
	font-weight: bold;
}
.single-fun-fact h5 {
	color: #fff;
	display: inline-block;
	line-height: 16px;
	margin-bottom: 0;
	margin-top: 8px;
	text-transform: uppercase;
	font-size: 25px;
}
.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: #F880B4  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;
	margin-top: 9px;
}
.section-title h2::after {
  background: #fff none repeat scroll 0 0;
  bottom: -38px;
  color: #F880B4;
  content: "\f119";
  font-family: Flaticon;
  left: 50%;
  margin-left: -16px;
  padding: 0 5px;
  position: absolute;
}
.work-filter {
  text-align: center;
}
.mixitup-button {
    display: inline-block;
    margin-bottom: 40px;
    padding: 5px 66px;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
    color: #4a4a4a;
}
.mixitup-button li {
	display: inline;
	padding: 4px 22px 6px;
	cursor: pointer;
    background: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    border-radius: 45px;
}
.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 {
    color: #F880B4 ;
}
.mixitup-button li.active {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    background: #F880B4;
	color: #fff;
}
.mixitup-content {
	overflow: hidden;
	padding-right: 15px;
}
.mix {
	padding-right: 0px;
	padding-left: 15px;
	padding-top: 15px;
}
.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: #720F83;
    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 {
	color: #ffffff;
	display: inline-block;
	font-size: 25px;
	height: 52px;
	line-height: 48px;
	margin: 0 7px;
	text-align: center;
	width: 52px;
}
.overlay::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s 0.2s;
	/* transition: opacity 0.5s 0.2s; */
	background: -moz-linear-gradient(left, rgba(255,43,88,0.8) 0%, rgba(114, 15, 131,0.8) 100%) !important;
	background: -webkit-linear-gradient(left, rgba(255,43,88,0.8) 0%,rgba(114, 15, 131,0.8) 100%) !important;
	background: linear-gradient(to right, rgba(255,43,88,0.8) 0%,rgba(114, 15, 131,0.8) 100%) !important;

}
.mix .mix-wrapper:hover .overlay::before {
    opacity: 0.8;
}
.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 {
   
    color: #fff;
}

/*-----------------------
    08. Feature css here
---------------------------*/
.pink{color: #F880B4 }
.feature-img img {
  
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  /* border: 3px solid #d2cdcd; */
  /* padding: 5px; */
  
}
.feature-img {
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 2px 2px 9px rgba(0,0,0,.2);
  
}
.single-feature {
     padding-top: 25px;
}
.feature-desc h3 a{
  font-weight: 500;color: #F880B4
}
.feature-desc h3 a:hover{
  color: #F90870;
}
.feature-desc > h3 {
    font-size: 18px;
    text-transform: capitalize;
    text-align: center;
}
.feature-desc {
    margin-top: 26px;
}
.feature-desc > p {
	color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	margin-top: 20px;
}
.feature-rate p {
  color: #FEFEFE;
  font-size: 16px;
  font-weight: 400;
  background: #f880b4;
  text-align: left;
  display: inline-block;
  padding: 7px 10px;
  border-radius: 11px 1px 13px 0px;
}
.feature-rate {
  margin-top: 24px;
  display: block;
}

/*-------------------
    09. Testimonial css here
------------------------*/
.testimonial {
  position: relative;
  background: #f6f8fa;
}

.testimonail-list {
	margin-top: 57px;
}
.single-testimonial p {
  font-size: 15px;
}
.single-testimonial > p i {
    color: #6bc513;
    font-size: 30px;
}
.tes-img {
	text-align: center;
	margin-bottom: 25px;
}
.tes-img img {
  border: 2px solid #F880B4;
  border-radius: 100px;
  width: 70px;
}
.section-title h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 30px;
}
.single-testimonial{
  text-align: center;
}
.single-testimonial > h3 {
  color: #f880b4;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  text-align: center;
  text-transform: capitalize;
}
.single-testimonial p.title {
  font-style: normal;
  margin-bottom: 35px;
  text-align: center;
}
.owl-theme .owl-controls .owl-page span {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #F880B4;
  height: 16px;
  opacity: 1;
  width: 16px;
  margin: 0 7px;
}
.owl-theme .owl-controls .owl-page.active span {
   background: #F880B4 none repeat scroll 0 0;
}
.testimonial .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: #f90870;
  border-radius: 20px;
}
.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 {
  background: #fff;
  color: #f90870;
}

/*----------------------------------------*/
/*  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:hover img {
	transform: scale(1.1);
}
.blog-meta > p {
    font-size: 13px;
}
.blog-content > p {
    font-size: 15px;
    line-height: 30px;
}
.sin-blog {
  border-radius: 8px;
  overflow: hidden;
}
.sin-blog-det {
  padding: 25px 15px;
  border: 1px solid #e9e6e6;
  border-radius: 0px 0px 9px 9px;
}
.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: #F880B4 
}
.readmore:hover {
    color: #F880B4 
}
.btn.submit-btn.btn-primary.blog-btn {
border-radius: 25px;
padding: 10px 20px;
}
.sin-blog-img img {
  width: 100%;
}
/*----------------------------------------*/
/*  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: #F880B4  none repeat scroll 0 0;
    color: #fff;
	border-radius: 25px;
	display: inline-block;
	font-weight: 600;
	padding: 14px 35px;
	text-transform: uppercase;
    float: right;
    }
.fixed-bg a:hover {
    
    background: #fff;
    color: #F880B4 ;
}
.fixed-bg {
    width: 60%;
    margin: 0 auto;
}
.fixed-bg span {
	font-weight: 600;
}
/*----------------------------------------*/
/*  13.  Contact section  CSS
/*----------------------------------------*/
#contact {
	background: #f9f9f9;
    border-top: 1px solid #e4e4e4;
}
#contact .section-title h2::after {
	background: #f9f9f9 none repeat scroll 0 0;
}

.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{
    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: 5px;
}
.contact-address a {
  font-family: "Lato",sans-serif;
  font-weight: 400;
}
.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;
}
.add-icon i {
	font-size: 21px;
	color: #F880B4;
}
.contact-wraper form input:active,.contact-wraper form input:focus,.contact-wraper form textarea:active,.contact-wraper form textarea:focus{border: 1px solid #F880B4;background: #fff }
.form-messege.success {
	margin-left: 15px;
	padding-top: 15px;
	display: inline-block;
	font-size: 16px;
	color: #000;
}
/*----------------------------------------*/
/*  11.  Footer section  CSS
/*----------------------------------------*/

.sin-footer-head h5 {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
}
.sin-footer-head {
    margin-bottom: 35px;
}
.sin-footer-con > p {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}
.single-footer {
    margin-top: 25px;
}
.footer-widget {
  background: #6e6e6e none repeat scroll 0 0;
  padding-top: 75px;
  padding-bottom: 75px;
}
.footer-social li {
    display: inline-block;
    margin: 0px 3px ;
}

.footer-social a {
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 23px;
  height: 52px;
  line-height: 52px;
  width: 52px;
  margin-top: 5px;
}

.footer-social > ul::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 33%;
}
.footer-social > ul::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 1px;
    right: 0;
    position: absolute;
    top: 50%;
    width: 33%;
}
.footer-social > ul {
    position: relative;
}
.sin-footer-con a {
    color: #fff;
    font-size: 14px;
}
.quick-link-right {
    float: right;
    margin-right: 90px;
}
.quick-link-left {
    float: left;
}
.sin-footer-con li {
    margin-bottom: 5px;
}
.mail-send {
  background: #f880b4 none repeat scroll 0 0;
  border: medium none;
  border-radius: 52px;
  color: #ffffff;
  font-size: 13px;
  padding: 9px 12px;
  width: 30%;
  transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;;
}
.mail-send:hover {
  background: #F90870 none repeat scroll 0 0;
}
.subscribe-link {
  margin-top: 25px;
}
.subscribe-link > input {
	border: 1px solid #fff;
	border-radius: 23px;
	float: left;
	margin-right: 5%;
	padding: 7px 13px;
	width: 65%;
}
.subscribe-link > input{color: #999}
.subscribe-link ::-webkit-input-placeholder { /* Chrome */
  color: #999;
}
.subscribe-link :-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
.subscribe-link ::-moz-placeholder { /* Firefox 19+ */
  color: #999;
  opacity: 1;
}
.subscribe-link :-moz-placeholder { /* Firefox 4 - 18 */
  color: #999;
  opacity: 1;
}
.footer-social {
  margin-top: 40px;
  text-align: center;
}
.footer-area p {
  font-size: 12px;
  margin: 0;
  padding: 17px 0;
  text-align: center;
  color: #fff;
}
.footer-area {
  background: #595656;
}


/*--------------------
    15. scrollup css here
----------------------*/
#scrollUp {
    background: #F880B4 ;
    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;
    border-radius: 100px;
}
#scrollUp i {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
#scrollUp:hover {
  background: #F90870 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: 60px;
	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 {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 3px;
    text-transform: capitalize;
}
.sin-team-det > span {
    font-size: 17px;
    font-weight: 300;
    text-transform: capitalize;
}
.sin-team {
    color: #222!important;
    position: relative;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.sin-team:hover .sin-team-det {
	background: #F880B4;
	color: #fff;
}
.sin-team-img {
	max-height: 325px;
}
.sin-team:hover .sin-team-det h2 {color: #fff}
.team-area {
    background: #f9f9f9;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
}
.sin-team-img > img {
    width: 100%;
}
.sin-team-det {
    padding: 10px 24px;
    background: #eee;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
.team-social {
	right: 10px;
	margin-left: -68px;
	position: absolute;
	top: 23%;
	z-index: 999;
}
.sin-team-img {
    overflow: hidden;
    position: relative;
}
.team-social > a {
	background: #F880B4 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;
	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: #F90870 none repeat scroll 0 0;
  overflow: hidden;
  padding-top: 23px;
  top: 5px;
  display: inline-block;
  padding: 32px 30px;
  margin-top: 4px;
}
select {

	border: 1px solid #fff;

}
.get-quate-inner p {
    color: #605c5c;
    font-size: 26px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}
.get-quate-inner p:first-child {
	margin-bottom: 31px;
	color: #fff;
}
.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: #FFF none repeat scroll 0 0;
  border-radius: 0px;
  color: #f880b4;
  display: inline-block;
  font-size: 13px;
  margin-top: 4px;
  padding: 8px 19px;
  text-align: center;
  margin-left: 4px;
  text-transform: capitalize;
  font-weight: 700;
}

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

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

.qbuuton:hover {
  color: #ffffff !important;
  background: #f880b4;
}
.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
-----------------------*/
.service-page .sin-service {
  cursor: pointer;
  height: auto;
  padding: 20px 30px;
  text-align: center;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  /* margin: 15px; */
  background: #F6F3EF;
  overflow: hidden;
  display: block;
  margin-top: 30px;
  margin-left: 15px;
  margin-right: 15px;
}
.service-page .sin-service:hover {
	background: #F880B4;
}
.service-two {
	background: #f9f9f9;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
}
.sinp-service h3 {
	color: #F880B4 ;
	text-align: center;
	font-weight: 500;
	padding-top: 20px;
	text-transform: capitalize;
	font-size: 24px;
}
.sinp-service p {
  padding: 0 15px;
}
.service-img {
	border-bottom: 2px solid #720f83;
}
.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 #f880b4;
  border-top: 1px dotted #f880b4;
  padding-top: 5px;
  margin-top: 37px;
  padding: 0 25px;
}

.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;
}

.sinp-service {
  background: #f0f0f0;
  text-align: center;
  padding-bottom: 25px;
}
/*----------------------------------------*/
/*  19.  BLOG  PAGE CSS
/*----------------------------------------*/

.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: 100px 0px 80px;
}
.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;
}
#comments {
  padding-bottom: 100px;
}
.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: 100px 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: #F880B4 ;
	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: #F880B4 ;
	border-color: #F880B4 ;
	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 #F880B4 ;
}

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

.table-body ul li {
  position: relative;
  padding: 12px 21px;
  font-style: italic;
}
.table-body ul li:nth-child(2n) {
  background: #FCCCE1;
}
.table-body ul li a, .table-body ul li span {
	float: right;
	color: #F880B4 ;
}
.table-header {
  background: #F880B4;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  position: relative;
  text-transform: uppercase;
  padding: 14px;
}
 .table-body {
	position: relative;
	font-size: 14px;
}
.sin-pricelist {
	position: relative;
	border: 1px solid #F880B4;
	margin-bottom: 58px;
}
.book {
	height: 86px;
	width: 86px;
	background: #F880B4 ;
	text-align: center;
	border-radius: 90px;
	margin: 0 auto;
	margin-top: 21px;
	margin-bottom: -57px;
    -webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
    border: 2px solid #F880B4;
}
.book:hover {
    background: #fff;
    border: 2px solid #F880B4;

}

.book a {
	color: #fff;
	line-height: 82px;
	display: block;
}
.book:hover a {
	color: #F880B4;
}
/*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: -999999px;
}
#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: 99999px;
}
.sub-tit {
	color: #fff !important;
	text-align: left !important;
	font-size: 20px !important;
	padding-left: 5px;
}

/*---------preloader---------*/
#loading {
    background-color: #fcfcfc;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 1;
    margin-top: 0px;
    top: 0px;
    z-index: 9999999;
}

.spinner {
    font-size: 10px;
    height: 70px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px;
    margin-top: -35px;
}

.spinner>.single_rect {
    background-color: #F880B4;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}
/*--------end preloader style----------*/