/* Overall Styles */

body{
	font-family: Muli,Open Sans,Helvetica Neue, sans-serif;
}
header.py-5 {

  color: #000;
  background-image: url("../images/Bulk-Email-1.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}
.form-control:focus{
	border-color:#cccccc !important;
	background-color: #ffffff;
	color: #495057;
	outline: 0;
	/*box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);*/
	
}

.form-group-input{
	margin-bottom: 25px !important;
}
.form-group-lbl{
	margin-bottom:-0.5rem !important ;
margin-top: -1.5rem !important;
}
.form-control:focus {
box-shadow:none;
}

.fix{
	position:fixed !important;
}

.table thead th
    {
        vertical-align: middle;
    }

.ta-head{
  padding-bottom:12px;
   padding-left:30px;
    /*font-size:21px;*/
    text-align: center;
}

.ta-td-width
{
  width: 25%;
}

.sub-align-left{
padding-left: 8%
}

.sub-align-right{
padding-right: 6%
}

.hide1
{
  display:none;
  
}
.hide
{
  display:none;
  
}
.show{
  display:block;}
  

.text-new{
  font-size:18px !important;
  
  }

  .txt-sub{
  font-size: 20px !important;
  
}

  .inptut1{
  
  max-width:40%; 
  font-size:14px;
   color:#333;
   display:inline-block !important;
   font-size:18px !important;
   padding-right:0px !important;
   }

.table-txt-align{
   text-align: center;
 }



	


h1,h2,h3{
	font-weight: 600;
}

html, body 
{
	
overflow-x: hidden; }

/* Header Section */

.header-bg{
	background: url(../images/bg-image2.jpg);
	background-position: top;
	background-repeat: no-repeat;
	-webkit-background-size: 1347px 450px;

}

.header-bg h2{
font-size:18px;
}

.feature-wrap p{
font-size:15px;
}

.fixed-header {
  position: fixed;
  top:0;
  left:0;
  width: 100%; 
  z-index: 100;
  background: #ffffff;

}

#custom-nav{
	box-shadow:0px 0px 30px #b4b3b3;
	
}
header.py-5
{
	background-color: #fcf5e3 !important;
}
.py-5 {
    padding-bottom: 7rem !important;
	padding-top: 8rem !important;
}
.lead {
    font-size: 1.25rem;
    font-weight: 300;
    padding-top: 10px;
	padding-bottom: 10px;
}
.nav-wrap{
	padding: 10px 0px 10px 0px;
}
.mb-2, .my-2 {
    margin-bottom: 1rem !important;
}
.header-bg h1,h5
{
	color: #555;
}

.video-wrapper-main{
	padding: 10px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);

box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);

   /* box-shadow: 0px 0px 40px #b0b0b0; */
}

/* Custom Buttons */

.error_color_size {
 color: red;
font-size: 80%;
font-weight: 400;
}

.btn{
	padding: 0.5em 3em;
}
.pl-5, .px-5 {
    padding-left: 10px !important; 
}

.btn-primary {
    color: #fff;
    background-color: #e54d59;
    border-color: #e54d59;
	font-size: 18px;
}

.btn-primary:hover{
    color: #fff;
    background-color: #da4b00;
    border-color: #9c3f0f;
}


.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(244, 129, 68) !important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
     background-color: #d3682b;
    border-color: #d3682b;
}



/* small Buttons */





.btn-blue {
    color: #fff;
    background-color: #337ab7;
    border-color:#245f92;
}

.btn-blue:hover{
    color: #fff;
    background-color: #245f92;
    border-color: #1b4e7b;
}


.btn-blue.focus, .btn-blue:focus {
    box-shadow: 0 0 0 0.2rem rgb(126, 182, 230) !important;
}

.btn-blue:not(:disabled):not(.disabled).active, .btn-blue:not(:disabled):not(.disabled):active, .show>.btn-blue.dropdown-toggle {
    color: #fff;
     background-color: #337ab7;
    border-color: #245f92;
}



/* popup form styles */

#standalone {
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
}
.popup_visible #standalone {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}


