body {
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	color: #333;
	background-color: #fff;
	font-family: 'Roboto', sans-serif, 'segoe ui', 'verdana';
	line-height: 1.8;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a,
a:hover {
	text-decoration: none;
}

img {
	max-width: 100% !important;
	height: auto;
	outline: none;
}

.img-responsive {
	max-width: 100% !important;
	height: auto;
}

p {
	color: #333;
	font-family: 'Roboto', sans-serif, 'segoe ui', 'verdana';
}

ol,
ul,
ol li,
ul li {
	margin: 0;
	padding: 0;
}

h1,
h2 {
	font-family: 'Roboto', sans-serif, 'segoe ui', 'verdana';
	color: #333;
	font-weight: 700;
}

h1,
.h1 {
	font-size: 45px !important
}

h2,
.h2 {
	font-size: 36px !important
}

h3,
.h3 {
	font-size: 28px !important
}

h4,
.h4 {
	font-size: 24px !important
}

h5,
.h5 {
	font-size: 20px !important
}

h6,
.h6 {
	font-size: 16px !important
}

/* margin-common */
.m-0 {
	padding: 0 !important
}

.m-5 {
	padding: 5px !important
}

.m-10 {
	padding: 10px !important
}

.m-15 {
	padding: 15px !important
}

.m-20 {
	padding: 20px !important
}

.m-25 {
	padding: 25px !important
}

.m-30 {
	padding: 30px !important
}

.m-35 {
	padding: 35px !important
}

.m-40 {
	padding: 40px !important
}

.m-45 {
	padding: 45px !important
}

.m-50 {
	padding: 50px !important
}

.m-55 {
	padding: 55px !important
}

.m-60 {
	padding: 60px !important
}

.m-65 {
	padding: 65px !important
}

.m-70 {
	padding: 70px !important
}

.m-75 {
	padding: 75px !important
}

.m-80 {
	padding: 80px !important
}

.m-85 {
	padding: 85px !important
}

.m-90 {
	padding: 90px !important
}

/* margin-tb */
.mtb-5 {
	margin: 5px 0 !important
}

.mtb-10 {
	margin: 10px 0 !important
}

.mtb-15 {
	margin: 15px 0 !important
}

.mtb-20 {
	margin: 20px 0 !important
}

.mtb-25 {
	margin: 25px 0 !important
}

.mtb-30 {
	margin: 30px 0 !important
}

.mtb-35 {
	margin: 35px 0 !important
}

.mtb-40 {
	margin: 40px 0 !important
}

.mtb-45 {
	margin: 45px 0 !important
}

.mtb-50 {
	margin: 50px 0 !important
}

.mtb-55 {
	margin: 55px 0 !important
}

.mtb-60 {
	margin: 60px 0 !important
}

.mtb-65 {
	margin: 65px 0 !important
}

.mtb-70 {
	margin: 70px 0 !important
}

.mtb-75 {
	margin: 75px 0 !important
}

.mtb-80 {
	margin: 80px 0 !important
}

.mtb-85 {
	margin: 85px 0 !important
}

.mtb-90 {
	margin: 90px 0 !important
}

/* margin Top */
.mt-0 {
	margin-top: 0 !important
}

.mt-5 {
	margin-top: 5px !important
}

.mt-10 {
	margin-top: 10px !important
}

.mt-15 {
	margin-top: 15px !important
}

.mt-20 {
	margin-top: 20px !important
}

.mt-25 {
	margin-top: 25px !important
}

.mt-30 {
	margin-top: 30px !important
}

.mt-35 {
	margin-top: 35px !important
}

.mt-40 {
	margin-top: 40px !important
}

.mt-45 {
	margin-top: 45px !important
}

.mt-50 {
	margin-top: 50px !important
}

.mt-55 {
	margin-top: 55px !important
}

.mt-60 {
	margin-top: 60px !important
}

.mt-65 {
	margin-top: 65px !important
}

.mt-70 {
	margin-top: 70px !important
}

.mt-75 {
	margin-top: 75px !important
}

.mt-80 {
	margin-top: 80px !important
}

.mt-85 {
	margin-top: 85px !important
}

.mt-90 {
	margin-top: 90px !important
}

/* margin-bottom */
.mb-0 {
	margin-bottom: 0
}

.mb-5 {
	margin-bottom: 5px !important
}

.mb-10 {
	margin-bottom: 10px !important
}

.mb-15 {
	margin-bottom: 15px !important
}

.mb-20 {
	margin-bottom: 20px !important
}

.mb-25 {
	margin-bottom: 25px !important
}

.mb-30 {
	margin-bottom: 30px !important
}

.mb-35 {
	margin-bottom: 35px !important
}

.mb-40 {
	margin-bottom: 40px !important
}

.mb-45 {
	margin-bottom: 45px !important
}

.mb-50 {
	margin-bottom: 50px !important
}

.mb-55 {
	margin-bottom: 55px !important
}

.mb-60 {
	margin-bottom: 60px !important
}

.mb-65 {
	margin-bottom: 65px !important
}

.mb-70 {
	margin-bottom: 70px !important
}

.mb-75 {
	margin-bottom: 75px !important
}

.mb-80 {
	margin-bottom: 80px !important
}

.mb-85 {
	margin-bottom: 85px !important
}

.mb-90 {
	margin-bottom: 90px !important
}

/* margin-right */
.mr-0 {
	margin-right: 0
}

.mr-5 {
	margin-right: 5px !important
}

.mr-10 {
	margin-right: 10px !important
}

.mr-15 {
	margin-right: 15px !important
}

.mr-20 {
	margin-right: 20px !important
}

.mr-25 {
	margin-right: 25px !important
}

.mr-30 {
	margin-right: 30px !important
}

.mr-35 {
	margin-right: 35px !important
}

.mr-40 {
	margin-right: 40px !important
}

.mr-45 {
	margin-right: 45px !important
}

.mr-50 {
	margin-right: 50px !important
}

.mr-55 {
	margin-right: 55px !important
}

.mr-60 {
	margin-right: 60px !important
}

.mr-65 {
	margin-right: 65px !important
}

.mr-70 {
	margin-right: 70px !important
}

.mr-75 {
	margin-right: 75px !important
}

.mr-80 {
	margin-right: 80px !important
}

.mr-85 {
	margin-right: 85px !important
}

.mr-90 {
	margin-right: 90px !important
}

/* margin-left */
.ml-0 {
	margin-left: 0
}

.ml-5 {
	margin-left: 5px !important
}

.ml-10 {
	margin-left: 10px !important
}

.ml-15 {
	margin-left: 15px !important
}

.ml-20 {
	margin-left: 20px !important
}

.ml-25 {
	margin-left: 25px !important
}

.ml-30 {
	margin-left: 30px !important
}

.ml-35 {
	margin-left: 35px !important
}

.ml-40 {
	margin-left: 40px !important
}

.ml-45 {
	margin-left: 45px !important
}

.ml-50 {
	margin-left: 50px !important
}

.ml-55 {
	margin-left: 55px !important
}

.ml-60 {
	margin-left: 60px !important
}

.ml-65 {
	margin-left: 65px !important
}

.ml-70 {
	margin-left: 70px !important
}

.ml-75 {
	margin-left: 75px !important
}

.ml-80 {
	margin-left: 80px !important
}

.ml-85 {
	margin-left: 85px !important
}

.ml-90 {
	margin-left: 90px !important
}

/* padding-common */
.p-0 {
	padding: 0 !important
}

.p-5 {
	padding: 5px !important
}

.p-10 {
	padding: 10px !important
}

.p-15 {
	padding: 15px !important
}

.p-20 {
	padding: 20px !important
}

.p-25 {
	padding: 25px !important
}

.p-30 {
	padding: 30px !important
}

.p-35 {
	padding: 35px !important
}

.p-40 {
	padding: 40px !important
}

.p-45 {
	padding: 45px !important
}

.p-50 {
	padding: 50px !important
}

.p-55 {
	padding: 55px !important
}

.p-60 {
	padding: 60px !important
}

.p-65 {
	padding: 65px !important
}

.p-70 {
	padding: 70px !important
}

.p-75 {
	padding: 75px !important
}

.p-80 {
	padding: 80px !important
}

.p-85 {
	padding: 85px !important
}

.p-90 {
	padding: 90px !important
}

/* margin-tb */
.ptb-5 {
	padding: 5px 0
}

.ptb-10 {
	padding: 10px 0 !important
}

.ptb-15 {
	padding: 15px 0 !important
}

.ptb-20 {
	padding: 20px 0 !important
}

.ptb-25 {
	padding: 25px 0 !important
}

.ptb-30 {
	padding: 30px 0 !important
}

.ptb-35 {
	padding: 35px 0 !important
}

.ptb-40 {
	padding: 40px 0 !important
}

.ptb-45 {
	padding: 45px 0 !important
}

.ptb-50 {
	padding: 50px 0 !important
}

.ptb-55 {
	padding: 55px 0 !important
}

.ptb-60 {
	padding: 60px 0 !important
}

.ptb-65 {
	padding: 65px 0 !important
}

.ptb-70 {
	padding: 70px 0 !important
}

.ptb-75 {
	padding: 75px 0 !important
}

.ptb-80 {
	padding: 80px 0 !important
}

.ptb-85 {
	padding: 85px 0 !important
}

.ptb-90 {
	padding: 90px 0 !important
}

/* padding Top */
.pt-0 {
	padding-top: 0 !important
}

.pt-5 {
	padding-top: 5px !important
}

.pt-10 {
	padding-top: 10px !important
}

.pt-15 {
	padding-top: 15px !important
}

.pt-20 {
	padding-top: 20px !important
}

.pt-25 {
	padding-top: 25px !important
}

.pt-30 {
	padding-top: 30px !important
}

.pt-35 {
	padding-top: 35px !important
}

.pt-40 {
	padding-top: 40px !important
}

.pt-45 {
	padding-top: 45px !important
}

.pt-50 {
	padding-top: 50px !important
}

.pt-55 {
	padding-top: 55px !important
}

.pt-60 {
	padding-top: 60px !important
}

.pt-65 {
	padding-top: 65px !important
}

.pt-70 {
	padding-top: 70px !important
}

.pt-75 {
	padding-top: 75px !important
}

.pt-80 {
	padding-top: 80px !important
}

.pt-85 {
	padding-top: 85px !important
}

.pt-90 {
	padding-top: 90px !important
}

/* padding bottom */
.pb-0 {
	padding-bottom: 0 !important
}

.pb-5 {
	padding-bottom: 5px !important
}

.pb-10 {
	padding-bottom: 10px !important
}

.pb-15 {
	padding-bottom: 15px !important
}

.pb-20 {
	padding-bottom: 20px !important
}

.pb-25 {
	padding-bottom: 25px !important
}

.pb-30 {
	padding-bottom: 30px !important
}

.pb-35 {
	padding-bottom: 35px !important
}

.pb-40 {
	padding-bottom: 40px !important
}

.pb-45 {
	padding-bottom: 45px !important
}

.pb-50 {
	padding-bottom: 50px !important
}

.pb-55 {
	padding-bottom: 55px !important
}

.pb-60 {
	padding-bottom: 60px !important
}

.pb-65 {
	padding-bottom: 65px !important
}

.pb-70 {
	padding-bottom: 70px !important
}

.pb-75 {
	padding-bottom: 75px !important
}

.pb-80 {
	padding-bottom: 80px !important
}

.pb-85 {
	padding-bottom: 85px !important
}

.pb-90 {
	padding-bottom: 90px !important
}

/* padding right */
.pr-0 {
	padding-right: 0 !important
}

.pr-5 {
	padding-right: 5px !important
}

.pr-10 {
	padding-right: 10px !important
}

.pr-15 {
	padding-right: 15px !important
}

.pr-20 {
	padding-right: 20px !important
}

.pr-25 {
	padding-right: 25px !important
}

.pr-30 {
	padding-right: 30px !important
}

.pr-35 {
	padding-right: 35px !important
}

.pr-40 {
	padding-right: 40px !important
}

.pr-45 {
	padding-right: 45px !important
}

.pr-50 {
	padding-right: 50px !important
}

.pr-55 {
	padding-right: 55px !important
}

.pr-60 {
	padding-right: 60px !important
}

.pr-65 {
	padding-right: 65px !important
}

.pr-70 {
	padding-right: 70px !important
}

.pr-75 {
	padding-right: 75px !important
}

.pr-80 {
	padding-right: 80px !important
}

.pr-85 {
	padding-right: 85px !important
}

.pr-90 {
	padding-right: 90px !important
}

/* padding left */
.pl-0 {
	padding-left: 0 !important
}

.pl-5 {
	padding-left: 5px !important
}

.pl-10 {
	padding-left: 10px !important
}

.pl-15 {
	padding-left: 15px !important
}

.pl-20 {
	padding-left: 20px !important
}

.pl-25 {
	padding-left: 25px !important
}

.pl-30 {
	padding-left: 30px !important
}

.pl-35 {
	padding-left: 35px !important
}

.pl-40 {
	padding-left: 40px !important
}

.pl-45 {
	padding-left: 45px !important
}

.pl-50 {
	padding-left: 50px !important
}

.pl-55 {
	padding-left: 55px !important
}

.pl-60 {
	padding-left: 60px !important
}

.pl-65 {
	padding-left: 65px !important
}

.pl-70 {
	padding-left: 70px !important
}

.pl-75 {
	padding-left: 75px !important
}

.pl-80 {
	padding-left: 80px !important
}

.pl-85 {
	padding-left: 85px !important
}

.pl-90 {
	padding-left: 90px !important
}

/* font-size */
.fs-12 {
	font-size: 12px;
}

.fs-14 {
	font-size: 14px;
}

.fs-16 {
	font-size: 16px;
}

.fs-18 {
	font-size: 18px;
}

.fs-20 {
	font-size: 20px;
}

.fs-22 {
	font-size: 22px;
}

.fs-24 {
	font-size: 24px;
}

.fs-26 {
	font-size: 26px;
}

.fs-28 {
	font-size: 28px;
}

.fs-30 {
	font-size: 30px;
}

.fs-32 {
	font-size: 32px;
}

.fs-34 {
	font-size: 34px;
}

.fs-36 {
	font-size: 36px;
}

.fs-38 {
	font-size: 38px;
}

.fs-40 {
	font-size: 40px;
}

.fs-42 {
	font-size: 42px;
}

.fs-44 {
	font-size: 44px;
}

.fs-46 {
	font-size: 46px;
}

.fs-48 {
	font-size: 48px;
}

.fs-50 {
	font-size: 50px;
}

.fs-55 {
	font-size: 55px;
}

.fs-60 {
	font-size: 60px;
}

.fs-65 {
	font-size: 65px;
}

.fs-70 {
	font-size: 70px;
}

.fs-75 {
	font-size: 75px;
}

.fs-80 {
	font-size: 80px;
}

.fs-85 {
	font-size: 85px;
}

.fs-90 {
	font-size: 90px;
}

.fs-95 {
	font-size: 95px;
}

.fs-100 {
	font-size: 100px;
}

section {
	padding: 65px 0;
}

.section-bg-white {
	background-color: #fff;
}

.section-bg-grey {
	background-color: #f1f1f1;
}

.section-bg-dark {
	background-color: #ccc;
}

.section-theme-primary {
	background-color: #fff;
}

.section-theme-secondary {
	background-color: #fff;
}

/* Page Title */
.page-title {
	position: relative;
}

/* Headings styles */
.heading-style {
	width: 80%;
	margin: 0 auto 45px auto;
}

.heading-style .title {
	font-size: 45px;
}

.heading-style .title-line {
	display: inline-block;
	width: 70px;
	height: 3px;
	background-color: #ee5c33;
}

.heading-style-default .sub-title {
	font-size: 24px;
	color: #333;
}

.heading-style-default .desc {
	font-size: 18px;
	color: #333;
}

/* Dividers */
.divider {
	display: block;
	clear: both;
	border-bottom: 1px solid #ccc;
}

.heading-line {
	display: inline-block;
	width: 75px;
	height: 3px;
	border-radius: 3px;
	margin: 24px 0;
	background-color: #ee5c33;
}

.thbg-primary {
	background-color: #f6fbff;
}

.thbg-perallex {
	background-color: #1c314e;
}

.them-btn {
	padding: 0 40px;
    height: 50px;
    font-size: 18px;
    display: inline-block;
    text-align: center;
    line-height: 47px;
    font-family: 'Roboto', sans-serif;
    transition: all .3s;
    color: #f9f9fd;
    background-color: #ee5c33;
    border-radius: 100px;
    box-shadow: 0 4px 8px 0 rgba(236,90,49,.3);
}

.them-btn:hover {
	cursor: pointer;
	color: #f9f9fd;
    background-color: #d9471e;
}

.them-btn.border {
	color: #d9471e;
	background-color: transparent;
	border-color: #d9471e !important;
}

.them-btn.border:hover {
	color: #fff;
	border-color: #fff !important;
}

/* =====================================
			header
===================================== */
header {
	position: fixed;
    height: 86px;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
    background-color: rgba(255, 255, 255, 0.09019607843137255);
	-webkit-transition: transform .5s, -webkit-transform .5s;
	transition: transform .5s, -webkit-transform .5s;
    -webkit-box-shadow: 0px 2px 18px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 2px 18px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 18px 1px rgba(0, 0, 0, 0.14);
    z-index: 111;
}

header.scroll-up {
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.menu-nav {
	display: flex;
	width: 100%;
	padding: 15px 0;
	position: relative;
}

.btn.headerbtn {
	min-width: 100px;
    height: 40px;
	margin-top: 8px;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    line-height: 37px;
	color: #d9471e;
	background: transparent;
    border: 1px solid #d9471e;
    border-radius: 100px;
    box-shadow: 0 1px 6px 0 rgba(72,134,255,.05);
    padding: 0 20px;
}

#logo {
	max-width: 300px;
	margin-right: 50px;
	line-height: 50px;
}

#menu {
	margin-left: auto;
}

