/*----------------------------------------
Google Fonts
----------------------------------------*/
@import 'https://fonts.googleapis.com/css?family=Raleway:400,500,600,700|Roboto:400,500,700';

/*-------start---*/
a, a:hover, a:focus
{
  text-decoration: none;
  outline: none;
}
hr
{
    border-top: 2px solid rgba(0,0,0,.1);
}
ul
{
  padding: 0px;
  margin: 0px;
}

h1,h2,h3,h4,h5,h6
{
  margin: 0px;
}
a, a:hover
{
  text-decoration: none;
}
a:hover
{
  text-decoration: none !important; 
}
body
{
margin:0;
padding: 0;
font-family: 'BAHNSCHRIFT';
overflow-x:hidden;width: 100%;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}
img {
    max-width: 100%;
    height: auto;
}
.colb
{
  color: #220;
}
.text-red
{
	color: red;
}
.text-black
{
	color: black;
}
/* Spacing */
.mt-100
{
  margin-top: 100px;
}
.mb-100
{
  margin-bottom: 100px;
}
.mb-20
{
  margin-bottom: 20px !important;
}
.pl-20
{
	padding-left: 30px;
}
.mb-40
{
  margin-bottom: 40px;
}
.mt-20
{
  margin-top:20px;
}
.mt-10
{
margin-top: 10px;
} 
.mb-10
{
margin-bottom: 10px;
}
.mr-20
{
  margin-right: 20px;
}
.mb-5
{
  margin-bottom: 25px !important;
}
.mt-15 {
  margin-top: 15px; }

.mt-30 {
  margin-top: 30px; }

.mt-20 {
  margin-top: 20px; }

.mt-50 {
  margin-top: 50px; }

.mt-70 {
  margin-top: 70px; }

.mt-90 {
  margin-top: 90px; }

.mt-100 {
  margin-top: 100px; }

.mt-120 {
  margin-top: 120px; }

.mt-150 {
  margin-top: 150px; }

.mt-200 {
  margin-top: 200px; }

.mt-250 {
  margin-top: 250px; }

.mt-300 {
  margin-top: 300px; }
 .mb-10
 {
 	margin-bottom: 10px;
 }
.mb-15 {
  margin-bottom: 15px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-70 {
  margin-bottom: 70px; }

.mb-100 {
  margin-bottom: 100px; }

.mb-150 {
  margin-bottom: 150px; }

.mb-200 {
  margin-bottom: 200px; }

.mb-250 {
  margin-bottom: 250px; }

.mb-300 {
  margin-bottom: 300px; }

.ml-15 {
  margin-left: 15px; }

.ml-30 {
  margin-left: 30px; }

.ml-50 {
  margin-left: 50px; }

.mr-15 {
  margin-right: 15px; }

.mr-30 {
  margin-right: 30px; }

.mr-50 {
  margin-right: 50px; }

.mb-80 {
  margin-bottom: 80px; }
.pb-20
{
  padding-bottom: 20px !important;
}
.pt-30
{
  padding-top: 30px;
}
.pt-40
{
  padding-top: 40px;
}
.ptb-10
{
  padding-top: 10px;
  padding-bottom: 10px;
}
.pt-10
{
	padding-top: 10px;
}
.pt-20
{
	padding-top: 20px;
}
.pt-30
{
	padding-top: 30px;
}
.pt-40
{
	padding-top: 40px;
}
.pt-50
{
	padding-top: 50px;
}
.pt-60
{
	padding-top: 60px;
}
.pt-70
{
	padding-top: 70px;
}
.pt-80
{
	padding-top: 80px;
}
.pt-90
{
	padding-top: 90px;
}
.pt-100
{
	padding-top: 100px;
}
.pt-110
{
	padding-top: 110px;
}
.pt-120
{
	padding-top: 120px;
}

.pb-10
{
	padding-bottom: 10px;
}
.pb-20
{
	padding-bottom: 20px;
}
.pb-30
{
	padding-bottom: 30px;
}
.pb-40
{
	padding-bottom: 40px;
}
.pb-50
{
	padding-bottom: 50px;
}
.pb-60
{
	padding-bottom: 60px;
}
.pb-70
{
	padding-bottom: 70px;
}
.pb-80
{
	padding-bottom: 80px;
}
.pb-90
{
	padding-bottom: 90px;
}
.pb-100
{
	padding-bottom: 100px;
}
.pb-110
{
	padding-bottom: 110px;
}
.pb-120
{
	padding-bottom: 120px;
}

.u-mb-20 {
    margin-bottom: 1.25rem !important;
}

.u-rounded-50 {
    border-radius: 1000em;
}

.u-of-hidden {
    overflow: hidden;
}

.form-control
{
	height: 50px;
}
/*=======================================================
  04. Start Social & Buttons
========================================================*/

.social a {
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.1);
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    font-size: 18px;
    line-height: 45px;
}

