@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
@font-face {
    font-family:'Poppins-regular';
    src: url('../fonts/Poppins Regular.eot');
  src: url('../fonts/Poppins Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins Regular.woff2') format('woff2'),
    url('../fonts/Poppins Regular.woff') format('woff'),
    url('../fonts/Poppins Regular.ttf') format('truetype'),
    url('../fonts/Poppins Regular.otf') format('opentype'),
    url('../fonts/Poppins Regular.svg#Poppins Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Poppins-bold';
    src: url('../fonts/Poppins Bold.eot');
  src: url('../fonts/Poppins Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins Bold.woff2') format('woff2'),
    url('../fonts/Poppins Bold.woff') format('woff'),
    url('../fonts/Poppins Bold.ttf') format('truetype'),
    url('../fonts/Poppins Bold.otf') format('opentype'),
    url('../fonts/Poppins Bold.svg#Poppins Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Poppins-Thin';
    src: url('../fonts/Poppins Thin.eot');
  src: url('../fonts/Poppins Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins Thin.woff2') format('woff2'),
    url('../fonts/Poppins Thin.woff') format('woff'),
    url('../fonts/Poppins Thin.ttf') format('truetype'),
    url('../fonts/Poppins Thin.otf') format('opentype'),
    url('../fonts/Poppins Thin.svg#Poppins Thin') format('svg');
    font-weight: 250;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Poppins-SemiBold';
    src: url('../fonts/Poppins SemiBold.eot');
  src: url('../fonts/Poppins SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins SemiBold.woff2') format('woff2'),
    url('../fonts/Poppins SemiBold.woff') format('woff'),
    url('../fonts/Poppins SemiBold.ttf') format('truetype'),
    url('../fonts/Poppins SemiBold.otf') format('opentype'),
    url('../fonts/Poppins SemiBold.svg#Poppins SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Poppins-Medium';
    src: url('../fonts/Poppins Medium.eot');
  src: url('../fonts/Poppins Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins Medium.woff2') format('woff2'),
    url('../fonts/Poppins Medium.woff') format('woff'),
    url('../fonts/Poppins Medium.ttf') format('truetype'),
    url('../fonts/Poppins Medium.otf') format('opentype'),
    url('../fonts/Poppins Medium.svg#Poppins Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Poppins-Light';
    src: url('../fonts/Poppins Light.eot');
  src: url('../fonts/Poppins Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins Light.woff2') format('woff2'),
    url('../fonts/Poppins Light.woff') format('woff'),
    url('../fonts/Poppins Light.ttf') format('truetype'),
    url('../fonts/Poppins Light.otf') format('opentype'),
    url('../fonts/Poppins Light.svg#Poppins Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Poppins-ExtraLight';
    src: url('../fonts/Poppins ExtraLight.eot');
  src: url('../fonts/Poppins ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins ExtraLight.woff2') format('woff2'),
    url('../fonts/Poppins ExtraLight.woff') format('woff'),
    url('../fonts/Poppins ExtraLight.ttf') format('truetype'),
    url('../fonts/Poppins ExtraLight.otf') format('opentype'),
    url('../fonts/Poppins ExtraLight.svg#Poppins ExtraLight') format('svg');
    font-weight: 275;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Poppins-ExtraBold';
    src: url('../fonts/Poppins ExtraBold.eot');
  src: url('../fonts/Poppins ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins ExtraBold.woff2') format('woff2'),
    url('../fonts/Poppins ExtraBold.woff') format('woff'),
    url('../fonts/Poppins ExtraBold.ttf') format('truetype'),
    url('../fonts/Poppins ExtraBold.otf') format('opentype'),
    url('../fonts/Poppins ExtraBold.svg#Poppins ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Poppins-Black';
    src: url('../fonts/Poppins Black.eot');
  src: url('../fonts/Poppins Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins Black.woff2') format('woff2'),
    url('../fonts/Poppins Black.woff') format('woff'),
    url('../fonts/Poppins Black.ttf') format('truetype'),
    url('../fonts/Poppins Black.otf') format('opentype'),
    url('../fonts/Poppins Black.svg#Poppins Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}


@font-face {
    font-family:'Roboto-Light';
    src: url('../fonts/Roboto Light.eot');
  src: url('../fonts/Roboto Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto Light.woff2') format('woff2'),
    url('../fonts/Roboto Light.woff') format('woff'),
    url('../fonts/Roboto Light.ttf') format('truetype'),
    url('../fonts/Roboto Light.otf') format('opentype'),
    url('../fonts/Roboto Light.svg#Roboto Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}
@font-face {
    font-family:'Roboto-Thin';
    src: url('../fonts/Roboto Thin.eot');
  src: url('../fonts/Roboto Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto Thin.woff2') format('woff2'),
    url('../fonts/Roboto Thin.woff') format('woff'),
    url('../fonts/Roboto Thin.ttf') format('truetype'),
    url('../fonts/Roboto Thin.otf') format('opentype'),
    url('../fonts/Roboto Thin.svg#Roboto Thin') format('svg');
    font-weight: 250;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}
@font-face {
    font-family:'Roboto-Medium';
    src: url('../fonts/Roboto Medium.eot');
  src: url('../fonts/Roboto Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto Medium.woff2') format('woff2'),
    url('../fonts/Roboto Medium.woff') format('woff'),
    url('../fonts/Roboto Medium.ttf') format('truetype'),
    url('../fonts/Roboto Medium.otf') format('opentype'),
    url('../fonts/Roboto Medium.svg#Roboto Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}
@font-face {
    font-family:'Roboto-Bold';
    src: url('../fonts/Roboto Bold.eot');
  src: url('../fonts/Roboto Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto Bold.woff2') format('woff2'),
    url('../fonts/Roboto Bold.woff') format('woff'),
    url('../fonts/Roboto Bold.ttf') format('truetype'),
    url('../fonts/Roboto Bold.otf') format('opentype'),
    url('../fonts/Roboto Bold.svg#Roboto Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}

@font-face {
    font-family:'Roboto-regular';
    src: url('../fonts/Roboto Regular.eot');
  src: url('../fonts/Roboto Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto Regular.woff2') format('woff2'),
    url('../fonts/Roboto Regular.woff') format('woff'),
    url('../fonts/Roboto Regular.ttf') format('truetype'),
    url('../fonts/Roboto Regular.otf') format('opentype'),
    url('../fonts/Roboto Regular.svg#Roboto Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}

@font-face {
    font-family:'Roboto-Black';
    src: url('../fonts/Roboto Black.eot');
  src: url('../fonts/Roboto Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto Black.woff2') format('woff2'),
    url('../fonts/Roboto Black.woff') format('woff'),
    url('../fonts/Roboto Black.ttf') format('truetype'),
    url('../fonts/Roboto Black.otf') format('opentype'),
    url('../fonts/Roboto Black.svg#Roboto Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}
@font-face {
    font-family:'Roboto-Condensed_Light';
    src: url('../fonts/Roboto Condensed Light.eot');
  src: url('../fonts/Roboto Condensed Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto Condensed Light.woff2') format('woff2'),
    url('../fonts/Roboto Condensed Light.woff') format('woff'),
    url('../fonts/Roboto Condensed Light.ttf') format('truetype'),
    url('../fonts/Roboto Condensed Light.otf') format('opentype'),
    url('../fonts/Roboto Condensed Light.svg#Roboto Condensed Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: condensed;
    unicode-range: U+0020-2044;
}
@font-face {
    font-family:'Roboto-Condensed_bold';
    src: url('../fonts/Roboto Condensed Bold.eot');
  src: url('../fonts/Roboto Condensed Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto Condensed Bold.woff2') format('woff2'),
    url('../fonts/Roboto Condensed Bold.woff') format('woff'),
    url('../fonts/Roboto Condensed Bold.ttf') format('truetype'),
    url('../fonts/Roboto Condensed Bold.otf') format('opentype'),
    url('../fonts/Roboto Condensed Bold.svg#Roboto Condensed Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: condensed;
    unicode-range: U+0020-2044;
}



@font-face {
    font-family:'Roboto-Condensed';
    src: url('../fonts/Roboto Condensed Regular.eot');
  src: url('../fonts/Roboto Condensed Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto Condensed Regular.woff2') format('woff2'),
    url('../fonts/Roboto Condensed Regular.woff') format('woff'),
    url('../fonts/Roboto Condensed Regular.ttf') format('truetype'),
    url('../fonts/Roboto Condensed Regular.otf') format('opentype'),
    url('../fonts/Roboto Condensed Regular.svg#Roboto Condensed Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    unicode-range: U+0020-2044;
}



body{
font-family:'Poppins-regular';}

select{font-family: 'Poppins', sans-serif!important}
select option{font-family: 'Poppins', sans-serif!important}

#banner.banner-video {
background-image: url("../images/banner.png");
background-repeat: no-repeat;
background-size: cover;
margin-top: 75px;
}

.header-nav .navbar-default {
  background-color: transparent;
  border: 0 ;
}
.header .navbar {
margin-bottom: 0;

}
.header .nav.navbar-nav.pull-right {
  margin-top: 30px;
}
.header-nav .navbar-default .navbar-nav > li > a {
border-bottom:3px solid transparent;
color: #444;
cursor: pointer;
display: inline-block;
font-size: 15px;
line-height: 1;
margin: 0 7px;
padding: 24px 4px 23px;
text-transform: capitalize;
}
.header-nav .navbar-default .navbar-nav > li button {
  background-color: transparent;
  border: 0 ;
  color: #9effff;
  padding: 8px 0 0 12px;
  text-transform: capitalize;
}

.field .fa {
   color: #ccc;
    left: 20px;
    position: absolute;
    top: 20px;
  }
.field {
display: inline-block;
margin-bottom: 15px;
position: relative;
width: 100%;
}
.field input.input-lg {
border: 1px solid #dee6ec;
border-radius: 2px;
font-size: 15px;
height: 58px;
padding-left: 50px;
}
.foot textarea.form-control {
border: 1px solid #dee6ec;
border-radius: 2px;
font-size: 15px;
height: 178px;
padding-left: 50px;
padding-top: 16px;
}
.foot .btn.btn-primary.btn-lg {

  font-size: 14px;
  height: 50px;
  margin-top: 20px;
  padding: 10px;
  width: 150px;
}

.banner-caption {
  padding: 160px 0;
}
.navbar-brand {
  height: auto;
  padding: 0;
}


.header-top.bg-theme-colored-2.sm-text-center.p-0 {
  display: none;
}
header#header{
background-color: #fff;
box-shadow: 0 0 6px #3e3d8c;
padding: 10px 90px 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
header .navbar-nav {
  float: none;
  margin: 0;
  text-align: center;
}
header .navbar-nav > li {
  display: inline-block;
  float: none;
}
header .navbar-nav > li:not(.nav-btn) {
  float: right;
}
.header-nav .navbar-default .navbar-nav > .active > a,.header-nav .navbar-default .navbar-nav > .active > a:focus,.header-nav .navbar-default .navbar-nav > .active > a:hover,.header-nav .navbar-default .navbar-nav > li > a:hover {
background-color: transparent;
border-radius: 0px;
color: #3e3d8c;
border-bottom: 3px solid #3e3d8c;
}

header#header.fixed  .nav.navbar-nav.pull-right {
  margin-top: 24px;
}
header#header.fixed .navbar {
  margin-bottom: 0;

}
.banner-right-img {
  position: absolute;
  right: 0;
  top: 0;
}
.banner-caption h4 {
  color: #fff;
  font-size: 30px;
  line-height: 1;
  margin: 0;
}
.banner-caption h1 {
color: #fff;
font-family: poppins-bold;
font-size: 50px;
line-height: 60px;
margin-bottom: 45px;
margin-left: auto;
margin-right: auto;
width: 600px;
 max-width: 100%;

}

.btn.btn-primary {
background-color: #3e3d8c;
border: 1px solid #3e3d8c;
border-radius: 0;
display: inline-block;
font-size: 15px;
line-height: 1;
padding: 15px 25px;
text-transform: uppercase;
  }

.btn.btn-primary:hover {
  background-color: #9D4490;
  border: 1px solid #9D4490;
  }

 #new-leads .btn.btn-primary{margin-right: 15px;}

/*
.header-nav .navbar-default .navbar-nav > li.top-btn > a.btn.btn-primary {
  background-color: #fff;
  border: 1px solid #3e3d8c;
  border-radius: 0;
  color: #3e3d8c;
  font-size: 14px;
  line-height: 1;
  margin: 9px 0 0 8px;
  padding: 11px 30px;
  text-transform: uppercase;
}
*/
.header-nav .navbar-default .navbar-nav > li.top-btn > a.btn.btn-primary {
  background-color: #fff;
  border: 1px solid #3e3d8c;
  border-radius: 0;
  color: #3e3d8c;
  font-size: 14px;
  line-height: 1;
  margin: 9px 0 0 8px;
  padding: 11px 20px;
  text-transform: uppercase;
}
.header-nav .navbar-default .navbar-nav > li.top-btn > a.btn.btn-primary.reg {
  background-color: #3e3d8c;
  color: #fff;
}
.header-nav .navbar-default .navbar-nav > li.top-btn > a.btn.btn-primary:hover {
  background-color: #9D4490;
  border: 1px solid #9D4490;
    color: #fff;
}
.how-works {
  border-bottom: 1px solid #e5e5e5;
  padding: 40px 0px;
}

h4.title {
  color: #024a8c;
  font-family: poppins-semibold;
  font-size: 20px;
  margin: 0;
}
.how-works h2 {
color: #333;
font-family: poppins-semibold;
font-size: 32px;
margin: 10px auto 50px;
}
.how-sec figure {
  box-shadow: 0 0 10px #ddd;
  display: inline-block;
  height: 85px;
  margin: 0;
  padding-top: 25px;
  width: 90px;
}
.how-sec.how1 figure {
  padding-top: 33px;
}
.how-sec p {
color: #333;
font-size: 15px;
margin-top: 30px;
padding: 0 16px;
}
.section-content {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 40px;
padding-bottom: 40px;
}

.implement-sec h3 {
color: #333;
font-family: poppins-medium;
font-size: 26px;
margin-bottom: 20px;
margin-top: 0;
}
.col-xs-12.implement-sec.text-center > p {
  color: #777;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 40px;
}
.details h1 span {
  color: #3e3d8c;
  font-size: 25px;
}
.details p {
  color: #333;
  font-size: 15px;
  margin: 0;
}
.details h1 {
  color: #333;
  font-family: poppins-bold;
  font-size: 55px;
  line-height: 1;
  margin-bottom: 5px;
}
.detail-inn::before {
  border-right: 1px solid #3e3d8c;
  content: "";
  height: 40px;
  position: absolute;
  right: 0;
  top: 45px;
  width: 1px;
}

.detail-inn {
  position: relative;
}
.detail-inn:last-child::before {
  display: none;
}
.how-sec figure{
  position: relative;
}

.how-sec figure::before {
  background-image: url("../images/arrow-big.png");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 15px;
  left: 120%;
  position: absolute;
  top: 38px;
  width: 160px;
}
.how-sec.how4 figure::before {
  display: none;
}

/**************features*****************/
section.features {
padding-bottom: 40px;
padding-top: 40px;
}
.ft-1  h2 {
color: #333;
display: inline-block;
font-family: poppins-semibold;
font-size: 36px;
line-height: 50px;
margin: 0 0 10px;
width: 100%;
}
.progress-inn h4 {
  color: #333;
  font-family: poppins-medium;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 26px;
  text-transform: uppercase;
}
.progress-inn > img {
  max-width: 100%;
}
.ftt .media-heading.heading {
color: #333;
font-family: poppins-semibold;
font-size: 20px;
margin-bottom: 15px;
margin-top: 20px;
}
.ft-service > p {
color: #777;
font-size: 15px;
line-height: 24px;
}
.ft-service > img {
  max-height: 42px;
}
.ft-service:first-child {
  margin-bottom: 70px;
  margin-top: 20px;
}
.ft-service {
  padding-left: 20px;
}


.easyhost-section-title .title{
color: #222;
font-family: poppins-semibold;
font-size: 32px;
margin: 0 0 15px;
}
.line span {
  background-color: #3e3d8c;
  color: #3e3d8c;
  display: inline-block;
  height: 3px;
  margin-bottom: 40px;
  width: 80px;
}

.slide {
background-repeat: no-repeat;
background-size: cover;
height: 439px;
margin: 0 12px 60px;
position: relative;
}

.hover-div {
color: #9a9a9a;
font-size: 16px;
height: 100%;
padding-top: 0;
position: absolute;
top: 100%;
width: 100%;
  border-radius: 5px;

}

.slide:hover .hover-div{
background-color: rgba(66, 141, 194, 0.8);
color: #fff;
padding-top: 160px;
top: 0;
width: 100%;

}
.hover-div h3 {
color: #222;
font-family: poppins-semibold;
font-size: 20px;
margin-bottom: 0;
margin-top: 15px;
}
.hover-div p {
  font-size: 16px;
  margin-bottom: 14px;
}
.slide:hover .hover-div h3 {
  color: #fff;
  margin-bottom: 10px;
}
.hover-div ul li a {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  padding: 3px;
}
.hover-div ul li a:hover {
  color: #dfdfdf;

}
.hover-div ul {
  padding: 0;
}
.hover-div li {
  display: inline-block;
  list-style:  none;
  margin: 0 3px;
}
.hover-div ul li img {
  transform: scale(1);
  	  transition:400ms ease-in-out;
	    -webkit-transition:400ms ease-in-out;
		  -moz-transition:400ms ease-in-out;
}
.hover-div ul li img:hover {
  transform: scale(1.1);
  	  transition:400ms ease-in-out;
	    -webkit-transition:400ms ease-in-out;
		  -moz-transition:400ms ease-in-out;
}

.meet-experts {
background-color: #f7f6f5;
padding: 50px 0;
}

.benefits-sec.row-nav {
  border-bottom: 1px solid #e5e5e5;
  padding-top: 40px ;
}
.benefit-single h4 {
color: #333;
font-family: poppins-semibold;
font-size: 20px;
margin-bottom: 18px;
margin-top: 30px;
}
.benefit-single img {
  height: 50px;
}

.benefit-single {
  margin-bottom: 40px;
}
.benefit-single p {
  color: #777;
  font-size: 15px;
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
  line-height: 24px;
  word-break: break-all;
}




.slick-dots {
  margin-top: 60px;
  padding: 0;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
  list-style: outside none none;
}
.slick-dots li button {
  background-color: #ac9bc9;
  border: 1px solid #ac9bc9;
  border-radius: 20px;
  font-size: 0;
  margin: 0 4px;
  padding: 1px 10px;
}

.slick-dots li.slick-active button {
  background-color: #fff;
  border: 1px solid #fff;
}


.pricing-sec {
padding-bottom: 40px;
padding-top: 40px;
}
.pricing-section {
  clear: both;
}
.pricing-div {
  border: 1px solid #e4e4e4;
  float: none;
  display: inline-block;
  margin-left: -4px;
  width: 20%;
  border-right:0px;
  font-family: 'Roboto', sans-serif;
}
.pricing-section {
  clear: both;
  text-align: center;
}
.pricing-div:last-child {
  border-right: 1px solid #e4e4e4;
}
.pricing-div h5 {

  color: #222;
  font-size: 18px;
  margin: 20px 0;
}
.pricing-div h3 {
  border-bottom: 1px solid #e4e4e4;
  font-weight: 700;
  color: #3e3d8c;
  font-family: poppins-bold;
  font-size: 30px;
  margin: 0;
  min-height: 70px;
}
.pricing-div:hover h3 {
  border-bottom: 1px solid #265877;

}
.pricing-div ul {
  color: #888;
  font-size: 14px;
  height: 176px;
  padding: 30px 0 0 30px;
  text-align: left;
}
.pricing-div ul li {
  list-style:  none;
  margin-bottom: 12px;
}
.pricing-div  h3 span {
  clear: both;
  display: block;
  font-size: 15px;
}
.pricing-div .btn.btn-primary {
  font-size: 14px;
  height: 40px;
  margin-bottom: 35px;
  padding: 4px;
  width: 150px;
   line-height: 30px;
}
.pricing-sec .line span {
  margin-bottom: 40px;
}

.pricing-div ul li i {
  color: #3e3d8c;
  font-size: 16px;
  margin-right: 10px;
}
.pricing-div:hover ,.pricing-div.active-plan {
  background-color: #3e3d8c;
  color: #fff;
  margin-top: -26px;
  padding-bottom: 26px;
  padding-top: 26px;
}
.pricing-div:hover h3,.pricing-div.active-plan h3, .pricing-div:hover h5,.pricing-div.active-plan h5, .pricing-div:hover ul li,.pricing-div.active-plan ul li, .pricing-div:hover ul li i ,.pricing-div.active-plan ul li i{
  color: #fff;
  border-color:#fff;
}
.pricing-div:hover .btn.btn-primary,.pricing-div.active-plan .btn.btn-primary {
  background-color: #fff;
  border-color: #fff;
  border-radius: 0px;
  color: #3e3d8c;
}
.pricing-div:hover .btn.btn-primary:hover,.pricing-div.active-plan .btn.btn-primary:hover {
  background-color: #f9f9f9;
}
.free-trail.row-nav {
  background-image: url("../images/free-trial-banner.png");
  background-position: left top;
  background-size: cover;
  color: #fff;
  padding: 60px 0 25px;
}
.trail-content > h2 {
font-family: poppins-semibold;
font-size: 32px;
line-height: 1;
margin: 0;
}
.trail-content  p {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 30px;
  margin-top: 20px;
}
.trail-content  ul {
  padding: 0;
}
.trail-content li {
background-image: url("../tick.png");
background-position: 0 1px;
background-repeat: no-repeat;
font-size: 16px;
list-style: outside none none;
margin-bottom: 28px;
padding-left: 42px;
}


.fq-image > img {
  max-width: 100%;
}

#faq {
padding-bottom: 40px;
padding-top: 40px;
}
.faq h4 {
  color: #024a8c;
  font-family: poppins-semibold;
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 0;
}
.faq h2.title {
color: #333;
font-family: poppins-semibold;
font-size: 32px;
margin-bottom: 55px;
margin-top: 15px;
}

.fq-toggle {
  padding-top: 0px;
}

#faq .panel-default  .panel-heading {
background-color: transparent;
border: 0 none;
color: #858585;
font-family: comfortaa bold;
font-size: 20px;
padding: 0;
position: relative;
}
#faq .panel-default .panel-heading .faq-edit {
  border-right: 1px solid #eee;
  color: #3e3d8c;
  cursor: pointer;
  padding: 15px;
  position: absolute;
  right: 96px;
  top: 2px;
  z-index: 9;
}
.pull-right.delete-faq {
border-right: 1px solid #eee;
color: #a4312c;
cursor: pointer;
padding: 15px;
position: absolute;
right: 46px;
z-index: 9;
}
#faq .panel-default .panel-heading a {
border: 1px solid #e9e9e9;
border-radius: 0;
box-shadow: 0 0 10px #eee;
color: #333;
display: inline-block;
font-family: poppins-medium;
font-size: 16px;
font-weight: normal;

text-decoration: none;
text-transform: uppercase;
width: 100%;
position: relative;
}
#faq .panel-default .panel-heading .cc{width: 86.9%; padding: 17px 40px 17px 15px; border-right: 1px solid #eeeeee;}

#faq .panel.panel-default {
border: 0 ;
box-shadow: initial;
margin-bottom: 14px;
}
#faq .panel-body {
  border: 0 ;
}

#faq .panel-default .panel-heading a i {
  float: right;
}
#faq .panel-default .panel-heading a i {
 color: #3e3d8c;
    font-size: 26px;
    line-height: 18px;
    position: absolute;
    right: 10px;
    top: calc(50% - 8px);
}

/* #faq .panel-default .panel-heading a i.fa.fa-plus,#faq .panel-default .panel-heading a i.fa.fa-angle-down {
  display: none;
} */
#faq .panel-default .panel-heading a:not(.collapsed) i.fa.fa-plus {
  display: none;
}
#faq .panel-default .panel-heading a.collapsed i.fa.fa-angle-down {
  display: inline-block;
}
#faq .panel-default .panel-heading a.collapsed i.fa.fa-angle-up {
  display: none;
}
#faq .panel-default .panel-heading a i.fa.fa-angle-down{display: none;}

#faq .panel.panel-default.outer{
color: #333;
display: inline-block;
font-size: 15px;
line-height: 24px;
padding-bottom: 0;
width: 100%;
}


#faq .panel-body {
  padding:15px ;
  border: 1px solid #eee;
}


.content11 {
border: 1px solid #e9e9e9;
height: auto;
max-height: 170px;
width: 100%;
}


.aboutus-sec.row-nav {
  background-image: url("../images/about-banner.png");
  background-position: left top;
  background-size: cover;
  color: #fff;
  padding: 60px 0 40px;
}
.about-content h2 {
font-family: Poppins-SemiBold;
font-size: 32px;
margin: 0;
}
.aboutus-inn .line span {
  background-color: rgba(106, 145, 169, 0.5);
  margin-bottom: 25px;
  margin-top: 10px;
}
.about-content  p {
font-size: 15px;
line-height: 24px;
margin-bottom: 25px;
}

.section.call-to-action-area {
padding-bottom: 40px;
padding-top: 40px;
}

#contact .line span {
  margin-bottom: 40px;
}
.foot  h2 {
  color: #222;
  font-family: poppins-semibold;
  font-size: 24px;
  margin: 0 0 25px;
}

.foot2  h3 {
color: #024a8c;
font-family: poppins-medium;
font-size: 20px;
margin-bottom: 10px;
margin-top: 0;
}
.foot2  p {
color: #707070;
font-size: 15px;
line-height: 24px;
margin-bottom: 40px;
}

.foot2  ul {
  padding: 10px 0 0;
}
.foot2 li {
color: #707070;
display: inline-block;
font-size: 15px;
letter-spacing: 0.5px;
list-style: outside none none;
margin-bottom: 6px;
width: 100%;
}
.foot2 li strong {
font-family: poppins-medium;
  font-weight: normal;
  text-transform: uppercase;
      float: left;
}
.foot2 {
  padding-left: 20px;
}

footer.main-footer {
  background-color: #3e3d8c;
  color: #fff;
  font-size: 15px;
  padding: 20px 0;
  text-align: center;
}


footer.main-footer a{
color: #fff;
font-size: 16px;
padding-left: 50px;
padding-right: 8px;
text-decoration: none;
}
footer.main-footer a:last-child {
  padding-left: 8px;
}
footer.main-footer a:hover {
  color: #dfdfdf;

}


body.inner-pages header#header {
  position: relative;
}

.login-section {
border: 1px solid #ddd;
    border-radius: 2px;
    float: none;
    margin: 80px auto;
    max-width: 98%;
    padding: 50px 90px;
    text-align: center;
    width: 650px;
}
.login-page .easyhost-section-title .title {
  color: #333;
  font-size: 40px;
  margin: 0 0 15px;
}
form .form-control {
border: 1px solid #dee6ec;
    border-radius: 2px;
    font-size: 15px;
    height: 45px;
    padding-left: 20px;

}
p.custom-check {
  display: inline-block;
  float: left;
  position: relative;
}


.custom-check input {
  cursor: pointer;
  height: 22px;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 22px;
  z-index: 9;
}
.custom-check label {
  color: #5c666a;
  font-weight: normal;
  position: relative;
}

.custom-check label::before {
  border: 1px solid #ccc;
  border-radius: 2px;
  content: "";
  display: inline-block;
  height: 22px;
  margin-right: 10px;
  vertical-align: text-bottom;
  width: 22px;
}
.custom-check input:checked ~ label::before {
  background-image: url(../images/tick2.png);
  border: 1px solid #ccc;
  border-radius: 2px;
  content: "";

}
.custom-check input:checked ~ label::before {
  background-image: url("../images/tick2.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px auto;
  border: 1px solid #3e3d8c;

}
.form-group > a {
  float: right;
}

.form-group > a {
  color: #3e3d8c;
  float: right;
  font-size: 15px;
  text-decoration: none;
}
.form-group > a:hover {
  color: #9D4490;
}
.login-page .form-group {
  display: inline-block;
  width: 100%;
}

.login-page .btn.btn-primary {
  border-radius: 0;
  font-family: poppins-semibold;
  font-size: 14px;
  padding: 16px 54px;
}
.login-page p.account {
    color: #131313;
    font-size: 15px;
    margin-top: 5px;
}
.login-page p.account a {
text-decoration: none;
}

.login-page .easyhost-section-title > p {
  color: #a7a7a7;
  font-family: poppins-light;
  font-size: 18px;
  margin-bottom: 50px;
}
.free-trail-block{
  padding-top: 100px;
}

.free-trail-block p {
  color: #3e3d8c;
  font-size: 26px;
}

.free-trail-block .btn.btn-primary {
  font-family: poppins-semibold;
  font-size: 19px;
  margin-left: 30px;
  padding: 17px 35px;
}
section#subscription {
  padding: 100px 0;
}

section.dashboard-pages {
  padding: 50px 0;
}
select.fom-control.custom-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
   background-image: url("../images/arrow-down.png");
    background-position: 96% center;
    background-repeat: no-repeat;
    border: 1px solid #dee6ec;
 font-size: 15px;
    height: 45px;
    padding: 0 35px 0 20px;
    width: 288px;
}
.upper-sec{
  padding: 20px 0;
  border-bottom: 2px solid #dee6ec;
    margin-bottom: 20px;
}
.add {
  padding-top: 12px;
}
.dash-ul > li {
border-top: 1px solid #ddd;
color: #000;
font-size: 15px;
list-style: outside none none;
padding: 14px 0;
width: 100%;
float: left;
}
.dash-ul li span {
  float: right;
}
.dash-ul li span  a{
  color: #3e3d8c;
text-decoration: none;
}
.dash-ul li span  a:hover{
  color: #226da2;
}

.dash-ul > li:last-child {
  border-bottom: 1px solid #ddd;
}
.dash-ul {
  margin-top: 30px;
}

.breadcrumbs {
 border-bottom: 1px solid #ddd;
margin: 0 auto;
max-width: 1140px;
padding: 20px 0;
}
.breadcrumbs > a {
  color: #3e3d8c;
  font-size: 15px;
  text-decoration: none;
}
.breadcrumbs > a:hover {
  color: #0a4264;
}

.nav.nav-tabs {
  text-align: center;
}

.nav-tabs > li {
  display: inline-block;
  float: none;
  margin-bottom: 0;
}
.nav-tabs > li > a {
  border: 0 ;
  border-bottom: 3px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #000;
  font-size: 16px;
  line-height: 1;
  margin: 0 30px;
  padding: 18px 35px;
}
.nav-tabs > li.active > a,.nav-tabs > li > a:hover,.nav-tabs > li > a:focus {
  background-color: transparent;
   border: 0 !important ;
  border-bottom: 3px solid #3e3d8c !important ;
  color: #3e3d8c;
}

.inner-tabs .nav.nav-tabs {
  border: 0 ;
}
.inner-tabs .nav.nav-tabs li a {
border: 0 none !important;
color: rgba(0, 0, 0, 0.5);
margin: 30px 5px 0;
padding: 10px 40px;
}
.inner-tabs .nav.nav-tabs li.active a {
background-color: #3e3d8c;
border: 0 none !important;
border-radius: 0;
color: #fff;
}

.lead-block {
border: 1px solid #e9e9e9;
box-shadow: 0 0 10px #eee;
display: inline-block;
margin-top: 10px;
padding: 8px 15px;
width: 100%;
}
.reminder-page .lead-block {
  padding: 14px 15px;
}

.lead-block h3 {
  color: #414143;
  font-family: poppins-medium;
  font-size: 16px;
  margin: 0 0 5px;
}
.leads-user {
  text-align: left;
}

.leads-user p {

  margin: 0;
}
.time-leads {
  color: #000;
  display: inline-block;
  padding-top: 20px;
}
.btn.btn-bordered {
background-color: transparent;
border: 1px solid #28aeec;
border-radius: 0;
color: #28aeec;
font-family: poppins-bold;
font-size: 15px;
height: 44px;
margin-top: 4px;
padding-top: 11px;
width: 130px;
}
.btn.btn-bordered:hover {
  background-color:  #28aeec;
  text-decoration: none;
  color: #fff;
}
.text-right.add-btn {
    color: #3e3d8c;
    cursor: pointer;
    font-family: poppins-semibold;
    font-size: 18px;
    margin-top: 22px;
}
.text-right.add-btn:hover {
  color: #226da2;
}
.ledas-details-page .nav.nav-tabs {
  text-align: left;
}
.ledas-details-page .tab-content{width: 100%; float: left; margin-top: 20px;}
.ledas-details-page .tab-content .tab-content{margin-top: 0!important}

.ledas-details-page .nav-tabs > li > a {
  margin: 0 1px;
}
.ledas-details-page .dash-ul {
border-bottom: 1px solid #ddd;
display: inline-block;
margin: 0;
padding: 0;
width: 100%;
}
/* .ledas-details-page .dash-ul > li {
  border: 0 ;
color: rgba(0, 0, 0, 0.5);
display: inline-block;
font-size: 18px;
padding: 25px 0;
width: 100%;
border-bottom:1px solid #ddd;
} */
.ledas-details-page .dash-ul > li span {
  color: #3e3d8c;
/*   font-family: poppins-regular;
  font-weight: normal; */
  text-align: right;
}

.ledas-details-page .dash-ul > li span b {
  font-family: poppins-semibold;
  font-weight: normal;
}



.ledas-details-page .dash-ul > li.lead-status label {
  color: #000;
  font-weight: normal;
  margin: 0;
}
li.lead-status .form-group {
  margin: 0;
}
li.lead-status input.form-control {
  float: right;
  margin-top: -17px;
  width: 360px;
}
.reminder-page .inner-tabs .nav.nav-tabs {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin-top: 30px;
  padding-bottom: 20px;
}
.reminder-page .inner-tabs .nav.nav-tabs li a {
  margin: 20px 5px 0;
}
.btn-edit {
  background-color: transparent;
  border: 0 none;
  margin-left: 15px;
}
.btn-edit:hover {
opacity: .7;
}
.reminder-page .custom-check label {
  color: rgba(65, 65, 67, 0.5);
  font-weight: normal;
  position: relative;
}
.reminder-page p.custom-check {
  margin-top: 15px;
}

.reminder-page .custom-check label::before {
  margin-right: 20px;
}

.payemnt-section {
 float: none;
margin: 0 auto;
max-width: 100%;
padding-bottom: 100px;
padding-top: 30px;
width: 730px;
}
.payemnt-section h4 {
color: #222;
font-family: Poppins-SemiBold;
font-size: 18px;
margin-bottom: 40px;
}

.payemnt-section .form-group {
  clear: both;
  display: inline-block;
  width: 100%;
}
.payemnt-section .btn.btn-primary {
  font-family: poppins-semibold;
  font-size: 14px;
  padding: 16px 54px;
}

.payemnt-section .upper-info > h4 {
  margin-bottom: 20px;
}
.upper-info > p {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  color: #222;
  font-size: 18px;
  margin-bottom: 50px;
  padding: 20px 0;
}
.upper-info > p a {
  font-family: poppins-semibold;
  text-decoration: none;
}
.payemnt-section.payment-method h4 {
  margin-bottom: 20px;
}

.form-group.change-subs > label {
  color: #5c666a;
  font-family: poppins-semibold;
  font-size: 18px;
  font-weight: normal;
  padding-top: 20px;
}
.form-group.change-subs {
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
  padding-bottom: 40px;
}
.breadcrumbs h1 {
  color: #3d3d3d;
  font-family: poppins-bold;
  font-size: 24px;
  margin: 0;
  padding-left: 15px;
  text-transform: uppercase;
}

section.account-pages {
  display: inline-block;
padding: 30px 105px;
width: 100%;
}

.left-sidebar {
background-color: #f3f5f6;
float: left;
margin-right: 20px;
padding-right: 20px;
width: 260px;
}
.right-details-account {
  float: left;
  width: calc(100% - 280px);
}


.left-sidebar > a {
border-bottom: 1px solid #ddd;
    color: #3e3d8c;
    display: inline-block;
    font-size: 16px;
    padding: 15px;
    width: 100%;
}

.left-sidebar > ul {
  margin: 0;
  padding: 0;
}
.left-sidebar > ul li {
  border-bottom: 1px solid #ddd;
  color: #000;
  font-size: 16px;
  list-style: outside none none;
  padding: 15px ;
  cursor: pointer;
}


.left-sidebar > ul li .submenu {
 display: none;
padding: 0;
}
.left-sidebar > ul li .submenu li {
  border: 0 none;
  padding: 5px 0;
}

.left-sidebar > ul li img {
  display: inline-block;
  float: right;
  margin-top: 4px;
}

.left-sidebar > ul li.active .submenu {
  display: inline-block;
  padding-left: 0px;
  padding-top: 10px;
  width: 100%;
}
.submenu a:hover,.left-sidebar > a:hover {
  text-decoration: none;
   color: #135a97;
}
.left-sidebar > ul li.active img {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}


.upper-description > h4 {
  color: #222;
  font-family: roboto-bold;
  font-size: 15px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.upper-description h4 span {
  padding-right: 40px;
}
.upper-description h4 span a {
  padding-left: 5px;
  text-decoration: none;
}
.upper-description h4 span strong {
  color: #337ab7;
}
.upper-description h4 .btn-edit {
  color: #3e3d8c;
  text-transform: uppercase;
}

.info-block {
  background-color: #f3f5f6;
  margin-bottom: 20px;
  padding: 20px;
}

.info-block > h4 {
  color: #222;
  font-family: roboto-bold;
  font-size: 15px;
  margin-bottom: 20px;
  margin-top: 0;
  text-transform: uppercase;
}
.info-block label {
color: #666;
font-family: roboto-regular;
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
}
.account-pages input.form-control {
background-color: #fff;
border: 1px solid #dedede;
border-radius: 0;
height: 45px;
}
.web-side .form-group > ul {
display: inline-block;
margin: 0;
padding: 0;
width: 100%;
}
.web-side .form-group > ul li {
  background-color: #fff;
  border: 1px solid #dedede;
  color: #666;
  float: left;
  font-size: 14px;
  list-style: outside none none;
  padding: 10.6px 15px;
  width: 50%;
}
.account-pages .table-responsive {
  margin-top: 20px;
}
.account-pages table th, .account-pages td {
  border: 1px solid #dedede;

  padding: 12px;
  text-align: center;
}
 .account-pages td {
height: 50px;
color: rgba(0,0,0,.7);
}
 .account-pages th {
font-weight: normal;
color: rgba(0,0,0,1);
}
table {
  width: 100%;
}
.headline {
  font-family: poppins-semibold;
  font-size: 25px;
  line-height: 1;
}
.modal-header h4 {
  font-family: poppins-semibold;
  font-size: 22px;
  text-align: center;
}
.modal label {
  font-weight: normal;
}
select.fom-control.custom-select {
  max-width: 100%;
}
.modal .btn.btn-primary {
  font-size: 14px;
  margin: 10px 0;
  padding: 16px 54px;
}
.btn.btn-primary.btn-lg.edit-button img {
  width: 20px;
}
.btn.btn-primary.btn-lg.edit-button {
border-radius: 100%;
font-size: 30px;
height: 50px;
margin-top: 30px;
padding: 10px;
text-align: center;
width: 50px;
line-height: 20px;
}

input.search-top {
  background-image: url("../search.png");
  background-position: 94% center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  border: 1px solid #dee6ec;
  display: inline-block;
  font-size: 15px;
  height: 45px;
  max-width: 100%;
  width: 280px;
  padding-left: 20px;
   color: #333;
   font-family: "Poppins-regular";
}
.modal form .form-control {
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
}
.modal select.fom-control.custom-select {
  font-size: 14px;
  padding-left: 10px;
}
#addnotes textarea.form-control {
  height: 140px;
  resize: none;
}
.notes  p {
/*   color: rgba(0, 0, 0, 0.5); */
  margin: 0;
}
.notes {
border: 1px solid #e9e9e9;
box-shadow: 0 0 10px #eee;
font-size: 16px;
margin-bottom: 10px;
width: 100%;
}
.modal select.fom-control.custom-select {
  width: 100%;
}
.modal form textarea.form-control {
  height: 120px;
  resize: none;
}
.upper-sec select.fom-control.custom-select {
  margin-right: 15px;
  font-family: 'Poppins-regular';
}
.upper-sec select.fom-control.custom-select option {
  font-family: 'Poppins-regular';
}
.edit-icon {
  color: #3e3d8c;
  cursor: pointer;
}

.edit-icon:hover {
opacity:.7;
}
.upper-description h4 span.subi {
  padding-right: 20px;
}
.status span.btn.btn-bordered {
  cursor: default;
  float: left;
}
.status span.btn.btn-bordered:hover {
  background-color: transparent;
  color: #28aeec;
}
.status.pull-right > ul {
  float: left;
  margin: 0;
  padding: 10px 0 0 40px;
}
.status.pull-right > ul li {
  color: #28aeec;
  display: inline-block;
  font-size: 23px;
  list-style: none;
  margin: 0 5px;
}
.status .pull-right.edit-icon > img {
  font-size: 15px;
  margin-left: 40px;
  margin-top: 11px;
  width: 28px;
}

.account-pages textarea.form-control {
background-color: #fff;
border: 1px solid #dedede;

}
.inn-foot2 {
background-color: #eef6fc;
    margin-top: 58px;
    padding: 40px 30px 45px;
    border: 2px solid #dee6ec;
}
.inn-foot2 li span {
  float: left;
  padding-left: 10px;
  width: calc(100% - 150px);
}


/************************/
/* .dashboard-pages .easyhost-section-title {
float: left;
padding-top: 20px;
} */
.dashboard-pages .easyhost-section-title .title {
font-size: 24px;
}
.dashboard-pages .upper-sec {
  border-bottom: 0 none;
/*   float: right;
  margin-bottom: 20px;
  margin-left: 0;
  min-width: 66%;
  padding: 0;
  text-align: right !important;
  width: auto; */
}
.dashboard-pages .upper-sec .col-sm-2 {
  float: right;
}

.leads-tabs,.graph-area {
  clear: both;
}


.leds-details .lead-block {
  display: flex;
  justify-content: space-between;
 color: #333;
font-size: 15px;
padding: 0; margin-top: 0; margin-bottom: 10px;
}

.border-left-css{padding: 14px 15px; border-right: 1px solid #efeaea;}

.leds-details .lead-block.unread-lead{position: relative;}
.leds-details .lead-block.unread-lead:after{content: 'Unread'; position: absolute; left: 0; background: #A4312C; color: #e7ecef; font-size: 12px; text-transform: uppercase; padding: 1px 4px; top: -8px;}

.custom-leads-css{display: initial; width: 100%; float: left;}
.custom-leads-css .lead-block .leads-user{width: 30%!important; float: left!important;}
.custom-leads-css .lead-block .text-center{width: 40%!important; float: left!important;}
.custom-leads-css .lead-block .pull-right{width: 20%!important; float: right!important; text-align: right;}

.leds-details .lead-block .leads-user.pull-left {
  flex: 1; text-align: center;align-items: center; display: flex;
}
.leds-details .lead-block .leads-user.pull-left p{width: 100%;}
.leds-details .lead-block .leads-user.pull-left:first-child{text-align: left; display: initial;}

.leds-details .lead-block .pull-right{align-items: center; display: flex;}


.tabs-area .inner-tabs .nav.nav-tabs li a {
  padding: 10px 20px;
}

.filterupper {
  clear: both;
  padding-bottom: 20px;
}
.filterupper .form-group {
  float: left;
  padding-right: 0;
}
.filterupper .form-group .input-group.date {
float: left;
margin-right: 15px;
width: 351px;
}
.filterupper .form-group .input-group.date .input-group-addon {
  background-color: #3e3d8c;
  border-color: #3e3d8c;
  border-radius: 0;
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
}
.upper-sec.filterupper select.fom-control.custom-select {
  float: left;
}
.filterupper .form-control {
  float: left;
  margin-right: 15px;
}
.filterupper .btn.btn-primary {
  padding-left: 30px;
  padding-right: 30px;
}

.dashboard-pages .upper-sec .col-xs-12.col-sm-5 {
    width: auto;
    display: inline-block;
    float: none;
    padding: 0;
}
.dashboard-pages .upper-sec .col-sm-2 {
    float: right;
    width: auto;
}

.add.add-btn.btn.btn-sm.btn-primary{
/*   font-family: "Poppins-SemiBold";
  font-size: 14px;
  margin-bottom: 5px;
  padding: 11px 20px; */
  margin-bottom: 5px;
margin-left: 15px;
padding: 14px;
font-family: poppins-regular;
}
.inner-pages-section {
  min-height: calc(100vh - 142px);
}

/********************/
.dash-ul li.myleads-color a {
  color: #a895bc;
}
.dash-ul > li.helpdedklead-color a {
  color: #7d498c;
}

.notify-drop .notify-img > img {
  height: auto;
  max-width: 100%;
  width: auto;
}
.notify-drop hr {
  display: none;
}
body .navbar-default .dropdown-menu.notify-drop .drop-content > li p.time {
  background-image: none;
  border: 0 ;
  color: #999;
  display: block;
  font-weight: normal;
  margin:  0;
  top: 0px;
}

body .navbar-default .dropdown-menu.notify-drop .drop-content {
  overflow-y: auto;
}
 .leads-user p label {
color: #333;
font-size: 15px;
font-weight: normal;
margin: 0;
}



.upper-srch .form-control.search-top {
  float: none;
margin-right: 10px;
}


.easyhost-section-title.upper-srch {
  text-align: center;
}

.easyhost-section-title.upper-srch .add.add-btn.btn.btn-sm.btn-primary.pull-right {
/*   float: none !important; */
  margin: 0 auto !important;
  vertical-align: top;
}
.upper-srch > p {
  padding-left: 160px;
  padding-right: 0px;
}

.col-sm-12.upper-sec.text-center.dash-page {
  text-align: center;
}
.dash-page > div {
  display: inline-block;
  float: none;
  padding: 0;
  width: auto;
}
.dash-page .add.add-btn.btn.btn-sm.btn-primary.pull-right {
  float: none !important;
  margin-left: 0;
}

.btn.btn-primary.btn-sm {
  font-size: 14px;
  padding: 11px 20px;
}

.dash-ul.icons-dash li img {
  height: 35px;
  margin-right: 10px;
  vertical-align: middle;
}

.btn.btn-.btn-lg.delete-button {
  background-color: #a4312c;
border-radius: 0;
color: #fff;

font-size: 14px;
line-height: 1;
margin-top: 40px;
padding: 12px 25px;
text-transform: uppercase;
}
.btn.btn-.btn-lg.delete-button:hover {
background-color: #94211c;
text-decoration:none;
}
.dash-ul.icons-dash button {
  background-color: #fff;
  border: 1px solid #3e3d8c;
  padding: 8px 20px;
}
.dash-ul.icons-dash button:hover {
  background-color: #3e3d8c;
  border: 1px solid #3e3d8c;
color:#fff;
}

.fq-toggle .panel .content11 {
  max-height: 110px;
}

#leads .form-group .error {
  color: red;
  font-size: 12px;
  position: absolute;
}
.btn.btn-primary.btn-sm.pull-right.update-lead {
  margin-right: 0px;
  margin-top: -63px;
}
.btn-delete {
  background-color: transparent;
  border: 0 none;
  color: #a4312c;
  font-size: 25px;
  margin-left: 5px;
  padding: 0;
}
.btn-delete:hover {
 color: #a4312c;
opacity:.7;
}
.notes .btn-edit {
margin: 15px 5px 0px 0px;
}
.notes > span.cont {
  display: inline-block;
  width: 90%;
  word-wrap: break-word;
  padding: 14px 15px; border-right: 1px solid #efeaea;
}

.color-category > ul {
  padding: 0; text-align: right; margin-bottom: 20px;
}
.color-category > ul li {
  display: inline-block;
  list-style: outside none none;
  margin-right: 30px;
}
.color-category > ul li span {
  background-color: #838383;
  border-radius: 2px;
  display: inline-block;
  height: 20px;
  margin-right: 4px;
  vertical-align: text-bottom;
  width: 20px;
}
.color-category > ul li.green span {background-color:  #50c244;}
.color-category > ul li.orange span { background-color:#b644c2;}
.color-category {
  padding-bottom: 1px;
  padding-top: 20px;
}

.reminder-content {
  float: left;
  max-width: 82%;
}

/*********full-layout***********/
body.inner-pages header .container-fluid {
max-width: 100%;
padding-right: 0;
width: 1170px;
}
.reminder-page .lead-block button {
  line-height: 1; margin: 0; padding: 14px;
}
#home.tab-pane ul.dash-ul li span {
  max-width: 79%;
}
#home.tab-pane .dash-ul > li {
  align-items: center;
  border-top: 1px solid #ddd;
  color: #000;
  display: flex;
  font-size: 15px;
  justify-content: space-between;
  list-style: outside none none;
  padding: 14px 0;
  width: 100%;
}
#info.tab-pane .dash-ul > li {
  align-items: center;
  border-top: 1px solid #ddd;
  color: #000;
  display: flex;
  font-size: 15px;
  justify-content: space-between;
  list-style: outside none none;
  padding: 14px 0;
  width: 100%;
}

/***************/
.tabs-area .notes .btn-delete,.reminder-page .leds-details .lead-block .btn-delete, .custom-leads-css .lead-block .pull-right .btn-delete, #activities .lead-block .btn-delete{
/*   border-left: 1px solid #eee;
  line-height: 1;
  padding: 14px;
  position: absolute;
  right: 0;
  top: 0; */
  min-height: 100%;
  border-left: 1px solid #eee;
line-height: 1;
margin-bottom: -14px;
margin-top: -14px;
padding: 14px 14px 14px 14px;
right: 0;
top: 0;
}
.tabs-area .notes .btn-delete {
  margin-top: 0; margin-right: 5px;
}
.tabs-area .notes,.reminder-page .leds-details .lead-block {

  position: relative;
}
#documnets .tabs-area .notes .btn-delete {
  border: 0 none;
}
.modal form .form-control[type="file"] {
  height: auto;
}
.dash-ul li span.label-text{ float: left;  }
.dash-ul li span.count-bubble{
float: left;
margin-left: 10px;
background: #A4312C;
width: 23px;
height: 23px;
border-radius: 50%;
text-align: center;
color: #ffffff;
}