#menu ul {
	list-style: none;
	margin: 0;
}

#menu ul li {
	display: inline-block;
	padding: 0 15px;
}

#menu ul li a {
	display: block;
	position: relative;
	padding: 15px 0;
	font-size: 18px;
	font-weight: normal;
	color: #333;
	line-height: initial;
	transition: .5s;
}

#menu ul li a:hover {
	color: #ee5c33;
}

header.sticky {
	background-color: #fff;
}

.header-bg {
	background-color: #999;
}

/* banner */
.banner {
	position: relative;
	padding-top: 150px;
	padding-bottom: 150px;
}

.banner:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:#ecf3ff;
}

.banner .banner-bg-img {
	position: absolute;
	width: 65%;
	top: 0;
	right: 0;
}

.banner .homescreen {
    position: absolute;
    width: 45%;
	top: 50%;
	transform: translateY(-50%);
    right: 70px;
    z-index: 1;
}

.banner .homescreen-sm {
	position: absolute;
	left: 0;
	top: 0;
}

.banner p {
	font-size: 18px;
	margin-bottom: 30px;
}

.banner-content {
	margin: 80px 0;
}

/* Foooter */
footer {
	position: relative;
	color: #fff;
	background-color: #1c314e;
}

footer h4 {
	margin-bottom: 25px;
}

