/* general styles */

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

}

.funnel1 ul{ margin:0; padding:0;}
.funnel1 ul li{ width:33.33%;   float:left;  background:#fff;  border-radius:0; list-style:none;  padding:64px; position:relative; margin-left:0;}
.funnel1 ul li span{ display:block; background:#fff; width:100%; float:left; line-height:230px; text-decoration:none; text-align:center; color:#ec7123; font-size:85px; font-family:'bebasregular'; border-radius:0;}
.funnel1 ul li:first-child{ background:rgba(109,207,246,.6); margin-left:0;}
.funnel1 ul li:nth-child(2){ background:rgba(215,255,82,.65); z-index:1; }
.funnel1 ul li:nth-child(3){ background:rgba(255,242,0,.5); z-index:2;}

.funnel2 ul{ width:100%; float:left;  margin:0 0 -4px; padding:0;}
.funnel2 ul li{ list-style:none; width:33.33%; height:410px; text-align:center; border-radius:0; float:left;  padding:40px;  position:relative;}
.funnel2 ul li h1{  color:#363636; text-transform:uppercase; margin-top:10px; margin-bottom:10px; }
.funnel2 ul li h2{  color:#fff; text-transform:uppercase; margin-top:10px;}
.funnel2 ul li p{ color:#fff;}
.funnel2 ul li .percnt{ font-family:'bebasregular'; font-size:50px; line-height:50px;}
.linefunl{ width:66%;}

.funnel2 ul li:first-child{ background:#cb580c; margin-left:0; }
.funnel2 ul li:nth-child(2){ background:rgba(253,203,101,.85); z-index:9;}
.funnel2 ul li:last-child{ background:#9b9b9b;}
.funnel2 .bottomimg{ width:100%; float:left; text-align:center;}
.funnel2 .bottomimg img{ max-width:70%;}

@media (min-width: 768px) and (max-width: 991px) {

.funnel1 ul li{ width:33.33%; padding:50px; margin-left:0; border-radius:0;}
.funnel1 ul li span{ line-height:190px; font-size:60px; border-radius:0;}


.funnel2 ul li{ height:320px; padding:34px;}
.funnel2 ul li h1{ font-size:28px; line-height:35px;}
.funnel2 ul li h2{ font-size:20px;}
.funnel2 ul li p{ line-height:18px; font-size:14px;}
.funnel2 ul li .percnt{ font-size:40px; line-height:40px;}

}

@media (max-width: 767px) {

.funnel1 ul li span{ line-height:150px; font-size:60px; border-radius:0;}

.funnel1 ul li{ width:250px; height:250px; padding:50px; border-radius:0; margin:0 auto 25px !important; float:none;}


.funnel2 ul li{ width:300px; height:300px; padding:35px; float:none; margin:0 auto 15px;}
.funnel2 .bottomimg{ display:none;}
.funnel2 ul li h1{ font-size:28px; line-height:25px;}
.funnel2 ul li h2{ font-size:20px;}
.funnel2 ul li p{ line-height:18px; font-size:14px;}
.funnel2 ul li .percnt{ font-size:40px; line-height:40px;}
.funnel2 ul li:first-child{ margin:0 auto 15px;}


}