.abs
        {
            z-index: 99; /*position: absolute;*/ /*width: auto;*/
            z-index: 100;
        }
        .pub
        {
            bottom: 15px;
            left: 0px;
            /*width: 100%;*/
            /*height: 120px;*/
            line-height: 30px;
            overflow: hidden; /*background-color: rgba(0,166,227, 0.35);
            -webkit-border-top-right-radius: 7px;
            -webkit-border-bottom-right-radius: 7px;
            -moz-border-radius-topright: 7px;
            -moz-border-radius-bottomright: 7px;
            border-top-right-radius: 7px;
            border-bottom-right-radius: 7px;*/
            color: white;
            font-family: "VarelaRoundRegular";
            font-size: 24px;
            /*text-transform: uppercase;
            font-weight: bold;*/
            margin: 0 auto;
            float: left;
        }
        .el
        {
            position: absolute; /*width : 100%;*/
            /*left: 5px;*/
            top: 25%;
            vertical-align: middle;
        }
        .el > span
        {
            color: #ff6701;
        }


.fs1
{
    font-size:48px;
}

.fs2
{
    font-size:22px;
}

.fs3 
{
    font-size:12px;
    
}

.fs3 a 
{
    font-size:12px;
    color:#fff;
    text-decoration:none;
}

  @media (max-width: 360px)
  {
   .fs1
    {
    font-size: 20px;
    }
    
 .fs2
{
    font-size:11px;
}

.fs3 
{
    font-size:6px;
}

.el {
    position: absolute;
    top: 18%;
    vertical-align: middle;
    width: 80%;
}

.shadow.top {
    display:none;
    height: 60%;
    position: absolute;
    top: 146px;
    width: 100%;
}

  }
  
 @media only screen and (min-width:361px) and (max-width:640px)
 {
    
 .fs1
   {
    font-size: 20px;
    }
    
 .fs2
{
    font-size:11px;
}

.fs3 
{
    font-size:6px;
}

.el {
    position: absolute;
    top: 30%;
    vertical-align: middle;
    width: 80%;
}

.shadow.top {
    display:none;
    height: 60%;
    position: absolute;
    top: 146px;
    width: 100%;
}

.shadow.bottom, .top-aside-shadow {
    background: rgba(0, 0, 0, 0) url("../images/bg-ui-shadow-bottom.png") repeat-x scroll center bottom;
    bottom: 0;
    height: 30%;
    position: absolute;
    top: 67%;
    width: 100%;
}
 
 }
 
@media only screen and (min-width:800px) and (max-width:1280px)
{
 .fs1
 {
    font-size: 20px;
 }
    
 .fs2
{
    font-size:11px;
}

.fs3 
{
    font-size:6px;
}

.el {
    position: absolute;
    top: 14%;
    vertical-align: middle;
    width: 80%;
} 

.shadow.top {
    display:none;
    height: 60%;
    position: absolute;
    top: 146px;
    width: 100%;
}
 
}

@media only screen and (min-width:768px) and (max-width:1024px)
{
 .fs1
    {
    font-size: 20px;
    }
    
 .fs2
{
    font-size:11px;
}

.fs3 
{
    font-size:6px;
}

.el {
    position: absolute;
    top: 21%;
    vertical-align: middle;
    width: 80%;
  }

.shadow.top {
    display:none;
    height: 60%;
    position: absolute;
    top: 146px;
    width: 100%;
}

#layout {
    background: #fff none repeat scroll 0 0;
    margin: auto auto 0;
    width: 100%;
}

.cheapCalls {
    border-bottom: 1px dotted #b3b3b3;
    float: left;
    margin: 12px 0 30px;
    padding: 0 0 30px;
    width: 100%;
}

.botomLinks {
 float: left !important;
}

/*#nav {
    color: #89a23a;
    float: right;
    font-family: "VarelaRoundRegular";
    font-size: 18px;
    margin-top: 0;
}*/

}


@media only screen and (min-width:980px) and (max-width:1024px)
{
 .el {
 position: absolute;
 top: 16%;
 vertical-align: middle;
 width: 80%;
}
    
}


 
















/* Carousel CSS */
.carousel {
  height: 329px;
  width: 960px;
  overflow: hidden;
  /*box-shadow: 0px 1px 2px 2px #d4d4d4;
  -moz-box-shadow: 0px 1px 2px 2px #d4d4d4;
  -webkit-box-shadow: 0px 1px 2px 2px #d4d4d4;*/
  position: relative;
  margin-bottom: 15px;
}

.carousel .carousel-inner {
  height: 100%;
  width: 100%;
}