.foot-links,.foot-social,.foot-contact {
	list-style: none;
}

.foot-links li {
	margin-bottom: 8px;
	font-size: 15px;
}

.foot-links li:last-child {
	margin-right: 0;
}

.foot-links li a {
	color: #fff;
	transition: .5s;
}

.foot-links li a:hover {
	color: #ee5c33;
}

.foot-social li {
	display: inline;
	margin-right: 5px;
}

.foot-social li a {
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-radius: 3px;
	background-color: #ee5c33;
	color: #fff;
}

.foot-social li a img {
	width: 24px;
}

.footer-logo {
	width: 150px;
    margin: 0 auto 30px auto;
    position: relative;
}

.footer-logo:hover .footer-about {
	opacity: 1;
	visibility: visible;
}

.footer-about {
	position: absolute;
    visibility: hidden;
    opacity: 0;
    bottom: 113%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 270px;
	padding: 15px;
    background-color: #1b304c;
    z-index: 1 !important;
    border-radius: 5px;
	-webkit-box-shadow: 0 4px 28px 0 rgba(255, 255, 255, 0.05), 0 12px 45px 0 rgba(255, 255, 255, 0.07);
	box-shadow: 0 4px 28px 0 rgba(255, 255, 255, 0.05), 0 12px 45px 0 rgba(255, 255, 255, 0.07);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.footer-about::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 25px solid #1b304c;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
}

