@font-face {
    font-family: Axiforma;
    src: url(font/Axiforma/Axiforma-Medium.otf);
}

body {
    font-family: Axiforma;
}
#small{
    margin-top:15px;
    display:none;
}
.margin-0{
    margin:0 auto;
}
#small .btn{
    padding:3px 15px;
    color:white;
    margin-left:10px;
}
#small .header{
    padding-top:50px !important;
}
#small img{
    padding:15px 0px;
}
.row{
    margin-left:0px;
    margin-right:0px;
}
.nopadding{
    padding-left:0px;
    padding-right:0px;
}
.bold{
    font-weight:bold;
}
.right-0{
    margin-right:0px;
}
.margin-y-0{
    margin-top:0px;
    margin-bottom:0px;
}
#bg{
    height:500px;
    /*background-image:url('images/bg.png');*/

    background-image:url('../../../assets/web-images/bg.png');

    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
#bg .text-color,#small #text-color{
    color:#65a5bb;
}
#bg .row{
    padding-top:20px;

}
#bg .btn{
    padding:3px 15px;
    color:white;
    margin-left: 15px;
}
#bg img{
    height:80%;
    width:100%;
}
.btn{
    background:#00aee7;
    padding:10px 15px;
    border-radius:6px;
}
#c1{
    padding-top:20px;
    padding-left:20px;
}
.header{
    padding-top:150px;
}
.header p{
    color:#7b7a88;
    padding:20px 0px;
}
.header .btn{
    color: white;
    padding: 18px 25px;
    border-radius: 6px;
}
#sec-2{
    padding:50px 0px;
}

#sec-2 #app-link img{
    padding:0px 15px 0px 0px;
    /* width:150px;
    height:55px; */
}
/* #sec-2 #app-link{
	width:150px;
	height:55px;


} */
#sec-2 h2{
    padding-top:50px;
    margin-bottom:100px;
}
#sec-2 p{
    margin-top:30px;
}
.text-color{
    color:#00aee7;
}
#sec-3 .heading h2{
    margin-bottom:50px;

}
#sec-3 .heading p{
    margin-bottom:40px;
    font-size:20px;
    color:#3f5d81;
}
#sec-3 .note {
    padding:30px 0px;
}
#sec-3 .note p{
    color:#3f5d81;
    font-size:20px;
}
.bg-color{
    background:#00aee7;
    margin-right:2px;
}
.bg1-color{
    background:#00aee7;
}
.bg-color p,.bg-color h1{
    color:white;

}
.bg1-color p,.bg1-color h1{
    color:white;

}
.card{
    border:1px solid #00aee7;
    border-radius:5px;
}
#card-1{
    border: 2px solid #00aee7;
    border-radius: 9px;
}
#card-2{
    border: 1px solid #00aee7;
    border-radius: 9px;
}
#card-1,#card-2{
    margin-bottom:5px;

}
#card-1 .r1{
    padding-top:20px;
}
.r1 p{
    font-size:20px;
}
#card-1 .r2{
    margin-top:15px;
}
#card-1 .r2 .bg-color{
    font-size:20px;
    color:white;
    text-align: center;
    padding:10px 0px;

}
.text-small{
    font-size:10px;
    margin-bottom:0px;
}
#card-1 .r3{
    padding-top:50px;
    padding-bottom:70px;
    height:280px;
}
#card-1 .r3 p{
    font-size: 25px;
    color:#405f84;
}
.subscribe-bt{
    background:#00aee7;
    text-align:center;
    color:white;
    padding:18px;
    width:100%;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    letter-spacing: 2px;
    font-size:18px;
}
#card-2 .r1{
    padding-top:20px;
}
#card-2 .r2{
    margin-top:15px;
}
#card-2 .r2 .bg-color{
    padding-top:15px;
    padding-bottom:15px;
}

#card-2 .r2 .bg-color{
    font-size:20px;
    color: #ffffff;
    text-align: center;
    padding:10px 0px;
    background: #00aee7;
    border:1px solid #cbcadc;

}
#card-2 .r2 .bg-color .text-small{
    color: #ffffff;
}

#card-2 .r3{
    padding-top:25px;
    padding-bottom:50px;
    height:280px;
}
#card-2 .r3 p{
    font-size: 25px;
    color:#405f84;
}
#card-2 .subscribe-bt{
    background-color:#00aee7;
    color: #ffffff;
}
#card-1 .r2 #mr-0,#card-2 .r2 #mr-0{
    margin-right:0px;
}
#sec-4{
    padding:50px 0px;
}
#sec-4 h2{
    margin-bottom:70px;
}
.carousel-control.right {
    background-image:none !important;
}
.carousel-control.left {
    background-image:none !important;
}
.carousel-indicators li{
    background-color:#d7d7e0 !important;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 10px;
}
.carousel-indicators{
    top:170px !important;
}
.carousel-indicators .active{
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #9191ec !important;
}
.glyphicon-chevron-left{
    display:none !important;
}
.glyphicon-chevron-right{
    display:none !important;
}
#prefooter{
    position:relative;
    margin-top:100px;

}
#pre-footer{
    margin-top:50px;
}
.mycard{
    border:1px solid #fefeff;
    /* box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); */
    box-shadow: 5px 10px  #ebebf5;
    /* rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); */

}
.mycard .quote{
    padding:20px 0px;
}
#prefooter h4{

}
#prefooter .btn{
    color:white;
    padding: 10px 30px;
    border-radius: 6px;
}
#footer{
    padding-top:25px;
    padding-bottom:25px;

}
#footer p{
    color:#3f5d81;
}
#prefooter-2
{
    background:#e7e7ef;
    padding:20px 0px;
    margin-top:50px;
}
#prefooter-2 .btn{
    color:white;
    padding:5px 20px;
}
#prefooter-2 img{
    margin:0 auto;
}
/*signup*/
#signup{
    /*margin-top:25px;*/
    background-image:url('../../../assets/web-images/signup-bg.png');
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;

}
#submit{
    background: #00aee7;
    color:white;
    margin-top:25px;
}
#signup .card {
     box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
     transition: 0.3s;
     width: 100%;
    border:none;
    margin-bottom:20px;
 }

#signup .card .r1{
    background-color: #00aee7;;
}
#signup #footer{
    margin:auto 0;

}
#signup h1{
    color:white;
}
#signup-1{
    margin-top:25px;
}
#signup-1 #text-color{
    color:#a4c9d6;
}
#signup-1 .btn{
    color:white;
    margin-left:10px;

}

/* media queries */
@media only screen and (max-width: 991px) {
    .carousel-indicators  {
        top:335px !important;
    }
}

@media only screen and (max-width: 991px) {
    #small  {
        display:block;
    }
}
@media only screen and (max-width: 991px) {
    #sec-1  {
        display:none;;
    }
}

/* @media only screen and (max-width: 991px) {
  #prefooter img  {
    display: none;
  }
} */
@media only screen and (max-width: 991px) {
    #prefooter  {
        display: none;
    }
}
@media only screen and (min-width: 992px) {
    #prefooter-2  {
        display: none;
    }
}