.carousel .carousel-slides {
  position: relative;
  height: 100%;
  width: 99999px;
  left: 0px;
  transition: left 1.0s ease;
  -moz-transition: left 1.0s ease;
  -webkit-transition: left 1.0s ease;
} 

.carousel .carousel-slides > .entity {
  height: 329px;
  width: 475px;
  float: left;
  overflow: hidden;
  position: relative;
}

.carousel .carousel-slides > .entity .content {
  padding: 20px;
  display: block;
  margin-top:20px;
}

.carousel .carousel-slides > .entity .field {
  position: relative;
  z-index: 100;
}

/* Slide Fields */
.carousel .carousel-slides > .entity .field-name-field-slide-image {
  position: absolute;
  z-index: 50;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.carousel .carousel-slides > .entity .field-name-field-slide-image * {
  height: 100%;
}

.carousel .carousel-slides > .entity .field-name-field-slide-heading-primary {
  font-size: 48px;
  color: #fff;
  font-weight: normal;
  line-height: 42px;
  margin-bottom: 15px;
}

.carousel .carousel-slides > .entity .field-name-field-slide-heading-secondary {
  font-size: 48px;
  color: #fff;
  font-weight: normal;
  margin-bottom: 5px;
}
.carousel .carousel-slides > .entity .field-name-field-slide-heading-tertiary {
  font-size: 48px;
  color: #fff;
  font-weight: normal;
  margin-bottom: 30px;
}

.carousel .carousel-slides > .entity .field-name-field-slide-main-text {
  font-size: 22px;
  color: #fff;
  font-weight: normal;
  width: 550px;
  margin-top: 20px;
  margin-bottom: 15px;
}

.carousel .carousel-slides > .entity .field-name-field-slide-main-label {
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  width: 290px;
}

.carousel .carousel-slides > .entity .field-name-field-slide-layout,
.carousel .carousel-slides > .entity .field-name-field-open-new-window {
  display: none;
}

.carousel .carousel-slides > .entity .field-name-field-slide-cta {
  position: static;
}

.carousel .carousel-slides > .entity .field-name-field-slide-cta a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  position: absolute;
  bottom: 60px;
  z-index: 99;
  display: inline-block;
  background: url(../images/purArow.png) 0px 3px no-repeat;
  padding-left: 10px;
  font-size: 12px;
}

.carousel .carousel-slides > .entity a.cta-link-overlay {
  position: absolute;
  display: block;
  z-index: 125;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* Layout Quote */
.carousel .carousel-slides > .entity.layout-quote .field-name-field-slide-main-text {
  color: #89a23a;
}

/* Controls */
.carousel-controls {
  position: absolute;
  bottom: 36px;
  z-index: 500;
  left: 20px;
  right: 20px;
  height: 0;
}

.carousel-controls > .carousel-control {
  height: 14px;
  width: 14px;
  border-radius: 14px;
  background: url(../images/slider-nav.png) no-repeat 0px top;
  display: inline-block;
  float: left;
  margin-right: 6px;
  cursor: pointer;
}

.carousel-controls > .carousel-control.active,
.carousel-controls > .carousel-control:hover {
  background: url(../images/slider-nav-active.png) no-repeat 0px top;
}

.field-type-color-field-rgb {
  display: none;
}

@media only screen and (max-width: 642px) {
  .carousel {
    width: 100%;
    height: 280px;
    background-color: #F8F8F8;
  }
  
  .carousel .carousel-slides {
    transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
  }
  
  .carousel .carousel-slides > .entity {
    background: rgba(0, 0, 0, 0) radial-gradient(circle, #0d9ddc, #0d5292) repeat scroll 0 0 ;
  }
  
  .carousel .carousel-slides > .entity:nth-child(even) {
    background-color: #FDFDFD;
  }
  
  .carousel .carousel-slides > .entity .field-name-field-slide-image {
    display: none;
  }
  
  .carousel .carousel-slides > .entity .field-name-field-slide-heading-primary {
    font-size: 26px;
    line-height: 24px;
  }
  
  .carousel .carousel-slides > .entity .field-name-field-slide-heading-secondary {
    font-size: 20px;
  }
  .carousel .carousel-slides > .entity .field-name-field-slide-heading-tertiary {
    font-size: 16px;
  }
  
  .carousel .carousel-slides > .entity .field-name-field-slide-main-text {
    font-size: 16px;
    margin-top: 20px !important;
    width: auto;
    display: block;
  }
  
  .carousel .carousel-slides > .entity .field-name-field-slide-main-label {
    font-size: 14px;
  }
  
  .carousel .carousel-slides > .entity .field-name-field-slide-cta a {
    font-size: 16px;
    background: url(../images/purArow.png) 0px 5px no-repeat;
  }
}