.footer-about p {
	color: #fff;
}

.footer-logo img {
	width: 72%;
	margin:auto;
}

.foot-contact li {
	position: relative;
	padding-left: 36px;
	margin-bottom: 8px;
}

.foot-contact li a {
	color: #fff;
}

.foot-contact li a:hover {
	color: #ee5c33;
}

.foot-contact li .icon {
	position: absolute;
	width: 24px;
	left: 0;
}

.foot-contact li .additional-call {
	display: block;
    font-size: 11px;
    color: #ddd;
}

.ourother-products {
	margin-top: 20px;
	padding: 15px;
	border-top: 1px solid rgba(246, 251, 255, 0.26);
  }
  
  .ourother-products h6 {
	color: #fff;
  }
  
  .ourother-products ul {
	list-style: none;
  }
  
  .ourother-products ul li {
	display: inline;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #d2d2d2;
  }
  
  .ourother-products ul li:last-child {
	border-right: none;
  }
  
  .ourother-products ul li a {
	font-size: 14px;
	color: #fff;
  }
  
  .ourother-products ul li a:hover {
	color: #d2d2d2;
  }

.copy-right {
	background-color: #14253c;
    color: #b5b5b5;
    border-top: 1px solid rgba(246, 251, 255, 0.26);
}

.copy-right span {
	display: block;
	font-size: 12px;
	color: #909090;
	margin-top: 8px;
}

