@font-face {
  font-family: Roboto;
  src: url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
}

/**********Font-faces**********/


body{
	font-family: 'Roboto', sans-serif;
	background: #fff;
}
.container{
	width: 86%;
}

.ltl-navbar-main nav.navbar.navbar-inverse {
    background: #fff;
    padding: 10px 0;
    border: none;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    margin: 0;
}
.ltl-navbar-main .navbar-brand img {
    max-width: 150px;
    margin: -7px;
}
.ltl-navbar-main ul.nav.navbar-nav {
    margin: 0 0px 0 30px;
}
.ltl-navbar-main ul.nav.navbar-nav a {
    color: #505050;
    font-weight: 400;
}
.ltl-navbar-main ul.nav.navbar-nav a:hover{
    color: #404040;
    font-weight: 500;
    text-decoration: underline;
}
.ltl-navbar-main ul.nav.navbar-nav a.contact-btn {
    background: #407EB1;
    color: #fff;
    border-radius: 8px;
    padding: 10px 40px;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #407EB1 !important;
}
.navbar-inverse .navbar-toggle {
    border-color: #407EB1;
    background: #407EB1;
}

/********** Banner **********/

.ltl-Banner.wow.animated.animated {
    width: 100%;
    background: #F8F9FF;
    padding: 3em 0;
}
.ltl-Banner h2 {
    font-size: 29px;
    color: #407EB1;
    font-weight: 700;
    line-height: 42px;
    margin-top: 2em;
	text-align: center;
}
.ltl-Banner h3 {
    font-size: 15px;
    font-weight: 400;
    color: #404040;
    line-height: 25px;
	text-align: center;
}
.ltl-Banner a {
    background: #407EB1;
    color: #fff;
    border-radius: 4px;
    padding: 10px 20px;
    margin: 20px 0;
    display: inline-block;
	text-align: center;
    text-decoration: none;
}
.ltl-Banner img {
    max-width: 100%;
}

/********** Services **********/

.ltl-services {
	width: 100%;
    background: #F8F9FF;
    padding: 3em 0 6em 0;
}
.ltl-services h2{
	font-size: 18px;
	color: #404040;
	font-weight: 500;
	margin : 0 auto;
	text-align: center;
	max-width: 550px;
	line-height: 35px;
}
.ltl-services h2 span{
	color: #407EB1;
}
.services-inner {
    margin: 0 auto;
    max-width: 1000px;
    margin-top: 3em;
}
.services-inner-main {
    background: #fff;
    border-radius: 40px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 35px 20px;
    min-height: 150px;
    margin-top: 20px;
}
.services-inner-main img {
    margin-bottom: 10px;
    max-height: 40px;
}
.services-inner-main p{
	color: #404040;
	font-size: 15px;
	font-weight: 400;
}
.services-inner a:hover p {
    color: #407EB1;
}

/********** Introduction **********/

.ltl-introduction {
    background: #fff;
    padding: 5em 0;
    width: 100%;
}
.ltl-introduction  h2 {
    font-size: 20px;
    font-weight: 700;
    color: #404040;
}
.ltl-introduction h3{
    font-size: 15px;
    font-weight: 400;
    color: #404040;
    line-height: 30px;
}
.ltl-introduction img {
    max-width: 80%;
    float: right;
}

/********** Steps **********/

.ltl-steps.wow.animated.animated {
    background: #F8F9FF;
    padding: 5em 0;
    width: 100%;
}
.ltl-steps h2 {
    font-size: 100px;
    font-weight: 700;
    color: #D3E0EF;
}
.ltl-steps h3 {
    font-size: 20px;
    font-weight: 700;
    color: #404040;
}
.ltl-steps h4 {
    font-size: 15px;
    font-weight: 400;
    color: #404040;
    line-height: 30px;
}
.ltl-steps span {
    width: 100%;
    text-align: center;
    display: inherit;
}
.ltl-steps a {
    background: #407EB1;
    color: #fff;
    border-radius: 4px;
    padding: 10px 40px;
    margin: 20px 0;
    display: inline-block;
}

/********** Downloads **********/

.ltl-download-app{
	background: #4F9CDA;
	padding: 5em 0;
	width: 100%;
}
.ltl-download-app img{
	max-width: 80%;
}
.ltl-download-app h2{
	color: #fff;
	font-size: 24px;
}
.ltl-download-app p{
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	margin-top: 2em;
}
.app-icon{
	width: 130px;
    display: inline-block;
    padding: 5px;
}