#fadeandscale {
  transform: scale(0.8);
}
.popup_visible #fadeandscale {
  transform: scale(1);
}


.form-control{
  height: 50px;
}


h2{
	color: #555;
}

.cl_logos img{
	max-width: 100%;
	height: auto;
}

.testimonial-wrap{

   padding: 10px 0px;


}

.testimonial-wrap img{
	    border-radius: 50%;
    width: 130px;
    height: 125px;
}

.testimonial-wrap h5{
margin-bottom: 0px;
margin-top: 10px;
}

.testimonial-text{
	    font-size: 15px;
    font-style: italic;
    color: #555;
}


.feature-wrap h3, span{
	color: #555;
}

.feature-wrap span {
	font-size: 2.1em;
	margin-bottom: 10px;
	color: #da4b00;
	padding: 10px;
	border:1px solid #ccc;
	border-radius: 50px;
	cursor: pointer;
}




/*  pricing table  */

.bg-light-grey{
background: #f8f8f8;
}

.bg-grey{
	background: #eaeaea;
}

.bg-white{
	background: #ffffff;
}


.pricing-table
{
border:1px solid #E9ECEF;border-radius:16px;
	    box-shadow: 0px 0px 16px #e4e3e3;
margin-bottom:20px;
background: #ffffff;
	}
.pricing-table ul{list-style:none;padding:0px; background: #ffffff;}
.pricing-table ul li
{
    border-bottom: 1px dashed #E9ECEF;
    padding: 5px 0px;
    font-size: 20px;
    background: #ffffff;
}
.pricing-table ul li:last-of-type{border-bottom:0px;}
.pricing-head h3
{
    background: #337ab7;
    margin: 0px;
    padding: 15px 0px;
	color:#fff;
	border-radius:16px 16px 0px 0px;
	font-weight: 400;
}
.pricing-body{padding:0px 20px;
background:#ffffff;}
.pricing-body .btn{padding: 10px 30px;}
.hover:hover
{
transform: scale(1.05,1.05);
-webkit-transform: scale(1.05,1.05);
-moz-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
    box-shadow: 0px 0px 22px rgba(128, 128, 128, 0.41);
    border-color: #45c1e3;
    -webkit-transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
}
.hover
{
   -webkit-transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
}


.pricing-des p{
	text-align: center;
	font-size: 16px;
	color: #333;
}

.tooltip-inner{ color:#333; font-weight:400;  background-color:#f3f3f3;
	border:1px solid #666 ;
	font-size: 12px;
	text-align: left;
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before { border-right-color: #94C120;
z-index: 999;}






.popover-header:after{
 font-family: FontAwesome;
        top:5;
        float: right;

        content: "\f00d"; 
        text-align: right;
}





@media screen and (max-width: 750px){
.btn-xl {
  padding: 8px 6px; 
  font-size: 15px;
/*  font-weight: 700;*/
}
	.btn-small{
	padding: 0.3em 1.2em;
	font-size: 11px;
	white-space:normal !important;
}

	h1 {
		font-size: 26px;
	}

	h2,h3{
		font-size: 22px;
	}

	h4,h5{
		font-size: 18px;
	}



	img.logo{
		max-width: 100%;
		height: auto;

		}

	.video-wrapper-main{
	border-radius: 5px;
	padding: 2px;
	}


span.mob-3x{
	font-size: 2em;
	padding:20px 0px 15px 20px;
	margin-top: -20px;



}

}


/* For Apple Landscape */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 

div.apple-max-90{
	max-width: 90% !important;
	height: auto;
	overflow-y: scroll;
}
}

@media (min-width: 320px) and (max-width: 480px) {
 
  
  .ta-head{
  padding-bottom:12px;
   padding-left:30px;
    font-size:14px;
    text-align: left;
}

.text-new{
  font-size:14px !important;
}

.txt-sub{
  font-size: 22px !important;
  padding-left: 10px;
}



.btn-month {
    padding: 0.5em 2em !important;
}
.inptut1{
  
  max-width:30%; 
   display:block; !important;
   font-size:14px !important;
   float:none;
   
   
   }

   .table-txt-align{
   text-align: left;
 }

}