/* features */
.site-features {
	margin-top: -210px;
	z-index: 1;
}

.product-feature {
	background-color: #fff;
	padding: 25px;
	text-align: center;
	box-shadow: 0 0 17px rgba(0, 0, 0, .25);
}

.product-feature .icon {
	display: inline-block;
    height: 110px;
    width: 110px;
    padding: 24px;
    border: 1px solid #9793f3;
    background-color: #ecf3ff;
    border-radius: 50%;
    background-size: contain;
    overflow: hidden;
	margin-bottom: 15px;
}

.product-feature .icon svg {
	fill: #9793f3;
}

.product-feature:hover {
	color: #fff;
	background-image: -webkit-linear-gradient(40deg, #6754e2 0%, #19cce6 100%);
}

.product-feature:hover .icon {
    border: 1px solid #fff;
    background-color: transparent;
    background-size: contain;
    overflow: hidden;
    margin-bottom: 15px;
}

.product-feature:hover .icon svg {
	fill: #fff;
}
.product-feature:hover p {
	color: #fff;
}

/* Aplication download */
.aplication-screen-heading {
	margin: 50px 0;
}

.aplication-screen-heading h2 {
	color: #4e4e4e;
}

.aplication-screen-heading p {
	font-size: 18px;
	margin-bottom: 30px;
}

.aplication-screen-heading h2 span {
	display: inline-block;
	height: 45px;
	width: 45px;
	line-height: 45px;
	text-align: center;
	margin-right: 5px;
	border-radius: 3px;
}

.aplication-screen-heading h2 span.facebook {
	background-color: #3b5998;
	color: #fff;
}

.aplication-screen-heading h2 span.twitter {
	background-color: #00acee;
	color: #fff;
}

.aplication-screen-heading h2 span.instagram {
	background-color: #E4405F;
	color: #fff;
}

.aplication-screen-heading h2 span.vimeo {
	background-color: #1ab7ea;
	color: #fff;
}

/* Products Screen */
.section-exifscreens {
	position: relative;
	padding: 130px 0;
}
.exifscreen {
	position: absolute;
    width: 38%;
	top: 50%;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.exifscreen.exifscreen-right {
	right: 10%;
	padding-top: 15px;
}

.section-exifscreens.right-shap:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 650px;
	height: 85%;
	background-color: #f3f7ff;
	z-index: -1;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	transform: translateY(-50%);
}

.section-exifscreens.left-shap:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 500px;
	height: 85%;
	background-color: #cfecdc;
	z-index: -1;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	transform: translateY(-50%);
	-webkit-box-shadow: 0 0 35px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 35px 0px rgba(0, 0, 0, 0.15);
}

