html , body {
	font-family : Roboto ;
}
h1,h2,h3,h4,h5{
	font-family : Nunito Bold !important;
}
.getStarted:hover {
	background-color : #702d6d !important;
}
.carouselImage {
	width : 100%;
	height : 500px !important;
}
.carouselBackground {
	background-color : transparent !important;
	background-image: url("../images/tab2.jpg") !important;
	background-repeat : no-repeat !important;
	background-position : center !important;
	background-size : 100% !important;
	margin : 100px;
	margin-top : 10px;
}

@media (max-width : 700px){
	#myCarousel {
		border : 5px solid black;
		position : absolute;
		left: 123px;
		top: 188px !important;
		width : 54%;
	}
	.carouselImage {
		width : 300px !important; 
		height : 200px !important;
	}
	.carouselBackground {
		background-size : 300px !important;
	}
}

@media (min-width: 1200px){
	
}
@media (min-width: 992px){
	
}
@media (min-width: 768px){
	
}
.carouselBackgroundInner {
	height : 550px;
	
}
.popup-title {
	background-color : #ededed;
}
.bg-transparent {
	background-color : transparent;
}
.footer {
   position: relative;
   top : 150px;
   left: 0px;
   bottom: 0px;
   width: 70%;
   color: black;
   text-align: left;
   border-radius : 0px;
}
.videoPlayer {
	width : 100% ;
	height : 590px ;
}
.ipadImage {
	margin-top : 30px;
	width : 100%;
	-webkit-transition: linear 0.5s all;
	transition: linear 0.5s all;
}
.iphoneImage {
	-webkit-transition: linear 0.5s all;
	transition: linear 0.5s all;
}
@media (max-width:1020px){
	.iphoneImage {
		width : 100px !important;
		position : relative;
		left : 200px !important;
	}
}

.ipadImage:hover,.brandIcons:hover ,.iphoneImage:hover {
  -webkit-transition: linear 0.5s all;
  transition: linear 0.5s all;
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}
.brandIcons {
	-webkit-transition: linear 0.5s all;
	transition: linear 0.5s all;
	width : 100%;
}

.card-png {
  -webkit-filter: drop-shadow(15px 15px 15px #222);
  filter: drop-shadow(5px 7px 7px #222);
}
.customArrow {
	border : 1px solid black;
	border-radius : 50px !important;
	padding : 8px;
	color : black;
	position : absolute;
}
.shadowBox {
	border-radius : 1px !important;
	border : 1px solid lightgrey;
	background-color : white;
	padding-top:15px; 
	padding-bottom:25px; 
	padding-left:15px !important; 
	padding-right:15px !important;
	box-shadow: 0px 5px 8px 6px rgba(0,0,0,0.1) !important; 
	height : 300px !important;
}
.shadowBox:hover {
	box-shadow: 0px 5px 8px 6px rgba(0,0,0,0.2) !important; 
	transform: translateY(-4px) scale(1.01);
	transition: box-shadow 0.2s ease-in-out 0.1s, transform 0.2s ease-in-out 0.1s; 
}
.shadowBoxHeading {
	font-size: 32px !important;
	letter-spacing: 1px !important;
    line-height: 38px !important;
	color: #444950;
	-webkit-font-smoothing: antialiased;
}
.shadowBoxBody {
	color : black;
	font-size: 16px !important;
	line-height: 30px;
	letter-spacing: 1px !important;
}
@media (min-width: 1200px){
	
}
@media (min-width: 992px){
	
}
@media (min-width: 768px){
	
}
.newSection {
    margin-right: 95px;
    margin-left: 95px;
}

/* utilities */

.cardBtn {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), 0 6px 20px 0 rgba(0, 0, 0, 0.25);	
	-webkit-transition: linear 0.5s all;
	transition: linear 0.5s all;
}
.cardBtn:hover {
  -webkit-transition: linear 0.5s all;
  transition: linear 0.5s all;
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}
.card {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.9), 0 6px 20px 0 rgba(0, 0, 0, 0.29);	
}
.card-2 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.9), 0 6px 20px 0 rgba(0, 0, 0, 0.29);	
	
}
.card-3 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
	
}
.line {
	border : 0.02em solid #444950;
	box-shadow: 0px 5px 8px 6px rgba(0,0,0,0.1);
}
.line-2 {
	margin-left : 0px;
	width : 70%;
	border : 0.02em solid #444950;
	box-shadow: 0px 5px 8px 6px rgba(0,0,0,0.1);
}
.line-3 {
	width : 30%;
	border : 0.08em solid #A6A6A6;
	box-shadow: 0px 5px 8px 6px rgba(0,0,0,0.1);
}
.text-d-none {
	text-decoration : none;
}

.text-d-none:hover {
	text-decoration : none;
}
.text-left {
	text-align : left !important;
}
.mt-1 {
	margin-top : 10px;
}

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

.mt-3 {
	margin-top : 30px;
}
.mt-4 {
	margin-top : 40px;
}
.mt-5 {
	margin-top : 50px;
}
.mt-6 {
	margin-top : 60px;
}
.p-7 {
	padding : 10px;
}

.p-2 {
	padding : 20px;
}

.p-3 {
	padding : 30px;
}
.p-4 {
	padding : 40px;
}
.p-5 {
	padding : 50px;
}

.pl-1 {
	padding-left : 10px;
}

.pl-2 {
	padding-left : 20px;
}

.pl-3 {
	padding-left : 30px;
}
.pl-4 {
	padding-left : 40px;
}
.pl-5 {
	padding-left : 50px;
}

.pr-1 {
	padding-right : 10px;
}

.pr-2 {
	padding-right : 20px;
}

.pr-3 {
	padding-right : 30px;
}
.pr-4 {
	padding-right : 40px;
}
.pr-5 {
	padding-right : 50px;
}
.ml-1 {
	margin-left : 10px;
}

.ml-2 {
	margin-left : 20px;
}

.ml-3 {
	margin-left : 30px;
}
.ml-4 {
	margin-left : 40px;
}
.ml-5 {
	margin-left : 50px;
}

.mr-1 {
	margin-right : 10px;
}

.mr-2 {
	margin-right : 20px;
}

.mr-3 {
	margin-right : 30px;
}
.mr-4 {
	margin-right : 40px;
}
.mr-5 {
	margin-right : 50px;
}
.w-10 {
	width : 10%;
}
.w-20 {
	width : 20%;
}
.w-30 {
	width : 30%;
}
.w-40 {
	width : 40%;
}
.w-50 {
	width : 50%;
}
.mx-auto {
	margin : auto ;
}
.f-s-1 {
	font-size : 10px;
}

.f-s-2 {
	font-size : 15px;
}

.f-s-3 {
	font-size : 20px;
}
.f-s-4 {
	font-size : 25px;
}
.f-s-5 {
	font-size : 30px;
}
.shadowBox:hover .underline {
	text-decoration: underline;
}
.float-right {
	float : right ;
}
.bg-lightgrey {
	background-color : lightgrey;
}