@font-face {
  font-family: 'Montserrat-Regular';
  src: url('fonts/Montserrat-Regular.eot');
  src: url('fonts/Montserrat-Regular.woff2') format('woff2'),
       url('fonts/Montserrat-Regular.woff') format('woff'),
       url('fonts/Montserrat-Regular.ttf') format('truetype'),
       url('fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg'),
       url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EnglandHandDB';
  src: url('fonts/EnglandHandDB.woff') format('woff'),
       url('fonts/EnglandHandDB.ttf') format('truetype'),
       url('fonts/EnglandHandDB.svg#EnglandHandDB') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'england';
  src: url('fonts/england.eot');
  src: url('fonts/england.woff2') format('woff2'),
       url('fonts/england.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'MontserratAlternates-Regular';
  src: url('fonts/MontserratAlternates-Regular.eot');
  src: url('fonts/MontserratAlternates-Regular.woff2') format('woff2'),
       url('fonts/MontserratAlternates-Regular.woff') format('woff'),
       url('fonts/MontserratAlternates-Regular.ttf') format('truetype'),
       url('fonts/MontserratAlternates-Regular.svg#MontserratAlternates-Regular') format('svg'),
       url('fonts/MontserratAlternates-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-Thin';
  src: url('fonts/Montserrat-Thin.eot');
  src: url('fonts/Montserrat-Thin.woff2') format('woff2'),
       url('fonts/Montserrat-Thin.woff') format('woff'),
       url('fonts/Montserrat-Thin.ttf') format('truetype'),
       url('fonts/Montserrat-Thin.svg#Montserrat-Thin') format('svg'),
       url('fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

body
{
font-family:'Montserrat-Regular';

}

.head
{
 line-height:200%;  
color:#11b9c6;
font-family:MontserratAlternates-Regular;
font-size:28px;
}
.head1
{ line-height:200%;  
font-size:28px;
color:#f59726;
font-family:MontserratAlternates-Regular;
}

.header  .navbar .container-fluid   .navbar-collapse .navbar-nav  li a
{ display: inline-block;
    vertical-align: middle;
	 line-height:350%;    
    float: none;
	color:#000;
}
.header  .navbar .container-fluid   .navbar-collapse .navbar-nav  li a:hover
{

	color:#11b9c6;
	background-color:#fff;
}
.header  .navbar .container-fluid   .navbar-collapse .navbar-nav  li  .active  
{

	color:#11b9c6;
	background-color:#fff;
}
.header  .navbar .container-fluid   .navbar-collapse .navbar-nav  li  .active  .badge
{

	color:#11b9c6;
	background-color:#fff;
}
.header  .navbar .container-fluid   .navbar-collapse .navbar-nav  li a:focus
{

	color:#11b9c6;
	background-color:#fff;
}
.header  .navbar .container-fluid   .navbar-collapse .navbar-nav  li a:hover .badge
{

	color:#11b9c6;
	background-color:#fff;
}
.badge
{

background-color:#000;
}
.header  .navbar .container-fluid   .navbar-collapse .navbar-nav  li ul li a
{

	color:#000;
	background-color:#fff;
}
.header  .navbar .container-fluid   .navbar-collapse .navbar-nav  li ul li a:hover
{
text-decoration:none;
	color:#11b9c6;
	background-color:#fff;
}
.icon-bar
{
background-color:#11b9c6;
}
.banner
{
 /* The image used */
    background-image: url("../img/slider.png");

    /* Set a specific height */
    min-height: auto; 

 background-repeat: no-repeat;

}
.glassbox
{
  position: relative;
  padding: 10px 30px;
  margin:50px;
  margin-bottom:0px;
  border-radius:0px;
 
  background-color: rgba(255, 255, 255, 0.7);
}
.heading
{
color:#000;
}
.heading2
{
color:#f59726;
font-weight:100;
}
.input:focus
{
border:1px solid #f59726;
    box-shadow: 0 0 3px #f59726;
}
.form-control
{
font-family:Montserrat-Thin;
font-weight:600;
color:#000;
  box-shadow: 0 0 0px #000;
}
.input1:focus
{
border:1px solid #e0e0e0;
    box-shadow: 0 0 0px #000;
}
.bookbtn
{
border-radius:0px;
background-color:#f59726;
color:#fff;
padding-left:25px;
padding-right:25px;
}
.bookbtn:hover
{
border-radius:0px;
background-color:#f59726;
color:#fff;
padding-left:25px;
padding-right:25px;
}
.bookbtn:focus
{
border-radius:0px;
background-color:#f59726;
color:#fff;
padding-left:25px;
padding-right:25px;
}
.abtimg
{

padding:20px;
}
.subheading
{
color:#11b9c6;
font-size:28px;
font-weight:600;
font-family:Montserrat-Thin;
}
.form-control
{
border-radius:0px;
}
.testihr {
display: inline;
float: right;
position: relative;
right: 46.5%; /* or right 50% */
text-align: left;
}
.subhead
{
color:#f59726;
font-size:15px;
font-weight:100;

}
.subhead1
{
color:#000;
opacity:0.9;
font-size:12px;
font-weight:100;

}
.bg-v-light
{
background-color:#f9f9f9;
padding:30px;
}
.font-small
{
font-size:12px;
}
.font-small-15
{
font-size:15px;
}
.font-small-18
{
font-size:18px;
}
.font-small-20
{
font-size:20px;
}
.font-small-25
{
font-size:25px;
}
.font-small-30
{
font-size:30px;
}
.btn
{
border-radius:0px;
}
.para
{
color:#000;
line-height:30px;
font-size:15px;
font-weight:100;
}

.readbtn
{
background-color:#fff;
color:#000;
border-radius:0px;
border-right:1px solid #11b9c6;
border-bottom:1px solid #11b9c6;
border-top:1px solid #11b9c6;
border-left:1px solid #11b9c6;
FONT-WEIGHT:500px;	
padding-left:20px;
padding-right:20px;
}
.readbtn:hover
{
background-color:#11b9c6;
border-right:1px solid #11b9c6;
border-bottom:1px solid #11b9c6;
border-top:1px solid #11b9c6;
border-left:1px solid #11b9c6;
color:#fff;
border-radius:0px;
FONT-WEIGHT:500px;	
padding-left:20px;
padding-right:20px;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.readbtn:focus
{
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
background-color:#11b9c6;
border-right:1px solid #11b9c6;
border-bottom:1px solid #11b9c6;
border-top:1px solid #11b9c6;
border-left:1px solid #11b9c6;
color:#fff;
border-radius:0px;
FONT-WEIGHT:500px;	
padding-left:20px;
padding-right:20px;
}

.subscribebtn
{
background-color:transparent;
color:#000;
opacity:0.8;
border-radius:0px;
border-right:1px solid #11b9c6;
border-bottom:1px solid #11b9c6;
border-top:1px solid #11b9c6;
border-left:1px solid #11b9c6;
FONT-WEIGHT:500px;	
font-size:15px;
padding-left:20px;
padding-right:20px;
}
.subscribebtn:hover
{
background-color:#11b9c6;
border-right:1px solid #11b9c6;
border-bottom:1px solid #11b9c6;
border-top:1px solid #11b9c6;
border-left:1px solid #11b9c6;
color:#fff;
border-radius:0px;
FONT-WEIGHT:500px;	
opacity:1;
padding-left:20px;
padding-right:20px;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.subscribebtn:focus
{opacity:1;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
background-color:#11b9c6;
border-right:1px solid #11b9c6;
border-bottom:1px solid #11b9c6;
border-top:1px solid #11b9c6;
border-left:1px solid #11b9c6;
color:#fff;
border-radius:0px;
FONT-WEIGHT:500px;	
padding-left:20px;
padding-right:20px;
}

.signupbtn
{
background-color:#11b9c6;
color:#fff;
border-radius:50px;
opacity:0.7;
border:1px solid #11b9c6;
padding:15px;
FONT-WEIGHT:500px;	

}
.signupbtn:hover
{
background-color:#11b9c6;
border:1px solid #11b9c6;
text-decoration:none;
color:#fff;
opacity:1;
padding:15px;
border-radius:50px;
FONT-WEIGHT:500px;	

-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.signupbtn:focus
{
background-color:#11b9c6;
border:1px solid #11b9c6;
text-decoration:none;
padding:15px;
opacity:1;
color:#fff;
border-radius:50px;
FONT-WEIGHT:500px;	

-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}

.contactbtn
{
background-color:#fff;
color:#11b9c6;
border-radius:0px;
border:1px solid #11b9c6;

FONT-WEIGHT:500px;	
padding-left:40px;
padding-right:40px;
}
.contactbtn:hover
{
background-color:#11b9c6;
border:1px solid #11b9c6;

color:#fff;
border-radius:0px;
FONT-WEIGHT:500px;	
padding-left:40px;
padding-right:40px;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.contactbtn:focus
{
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
background-color:#11b9c6;
border:1px solid #11b9c6;
color:#fff;
border-radius:0px;
FONT-WEIGHT:400px;	
padding-left:40px;
padding-right:40px;
}

.servicebtn
{
background-color:#fff;
color:#11b9c6;
border-radius:0px;
border:1px solid #11b9c6;

FONT-WEIGHT:500px;	
padding-left:40px;
padding-right:40px;
}
.servicebtn:hover
{
background-color:transparent;
border:1px solid #fff;

color:#fff;
border-radius:0px;
FONT-WEIGHT:500px;	
padding-left:40px;
padding-right:40px;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.servicebtn:focus
{
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
background-color:transparent;
border:1px solid #fff;
color:#fff;
border-radius:0px;
FONT-WEIGHT:400px;	
padding-left:40px;
padding-right:40px;
}

.freebtn
{
background-color:transparent;
color:#000;
border-radius:0px;
border:1px solid #e0e0e0;
padding:15px;
FONT-WEIGHT:500px;	
padding-left:40px;
padding-right:40px;
}
.freebtn:hover
{
text-decoration:none;
background-color:#e0e0e0;
border:1px solid #e0e0e0;
padding:15px;
color:#000;
border-radius:0px;
FONT-WEIGHT:500px;	
padding-left:40px;
padding-right:40px;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.freebtn:focus
{text-decoration:none;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
background-color:#e0e0e0;
border:1px solid #e0e0e0;
color:#000;
border-radius:0px;
FONT-WEIGHT:400px;	
padding:15px;
padding-left:40px;
padding-right:40px;
}

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 70%;
  height: 70%;
  left: 10%;
  top: 30%;
 /* border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;*/
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=400);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
 
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
 filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);

}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect a, hovereffect p {
background-color:transparent;
color:#fff;
border-radius:0px;
border:1px solid #fff;

FONT-WEIGHT:500px;	
padding-left:20px;
padding-right:20px;
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.level1
{
animation-delay:1s;
}
.level2
{
animation-delay:2s;
}
.level3
{
animation-delay:3s;
}
.level4
{
animation-delay:4s;
}
.backgroundparallax
{
 /* The image used */
    background-image: url("../img/image2.png");

    /* Set a specific height */
    min-height: auto;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	    
}
.img
{

filter:brightness(80%);
}
.img:hover
{
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
filter:brightness(100%);
}
.img1
{
z-index:10;
margin-top:-30%;
margin-left:30%;

filter:brightness(80%);
}
.img1:hover
{
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
filter:brightness(100%);
}

.servicebanner
{
/* The image used */
    background-image: url("../img/servicebanner.jpg");

    /* Set a specific height */
    min-height: auto;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	filter:hue-rotate(0deg);
}
.paymentbanner
{
/* The image used */
    background-image: url("../img/payment.png");

    /* Set a specific height */
    min-height: auto;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	filter:hue-rotate(0deg);
}.pricingbanner
{
/* The image used */
    background-image: url("../img/pricing.jpg");

    /* Set a specific height */
    min-height: auto;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	filter:hue-rotate(0deg);
}

.contactbanner
{
/* The image used */
    background-image: url("../img/contact.jpg");

    /* Set a specific height */
    min-height: auto;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	filter:hue-rotate(0deg);
}
.loginbanner
{
/* The image used */
    background-image: url("../img/login2.jpg");

    /* Set a specific height */
    min-height: 300px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	

	filter:hue-rotate(0deg);
}
.signupbanner
{
/* The image used */
    background-image: url("../img/signup.jpg");

    /* Set a specific height */
    min-height: 300px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	

	filter:hue-rotate(0deg);
}
.aboutbanner
{
/* The image used */
    background-image: url("../img/login.jpg");

    /* Set a specific height */
    min-height: 300px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	filter:hue-rotate(0deg);
}
.image
{
display: block;
    margin-left: auto;
    margin-right: auto ;

}
.word1
{
line-height:30px;
}
.text
{
font-size:35px;
color:#fff;
}
.text1
{
font-size:17px;
color:#fff;
}
.bluebox
{
background-color:#11b9c6;
color:#fff;
padding:10px;

}
.lightbox
{
background-color:#5acfd8;
color:#fff;
padding:30px;

}
.lightorangebox
{
background-color:#f8c34f;
color:#fff;
padding:10px;

}
.orangebox
{
background-color:#f49625;
color:#fff;
padding:10px;

}
.greenbox
{
background-color:#abc84a;
color:#fff;
padding:10px;

}
.whitebox
{
background-color:#fff;
color:#000;
padding:10px;

}
.whitebox:hover
{
background-color:#11b9c6;
color:#fff;
padding:10px;

}
.whitebox:hover .icon,.whitebox:hover .boxpar,.whitebox:hover .readmore
{

color:#fff;


}
.circle
 {
    width:70px;
	height:70px;
    background-color:transparent;
	border:2px solid #fff;
	
    border-radius:100%;
    line-height:40px;
    text-align:center;
    vertical-align:middle;
    display:inline-block;
}
.circleicon i 
{
font-size:25px;
	margin-top:15px;
	line-height: inherit;
	color:#fff;
}
.bg-light
{
background-color:#f4f0f1;
}
.word
{
font-size:15px;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
font-weight:400;
}
.icon
{
font-size:15px;
line-height: inherit;
	color:#11b9c6;
	font-weight:400;
	padding-right:5px;
}
.boxpar
{
font-size:12px; 
color:#000;
opacity:0.8;
font-weight:100;
line-height:25px;
padding:10px;
text-indent:40px;
}
.boxpar:hover
{
font-size:12px; 
color:#000;
opacity:1;
font-weight:100;
line-height:25px;
padding:10px;
text-indent:40px;
}
.readmore
{
font-size:12px; 
color:#11b9c6;
opacity:0.8;
font-weight:100;
line-height:20px;
padding:10px;
text-indent:40px;
}
.readmore:hover
{
font-size:12px; 
color:#11b9c6;
text-decoration:none;
opacity:1;
font-weight:100;
line-height:20px;
padding:10px;
text-indent:40px;
}
.footerlink
{
font-size:15px; 
color:#000;
opacity:0.8;
font-weight:100;
line-height:20px;
padding:10px;
padding-left:0px;
}
.footerlink:hover
{
font-size:15px; 
color:#11b9c6;
text-decoration:none;
opacity:1;
font-weight:100;
line-height:20px;
padding:10px;
padding-left:0px;
}
.greybox
{
background-color:#f4f0f1;
padding:20px;

}
.fancy {
  line-height: 0.5;
  text-align: center;
  color:#11b9c6;
}
.fancy span {
  display: inline-block;
  position: relative; 
color:#f59726;  
font-family:EnglandHandDB;
font-size:20px;
 letter-spacing: 2px;
 font-weight:600;
 
}
.fancy span:before{
  content: "";
  position: absolute;
  height: 0px;
  border: 2px solid #11b9c6;

  top: 0;

  width: 40px;
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}

.footerhead
{
font-size:20px;
font-weight:100;
}
.squaref
 {
     width:40px;
    height:40px;
    background-color:#3b5998;
	border:1px solid #3b5998;
    border-radius:0%;
    line-height:40px;
    text-align:center;
    vertical-align:middle;
    display:inline-block;
}
.squaret
 {
     width:40px;
    height:40px;
    background-color:#55acee;
	border:1px solid #55acee;
    border-radius:0%;
    line-height:40px;
    text-align:center;
    vertical-align:middle;
    display:inline-block;
}
.squarep
 {
     width:40px;
    height:40px;
    background-color:#C92228;
	border:1px solid #C92228;
    border-radius:0%;
    line-height:40px;
    text-align:center;
    vertical-align:middle;
    display:inline-block;
}
.squareg
 {
     width:40px;
    height:40px;
    background-color:#dd4b39;
	border:1px solid #dd4b39;
    border-radius:0%;
    line-height:40px;
    text-align:center;
    vertical-align:middle;
    display:inline-block;
}
.squarey
 {
     width:40px;
    height:40px;
    background-color:#bb0000;
	border:1px solid #bb0000;
    border-radius:0%;
    line-height:40px;
    text-align:center;
    vertical-align:middle;
    display:inline-block;
}
.squarel
 {
     width:40px;
    height:40px;
    background-color:#0077B5;
	border:1px solid #0077B5;
    border-radius:0%;
    line-height:40px;
    text-align:center;
    vertical-align:middle;
    display:inline-block;
}
.square i 
{
font-size:17px;
	line-height: inherit;
	text-align:center;
	color:#fff;
	text-shadow: 2px 4px #151515;
	
}
.square:hover i 
{
font-size:17px;
	line-height: inherit;
	text-align:center;
	color:#fff;
}
.special
{
font-size:25px;
color:#1ABC9C;
}
.footer .row .footerbox
{
line-height:30px;
padding:40px;
}
.address1
{
line-height:30px;
}
.text-green
{
color:#1ABC9C;
}


.fixed-button {
  background-color: #11b9c6;
  color: #fff;
  border: none;
  outline: none;
  position: fixed;
  bottom: 0px;
  right: 15px;
  padding:17px;
  height: 60px;
  width: 60px;
  margin-bottom: 20px;
  border-radius: 0px;
  
}
.fixed-button:focus {
  background-color: #11b9c6;
  color: #fff;
  border: none;
  outline: none;
  position: fixed;
  bottom: 0px;
  right: 15px;
  height: 60px;
  width: 60px;
  margin-bottom: 20px;
  border-radius: 0px;
  
}
.fixed-button:hover {
  background-color: #11b9c6;
  color: #fff;
  border: none;
  outline: none;
  position: fixed;
  bottom: 0px;
  right: 15px;
  height: 60px;
  width: 60px;
  margin-bottom: 20px;
  border-radius: 0px;
  
}
@keyframes wobble {
  16.65% {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.back-to-top {
 
background: none;
 
margin: 0;
 
position: fixed;
 
bottom: 0;
 
right: 0;
 
width: 70px;
 
height: 80px;
 
z-index: 100;
 
display: none;
 
text-decoration: none;
 
color: #ffffff;
 
background-color: #11b9c6;
 
}
 
  
 
.back-to-top i {
 top:50%;
  font-size: 60px;
 
}
.numbercount
{
padding:20px;
}
.text-black
{
color:#000;
}

.accordion {
    background-color: #fff;
    color: #000;
    cursor: pointer;
    padding: 12px;
	margin-top:-10px;
	color: #11b9c6;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.accordion.active, .accordion:hover {
    background-color: #fff;
	
}

.accordion:after {
    
 
    float: left;
    margin-left: 5px;
color:#000;
    width:15px;
	height:15px;
    background-color:#fff;
	
	
    border-radius:0%;
    line-height:20px;
    text-align:center;
    vertical-align:middle;
    display:inline-block;
	
}
.content
{
color:#000;

}
.accordion.active:after {
   
	 border: none;
	background-color:#fff;
	
}

.panel {
    padding: 0 20px;
	 border: none;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0.7;
	line-height:25px;
}

.panel.show {
    opacity: 1;
    max-height: 500px;  
}
.red .selected  a
{
background-color:#11b9c6;
color:#fff;
}
.red .selected  a:hover
{
background-color:#11b9c6;
color:#fff;
}
.selected::after {

    content: "";
    width: 16px;
    height: 16px;
    background-image: -moz-linear-gradient( 135deg, rgb(17,185,198) 0%, rgb(17,185,198) 100%);
    background-image: -webkit-linear-gradient( 135deg, rgb(17,185,198) 0%, rgb(17,185,198) 100%);
    background-image: -ms-linear-gradient( 135deg, rgb(17,185,198) 0%, rgb(17,185,198) 100%);
    display: block;
    position: absolute;
    top: 10px;
    right: -8px;
    border: 1px solid #11b9c6;
    border-left: none;
    border-bottom: none;
    border-radius: 2px;
    -webkit-transform: rotate(47deg) skew(5deg);
    -moz-transform: rotate(47deg) skew(5deg);
    transform: rotate(47deg) skew(5deg);
	z-index:-100;

}
.nav-pills li  a
{
color:#11b9c6;
}

.nav-pills li  a:hover
{
color:#11b9c6;
background-color:#f4f0f1;
}
.block-content
{
 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
	padding:20px;
		border-radius:5px;
}
.text-flat
{
color:#11b9c6;
}
.text-warning
{
color:#f59726;
}
.block-content1
{
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
	padding:20px;
	margin-top:-20px;
	padding-top:40px;
	padding-bottom:45px;
	border-top:4px solid #11b9c6;
	border-radius:5px;
}
.table-borderless td
{ 
border-top:none !important;
}
.btn-primary
{
color:#11b9c6;
}

.payment1
{
border-right:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
padding:20px;
}

.payment2
{
border-left:1px solid #e0e0e0;
border-top:1px solid #e0e0e0;
padding:20px;
}


@media (min-width: 100px) and (max-width: 800px) { 
.head
{
 line-height:0%;  
color:#11b9c6;
font-family:MontserratAlternates-Regular;
font-size:28px;
}
.head1
{ line-height:0%;  
font-size:28px;
color:#f59726;
font-family:MontserratAlternates-Regular;
}
.testihr
{
display:none;
}
.fancy span:before{
 
  position: relative;
  height: 0px;
  border: 0px solid #11b9c6;
line-height:30px;
  top: 0;

  width: 0px;
}
.fancy span:before {
  right: 0%;
  margin-right: 15px;
}

.subhr1
{
display:block;
}
.subhr
{
display:none;
}
.paytext
{
display:none;
}
.block-content1
{
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
	padding-bottom:0px;
	padding-top:0px;
	border-top:4px solid #11b9c6;
	margin-top:0px;
	border-radius:5px;
	margin:20px;
	padding:20px;
}
.block-content
{
 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
	padding:20px;
		border-radius:5px;
		margin:20px;
}
.payment1
{
border-right:1px solid transparent;
border-bottom:1px solid transparent;
padding:20px;
}

.payment2
{
border-left:1px solid transparent;
border-top:1px solid transparent;
padding:20px;
}


}

/* Profile container */
.profile {
  padding: 10px 10px 10px 0px;
  margin-bottom:-20px;
}

/* Profile sidebar */
.profile-sidebar {
  padding: 20px 0 10px 0;
  background: #fff;
}
.profile
{
/* The image used */
    background-image: url("../img/dashboard.jpg");

    /* Set a specific height */
    min-height: auto;

    /* Create the parallax scrolling effect */
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	filter:hue-rotate(0deg);

}

.profile-userpic img {
  float: none;
  margin: 0 auto;
  width: 30%;
  height: 30%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.profile-usertitle {
  text-align: center;
  margin-top: 20px;
}

.profile-usertitle-name {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
}

.profile-usertitle-job {
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
}

.profile-userbuttons {
  text-align: center;
  margin-top: 10px;
}

.profile-userbuttons .btn {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px;
  margin-right: 5px;
}

.profile-userbuttons .btn:last-child {
  margin-right: 0px;
}
    
.profile-usermenu {
  margin-top: 30px;
}

.profile-usermenu ul li {
  border-bottom: 1px solid transparent;
}

.profile-usermenu ul li:last-child {
  border-bottom: none;
}

.profile-usermenu ul li a {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 14px;
}

.profile-usermenu ul li a:hover {
  background-color: #f9f9f9;
  color: #11b9c6;
}

.profile-usermenu ul li.active {
  border-bottom: none;
}

.profile-usermenu ul li.active a {
  color: #11b9c6;
  background-color: #f9f9f9;
  border-left: 2px solid #11b9c6;
  margin-left: -2px;
}
.header1 img
{
display: inline-block;
vertical-align: middle;
float:left;
}
.tab-content
{
margin-top:-10px;
 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.tab-pane
{
z-index:100;
 box-shadow: 0px;
}

.nav-tabs .active
{
	 box-shadow: 0px 0 0 0 rgba(0,0,0,0.2);
}
.slice
{
background-color:#11b9c6;
color:#fff;
  margin-bottom: -99999px;
    padding-bottom: 99999px;
	border:1px solid #fff;
}
.portlet
{
border:1px solid #e0e0e0;
padding:20px;
}


option {
  
    color:black;
	font-weight:800;
   
}
.panel1
{
border:1px solid #e0e0e0;
padding:10px;
}