.section-exifscreens.left-shap:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 650px;
	height: 70%;
	background-color: #fcba135e;
	z-index: -2;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	transform: translateY(-50%);
}
/* right-shap1 */
.section-exifscreens.right-shap1:before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 500px;
	height: 85%;
	background-color: #cfecdc;
	z-index: -1;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	transform: translateY(-50%);
	-webkit-box-shadow: 0 0 35px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 35px 0px rgba(0, 0, 0, 0.15);
}

.section-exifscreens.right-shap1:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 650px;
	height: 70%;
	background-color: #fcba135e;
	z-index: -2;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	transform: translateY(-50%);
}
/* left-shap1 */
.section-exifscreens.left-shap1:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 650px;
	height: 85%;
	background-color: #f3f7ff;
	z-index: -1;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	transform: translateY(-50%);
}

.exifscreen.exifscreen-left {
	left: 10%;
	padding-top: 15px;
}

.round-shap {
	position: absolute;
	top:-250px;
	right:0;
	z-index: -1;
}

.round-shap1 {
	position: absolute;
	bottom: -250px;
	left: 0;
	z-index: -1;	
}

/* Product Info Section */
.product-info {
	width: 70%;
	margin: auto;
}

.product-info-logo {
	width: 190px;
	height: 190px;

}

.product-info-logo .changeble-logos {
	border-radius: 100%;
	margin: auto;
}


.product-info-categoury {
	font-size: 14px;
	color: #909090;
}

.product-info-name h2 {
	margin-top: 12px;
}

.product-info-name p.lead {
	font-size: 20px;
	color: #303030;
}

.product-info-name .rating {
	display: inline-block;
	height: 18px;
	width: 90px;
	background-image: url(../images/five-star-rating.png);
	background-size: cover;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 5px;
}

.product-info-btn {
	margin-bottom: 50px;
}

