section#home-banner {
	 margin-top: 25px;
    padding: 25px 0 25px;
    background-color: #ec4d4d;
    color: #fff;
	padding-right:25px;
	padding-left:25px;
}

section#home-banner .btn {
    border-radius: 0;
    border: 0;
    font-weight: 300;
    color: #fff;
}

/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}


.banner-learn:focus:active, .banner-learn:focus, .banner-learn:hover
{
color:#000;

}
.jumbotron-red {
    background: linear-gradient( -45deg , #820404, #ec4d4d)!important;color: #ffffff;
}
.jumbotron {
    background: linear-gradient(-45deg, #000000, #595959);
	color: #ffffff;
	padding-top: 25px;
	padding-bottom: 30px;
}
.jumbotron .jumbotron-sm > h1 > small > strong {
background-color:#ec4d4d;
color:#fff;
font-weight:900;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #fff;
}
/*.btn-primary {
	background-color:#595959;
	color:#fff;
	border-color:#595959;
}
*/
.price-plan-padding{
	margin-top:45px;
}
section#price-plan-header{

    margin-top: auto;
    padding: 25px 0 25px;
    color: #fff;
    padding-right: 25px;
    padding-left: 25px;
	background-color:#cc2434;
}
section#home-banner h2 {
	margin:0;
	padding:25px 25px 10px 25px;
}
h2 {  font-size:35px;
     font-family: "NexaW01-Thin";
     font-weight: 900;
}

.wb-hosting-desc {
	color:#fff; padding:15px;
}

.features-heading {
	background-color:#ec4d4d; margin:25px;
}
.offers {
	padding-top:3%;color:#fff;
}

h4 > a > .faq-dropdown {
	color:red;
	background-color:pink;
}

.panel-heading
{
	background: linear-gradient(-45deg, #820404, #ec4d4d); 
	color:#fff;
}

.panel-heading > h4 > a 
{
	text-decoration:none;
}
.panel-heading > h4 > a:focus,  .panel-heading > h4 > a:hover, .panel-heading > h4 > a:active
{
	color:#fff;
}
.panel-body> ul > p > a
{
	text-decoration:underline;
}

.main-logo {
	height:95px;
}
.feature > h3 {
    color: #ffffff;
    background: linear-gradient( -45deg, #595959, #303236);
    padding: 8px;
    border-radius: 15px;
    margin: 10px;
}
}
.feature {
	padding:15px;
}

.feature-img {
	height:150px;
}
.web-transfer {
	color:#fff;
}

@media (max-width: 600px)
.h3, h3 {
    font-size: 25px;
} }
.service > h2 {
	color:#cc2434;
}
.vps-config {
position: relative;
    left: 20px;
}
 .transferLeft{
	text-align:right;
}
.dark-heading{
	background: linear-gradient(-45deg, #820404, #ec4d4d);
    color: #fff;}

@media (max-width: 600px){
.h4, h4 {
    font-size: 18px;
}}