.social a:hover {
    background: #339aff;
}

.social.social-white a {
    background: #fff;
    color: #92b7db;
}

.social.social-white a:hover {
    color: #0081FF;
}

.social-rounded a {
    border-radius: 50%;
}

.social-default a {
    background: #ecf5fe;
    color: #92b7db;
}

.social-default a:hover {
    color: #0081FF;
    background: #ecf5fe;
}

.social-sm a {
    width: 35px;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
    display: block;
    text-align: center;
}

.scroll-top {
    bottom: 20px;
    font-size: 20px;
    height: 40px;
    position: fixed;
    text-align: center;
    width: 40px;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-radius: 50%;
    line-height: 40px;
    right: -100px;
}

.scroll-top.active {
    right: 20px;
}

.btn {
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-transform: capitalize;
    font-family: "Dosis", sans-serif;
    font-weight: 600;
    font-size: 18px !important;
    padding: 0.6125rem 2rem 0.8125rem 2rem;
}

.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-rounded {
    border-radius: 100em;
}

.btn-primary {
    background: #0081FF;
    -webkit-box-shadow: 0 5px 40px 0 rgba(0, 129, 255, 0.3);
    box-shadow: 0 5px 40px 0 rgba(0, 129, 255, 0.3);
    color: #fff;
}

.btn-primary:hover {
    background: #0074e6;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-white {
    background: #fff;
    -webkit-box-shadow: 0 5px 40px 0 rgba(32, 101, 169, 0.2);
    box-shadow: 0 5px 40px 0 rgba(32, 101, 169, 0.2);
    color: #597187 !important;
}

.btn-white:hover {
    background: #455768;
    color: #fff !important;
}

.btn-outline-white {
    background-color: transparent;
    background-image: none;
    border-color: #597187;
}

.btn-outline-white:hover {
    background: #455768;
    color: #fff !important;
}

.btn-pulple-light {
    background: #a282e3;
    color: #fff;
    -webkit-box-shadow: 0 5px 40px 0 rgba(162, 130, 227, 0.4);
    box-shadow: 0 5px 40px 0 rgba(162, 130, 227, 0.4);
}

.btn-pulple-light:hover {
    background: #8358da;
    color: #fff;
}

.btn-outline-pulple-light {
    background: transparent;
    border-color: #a282e3;
}

.btn-outline-pulple-light:hover {
    background: #a282e3;
    color: #fff;
}

.btn-yellow {
    background: #ffad00;
    -webkit-box-shadow: 0 5px 40px 0 rgba(255, 173, 0, 0.3);
    box-shadow: 0 5px 40px 0 rgba(255, 173, 0, 0.3);
    color: #fff !important;
}

.btn-yellow:hover {
    background: #e69c00;
    color: #fff;
}

.btn-outline-yellow {
    background: transparent;
    border-color: #ffad00;
}

.btn-outline-yellow:hover {
    background: #ffad00;
    color: #fff;
}

.btn-green {
    background: #2cd44a;
    -webkit-box-shadow: 0 5px 40px 0 rgba(44, 212, 74, 0.3);
    box-shadow: 0 5px 40px 0 rgba(44, 212, 74, 0.3);
    color: #fff !important;
}

.btn-green:hover {
    background: #27bf42;
    color: #fff;
}

.btn-red {
    background: #f64d62;
    -webkit-box-shadow: 0 5px 40px 0 rgba(246, 77, 98, 0.3);
    box-shadow: 0 5px 40px 0 rgba(246, 77, 98, 0.3);
    color: #fff !important;
}

.btn-red:hover {
    background: #f5354d;
    color: #fff;
}

.btn-outline-green {
    background: transparent;
    border-color: #2cd44a;
}

.btn-outline-green:hover {
    background: #27bf42;
    color: #fff;
}

.btn-sm {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px !important;
}

.subsribe-rounded .form-control {
    border-color: #dde9f5;
}