.btn.download-btn {
	background-color: #17a1e6;
	color: #fff;
	border-radius: 3px;
	padding: 9px 18px;
	font-size: 16px;
	font-weight: 500;
}

.btn.download-btn:hover {
	background-color: #3bf;
}

.btn.started-btn {
	background-color: #e62117;
	color: #fff;
	border-radius: 3px;
	padding: 9px 18px;
	font-size: 16px;
	font-weight: 500;
}

.btn.started-btn:hover {
	background-color: #ff4940;
}

.btn-gutter {
	margin-right: 25px;
}

/* Testimonial */
.testimonial-item {
	padding: 45px 30px;
	text-align: center;
	box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .05);
	background-color: #fff;
	border-radius: 5px;
}

.testimonial-item .icon {
	width: 65px;
	margin: 0 auto 25px auto;
}

.testimonial-item p {
	margin-bottom: 35px;
}

.owl-carousel .owl-item img {
	display: inline-block !important;
	width: inherit !important;
	max-width: 100% !important;
}

.theme-make-step {
	width: 100%;
}

.theme-make-step h3 {
	font-size: 2.25rem;
	color: #17191d;
	line-height: 2.625rem;
	text-align: center
}

.theme-make-step>div {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	margin-top: 3.3125rem
}

.theme-make-step>div .left-animation {
	/* display: inline-block; */
	height: 28.5625rem;
	float: right;
	position: relative
}

.theme-make-step>div .left-animation ul {
	list-style-type: none;
	width: 32.5625rem;
	height: 20.375rem;
	position: absolute;
	left: 5.83rem;
	top: 2.79rem;
	overflow: hidden;
}

.theme-make-step>div .left-animation ul li {
	position: absolute;
	top: 0;
}

.theme-make-step>div .step-guide {
	margin-left: .8125rem;
	position: relative;
	color: #17191d;
	margin-top: 30px;
}

.theme-make-step>div .step-guide div {
	margin-top: 4.3125rem;
	width: 83%;
	padding-left: 19%
}

.theme-make-step>div .step-guide div:first-child {
	margin-top: 0;
}

.theme-make-step>div .step-guide div h4 {
	font-size: 1.1875rem;
	color: #17191d;
	line-height: 1.4375rem;
	margin-bottom: .9375rem
}

.theme-make-step>div .step-guide div:hover {
	cursor: pointer
}

.theme-make-step>div .step-guide div p {
	font-size: 1.0625rem;
	line-height: 1.5rem;
	color: #4a4e57
}

.theme-make-step>div .step-guide .step-line {
	position: absolute;
	top: -4.375rem;
	left: 1.5rem
}

.theme-make-step>div .step-guide .step-line span {
	width: 4rem;
	height: 4rem;
	line-height: 3.5rem;
	text-align: center;
	display: inline-block;
	position: absolute;
	left: -2rem;
	border: 2px solid #ee5c33;
	border-radius: 100%
}

.theme-make-step>div .step-guide .step-line span:hover {
	background: #ee5c33
}

.theme-make-step>div .step-guide .step-line span:nth-child(2) {
	top: 9.375rem
}

.theme-make-step>div .step-guide .step-line span:nth-child(3) {
	top: 18.875rem
}

.theme-make-step>div .step-guide .step-line span img {
	width: 2rem;
	height: 2rem;
	padding: 1rem
}

.theme-make-step>div .step-guide .step-line span svg {
	width: 2rem;
	height: 2rem;
}

.theme-make-step>div .step-guide .step-line span b {
	border-left: 1px dashed #ee5c33;
	width: 0;
	height: 2.6875rem;
	position: absolute;
	top: 5.5rem;
	left: 2rem
}

.theme-make-step>div .step-guide .step-line span:hover svg path {
	fill: #fff
}

.theme-make-step>div .step-guide .step-line span:hover svg polygon {
	fill: #fff
}

.theme-make-step>div .step-guide .step-line .active {
	background: #ee5c33;
	transition: color 1s
}

.theme-make-step>div .step-guide .step-line .active svg path {
	transition: fill 1s;
	fill: #fff
}

.theme-make-step>div .step-guide .step-line .active svg polygon {
	transition: fill 1s;
	fill: #fff
}

.theme-make-step>div .step-guide .active {
	transition: color 1s;
	color: #ee5c33
}

.theme-make-step>div .left-animation .bg-img {
	margin: auto;
}

/* middle images scrolling Efects */
.u-content {
	width: 80%;
	max-width: 1250px;
	margin: auto;
	position: relative
}