/********** Testimonials **********/

.ltl-testimonial{
	background: url(../images/map.png);
	width: 100%;
	padding: 5em 0;
}
.ltl-testimonial h3{
	text-align: center;
	max-width: 600px;
	font-size: 26px;
    font-weight: 700;
    color: #404040;
    margin: 0 auto;
}
.ltl-testimonial .slick-prev:before, .ltl-testimonial .slick-next:before{
    color: #000;
    font-size: 40px;
}
.ltl-testimonial .slick-current {
    text-align: center;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #4282B6;
    font-size: 10px;
}
.ltl-testimonial-inner p {
    width: 70%;
    font-size: 18px;
    text-align: center;
    padding: 20px;
    background: #fff;
    margin: 0 auto;
    margin-bottom: 2em;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}
.ltl-testimonial-inner {
    width: 100%;
    margin: 2em 0;
}
.ltl-testimonial-image img {
    max-width: 60px !important;
    display: inline-block !important;
}
.ltl-testimonial-image p {
    border: none;
    width: 100%;
    text-align: center;
    padding:  0;
}

/********** Intrested **********/

.ltl-intrested{
	background-image: linear-gradient(131deg, #0F4C81 0%, #0578CF 83%);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	padding: 4em 0;
	text-align: center;
	width: 100%;
}
.ltl-intrested h2{
	color: #fff;
	font-size: 20px;
}
.ltl-intrested p{
	color: #fff;
	font-size: 16px;
	margin: 10px;
}
.ltl-intrested a{
	color: #0577CD;
	font-size: 16px;
	background: #fff;
	padding: 10px 20px;
	margin-top: 20px;
	border-radius: 8px;
	display: inline-block;
}


/********** FAQ **********/

.ltl-faq{
	width: 100%;
	background: #fff;
	padding: 5em 0;
}
.ltl-faq img{
	max-width: 100%;
}
.ltl-faq h2{
	color: #404040;
	font-size: 20px;
}
.ltl-faq a.get-in-touch{
	background: #407EB1;
    color: #fff;
    border-radius: 4px;
    padding: 10px 40px;
    margin: 20px 0;
    display: inline-block;
}

.panel.panel-default{
	border: none !important;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	margin: 20px 0;
}
.ltl-faq .panel-group.ltl-faq-accordion{
	margin-top: 2em;
	width: 100%;
}
.ltl-faq .panel-default .panel-heading {
    border: none !important;
    background: #F8F9FF;
    color: #404040;
    width: 100%;
}
.ltl-faq .fa {
    float: right;
    color: #0577CD;
}
.ltl-faq .panel-body{
	border: none !important;
    background: #F8F9FF;
    color: #404040;
}

/********** Contact **********/

.ltl-contact-form h3{
	font-size: 20px;
	font-weight: 700;
	color: #404040;
	margin-bottom: 1em;
}
.ltl-contact-form .taso-btn{
	background: #407EB1;
	color: #fff;
	border-radius: 4px;
	padding: 10px 40px;
	border: none;
	margin: 10px 0;
}

/********** Footer **********/

.ltl-footer.wow.slideInUp.animated {
    background: #F8F9FF;
    padding: 5em 0;
}
img.logo {
    max-width: 170px;
}
.social-icons img {
    max-width: 35px;
    margin: 20px 5px;
}
.ltl-footer-column {
    width: 100%;
}
.ltl-footer-column h2{
    color: #404040;
	font-size: 20px;
	width:100%;
}
.ltl-footer-column ul{
    list-style: none;
    padding: 0;
}
.ltl-footer-column ul li a{
    color: #404040;
    font-size: 15px;
    line-height: 30px;
}
.ltl-footer-column input {
    width: 60%;
    display: inline-block;
}
.ltl-footer-column button{
	background: #407EB1;
    color: #fff;
    border-radius: 4px;
    padding: 6px 25px;
    margin: 20px 0;
    display: inline-block;
    border: none;
}
.ltl-footer-column img.app-icon {
    margin-top: 4em;
    float: right;
}
.ltl-footer-bottom {
    width: 100%;
    text-align: center;
}
.ltl-footer-bottom h4{
    font-size: 13px;
    color: #808080;
    font-weight: 400;
    margin-top: 2em;
}


@media only screen and (max-width: 350px) {
    
}