/*-----------------*/
/*Started By Sachin Kanojia*/
/*-----------------*/

*{outline:none;}
body{color:#fff;}
.overflow{overflow:hidden;}
.overflowau{overflow:auto;}
.cursor{cursor:pointer;}



/*font section Starts Here*/
.fcwhite{color:#fff;}

.fs0{font-size:0px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}


.ffla{font-family:Arial, Helvetica, sans-serif;}
.fflv{font-family:Verdana, Arial, Helvetica, sans-serif;}




.tu{text-transform:uppercase;}

.fbld{font-weight:bold;}
.italic{font-style:italic;}
/*font section Ends Here*/

/*heights & line heights Starts Here*/
.lhnrm{line-height:normal;}
.lh16{line-height:16px;}
/*heights & line heights Ends Here*/

/*text alignment Starts Here*/
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
/*text alignment Ends Here*/


/*widths  .w(p denotes for px/ percentage is left blank) Starts Here*/
.wau{width:auto;}
.w25{width:25%;}
.w33{width:33%;}
.w50{width:50%;}
.w100{width:100%;}
.w980p{width:980px;}
/*widths  .w(p denotes for px/ percentage is left blank) Ends Here*/


/*floating values Starts Here*/
.fl-l{float:left;}
.fl-r{float:right;}
.clear{clear:both;}
/*floating values Ends Here*/


/*margin and padding Starts Here*/
.mar0a{margin:0px auto;}
.mart5{margin-top:5px;}
.mart10{margin-top:10px;}
.mart15{margin-top:15px;}

.marl5{margin-left:5px;}
.marr15{margin-right:15px;}

.pad0{padding:0px;}
.padb10{padding:10px;}
/*margin and padding Ends Here*/

.top-barbg {background:#000; /*font-family: 'Dancing Script', cursive;*/ border-bottom:1px solid #676254;}
.top-barbg .navbar-collapse .navbar-nav li a {/*font-family: 'Dancing Script', cursive;*/ font-size:18px;}
.table-responsive.esc-profle table tbody tr th, .table-responsive.esc-profle table tbody tr td{padding:4px;}
.table-responsive.esc-profle table thead {background:#f15066; color:#fff;}
.navbar-brand {padding:0px 0px;}
.img-content {width:100%;}
.navbar-default .navbar-brand.logo-txt {font-size:40px; color:#f5e5a7; font-weight:bold; padding:20px 24px;}
.massage-typetxt {background:url(../assets/blackbg.png) repeat; width:100%; position:absolute; bottom:0; height:40px; line-height:40px; color:#fff; padding:0px 15px; font-size:16px;}
.gallery-txt {position:absolute; z-index:999; padding:0px; width:100%; text-align:center; top:50%; color:#fff; text-shadow:0 0 3px #000; font-size:38px; margin:-95px 0 0 0;}
.pic-box {width:90%; margin:0px auto;}
.pic-box h3 {color:#fff; text-align:center; margin:10px 0px;}
.pic-box .slick-slider {margin-bottom:0px; border: 1px solid #8e8888; margin-bottom:10px; background:url(../assets/blackbg.png) repeat;}
.video-box {width:100%; float:left;}
#slider {display:none;}
.about-box {width:80%; margin:0px auto; padding:40px 30px 20px 30px; text-align:center;}
.about-box h2 {padding-bottom:20px;}
.about-box p {background: rgba(0, 0, 0, 0.5); padding:40px; text-align:justify;}
video { 
   /*position: fixed;
     top: 50%;
    left: 50%;*/
    min-width: 100%;
    min-height: 100%;
    width: 100% !important;
    height: 580px; background:#000;
    z-index: 1000;
	background-size: cover;
/* background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;*/
  /*background-size: cover;
  transition: 1s opacity;*/
}

/*button and loadder css start here*/
#one {position:relative;}
#one .type-1 {position:relative; text-align:center; width:100%;}

#two {position:relative; background:url(../assets/lola-bg.jpg) left top #fff no-repeat; background-size:100%;}
#two .type-1 {position:relative; text-align:center; width:100%; color:#fff;}

#three {position:relative; padding-bottom:13%; background:url(../assets/misha-bg.jpg) center top #fff  no-repeat; background-size:100%;}
#three .type-1 {position:relative; text-align:center; width:100%;}
#three .type-1 .btn-1 {margin-bottom:0px;}

#four {position:relative; padding-bottom:13%; background:url(../assets/both-bg.jpg) center top #fff  no-repeat; background-size:100%;}
#four .type-1 {position:relative; text-align:center; width:100%;}
#four .type-1 .btn-1 {margin-bottom:0px;}

.btn-1 {background-color:#d01919; width:220px; border-radius:5px; height:38px; line-height:38px; margin:0px auto 0px auto; cursor:pointer; color:#fff; text-align:center;}
.btn-1 .round {
	background-color: #f59965;
}
.type-1 { min-width:190px;
	text-decoration: none;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 5px;
	padding: 5px 15px;
	color: #fff !important;
	font-weight: bold;
	position: relative;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	display: inline-block;
}
.type-1 span {
	position: relative;
	z-index: 3; color:#fff !important;
}
.type-1 .round {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 38px;
	height: 38px;
	position: absolute;
	right: 3px;
	top: 3px;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index: 2;
}
.type-1 .round i {
	position: absolute;
	top: 50%;
	margin-top: -6px;
	left: 50%;
	margin-left: -4px;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.txt {
	font-size: 14px;
	line-height: 1.45;
}
.type-1:hover {
	padding-left: 48px;
	padding-right: 28px; color:#fff !important; text-decoration:none;
}
.type-1:hover .round {
	width: calc(100% - 6px);
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px; color:#fff;
}
.type-1:hover .round i {
	left: 12%;
}
.type-1 {position:relative; 
	-webkit-animation-name: animatebottom;
	-webkit-animation-duration: 1s;
	animation-name: animatebottom;
	animation-duration: 1s; color:#fff;}
.fs16 {font-size:16px;}

/*loader + fade in btn css start here*/
 @-webkit-keyframes animatebottom {
 from {
bottom:-100px;
opacity:0
}
 to {
bottom:0px;
opacity:1
}
}
 @keyframes animatebottom {
 from {
bottom:-100px;
opacity:0
}
 to {
bottom:0;
opacity:1
}
}
/*button and loadder css end here*/

.inner_header {width:100%; height:auto; min-height:400px; float:left; background:url(../assets/services_header.jpg) left top no-repeat #000; padding-top:100px; background-size:100%; padding:10% 0; text-align:center; margin-top:50px;}
.inner_header h3 {font-family: 'Roboto-Bold'; color:#f7a055; text-align:center; font-size:48px; background: rgba(0, 0, 0, 0.5); padding:5px 25px; margin-top:0px;}
.banr_txt {width:auto; background: rgba(0, 0, 0, 0.5); display:inline-block;}
.bradcrum {text-align:center; color:#fff; padding-bottom:14px;}
.bradcrum a {text-decoration:none; color:#fff; font-size:16px; font-family: 'Roboto';}
.bradcrum a:first-child::after {content:" / "; padding-right:10px; padding-left:10px;} 
.middle_section {width:100%; float:left; background:url(../assets/middle_bg.png) center top no-repeat #fff; min-height:400px; background-size:100%;padding-bottom:15px;}
.srvc_leftpanel {width:66%; float:left;}
.service_hdng {color:#a92976; font-family: 'Roboto-Bold'; text-align:left; width:100%; border-bottom:1px solid #e7e7e7; padding-bottom:8px;}
.middle_section.inner_page {background:#fff; color:#e7e7e7;}
.srvc_txt {width:100%; float:left; text-align:justify; color:#333;}
.srvc_gallery {width:30%; float:left; padding-left:4%; padding-top:30px; padding-bottom:20px;}
.srvc_gallery .slider div img {width:100%;}
.srvc_gallery .slider ul.slick-dots {bottom:30px;}
.srvc_gallery .slider ul.slick-dots li a {color:#FFF;}
.srvc_gallery .slider ul.slick-dots li a:hover, .srvc_gallery .slider ul.slick-dots li a:focus {text-decoration:none;}
.srvc_gallery .slider ul.slick-dots li a:before {opacity:1;}
.srvc_gallery .slider .slick-prev {left:25px;}
.srvc_gallery .slider .slick-next {right:25px;}
.btn-1.marr15 {margin-right:15px;}

@media (min-width:320px) and (max-width:767px) {
	.img-content {height:100vh; background-position:center; background-repeat:no-repeat; background-size:cover; width:100%;}
	.navbar-default .navbar-brand.logo-txt {padding:14px 0px;}
	.navbar-default .navbar-toggle, .navbar-default .navbar-collapse {background:#000;}
	.nav.navbar-nav.fl-r {float:none;}
	#first .slider img.slider-lg {display:none;}
	#first .slider img.slider-sm {display:block;}
	#first .slider h1 {display:block;}
	header {position: relative; margin-top:51px; height:100vh; background-position: center; -webkit-background-size: cover;     -moz-background-size: cover; background-size: cover; -o-background-size: cover;s}
	.video-box {display:none;}
	#slider {display:block;}
	.about-box {width:100%; margin:0px auto; padding:20px; text-align:center;}
	.about-box h2 {font-size:22px;}
	.about-box p {padding:20px;}
	.inner_header h3 {font-size:30px;}
	.srvc_leftpanel {width:100%;}
	.srvc_gallery {width:100%; padding-left:0;}
	.srvc_leftpanel .btn-1 {width:auto; padding:0px 8px; margin-bottom:5px;}
	.srvc_leftpanel .btn-1.fl-r{float:left;}
	.srvc_leftpanel:first-child .btn-1.fl-r{margin-right:10px;}
}

@media (min-width:767px) and (max-width:991px) {
	.img-content {height:100vh; background-position:center; background-repeat:no-repeat; background-size:cover; width:100%;}
}
@media (max-width:1299px) {
	.inner_header {min-height:auto; background-size:cover;}
}
@media (min-width:768px) and (max-width:1920px) {
	.pic-box {width:375px;}
	#first .slider div img {height:100vh; width:100%;}
	#first .slider img.slider-sm {display:none;}
	#first .slider h1 {display:none;}
	header {margin-bottom:0px;}
}


@media only screen and (max-width:768px) {
.fixed-header .header-content { width: auto;}
.content {
    width: auto;
    margin: auto;
    padding: 0px;
}

.blue h3 {
    font-size: 24px;
}
pre {
    font-size: 10px;
}
.button {
     width:  auto;
     margin: 0 auto 20px;
}
.button.first {
    margin-top: 40px;
}

.buttons {
  padding: 0px 0px 20px;
}

.buttons .button {
  margin: 1%;
  float: left;
  width: 48%;
  font-size: 12px;
}

}
#first .slider div img {height:85vh;}
#first .slick-dots {bottom:60px;}
#first .slick-dots li a {width:10px; height:10px; background:#fff; border-radius:10px; background:#fff; border:2px solid #fff; text-indent:-1999px;}
#first .slick-dots li.slick-active a {width:10px; height:10px; border:2px solid #fff; background:#000;}

#one .slick-dots {bottom:0px;}
#one .slick-dots li a {width:10px; height:10px; background:#fff; border-radius:10px; background:#fff; border:2px solid #fff; text-indent:-999px;}
#one .slick-dots li.slick-active a {width:10px; height:10px; border:2px solid #fff; background:#000;}

#two .slick-dots {bottom:0px;}
#two .slick-dots li a {width:10px; height:10px; background:#fff; border-radius:10px; background:#fff; border:2px solid #fff; text-indent:-999px;}
#two .slick-dots li.slick-active a {width:10px; height:10px; border:2px solid #fff; background:#000;}

#three .slick-dots {bottom:0px;}
#three .slick-dots li a {width:10px; height:10px; background:#fff; border-radius:10px; background:#fff; border:2px solid #fff; text-indent:-999px;}
#three .slick-dots li.slick-active a {width:10px; height:10px; border:2px solid #fff; background:#000;}

#four .slick-dots {bottom:0px;}
#four .slick-dots li a {width:10px; height:10px; background:#fff; border-radius:10px; background:#fff; border:2px solid #fff; text-indent:-999px;}
#four .slick-dots li.slick-active a {width:10px; height:10px; border:2px solid #fff; background:#000;}

audio {display:none;}
.iwrap a {
    color: #ffffff;
    text-decoration: none;
}
@media (min-width:768px) {
	#bs-navbar ul.nav li:nth-child(3) {display:none;}
	#bs-navbar ul.nav li:nth-child(4) {display:none;}
	#bs-navbar ul.nav li:nth-child(5) {display:none;}
	.servc-blok-lg {display:none;}
}
@media (max-width:768px) {
	#bs-navbar ul.nav li:nth-child(2) {display:none;}
	#bs-navbar ul.nav li:nth-child(3) {display:block;}
	#bs-navbar ul.nav li:nth-child(4) {display:block;}
	#bs-navbar ul.nav li:nth-child(5) {display:block;}
	.servc-blok-xs {display:none;}
.bg-primary {
    background:url(../assets/both-sm.jpg) center top  repeat-y #000; background-size:100%;
}
}