.u-clearfix::after,
.u-clearFix::before {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.u-right {
	float: right
}

.p-middle-banner {
	background-color: #71ca9c;
	padding-bottom: 116px;
	position: relative
}

.p-middle-banner .p-middle-banner__ani {
	position: absolute;
	width: 46%;
	height: 100%;
	overflow: hidden
}

.p-middle-banner .p-middle-banner__ani #template_hype_container,
.p-middle-banner .p-middle-banner__ani .HYPE_scene {
	height: 100% !important
}

.p-middle-banner .p-middle-banner__content {
	width: 46%;
	text-align: left;
}

.p-middle-banner .p-middle-banner__content .p-middle-banner__title {
	color: #333;
	font-weight: 700;
	line-height: 50px;
	margin-top: 110px
}

.p-middle-banner .p-middle-banner__content .p-middle-banner__desc {
	opacity: .6;
	color: #333;
	font-size: 18px;
	line-height: 30px;
}

.p-middle-banner .p-middle-banner__content .p-stocks-item__start {
	margin-top: 45px
}

@media screen and (max-width:992px) {
	.p-middle-banner {
		padding-bottom: 270px
	}

	.p-middle-banner .p-middle-banner__ani {
		width: 100%;
		height: 230px;
		bottom: 0
	}

	.p-middle-banner .p-middle-banner__content {
		width: 100%;
		text-align: center;
		padding: 0 20px
	}

	.p-middle-banner .p-middle-banner__content .p-middle-banner__title {
		margin-top: 62px;
		font-size: 26px
	}

	.p-middle-banner .p-middle-banner__content .p-middle-banner__desc {
		margin-top: 18px
	}

	.p-middle-banner .p-middle-banner__content .p-stocks-item__start {
		margin-top: 14px;
		margin-left: auto;
		margin-right: auto
	}
}

@media screen and (min-width:1900px) {
	.p-middle-banner .p-middle-banner__ani {
		width: inherit
	}
}

header.header-pages {
	background-color: rgb(163, 220, 191);
}

.clear-header-space {
	margin-top: 78px;
}

.page-box {
	padding: 30px 30px;
	box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.16);
	border-radius: 5px;
}

.page-box .seprate {
	display: block;
	clear: both;
	border-bottom: 1px solid #a3dcbf;
	margin: 30px 0;
}

.page-box p {
	color: #6c6c6c;
}
/* Purchase now */
.price-heading {
	position: relative;
	text-align: center;
	margin-bottom: 90px;
  }
  
  .price-heading h2 {
	font-size: 46px;
	margin-bottom: 30px;
  }
  
  .price-heading p {
	font-size: 18px;
	margin-bottom: 30px;
  }
  
  .price-heading:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	width: 100px;
	height: 2px;
	background-color: #15499f;
	margin: auto;
	z-index: 1;
  }
  
  .pricing-table {
	padding: 50px 30px;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.25);
  }
  
  .pricing-table .price-title {
	font-size: 30px;
	margin-bottom: 30px;
	color: #6d7370;
	font-weight: 700;
  }
  
  .pricing-table .price-value {
	font-size: 55px;
	margin-bottom: 030px;
	font-weight: 700;
	color: #323232;
	line-height: 1;
  }

  .pricing-table .price-value span {
	  color: #959595;
  }
  
  .pricing-table .price-value sup {
	font-size: 24px;
	margin-right: 3px;
	top: -24px;
  }
  
  .pricing-table .price-value span {
	display: block;
	font-size: 18px;
	margin-top: 15px;
	font-weight: 400;
  }
  
  .pricing-table .price-plan ul {
	list-style: none;
	margin-bottom: 30px;
  }
  
  .pricing-table .price-plan ul li {
	padding: 8px 0;
	border-bottom: 1px solid rgba(109, 124, 144, 0.22);
  }
  
  .pricing-table .price-plan ul li:last-child {
	border-bottom: none;
  }
  
  .pricing-table.popular {
	position: relative;
	background-color: #323232;
	padding-top: 70px;
  }
  
  .pricing-table.popular .mostpopular {
	position: absolute;
	width: 60%;
	left: 0;
	right: 0;
	top: 0;
	font-size: 18px;
	font-weight: 700;
	padding: 8px;
	background-color: #ee5c33;
	color: #fff;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
  }
  
  .pricing-table.popular .price-title {
	color: #fff;
  }
  
  .pricing-table.popular .price-value {
	color: #fff;
  }
  
  .pricing-table.popular .price-plan ul li {
	color: #ddd;
  }
  
  .price-desc {
	font-size: 16px;
  }