/*!
 * Start Bootstrap - New Age v5.0.4 (https://startbootstrap.com/template-overviews/new-age)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-new-age/blob/master/LICENSE)
 */

body,
html {
	width: 100%;
	height: 100%
}

body {
	font-family: 'Helvetica Neue', Arial, sans-serif
}

a {
	color: #0098c7;
	-webkit-transition: all .35s;
	transition: all .35s;
    text-decoration:none
}

a:focus,
a:hover {
	color: #5d6b6f;
    text-decoration:none
}

hr {
	max-width: 100px;
	margin: 25px auto 0;
	border-width: 1px;
	border-color: rgba(34, 34, 34, .1)
}

hr.light {
	border-color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-weight: 200;
	letter-spacing: 1px
}

p {
	font-size: 22px;
	line-height: 1.5;
	margin-bottom: 20px;
	font-family: 'Helvetica Neue', Arial, sans-serif;
}

section {
	padding: 100px 0
}

section h2 {
	font-size: 50px
}


.footer-text a {
    color: #2D8BAD;
    font-size: 16px;
    font-size: 2.3rem;
}


.masthead {
	position: relative;
	width: 100%;
	padding-top: 120px;
	padding-bottom: 80px;
	color: #fff;
	background: url(../img/Atop-background.jpg) !important;
	background-repeat: repeat-x;
}

@media (max-width:768px) {
	.masthead {background-image: url(../img/Atop-background2.jpg)!important;background-repeat: repeat-x ;}
	}
}

.masthead1 .header-content {
	max-width: 500px;
	margin-bottom: 100px;
	text-align: center
}

.masthead .header-content h1 {
	font-size: 30px
}

.masthead .device-container {
	max-width: ;
	margin-right: auto;
	margin-left: auto
}

.masthead .device-container .screen img {
	border-radius: 3px
}

@media (min-width:992px) {
	.masthead {
	height:50vh;
		min-height: 605px ! important;
		padding-bottom: 0
	}
	.masthead .header-content {
		margin-bottom: 0;
		text-align: left
	}
	.masthead .header-content h1 {
		font-size: 50px
	}
	.masthead .device-container {
		max-width: 
	}
}
.contact-section{padding: 60px 0}

@media (max-width:992px) {
	.contact-section{padding-top: 60px}
}
section.download {
	position: relative;
	padding: 150px 0
}

section.download h2 {
	font-size: 50px;
	margin-top: 0
}

section.download .badges .badge-link {
	display: block;
	margin-bottom: 25px
}

section.download .badges .badge-link:last-child {
	margin-bottom: 0
}

section.download .badges .badge-link img {
	height: 60px
}

@media (min-width:768px) {
	section.download .badges .badge-link {
		display: inline-block;
		margin-bottom: 0
	}
}

@media (min-width:768px) {
	section.download h2 {
		font-size: 70px
	}
}

section.features .section-heading {
	margin-bottom: 100px
}

section.features .section-heading h2 {
	margin-top: 0
}

section.features .section-heading p {
	margin-bottom: 0
}

section.features .device-container,
section.features .feature-item {
	max-width: ;
	margin: 0 auto
}

section.features .device-container {
	margin-bottom: 
}

@media (min-width:992px) {
	section.features .device-container {
		margin-bottom: 0
	}
}

section.features .feature-item {
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center
}

section.features .feature-item h3 {
	font-size: 30px
}