@media (min-width: 576px) {
    .subsribe-rounded .form-control {
        min-width: 460px;
    }
}

@media (min-width: 768px) {
    .subsribe-rounded .btn {
        margin-left: -50px;
    }
}
/*===hero -===*/
.startup-hero {
    background: #ECF5FE url(images/hero-banner.png) no-repeat;
    background-size: cover;
    background-position: top center;
}
/*===services ===*/
.service-address-area{
    position: relative;
    display: block;
    padding-bottom: 102px;
    z-index: 100;
}
.single-service-address-box{
    position: relative;
    display: block;
    background: #ffffff;
    text-align: center;
    padding: 40px 30px 32px;
    -webkit-box-shadow: 0px 4px 6px 2px #ededed; 
    box-shadow: 0px 4px 6px 2px #ededed;
    height: 340px;
  
    margin-bottom: 30px;
    transition: all 900ms ease 600ms;
}
.single-service-address-box:hover{
    -webkit-box-shadow: 0px 5px 12px 2px #ededed; 
    box-shadow: 0px 5px 12px 2px #ededed;
}

.single-service-address-box span:before{
    color: #b3b3b3;
    font-size: 50px;
    line-height: 50px;
    transition: all 500ms ease;
}
.single-service-address-box:hover span:before{
    color: #f68b2d;
}
.single-service-address-box h3{
    color: #27282c;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin: 20px 0 12px;
}
.single-service-address-box p{
    margin: 0;
}
.service-address-area .bottom-text {
    position: relative;
    display: block;
    padding-top: 24px;
}
.service-address-area .bottom-text p{
    margin: 0;
}
.service-address-area .bottom-text p a{
    color: #e9212e;    
}
/*===feature section===*/

.features-section
{
	background: #eee;
}

.fi
{
	height: 60px;
}
.features-section .features-card {
    text-align: center;
    -webkit-box-shadow: 0 2px 20px 0 rgb(12 0 46 / 10%);
    box-shadow: 0 2px 20px 0 rgb(12 0 46 / 10%);
    padding: 30px 20px;
    margin-bottom: 30px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    background: #fff;
    z-index: 1;
    height: 465px;
}
.features-section .features-card.feature-one img {
    color: #18a87c;
    background: #daf4ec;
}
.features-section .features-card img {
    font-size: 35px;
    width: 90px;
    height: 90px;
    display: inline-block;
    text-align: center;
    line-height: 90px;
    border-radius: 46% 54% 68% 32%/55% 48% 52% 45%;
    margin-bottom: 25px;
    -webkit-animation: icon-animation 5s ease-in-out infinite;
    animation: icon-animation 5s ease-in-out infinite;
    border: 1px dashed;
    padding:10px;
}
.features-section .features-card h3 {
    font-weight: 600;
    margin-bottom: 10px;
    -webkit-transition: .5s;
    transition: .5s;
}
.features-section .features-card p {
    margin-bottom: 0;
    font-size: 16px;
    -webkit-transition: .5s;
    transition: .5s;
}
.features-section .features-card:hover {
    margin-top: -10px;
    -webkit-box-shadow: 0 2px 20px 0 rgb(12 0 46 / 4%);
    box-shadow: 0 2px 20px 0 rgb(12 0 46 / 4%);
}
.features-section .features-card.feature-one:hover {
    background: #36bfc4;
}
.features-section .features-card:hover p, .features-section .features-card:hover h3 {
    color: #fff;
}

@-webkit-keyframes icon-animation {
    0% {
        border-radius: 46% 54% 68% 32%/55% 48% 52% 45%;
    }
    50% {
        border-radius: 66% 34% 41% 59%/51% 34% 66% 49%;
    }
    100% {
        border-radius: 46% 54% 68% 32%/55% 48% 52% 45%;
    }
}
@keyframes icon-animation {
    0% {
        border-radius: 46% 54% 68% 32%/55% 48% 52% 45%;
    }
    50% {
        border-radius: 66% 34% 41% 59%/51% 34% 66% 49%;
    }
    100% {
        border-radius: 46% 54% 68% 32%/55% 48% 52% 45%;
    }
}

/*===reviews====*/
.startup-reviews {
    background: #36bfc4 url(images/bg-3.png) no-repeat;
    background-position: center center;
}

