body {
	font-family: 'Nunito', sans-serif;
}


/* navbar start */
.navbar_fixed {
	background-color:#fff;
	position: fixed!important;
	width: 100%;
	top: 0;
	z-index: 100;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}
#mynavbar ul li a.active {
	color:#ec4450;
}
#mynavbar .dropdown-menu {
	top: 58px;
}
#mynavbar .dropdown-item.active {
	background-color:#ee7738;
	color:#fff;
}
/* navbar end */

/* search overlay start */
.overlay {
	background:#34495df2;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:99999;
	display:none;
}
.show {
	display:block;
}
/* search overlay end */

/* about start */
.updown {
	animation: 1.7s infinite alternate imageUpAnimation;
}
@-webkit-keyframes imageUpAnimation {
  from {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  to {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}
.leftright {
	animation: 4s infinite leftrightanimation;
}
@-webkit-keyframes leftrightanimation {
	0% {
		opacity: 0.50;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	50% {
		opacity: 1;
		-webkit-transform:  translateX(-20px);
		transform: translateX(-20px);
	}
	100% {
		opacity: 0.50;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
/* about end */

/* services start */
.py-70 {
	padding:70px 0;
}
.services {
	color: #707070;
}
.MainTitle {
	color: #424242;
    font-size: 32px;
    text-align: center;
    font-weight: 600;
}
.MainTitle + p {
	color: #707070;
    text-align: center;
    max-width: 800px;
    margin: 20px auto;
}
.services i {
	color:#ee7738;
}
.services h4 {
	font-weight:600;
}
/* services end */

/* portfolio start */
.btn-list .btn {
	margin:10px 0;
	font-size: 18px;
    transition: all 0.5s!important;
	font-weight:600;
	border:1px solid transparent;
}
.btn-list .btn:hover,
.btn-list .btn.active,
.mixitup-control-active {
	background-color:#ee7738;
	color:#fff;
	border-color:#f59d2a;
	box-shadow: 0 2px 20px #f59d2a!important;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	padding: 0 30%;
    background-clip: content-box;
    transition-duration: 0.3s;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
}
.card-img-overlay:hover {
	background-color: #34495dd1;
    padding: 0 0;
}
.card-img-overlay:hover a {
    opacity: 1;
}
.card-img-overlay a {
    display: block;
    width: 50px;
    height: 50px;
    color: #2c3d4f;
    background-color: #ffffff;
    font-size: 18px;
    line-height: 57px;
    border-radius: 50%;
    transition-duration: 0.3s;
    opacity: 0;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
	text-align:center;
	margin:0 5px;
}
.card-img-overlay a i {
    font-size: 22px;
}
/* portfolio end */

/* parallax start */
.parallax {
	background-image:url(images/sitges-banner.jpg);
	width:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
	position:relative;
	color:#fff;
}
.parallax:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:#34495dd1;
}
.parallax h3 {
	font-size: 32px;
    font-weight: 600;
}
.parallax p {
	text-align: center;
    max-width: 800px;
    margin: 20px auto;
}
.playicon {
	width: 3rem;
    height: 3rem;
	line-height:50px;
	display:inline-block;
	border-radius:50%;
	background:#e8e8e8;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
	transition: all 0.2s ease;
	cursor:pointer;
	text-align:center;
}
.playicon:hover {
    -webkit-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
}
.tooltip-inner{
	 max-width: 200px;
	  padding: 0.25rem 0.5rem;
	  color: #FFF;
	  text-align: center;
	  background-color: #1F2D3D;
	  border-radius: 0.25rem;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #1F2D3D;
}
.tooltip {
	margin-top:10px;
}
/* parallax end */

/* ourteam start */
.ourteam .card {
	overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    margin-bottom: 15px;
    border: none;
}
.team-img-overlay {
	background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, #f59d2a 100%);
    text-align: center;
    padding-bottom: 10%;
    color: white;
    bottom: -50%;
    top: unset;
    transition-duration: .8s;
    opacity: 1;
    height: 100%;
	position:absolute;
	left: 0;
	right:0;
    padding: 1.25rem;
}
.ourteam .card:hover .team-img-overlay {
    bottom: 0;
    opacity: 1;
    transition: .5s;
}
.ourteam .iner-card-docs {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
.ourteam .team-img-overlay a {
    padding: 0 5px;
    color: white;
    margin-bottom: 5px;
}
.ourteam .team-img-overlay a:hover {
	color: #f59d2a;
}
.ourteam .team-img-overlay h4 {
    margin: 10px 0 10px;
    font-weight: 300;
}
/* ourteam end */

/* testimonials start */
.testimonial {
	background-image:url(images/bg.png);
	background-position:center;
	background-size:cover;
}
.testimonial .owl-carousel .item img {
	width:auto;
}
.owl-theme .owl-dots .owl-dot span{
	cursor: pointer;
    position: relative;background: url(images/sprite.png) no-repeat -413px 0;
	width: 20px;
	height: 20px;
	margin-right: 0px;
    float: left;
    margin-top: -10px;
    margin-left: 3px;	
}
.owl-theme .owl-dots .owl-dot.active span {
	background-position:-383px 0;
	width: 20px;
	height: 20px;
}
.slider .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 30px;
}
/* testimonials end */

/* scrol to top start */
.scroll_to_top.show {
    filter: alpha(opacity=100);
    opacity: 1;
    bottom: 1em;
    line-height: 47px;
}
.scroll_to_top {
	cursor: pointer;
	border:1px solid #898989;
	background-color:#2c3d4f;
    filter: alpha(opacity=0);
    opacity: 0;
	width:45px;
	height:45px;
	position: fixed;
	z-index:999;
	right: 1.5em;
	bottom: 1em; 
	text-align:center;
	color:#d0d0d0;
	border-radius:50%;
}
.scroll_to_top i {
	color:inherit;
}
.scroll_to_top:hover {
	background-color: #000;
	color:#fff;
	border-color: #34495d;
	box-shadow: 0 2px 20px #f59d2a;
}
/* scroll to top end */

/* price start */
.price .box {
	padding: 40px 20px;
	overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    margin-bottom: 15px;
    border: none;
	transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.price .box ul li {
	line-height:32px;
}
.price .box button {
	padding: 0.6em 2.3em;
	font-weight: 500;
    border-radius: 1.8em;
}
.price .box h4 {
	font-size: 18px;
    font-weight: 500;
}
.price .box h3 {
	font-size: 60px;
    line-height: 1em;
    font-weight: 600;
}
.price .box:hover {
	transform: translateY(-8px);
}
/* price end */

/* price2 start */
.price2 .card {
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}
.price2 .card .card-top {
	background-color:#f9f9f9;
	border-bottom: 1px solid #e7eaf3;
}
.price2 .currency {
	font-size: 20px;
	font-weight: 600;
}
.price2 .price {
	font-size:3em;
}
.price2 ul li {
	line-height:32px;
	color: #828286;
}
/* price2 end */

/* home start */
.home {
	width: 100%;
    position: relative;
    z-index: 1;
    height: 850px;
    overflow: hidden;
}
.home:before {
	content:"";
	background-image: url(images/hero-back.png);
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: cover !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
}
.home h2 {
	font-size: 3rem;
	color: #070a57;
}
.home h5 {
	color: #404040;
    font-weight: 400;
    line-height: 1.6;
}
/* home end */

/* features start */
.device-holder {
	background: url(images/front-white.png) no-repeat center top;
    background-size: contain;
	width:288px;
	height:561px;
	max-width: 100%;
    margin: 0 auto;
	position:relative;
}
.device-holder-inner {
	position: absolute;
    text-align: center;
	left: 20px;
    top: 54px;
	width:252px;
}


/* contact start */
.contact input::placeholder {
	font-size:18px;
}
.contact button i {
	vertical-align:middle;
	width:22px;
	color:#5e83a7;
}
.contact .form-control:focus {
    box-shadow:none;
}
.contact .form-control-lg {
	padding-left:0;
}
.contact .input-group {
	border:1px solid transparent;
	transition: 0.4s;
}
.contact .input-group:focus-within  {
	color: #424242;
    border: 1px solid #ee7738!important;
}
/* contact end */

/* faq start */
.icon-box {
	width:62px;
	height:62px;
	background-color:#ee7738;
	border-radius:50%;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
}
.features .d-flex:hover .icon-box,
.faq .d-flex:hover .icon-box,
.icon-box:hover {
	border-color:#f59d2a;
	box-shadow: 0 2px 20px #f59d2a!important;
}
.faq h5 {
	font-weight: 600;
	font-size:20px;
}
/* faq end */

/* footer start */
.social li,
.FooterMenu li
 {
	list-style-type:none;
	display:inline-block;
}
.social li a {
	display:block;
	width:40px;
	height:40px;
	background-color:#f5f5f5;
	border-radius:50%;
	text-align:center;
	color:#000;
	line-height:40px;
	margin: 0 5px;
	transition:all .3s;
}
.social li a:hover {
	background-color:#ee7738;
	box-shadow: 0 2px 20px #f59d2a;
	color:#fff;
}
.FooterMenu li a {
	font-weight: 300;
    padding: 0 15px;
    border-right: 1px solid #757575;
	text-decoration:none;
	color: #070a57;
}
.FooterMenu li a:hover {
	color:#ee7738;
}
.FooterMenu li:last-child a{
	border:0;
}
/* footer end */

/* uipack start */
.uipack button {
	margin-bottom:10px;
}
.bg-orange {
	background-color:#ee7738;
	color:#fff!important;
	border:1px solid #f59d2a;
}
.border-orange {
	border:1px solid #ee7738;
}
.btn-yellow {
	border-radius: 2px;
    background: #f59d2a;
    font-weight: 700;
    box-shadow: 0 2px 2px rgba(0,0,0,0.7)!important;
    letter-spacing: 1px;
	color:#fff!important;
}
.btn-yellow:hover {
	background-color:#d28725;
}
.btn-blue {
	border-radius: 2px;
    background: #5e83a7;
    font-weight: 700;
    box-shadow: 0 2px 2px rgba(0,0,0,0.7)!important;
    letter-spacing: 1px;
	color:#fff!important;
}
.btn-blue:hover {
	background-color:#34495d;
}
.btn-outline-blue {
	border-radius: 2px;
    font-weight: 700;
    box-shadow: 0 2px 2px rgba(0,0,0,0.7)!important;
    letter-spacing: 1px;
	color:#000;
}
.btn-outline-blue:hover {
	background: #34495d;
	color:#fff;
}
.btn-orange {
	border-radius: 2px;
    background: #ee7738;
    font-weight: 700;
    box-shadow: 0 2px 2px rgba(0,0,0,0.7)!important;
    letter-spacing: 1px;
	color:#fff!important;
}
.btn-orange:hover {
	background-color:#c7612a;
}
.btn-black {
	border-radius: 2px;
    background: #2c3d4f;
    font-weight: 700;
    box-shadow: 0 2px 2px rgba(0,0,0,0.7)!important;
    letter-spacing: 1px;
	color:#fff!important;
}
.btn-black:hover {
	background:#000;
}
.btn-green {
	border-radius: 2px;
    background: #719192;
    font-weight: 700;
    box-shadow: 0 2px 2px rgba(0,0,0,0.7)!important;
    letter-spacing: 1px;
	color:#fff!important;
}
.btn-green:hover {
	background:#4e6e6f;
}
.btn-default {
	border-radius: 2px;
    background: #e3e7f1;
    font-weight: 700;
    box-shadow: 0 2px 2px rgba(0,0,0,0.7)!important;
    letter-spacing: 1px;
	color:#000!important;
}
.btn-default:hover {
	background:#d5d7dc;
}
.btn-pink {
	border-radius: 2px;
    background: #e86ed0;
    font-weight: 700;
    box-shadow: 0 2px 2px rgba(0,0,0,0.7)!important;
    letter-spacing: 1px;
	color:#fff!important;
}
.btn-pink:hover {
	background:#a94896;
}
.text-orange {
	color:#ee7738;
}
.text-yellow {
	color:#f59d2a;
}
.text-blue {
	color:#34495d;
}
.text-red {
	color:#e74c3c;
}
.text-green {
	color:#2ecc71;
}
.btn-red {
    border-radius: 2px;
    background: #ec4450;
    font-weight: 700;
    box-shadow: 0 2px 2px rgba(0,0,0,0.7);
    letter-spacing: 1px;
	color:#fff!important;
}
.btn-red:hover {
	background: #cc3a44;
}
.bg-gray {
	background-color:#FFF9F2;
}
.listicon {
	padding-left: 23px;
}
.listicon li {
	list-style-type:none;
	line-height:32px;
	position:relative;
}
.targetlist li:before {
	content: "\f140";
}
.listicon li:before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	position:absolute;
	font-size:14px;
	top:50%;
	left:-22px;
	transform:translateY(-50%);
	color:#6610f2;
}
.custom-shadow {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}