section.features .feature-item i {
	font-size: 80px;
	display: block;
	margin-bottom: 15px;
	background: -webkit-gradient(linear, right top, left top, from(#7b4397), to(#dc2430));
	background: linear-gradient(to left, #7b4397, #dc2430);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

section.cta {
	position: relative;
	padding: 250px 0;
	background-image: url(../img/bg-cta.jpg);
	background-position: center;
	background-size: cover
}
section.cta1 {
	position: relative;
	background-image: url(../img/bigAbackground.jpg);
	background-position: center;
	background-size: cover
}

section.cta2 {
	position: relative;
	background-image: url(../img/gradient_background.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

section.cta3 {
	position: relative;
	background-image: url(../img/net.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
.cta5 {
	background-image: url(../img/color5.png);
	background-position: bottom;
	background-repeat: repeat-x;
	z-index:2;
	background-size:  100% 20%;
}
@media (min-width:768px) {
	.cta5 {background-image: url(../img/color5.png);background-size:  100% ;}
	}
}
section.cta .cta-content {
	position: relative;
	z-index: 1
}

section.cta .cta-content h2 {
	font-size: 50px;
	max-width: 450px;
	margin-top: 0;
	margin-bottom: 25px;
	color: #fff
}

@media (min-width:768px) {
	section.cta .cta-content h2 {
		font-size: 80px
	}
}

section.cta .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5)
}

section.contact {
	text-align: center
}

section.contact h2 {
	margin-top: 0;
	margin-bottom: 25px
}

section.contact h2 i {
	color: #dd4b39
}

section.contact ul.list-social {
	margin-bottom: 0
}

section.contact ul.list-social li a {
	font-size: 40px;
	line-height: 80px;
	display: block;
	width: 80px;
	height: 80px;
	color: #fff;
	border-radius: 100%
}

section.contact ul.list-social li.social-twitter a {
	background-color: #1da1f2
}

section.contact ul.list-social li.social-twitter a:hover {
	background-color: #0d95e8
}

section.contact ul.list-social li.social-facebook a {
	background-color: #3b5998
}

section.contact ul.list-social li.social-facebook a:hover {
	background-color: #344e86
}

section.contact ul.list-social li.social-google-plus a {
	background-color: #dd4b39
}

section.contact ul.list-social li.social-google-plus a:hover {
	background-color: #d73925
}


.bg-primary {
	background: #b8e9ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fdcc52), to(#fdc539));
	background: linear-gradient(#b8e9ff, #b8e9ff)
}

.text-primary {
	color: #fdcc52
}

.no-gutter>[class*=col-] {
	padding-right: 0;
	padding-left: 0
}

.btn-outline {
	color: #fff;
	border: 1px solid;
	border-color: #fff
}

.btn-outline.active,
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
	color: #fff;
	border-color: #fdcc52;
	background-color: #fdcc52
}

.card h2 {font-size:56px;font-weight:500;line-height:1;color:#0098c7; padding-top: 15px}
.card h3 {font-weight:200;padding-top: 15px;}

@media (max-width:480px) {
        .card h2 {font-size:32px}
		.contact-section {padding-right: 12px;padding-left: 12px;}
		.card-body{height: 150px;}
		.card h3 {font-weight:500 !important}
}

.btn {
	border-radius: 300px;
	font-family: Lato, Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase
}

.btn-xl {
	font-size: 11px;
	padding: 15px 45px
}
.FW h3{font-weight:500;color:#0098c7;font-size:2.75rem}

.click1{padding-left: 20px;font-size: 20px;font-weight:500}

.title1{font-size:90px;color:#0098c7 !important;text-align:center !important;padding-top:110px !important;padding-left:;line-height:1; font-weight:600}
.title2{font-size:31px;color:#496572 !important;text-align:center !important;padding-top:0;padding:;line-height:1}
@media (max-width:1220px) {
	.title1 {font-size: 68px;}
	.title2 {font-size: 27px;max-width: 100% !important;margin-top:20px}
}
@media (max-width:1050px) {
	.title1 {font-size: 56px;}
	.title2 {font-size: 24px;max-width: 100% !important; margin-top:5px}
}
@media (max-width:975px) {
	.title1 {font-size: 56px;}
	.title2 {font-size: 25px;max-width: 100% !important; margin-top:20px}
}

@media (max-width:780px) {
	.title1 {font-size: 42px;}
	.title2 {font-size: 24px;max-width: 100% !important; margin-top:1px}
}

@media (max-width:765px) {
	.title1 {font-size: 39px;padding-top: 20px !important;}
	.title2 {font-size: 20px;max-width: 100% !important; margin-top:1px}
}

@media (max-width:678px) {
	.title1 {font-size: 36px;padding-top: 20px !important;}
	.title2 {font-size: 15px;max-width: 100% !important; margin-top:10px}
}

@media (max-width:567px) {
	.title1 {font-size: 29px;padding-top: 20px !important;}
	.title2 {font-size: 16px;max-width: 100% !important; margin-top:0px}
}
@media (max-width:490px) {
	.title1 {font-size: 39px !important;padding-top: 20px !important;margin-bottom:10px}
	.title2 {font-size: 23px !important;max-width: 100% !important; margin-top:0px}
}

@media (max-width:370px) {
	.title1 {font-size: 30px;padding-top: 20px !important;margin-bottom: 5px;line-height:0.9}
	.title2 {font-size: 14px;max-width: 100% !important; margin-top:10px;}
}
.shadow {
  -webkit-box-shadow: 3px 3px 5px 6px #ddd;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ddd;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ddd;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}