.slick-arrow {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
    padding: 5px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.slick-arrow:hover {
    background: #0081FF;
    color: #fff;
}

.slick-prev {
    left: -70px;
}

.slick-next {
    right: -70px;
}

.slick-dots {
    padding: 0;
    list-style: none;
}

.slick-dots > li {
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
}

.slick-dots > li > span {
    width: 12px;
    height: 12px;
    border-radius: 20px;
    background: rgba(0, 129, 255, 0.5);
    display: block;
    border: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
}

.slick-dots > li.slick-active > span {
    width: 22px;
    background: #0081FF;
}

.slick-dots.dots-white > li > span {
    background: rgba(255, 255, 255, 0.7);
}

.slick-dots.dots-white > li.slick-active span {
    background: #fff;
}

.slick-dots.dots-green > li > span {
    background: rgba(44, 212, 74, 0.7);
}

.slick-dots.dots-green > li.slick-active span {
    background: #2CD44A;
}

/*===footer-=====*/
.bg-gray
{
background: #ECF5FE url(images/hero-banner.png) no-repeat;
    background-size: cover;
    background-position: top center;
}
.footer-top {    border-bottom: 1px solid #fff;}
.footer-top-inner {
  padding: 60px 100px;
}
.footer-about {
  padding-right: 70px;
}
.footer-logo {
  margin-bottom: 35px;
}
.footer-brief {
  margin-bottom: 33px;
}
.footer-social li {
  display: inline-block;
}
.footer-social li + li {
  margin-left: 10px;
} 
.footer-social li a {
  border: 1px solid rgb(153, 153, 153);
  border-radius: 50%;
  color: #999;
  display: block;
  height: 30px;
  text-align: center;
  width: 30px;
}
.footer-social li a i {
  line-height: 28px;
}
.footer-social li a:hover {
  border-color: transparent;
  color: #fff; 
}
.facebook:hover {
    background: #3B5998;
}
.instagram:hover {
    background: #d40352;
}
.twitter:hover {
    background: #1DA1F2;
}
.linkedin:hover {
    background: #0a66c2;
}
.pinterest:hover {
  background: #cb2027 none repeat scroll 0 0;
}
.footer-title {
  font-weight: 700;
  margin: 10px 0 30px;
  text-transform: uppercase;
}
.footer-menu > li {
  display: block;
}
.footer-menu li a {
  color: #666666;
  display: inline-block;
  line-height: 30px;
}
.footer-menu li a i {
  color: #999999;
  font-size: 5px;
  margin-right: 10px;
  position: relative;
  top: -3px;
}
.footer-menu li a span {
  font-size: 13px;
  font-weight: 500;
}
.footer-menu li:hover a, .footer-menu li:hover a i {
  color: #037eae;
}
.border-left {
  position: relative;
  padding-left: 10px;
}
.border-left::before {
  background: #037eae none repeat scroll 0 0;
  content: "";
  height: 12px;
  left: 0;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 2px;
}
.border-left {}
.border-left {}
/*footer-message*/
.footer-message input[type="text"] {
  box-shadow: none;
  margin-bottom: 10px;
}
.footer-message textarea {
  box-shadow: none;
}
/*copyright*/
.footer-bottom {}
.copyright {
  padding: 0 100px;
}
.copyright-text {
  padding: 14px 0;
}
.copyright-text p {
  line-height: 1;
  margin: 0;font-size: 16px;
}
.copyright-text p a {
  color: #000;
}
.copyright-text p a:hover {
  color: #037eae;
}
.footer-payment {
  line-height: 1;
  padding: 12px 0;
}
.footer-payment li {
  display: inline-block;
  margin-left: 6px;
}
.footer-payment li a {
  display: block;
  line-height: 1;
}
/*================= footer-area-2 ==================*/
.footer-menu-2 {
  line-height: 1;
  /* padding: 20px 0px; */
}
.footer-menu-2 li {
  display: inline-block;
  margin-right: 30px;
  position: relative;
}

.footer-menu-2 li:hover::before {
  opacity: 1;
  visibility: visible;
}
.footer-menu-2 li a {
  font-size: 14px;
  font-weight: 500;
  padding-left: 5px;color: #000;line-height: 30px;
}

.footer-social-2 {
  padding: 6px 0;
}
.footer-social-2 li a {
  border: 0 none;
  border-radius: 0;
}
/*===product detail sec===*/
.prod-detailsec
{
	padding:60px 0px;
}
.stickyimg
{
	    position: -webkit-sticky;
    position: sticky;
    top: 30px;

}