li.notification-count-li span.notification_count{
position: absolute;
top: -12px;
right: -9px;
width: 20px;
height: 20px;
background: #A4312C;
border-radius: 50%;
text-align: center;
line-height: 20px;
font-size: 13px;
}

.dash-ul li a{float: left;}
.dash-ul li span.count-bubble{background: #A4312C;width: 23px;height: 23px;border-radius: 50%;text-align: center;color: #ffffff;float: left;margin-left: 10px;font-size: 11px;line-height: 23px;font-weight: 700;}
#faq .panel-default.panel-heading.faq-edit {border-left:1px solid #eee;}
.status.leads-user.pull-left.noreminder-found{padding: 14px 15px;}
.website-list-top{ padding: 0px 0px 32px 0px;}

.border.leds-details .lead-block .btn-delete{min-height: 100%; border-left: 1px solid #eee; line-height: 1; margin-bottom: -14px; margin-top: -14px; padding: 14px 14px 14px 14px; right: 0; top: 0;}

#documents .edit-button{margin-right: 0!important}
#documents #new-leads .leads-user{border-right: 0}

#activities #new-leads .btn-delete{border-left: 0; margin-left: 0!important}

#reminders .custom-leads-css .pull-right{width: auto!important}
#reminders .custom-leads-css .pull-right .btn-edit{margin-left: 10px!important}

#tasks .cont{width: 90.5%;}
#documents #new-leads .delete-document{margin:0!important;}

.my-acc .table-responsive th{font-weight: bold;}

#activities #new-leads .border-left-css:first-child, #reminders .border-left-css:first-child{flex: 0 0 70%}

#activities .notes, #notes .notes{display: flex; justify-content: space-between;}
#activities .notes .cont, #notes .notes .cont{flex: 1; align-items: center; display: flex;}
#activities .notes .btn-edit,  #notes .notes .btn-edit {margin: 0; height: 100%; padding: 14px;}
#activities .notes .delete-note, #notes .notes .delete-note{align-items: center; display: flex; margin: 0}

#tasks .notes{display: flex; justify-content: space-between;}
#tasks .notes .cont{border-right: 0px solid #eee}
#tasks .notes .delete-task{align-items: center; display: flex; margin: 0!important; padding: 14px;}
#tasks .notes .lnk-edit-task{align-items: center; display: flex; margin: 0; padding: 14px;}
#tasks .lnk-edit-task.btn-edit{align-items: center;display: flex; margin: 0;padding: 14px 5px 14px 14px;border-left: 1px solid #eee !important;}

#new-leads .leads-user:first-child{flex: 0 0 65%}
#new-leads .leds-details .status.pull-right{padding: 14px!important}
#new-leads .leds-details .status.pull-right ul{padding: 0!important; margin: 0!important}
#new-leads .leds-details .status.pull-right a{margin: 0!important}

#new-leads .no-lead-subject{background: #26506d !important;border-color: #26506d !important;}
#new-leads .customer_service{background: #b644c2 !important;border-color: #b644c2 !important;}
#new-leads .sales_enquiry{background: #50c244 !important;border-color: #50c244 !important;}
#new-leads .others{background: #838383 !important;border-color: #838383 !important;}
label.pclassemail {display: inline-block;background: #3e3d8c;color: #fff !important;border-radius: 25px;padding: 3px 7px;margin: 2px !important;font-size: 12px !important;text-align: left;}

.form-group.has-error label.has-error {
	color: #a94442;
}
.badge-success {
	color: #fff;
	background-color: #28a745;
}
.badge-danger {
	color: #fff;
	background-color: #dc3545;
}
.badge-warning {
	color: #212529;
	background-color: #ffc107;
}
.badge-info {
	color: #fff;
	background-color: #17a2b8;
}
.badge-secondary {
	color: #fff;
	background-color: #6c757d;
}
.badge-primary {
	color: #fff;
	background-color: #007bff;
}
.badge-light {
	color: #212529;
	background-color: #f8f9fa;
}
.badge-dark {
	color: #fff;
	background-color: #343a40;
}
.integrationListContainer .badge{
    border-radius: 3px !important;
}
.integrationListContainer .integrationRow {
	padding: 10px;
	border: 1px solid #f5f1f1;
	margin-top: 50px;
    z-index: 99;
    background-color:#fcfcfc;
}
.integrationListContainer .img-thumbnail{
    border: none;
    max-height: 150px;
    max-width:100% !important;
    padding: 0px;
}
.integrationListContainer .btn.btn-primary.badge-success{
    background-color: #449d44 !important;
    border-color: #449d44 !important;
    color: #fff !important;
    margin-top: 15px;
    font-size: 14px;
	line-height: 1;
	padding: 11px 20px;
	text-transform: uppercase;
    width:100%;
}

.integrationListContainer .btn.activate {
	background-color: #3e3d8c;
	border: 1px solid #3e3d8c;
	color: #fff;
}
.integrationListContainer .btn.activate:hover {
	background-color: #9D4490 !important;
	border: 1px solid #9D4490 !important;
}
.integrationListContainer .imgDiv{
    height: 80px;
    text-align:center;
}
.integrationListContainer .integrationRow .leftlogo{
    padding-left:0px;
}
.integrationListContainer .integrationRow .rightNote{
    padding-right:0px;
}
.integrationListContainer .integrationRow p{
    color: #333;
    font-size: 14px;
    font-weight: normal;
}
.integrationListContainer .integrationRow .integrationTitle{
    font-size: 20px;
    font-weight: bold;
}
.integrationListContainer .integrationRow .integrationNote{
    font-size: 18px;
    font-weight: normal;
}
.integrationListContainer .integrationRow .integrationHelpBtn{
    position: absolute;
    z-index: 999;
    margin-left:10px;
}
.rightIntegrationDescriptionArea{
    font-size:18px !important;
}
.integrationCateogry{
    font-size:16px;
    font-weight:normal;
    font-family: 'Poppins-regular';
}
.integrationDetailView .info-block{
    background-color: #fcfcfc !important;
    border: 1px solid #f5f1f1;
}
.integrationDetailView a:hover{
    color: #9D4490 !important;
}
.integrationDetailView .info-block b{
    color:#3d3d3d;
}
@media(max-width:991px){
.integrationListContainer .btn.btn-primary.badge-success, 
.integrationListContainer .btn.btn-primary.activate{ margin-bottom: 20px; }
.integrationListContainer .imgDiv{ height:auto;margin-bottom:10px; }
input.search-top{ width:235px; }
}
@media(max-width:767px){
input.search-top{ width:100%; }
footer.main-footer{ padding: 10px 20px; }
}