html {
	height: 100%;
	font-size: inherit
}

body {
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	background-color: #fff;
	color: #6f7293;
	overflow-x: hidden;
	padding: 0!important
}

a {
	font-size: 16px;
	font-weight: 400;
	color: #4472b9;
	-webkit-transition: all .25s;
	transition: all .25s
}

a:focus,
a:hover {
	text-decoration: none;
	outline: 0
}

p,
ul {
	margin-bottom: 30px
}

li {
	list-style: none
}

iframe {
	max-width: 100%;
	border: 1px solid #e2e1e1
}
/*snow*/

/*end snow*/
@-webkit-keyframes sendc {
	0%,
	100%,
	30%,
	70% {
		-webkit-transform: translate3d(0, 0, 0)
	}
	30% {
		-webkit-transform: translate3d(-5px, 4px, 0)
	}
	70% {
		-webkit-transform: translate3d(7px, -6px, 0)
	}
}

@-moz-keyframes sendc {
	0%,
	100%,
	30%,
	70% {
		-moz-transform: translate3d(0, 0, 0)
	}
	30% {
		-moz-transform: translate3d(-5px, 4px, 0)
	}
	70% {
		-moz-transform: translate3d(7px, -6px, 0)
	}
}

@-o-keyframes expand {
	0%,
	100%,
	30%,
	70% {
		-o-transform: translate3d(0, 0, 0)
	}
	30% {
		-o-transform: translate3d(-5px, 4px, 0)
	}
	70% {
		-o-transform: translate3d(7px, -6px, 0)
	}
}

@keyframes sendc {
	0%,
	100%,
	30%,
	70% {
		transform: translate3d(0, 0, 0)
	}
	30% {
		transform: translate3d(-5px, 4px, 0)
	}
	70% {
		transform: translate3d(7px, -6px, 0)
	}
}

.sendc {
	-webkit-animation-name: sendc;
	-o-animation-name: sendc;
	animation-name: sendc
}

video.videoFrame {
	width: 100%;
	height: auto
}

.btn {
	position: relative;
	padding: 9px 17px;
	font-weight: 400;
	letter-spacing: 1px;
	border-radius: 0;
	-webkit-transition: all ease .25s;
	-o-transition: all ease .25s;
	transition: all ease .25s
}

.circlus-ui .btn {
	border-radius: 30px;
	background: linear-gradient(to right, #f37335db, #fdc830cf);
	border-color: #f90
}

.leaf-ui .btn {
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.btn.active:focus,
.btn:active:focus,
.btn:focus {
	outline: 0
}

.btn-default {
	border: 2px solid #fff;
	color: #fff
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover {
	border-color: rgba(255, 255, 255, .34);
	background-image: -webkit-linear-gradient(top, #fff, rgba(255, 255, 255, .75));
	background-image: -moz-linear-gradient(top, #fff, rgba(255, 255, 255, .75));
	background-image: -o-linear-gradient(top, #fff, rgba(255, 255, 255, .75));
	background-image: -ms-linear-gradient(top, #fff, rgba(255, 255, 255, .75));
	background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, .75));
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	color: #03c6fe
}

.btn-rect {
	border-radius: 0
}

.btn-rad {
	border: 2px solid #fff;
	border-radius: 100px
}

.btn-download {
	border: 2px solid #fff;
	color: #fff
}

.btn-download i {
	-webkit-transition: transform .5s ease-in-out;
	-moz-transition: transform .5s ease-in-out;
	-ms-transition: transform .5s ease-in-out;
	-o-transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out
}

.btn-download:hover i {
	transform: rotate(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg)
}

.btn-lg {
	padding: 14px 20px
}

.btn-md {
	padding: 15px 20px
}

.icon-outer {
	background: 0 0;
	border: 2px solid #d9d7d7;
	display: inline-block;
	padding: 6px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.leaf-shape .icon-outer {
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.leaf-shape .icon-inner {
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.icon-inner {
	display: inline-block;
	background: #016cb3;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.icon-inner:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.radius-shape .icon-outer {
	border-radius: 100%
}

.radius-shape .icon-inner {
	border-radius: 100%
}

.icon-lg .icon-inner {
	width: 83px;
	height: 83px;
	font-size: 40px
}

.icon-md .icon-inner {
	width: 69px;
	height: 69px;
	font-size: 30px
}

.icon-inner img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto
}

.icon-md .icon-outer {
	padding: 4px
}

.icon-xs .icon-inner {
	width: 54px;
	height: 54px;
	font-size: 24px
}

.icon-inverse .icon-outer {
	padding: 6px;
	border: 0;
	background: rgba(255, 255, 255, .34)
}

.icon-inverse .icon-inner {
	background: #fff;
	color: #03c6fe
}

.icon-inverse .icon {
	color: #03c6fe
}

.icon-download:hover .icon:before {
	transform: rotate(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg)
}

.icon-download .icon:before {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.icon-double {
	text-align: center;
	margin-top: 20px
}

.icon-double .icon-hex,
.icon-double .icon-hex:after,
.icon-double .icon-hex:before,
.icon-double .icon-outer {
	border-color: #fff
}

.icon-double .icon-hex-in,
.icon-double .icon-hex-in:after,
.icon-double .icon-hex-in:before,
.icon-double .icon-inner {
	background: #fff
}

.icon-double .icon {
	color: #03c6fe
}

.icon-double .icon-outer:last-child {
	padding: 4px;
	border-radius: 100%
}

.icon-double .icon-outer:last-child .icon-inner {
	width: 40px;
	height: 40px;
	font-size: 20px;
	border-radius: 100%
}

.icon-tie {
	position: relative;
	height: 40px;
	width: 2px;
	margin: auto;
	background: #fff
}

.icon-hex {
	text-align: center
}

.icon-hex .icon {
	line-height: 1.1
}

.fa-2x {
	font-size: 25px
}

.fa-3x {
	font-size: 30px
}

.fa-4x {
	font-size: 40px
}

.pretty-line {
	position: relative;
	height: 22px;
	width: 2px;
	margin: 0 auto 30px;
	background: #03c6fe;
	color: #03c6fe;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.pretty-line:before {
	position: absolute;
	left: -9px;
	bottom: -22px;
	font-size: 20px
}

.section>.pretty-line {
	height: 60px
}

.section-inverse .pretty-line {
	background: #fff;
	color: #fff
}

.btn,
a,
button,
cite,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
	font-family: Montserrat, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.5;
	font-weight: 400;
	color: #6d7194
}

.section-inverse h1,
.section-inverse h2,
.section-inverse h3,
.section-inverse h4,
.section-inverse h5,
.section-inverse h6 {
	color: #fff
}

.section-heading {
	position: relative;
	margin: 20px 0 15px;
	font-weight: 300;
	font-size: 32px;
	line-height: 42px
}

.section-heading:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	height: 2px;
	width: 120px
}

.section-heading.text-center:after {
	left: 50%;
	margin-left: -60px
}

h5 {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 1px;
	line-height: 25px;
	text-transform: uppercase
}

.section-description {
	margin-bottom: 60px
}

.section {
	position: relative;
	background-position: bottom center;
	background-repeat: repeat-x;
	overflow: hidden;
	padding-bottom: 80px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.section-inverse {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #fff
}

.section-inverse::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	background: #ebc040;
	background: -moz-linear-gradient(130deg, rgba(235, 192, 64, .97) 0, rgba(234, 127, 68, .95) 100%);
	background: -webkit-linear-gradient(130deg, rgba(235, 192, 64, .97) 0, rgba(234, 127, 68, .95) 100%);
	background: linear-gradient(130deg, rgba(235, 192, 64, .97) 0, rgba(234, 127, 68, .95) 100%);
	background-size: cover
}

.accent-background-overlay,
.black-background-overlay,
.home-background-overlay {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.home-background-overlay {
	background: rgba(167, 167, 167, .62);
	background-image: linear-gradient(to right, rgba(255, 255, 255, .8588235294117647), rgba(255, 255, 255, .8117647058823529));
	background-image: -webkit-linear-gradient(to right, rgba(255, 255, 255, .8588235294117647), rgba(255, 255, 255, .8117647058823529));
	background-image: -moz-linear-gradient(to right, rgba(255, 255, 255, .8588235294117647), rgba(255, 255, 255, .8117647058823529));
	background-image: -o-linear-gradient(to right, rgba(255, 255, 255, .8588235294117647), rgba(255, 255, 255, .8117647058823529));
	background-image: -ms-linear-gradient(to right, rgba(255, 255, 255, .8588235294117647), rgba(255, 255, 255, .8117647058823529))
}

.home-background-overlay::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 260px;
	background-size: cover;
	bottom: 0
}

.phone-image-double {
	position: relative;
	text-align: center
}

.list-inline.topmenu>li:nth-child(1) {
	background: #7dd21a;
	border-radius: 30px;
	border: 2px solid #fdfffc
}

.list-inline.topmenu>li:nth-child(2) {
	background: #00bcd4;
	border-radius: 30px;
	border: 2px solid #fff
}

#home {
	position: relative;
	padding: 0 0 15px;
	overflow: hidden
}

.header-section .drop-nav {
	position: absolute;
	top: 70px;
	background: 0 0;
	border: none
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
	background: 0 0!important
}

.navbar-inverse .navbar-toggle {
	border-width: 2px;
	border-color: #3f51b5;
	border-radius: 0
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #3f51b5
}

.circlus-ui .navbar-toggle {
	border-radius: 5px
}

.leaf-ui .navbar-toggle {
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px
}

.navbar-toggle {
	margin-top: 20px;
	margin-bottom: 5px
}

.respon {
	padding-right: 0
}

div#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #fff url(../images/igurugif.gif) no-repeat center center
}

.circlus-ui .navbar-nav.navbar-right>li a {
	font-family: Montserrat, sans-serif;
	font-weight: 500;
	padding: 4px 8px!important
}

.leaf-ui .navbar-nav.navbar-right>li a {
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.drop-nav .navbar-nav.navbar-right>li a:hover,
.header-section .navbar-nav.navbar-right>.active a {
	background: 0 0;
	color: #016cb3;
	border-color: rgba(255, 255, 255, .34);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

.radius-nav .a:hover .radius-nav .scroll a,
.radius-nav .active a {
	border-radius: 50px
}

.navbar-after-scroll .navbar-nav.navbar-right>li a {
	color: #6d7194
}

.navbar-after-scroll .navbar-toggle {
	border-color: #03c6fe
}

.navbar-after-scroll.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #03c6fe
}

.navbar-after-scroll {
	position: fixed;
	top: 0;
	background: #fdfdfd;
	color: #6d7194;
	border-color: rgba(109, 113, 148, .13)
}

.navbar-after-scroll .navbar-nav.navbar-right .active a {
	background: #3f51b5;
	color: #fff
}

.control-home {
	padding-top: 70px;
	text-align: center
}

.section-home .phone-image {
	padding: 40px 40px 0;
	margin-bottom: -35px
}

.phone-image img {
	max-width: 100%
}

.section-home .btn-download {
	border: 2px solid #fff;
	color: #fff
}

.section-home .btn-download.active,
.section-home .btn-download.focus,
.section-home .btn-download:active,
.section-home .btn-download:focus,
.section-home .btn-download:hover {
	border-color: rgba(255, 255, 255, .34);
	background-image: -webkit-linear-gradient(top, #fff, rgba(255, 255, 255, .75));
	background-image: -moz-linear-gradient(top, #fff, rgba(255, 255, 255, .75));
	background-image: -o-linear-gradient(top, #fff, rgba(255, 255, 255, .75));
	background-image: -ms-linear-gradient(top, #fff, rgba(255, 255, 255, .75));
	background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, .75));
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	color: #03c6fe
}

.download-button {
	margin-top: 20px
}

.download-button .btn {
	width: 144px;
	margin-bottom: 15px;
	margin-right: 22px
}

.intro span {
	display: block
}

.overview-section .icon-wrapper {
	margin-bottom: 40px;
	background: #fff;
	padding-top: 5px
}

.overview-details {
	text-align: center
}

.overview-details:hover .icon-outer {
	border-color: #03c6fe
}

.overview-details .icon-wrapper .pretty-line {
	margin-top: 6px;
	margin-bottom: 20px;
	background: #d9d7d7;
	color: #d9d7d7
}

.overview-details:hover .pretty-line {
	background: #03c6fe;
	color: #03c6fe
}

.overview-details:hover .icon-hex,
.overview-details:hover .icon-hex::after,
.overview-details:hover .icon-hex::before {
	border-left: 2px solid #03c6fe;
	border-right: 2px solid #03c6fe
}

.features-section {
	background-image: url(../images/featurebg.jpg)
}

ul.features-list {
	padding: 0;
	padding-top: 65px
}

.features-list .features-list-item {
	position: relative;
	min-height: 50px;
	list-style: none;
	margin-bottom: 50px
}

.features-list-item .icon-wrapper {
	position: absolute;
	margin-bottom: 30px
}

.features-list-item .icon {
	color: #03c6fe
}

.features-list-item:hover .icon {
	color: #fff
}

.features-list-item .icon-hex-in,
.features-list-item .icon-hex-in::after,
.features-list-item .icon-hex-in::before {
	background: #fff;
	color: #03c6fe;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.features-list-item:hover .icon-outer {
	border-color: #fff;
	background: #fff
}

.features-list-item:hover .icon-hex-in,
.features-list-item:hover .icon-hex-in::after,
.features-list-item:hover .icon-hex-in::before,
.features-list-item:hover .icon-inner {
	background: #03c6fe;
	color: #fff
}

.features-list-item:hover .icon-hex-inverse .icon-hex,
.features-list-item:hover .icon-hex-inverse .icon-hex:::before,
.features-list-item:hover .icon-hex-inverse .icon-hex::after {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	background: #fff
}

.features-list-item .pretty-line {
	position: absolute;
	top: 35px;
	height: 2px;
	width: 35px;
	margin: 0;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.features-list-item .pretty-line::before {
	left: -19px;
	bottom: -9px
}

.features-list-left .pretty-line {
	right: -75px
}

.features-list-left .features-list-item {
	padding-right: 110px;
	text-align: right
}

.features-list-left .icon-wrapper {
	right: 0
}

.ferures-img-wpr {
	position: relative;
	text-align: center;
	margin-top: 10px;
	overflow: hidden;
	z-index: 1
}

.features-image {
	position: relative;
	margin: 0 auto 20px
}

.features-list-right .features-list-item {
	padding-left: 110px
}

.features-list-right .icon-wrapper {
	left: 0
}

.features-list-right .pretty-line {
	left: -40px;
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	-o-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.phone-image-double .phone-image {
	position: relative
}

.phone-image-double .phone-image:last-child {
	margin-left: -33%
}

.phone-image-double .front {
	max-width: 100%;
	z-index: 3
}

.phone-image-double .back {
	max-width: 58%
}

.drop-accordion .panel-default {
	overflow: hidden;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.drop-accordion .panel-heading {
	overflow: hidden;
	margin-bottom: 5px;
	padding: 0;
	border: 1px solid #d9d7d7;
	background: #fafafa;
	border-radius: 0
}

.circlus-ui .drop-accordion .panel-heading,
.leaf-ui .drop-accordion .panel-heading {
	border-radius: 4px
}

.panel-title a {
	display: block;
	position: relative;
	padding: 10px 60px 10px 15px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.6;
	color: #6d7194
}

.panel-title .expand-icon-wrap {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-left: 1px solid #d9d7d7;
	font-size: 24px;
	line-height: 46px;
	color: #3f51b5
}

.expand-icon-wrap:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.panel-title .expand-icon {
	padding: 0 18px;
	vertical-align: middle
}

.panel-title .expand-icon:before {
	content: "\f055"
}

.drop-accordion .panel-body {
	position: relative;
	border: 1px solid #d9d7d7
}

.circlus-ui .drop-accordion .panel-body,
.leaf-ui .drop-accordion .panel-body {
	border-radius: 4px
}

.panel-body-icon {
	width: 75px;
	float: left;
	padding: 10px
}

.panel-body-icon i {
	font-size: 45px;
	color: #03c6fe
}

.drop-accordion .tab-collapsed {
	border: transparent;
	background: #3f51b5;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.tab-collapsed a {
	color: #fff
}

.tab-collapsed .expand-icon-wrap {
	border-color: #fff;
	color: #fff
}

.tab-collapsed .expand-icon:before {
	content: "\f056"
}

.workway-section .workway-video-wraper {
	padding: 9px 9px 3px;
	border: 2px solid #d9d7d7;
	border-radius: 10px
}

.workway-section .download-button {
	margin-top: 36px
}

.workway-section .icon-download {
	display: inline-block;
	width: 140px;
	margin-right: 10px;
	margin-bottom: 30px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.icon-download .icon-hex {
	margin-bottom: 25px
}

.icon-download:hover .icon-hex,
.icon-download:hover .icon-hex::after,
.icon-download:hover .icon-hex::before {
	border-left: 2px solid #03c6fe;
	border-right: 2px solid #03c6fe
}

.workway-section .icon-download:hover .icon::before {
	transform: rotate(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg)
}

.workway-section .icon-download:hover .icon-outer {
	border-color: #03c6fe
}

.downloadicon-text {
	display: block;
	margin-top: 15px;
	font-size: 18px;
	color: #6d7194
}

.workway-section .icon-download:hover .downloadicon-text {
	color: #03c6fe
}

ul.workway-timeline {
	padding: 0
}

.workway-timeline::before {
	content: '';
	position: absolute;
	left: 54px;
	top: 20px;
	bottom: 23%;
	width: 2px;
	background: #d9d7d7
}

.hexagon-ui .workway-timeline.hex::before {
	left: 49px
}

.workway-timeline .timeline-list-item {
	position: relative;
	padding-left: 95px
}

.timeline-list-item:hover .icon-hex,
.timeline-list-item:hover .icon-hex:after,
.timeline-list-item:hover .icon-hex:before {
	border-left: 2px solid #03c6fe;
	border-right: 2px solid #03c6fe
}

.timeline-list-item:hover .icon-outer {
	border-color: #ef7f1a
}

.timeline-list-item .icon-hex::after,
.timeline-list-item .icon-hex::before,
.timeline-list-item .timeline-list-item .icon-hex {
	background: #fff
}

.workway-timeline .icon-wrapper {
	position: absolute;
	left: 0;
	margin-bottom: 30px
}

.timeline-list-item .icon-outer {
	background: #fff
}

.workway-intro {
	margin-top: 0;
	font-size: 21px;
	color: #f90
}

.screenshot-images {
	list-style: none;
	padding: 0;
	margin: 0
}

.screenshot-image {
	display: block;
	margin: 10px;
	padding: 12px;
	background-color: #ddd;
	background-color: rgba(0, 0, 0, .01)
}

.circlus-ui .screenshot-image {
	border-radius: 18px
}

.leaf-ui .screenshot-image {
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px
}

.screenshot-image img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto
}

.screenshot-image:focus,
.screenshot-image:hover {
	margin-top: 0
}

.screenshot-image-inner {
	position: relative;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}

.circlus-ui .screenshot-image-inner {
	border-radius: 4px
}

.leaf-ui .screenshot-image-inner {
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.screenshot-image-inner .hover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100px;
	width: 100px;
	text-align: center;
	opacity: 0;
	margin: auto;
	border: 30px solid rgba(0, 0, 0, .1);
	border-radius: 55px;
	background-color: rgba(0, 0, 0, 0);
	-webkit-transition: all ease .5s;
	transition: all ease .5s;
	-webkit-transform: scale(7);
	-ms-transform: scale(7);
	-o-transform: scale(7);
	transform: scale(7)
}

.screenshot-image-inner .hover::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.screenshot-image-inner .hover i {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	color: #fff;
	font-size: 50px;
	line-height: 1
}

.screenshot-image:focus .screenshot-image-inner .hover,
.screenshot-image:hover .screenshot-image-inner .hover {
	opacity: 1;
	border: 50px solid rgba(0, 0, 0, .3);
	-webkit-transform: scale(8);
	-ms-transform: scale(8);
	-o-transform: scale(8);
	transform: scale(8)
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	border: 2px solid #aab6b2;
	background: 0 0
}

.statistic-section {
	padding: 75px 0 65px;
	background-color: #626783;
	background: url(../images/statisticbg.jpg) no-repeat center center fixed
}

.statistic-section::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	background-color: rgba(54, 58, 85, .85)
}

.statistic-section .pretty-line {
	height: 30px;
	margin-top: 6px;
	background: #fff;
	color: #fff
}

.counter-box {
	text-align: center;
	color: #fff
}

.counter-box .icon-wrapper {
	margin-bottom: 35px
}

.counter-box .icon-hex {
	margin-bottom: 26px
}

.counter-box .icon-hex-inverse .icon-hex,
.counter-box .icon-hex-inverse .icon-hex::after,
.counter-box .icon-hex-inverse .icon-hex::before {
	border-left: 2px solid rgba(140, 143, 160, .9);
	border-right: 2px solid rgba(140, 143, 160, .9);
	background: rgba(140, 143, 160, .9)
}

.counter-box:hover .icon-hex-inverse .icon-hex,
.counter-box:hover .icon-hex-inverse .icon-hex::after,
.counter-box:hover .icon-hex-inverse .icon-hex::before {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	background: #fff
}

.counter-box:hover .icon-hex-in,
.counter-box:hover .icon-hex-in::after,
.counter-box:hover .icon-hex-in::before {
	background: #03c6fe;
	color: #fff
}

.counter-box:hover .icon-hex .icon {
	color: #fff
}

.counter-box .icon-wrapper .icon {
	color: #03c6fe
}

.counter-box:hover .icon-outer {
	background: #fff
}

.counter-box:hover .icon-inner {
	background: #03c6fe
}

.counter-box:hover .icon-wrapper .icon {
	color: #fff
}

.counter-box .number {
	font-size: 40px;
	font-weight: 400;
	line-height: 1.1;
	color: #fff
}

.counter-box h4 {
	font-size: 16px;
	color: #fff
}

.footer-section {
	padding-bottom: 0
}

.footer-section {
	background-image: url(../images/footerbg1.png)
}

.subscription-form {
	text-align: center
}

.validation-text {
	display: none;
	margin: 0 auto 10px;
	padding: 13px 0
}

.leaf-ui .validation-text {
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.circlus-ui .validation-text {
	border-radius: 30px
}

.subscription-form .form-group {
	position: relative
}

.subscription-form .form-control {
	position: relative;
	width: 100%;
	height: 58px;
	font-size: 16px;
	padding-left: 25px;
	border: 2px solid #fff;
	background: 0 0;
	color: #fff;
	border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box
}

.circlus-ui .subscription-form .form-control {
	border-radius: 30px
}

.leaf-ui .subscription-form .form-control {
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.subscription-form .btn-submit {
	position: absolute;
	top: 3px;
	right: 3px;
	font-size: 30px;
	padding: 4px 25px;
	color: #fff;
	border-radius: 30px
}

.btn-submit:hover .fa-paper-plane {
	-webkit-animation: sendc 1.5s;
	animation: sendc 1.5s
}

.form-control::-webkit-input-placeholder {
	color: #fff
}

.form-control::-moz-placeholder {
	color: #fff
}

.form-control:-ms-input-placeholder {
	color: #fff
}

.form-control:-moz-placeholder {
	color: #fff
}

.policy hr {
	border-color: #272722;
	margin: 3px 0
}

.policy h3 {
	margin: 0;
	font-size: 22px;
	color: #272722
}

.copyright {
	padding: 13px 0;
	text-align: center;
	background: #053c61ed;
	font-weight: 500
}

.copyright small {
	font-size: 14px
}

.js .preloder {
	background: #206c81;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
	max-height: inherit
}

@media (max-width:400px) {
	a.franches {
		width: 100%!important
	}
	.download-button .btn {
		margin-right: 10px
	}
	.benifits-section .phone-image-double.left {
		margin-right: 0
	}
	.benifits-section .phone-image-double.right {
		margin: 0
	}
	.phone-image-double .back {
		margin-left: -40%
	}
	.workway-timeline .timeline-list-item {
		width: 100%
	}
	.subscription-form .btn-submit {
		font-size: 25px
	}
	.subscription-form .form-control {
		font-size: 15px
	}
	.subscription-form .btn-submit {
		padding: 4px 18px
	}
	.trydemo {
		margin-bottom: 10px
	}
	.list-inline.trydemo>li {
		padding: 0
	}
	.col-xs-5.respcenter {
		width: 35%;
		padding-right: 0;
		padding-left: 8px
	}
	.col-xs-7.respon {
		width: 65%
	}
	.college .tophead a {
		font-size: 11px!important;
		padding: 5px 6px
	}
	.section>.pretty-line {
		height: 25px
	}
	.section-heading {
		margin: 0
	}
	.section-description {
		margin-bottom: 20px;
		font-size: 14px
	}
	.college a.navbar-brand img {
		width: 130px!important
	}
}

@media (max-width:480px) {
	.section-heading {
		margin: 0
	}
	.section-description {
		margin-bottom: 20px;
		font-size: 14px
	}
	div.login {
		max-width: 95%!important;
		border: 1px solid #dedede;
		margin: 0 auto;
		padding: 10px 30px 150px!important;
		margin: 0 auto!important
	}
}

@media (min-width:320px) and (max-width:766px) {
	.section>.pretty-line {
		height: 22px
	}
	div.login {
		max-width: 80%;
		margin: 40px auto;
		padding: 30px 40px 120px;
		right: 8px
	}
	.navbar-header {
		margin-bottom: 0
	}
	.navbar-fixed-bottom .navbar-collapse,
	.navbar-fixed-top .navbar-collapse {
		border: none
	}
	.wave1 {
		display: none
	}
	.example-animation .sliderText h3 {
		font-size: .4em;
		width: 50%
	}
	.example-animation .sliderText h4 {
		font-size: .3em;
		width: 50%;
		top: 15px!important;
		left: 5%!important
	}
	.header-section .drop-nav {
		top: 55px
	}
	#home {
		padding: 0 0 0
	}
	.sliderText.adtechno h3 {
		left: 45%!important
	}
	.sliderText.allinone h3 {
		top: -10px!important;
		left: 15px!important
	}
	.sliderText.teachpare h3 {
		top: -5px!important
	}
	.side-right .wrap-sticky nav.navbar.bootsnav.sticked {
		left: 70%;
		width: 100%
	}
}
@media (min-width:992px) and (max-width: 1199px){
    nav.navbar.bootsnav ul.nav>li>a{
        padding:10px 11px !important;
    }
    nav.navbar.bootsnav ul.nav>li>a>span::before{
        padding:10px 2px !important;
    }
    nav.navbar.bootsnav ul.nav>li>a{
        font-size:12px !important;
    }
    nav.navbar.bootsnav ul.nav>li>a {
        margin: 15px 3px !important;
    }
}
@media (min-width:768px) and (max-width:1199px) {
	.header-section .drop-nav {
		top: 50px
	}
	#home {
		padding: 0 0 0
	}
	.navbar-inverse .navbar-collapse.menu {
		border-color: transparent
	}
	.example-animation .sliderText h3 {
		font-size: .6em
	}
	.example-animation .sliderText h4 {
		font-size: 12px
	}
	.login {
		max-width: 50%!important
	}
	.reg .register {
		max-width: 85%
	}
	nav.navbar.bootsnav ul.nav>li.dropdown>a {
		padding: 10px 5px!important
	}
	.college a.navbar-brand img {
		width: 130px!important
	}
	.side-right .wrap-sticky nav.navbar.bootsnav.sticked {
		left: 36%;
		width: 100%
	}
}

@media (min-width:1200px) and (max-width:1565px) {
	.example-animation .sliderText h3,
	.example-animation .sliderText h4 {
		width: 40%
	}
	.example-animation .sliderText h3 {
		font-size: 1em
	}
}

@media (max-width:768px) {
	html {
		font-size: 60%
	}
	.respcenter ul li:nth-child(2),
	.swing {
		display: none
	}
	.h3,
	h3 {
		font-size: 20px
	}
	footer#contact {
		padding-bottom: 0
	}
	.section {
		padding-bottom: 30px
	}
	.control-home,
	.intro-section {
		padding: 0;
		text-align: center
	}
	.intro {
		padding: 10px 0;
		font-weight: 500
	}
	.section-home .phone-image {
		padding: 20px
	}
	.section-home .phone-image img {
		margin: auto
	}
	ul.features-list {
		padding-top: 0
	}
	.features-list .features-list-item {
		padding: 0;
		text-align: center
	}
	.features-list-item .content-details {
		text-align: center
	}
	.phone-image-double .back {
		margin-left: -25%
	}
	.workway-section .icon-download {
		display: block;
		margin: 0 auto 30px
	}
	.feed-details {
		padding: 0
	}
	.owl-theme .owl-controls .owl-buttons div {
		display: none
	}
	.counter-box .icon-wrapper {
		margin-bottom: 25px
	}
	.counter-box .icon-hex {
		margin-top: 40px
	}
	.pricing-table {
		margin-bottom: 0
	}
	.pricing-package-items {
		font-size: 15px
	}
}

@media (max-width:991px) {
	.wave1 {
		display: none
	}
	.navbar-collapse {
		background: #fff
	}
	.features-image {
		width: 50%
	}
	.header-section .navbar-nav.navbar-right>li a {
		padding: 10px 8px;
		display: block;
		text-align: left;
		margin: auto;
		color: #6d7194
	}
	ul.features-list {
		padding: 0
	}
	.features-list .features-list-item {
		padding: 0
	}
	.features-list-item .icon-wrapper {
		position: relative
	}
	.panel-title a {
		font-size: 16px
	}
	.workway-timeline {
		text-align: center;
		overflow: hidden
	}
	.workway-timeline:before {
		content: none
	}
	.workway-timeline .timeline-list-item {
		padding: 0
	}
	.workway-timeline .content-details {
		margin-top: 10px
	}
	.workway-timeline .icon-wrapper {
		position: relative
	}
	.counter-box {
		margin: 0 0 30px
	}
}

@media (min-width:768px) and (max-width:991px) {
	html {
		font-size: 68%
	}
	.control-home {
		padding-top: 55px
	}
	.intro-section {
		padding: 0
	}
	.features-list .features-list-item {
		padding: 0
	}
	.features-list-item .icon-wrapper {
		display: none
	}
	.workway-timeline .timeline-list-item {
		width: 50%;
		float: left
	}
}

@media (min-width:768px) {
	.owl-prev {
		left: -56px
	}
	.owl-next {
		right: -56px
	}
	.section-heading {
		font-size: 36px;
		line-height: 46px
	}
	.navbar-nav>li>a {
		margin-top: 18.5px;
		margin-bottom: 18.5px
	}
	.header-section .navbar-nav.navbar-right>li a {
		padding: 9px
	}
	.workway-section .icon-download {
		margin-bottom: 10px
	}
	.subscription-form .form-group,
	.validation-text {
		width: 60%
	}
	.subscription-form .form-control {
		font-size: 18px
	}
	.navbar-header {
		float: left
	}
}

@media (min-width:992px) {
	.feed-details {
		margin-top: 45px;
		padding: 0 80px;
		text-align: center
	}
	.pricing-section {
		padding-bottom: 30px
	}
	.golden-plan {
		transform: translateY(-25px)
	}
	.golden-plan .pricing-package {
		padding-bottom: 44px
	}
	.golden-plan .icon-tie {
		height: 72px
	}
}

section#overview {
	background: #d6d6d6 url(../images/servicebg.png) repeat 0 0;
	animation: slide 20s linear infinite;
	-moz-animation: slide 20s linear infinite;
	-ms-animation: slide 20s linear infinite;
	-o-animation: slide 20s linear infinite;
	-webkit-animation: slide 20s linear infinite
}

@keyframes slide {
	from {
		background-position: 0 0
	}
	to {
		background-position: -400px 0
	}
}

@-webkit-keyframes slide {
	from {
		background-position: 0 0
	}
	to {
		background-position: -400px 0
	}
}

@-moz-keyframes slide {
	from {
		background-position: 0 0
	}
	to {
		background-position: -400px 0
	}
}

@-ms-keyframes slide {
	from {
		background-position: 0 0
	}
	to {
		background-position: -400px 0
	}
}

@-o-keyframes slide {
	from {
		background-position: 0 0
	}
	to {
		background-position: -400px 0
	}
}

.service-1 {
	border: 1px solid #efefef;
	position: relative;
	transition: all .4s ease-in-out;
	margin-bottom: 20px;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: -9px 7px 17px 0 #73737333
}

.sheading {
	overflow: auto;
	padding: 10px;
	position: absolute;
	bottom: 0;
	background: rgba(64, 81, 181, .8784313725490196);
	width: 100%;
	z-index: 99
}

.simg img {
	width: 100%
}

.sheading h3 {
	margin: 0;
	font-size: 20px;
	color: #fff
}

.sheading a {
	color: #fff
}

.stext {
	position: absolute;
	top: 0;
	text-align: center;
	opacity: 0;
	transition: all .4s ease-in-out;
	background: rgba(63, 81, 181, .611764705882353);
	width: 100%;
	height: 100%
}

.stext p {
	position: relative;
	top: 25%;
	transform: translateY(-50px);
	color: #fff;
	padding: 10px
}

.stext a:hover {
	background: #f90
}

.stext a {
	color: #fff;
	border: 1px solid #fff;
	padding: 5px 15px;
	font-size: 14px;
	border-radius: 3px;
	box-shadow: -1px 0 17px rgba(41, 41, 40, .8313725490196079);
	transition: all .4s ease-in-out
}

.service-1:hover .stext {
	opacity: 1
}

.service-1:hover .sheading a {
	transform: translateX(-10px)
}

.serviceBox:hover p {
	color: #fff
}

.serviceBox:hover {
	background: linear-gradient(to right, #f37335db, #fdc830cf)
}

.serviceBox {
	text-align: center;
	position: relative;
	border: 1px solid #fff;
	padding: 10px;
	margin-bottom: 25px;
	border-radius: 10px;
	box-shadow: 0 1px 11px #ddd;
	transition: background 2s ease-out;
	-webkit-transition: background 2s ease-out;
	-moz-transition: background 2s ease-out;
	-ms-transition: background 2s ease-out;
	-o-transition: background 2s ease-out
}

.serviceBox .service-icon {
	width: 90px;
	height: 90px;
	line-height: 90px;
	border-radius: 50%;
	background: #f5a623;
	font-size: 36px;
	color: #fff;
	margin: 0 auto 30px;
	position: relative;
	transition: all .5s ease-in-out 0s
}

.serviceBox:hover .service-icon {
	transform: scale(.8, .8)
}

.serviceBox .service-icon::after {
	content: "";
	width: 111px;
	height: 111px;
	border-radius: 50%;
	border: 3px solid #337ab7;
	position: absolute;
	top: -10px;
	left: -10px;
	opacity: 0;
	transform: scale(.8, .8);
	transition: all .5s ease 0s
}

.serviceBox:hover .service-icon {
	background: #3f51b5
}

.serviceBox:hover .btn {
	background: #3f51b5;
	border-color: #fff
}

.serviceBox:hover .service-icon::after {
	opacity: 1;
	transform: scale(1, 1)
}

.serviceBox .number {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	background: #fff;
	font-size: 14px;
	color: #123a06;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1
}

.serviceBox .title {
	font-size: 20px;
	color: #123a06;
	margin: 0 0 10px 0
}

.serviceBox .description {
	font-size: 14px;
	color: #828282;
	line-height: 25px;
	margin: 0
}

@media only screen and (max-width:990px) {
	.serviceBox {
		margin-bottom: 30px
	}
	.reg .register {
		max-width: 95%
	}
	.homeicon a {
		bottom: 0;
		top: auto!important;
		z-index: 9;
		right: 20px;
		left: auto!important
	}
}

.support p a {
	color: #fff
}

.support p {
	margin: 0;
	color: #000;
	font-weight: 600
}

.support {
	text-align: center;
	margin-top: 30px
}

.app_img img {
	max-width: 100%
}

.appsection {
	margin-top: 5em
}

.getapp-section.section {
	padding-bottom: 0
}

.getapp-section {
	background: url(../images/download-background.jpg) center center no-repeat;
	background-size: cover
}

.appsection p {
	color: #fff;
	font-size: 20px
}

.appsection h2 {
	color: #fff;
	font-size: 40px
}

.appsection .subscription-form .form-group,
.validation-text {
	width: 80%
}

.appsection .subscription-form .btn-submit {
	background: linear-gradient(to right, #ffc107, #ff9800)
}

.appsection a.btn {
	border-color: #fff;
	color: #fff;
	margin: 0 6px
}

.image-container img {
	max-width: 100%
}

.spidochetube_inner {
	overflow: auto;
	background-color: #484646;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
	box-shadow: 0 8px 18px #ccc
}

#spidochetube_player {
	width: 70%;
	float: left
}

#player {
	width: 100%
}

#spidochetube_list {
	overflow: auto;
	float: right;
	-webkit-overflow-scrolling: touch;
	width: 29%;
	background-color: #111;
	padding: 5px 0;
	border: 1px solid #90908c;
	margin: 0;
	padding-top: 35%;
	height: 0;
	padding-bottom: 4.2%;
	text-align: left
}

#spidochetube_list li {
	border-top: 1px solid #888;
	display: block;
	margin-left: 5px;
	padding: 6px 0;
	cursor: pointer;
	background-color: #111;
	position: relative
}

#spidochetube_list li:first-child {
	border-top: none
}

#spidochetube_list li:last-child {
	border-bottom: none
}

#spidochetube_list li:hover {
	background: #0a73ba
}

#spidochetube_list li span:hover {
	color: #fff
}

#spidochetube_list li span {
	color: #999;
	display: inline-block;
	width: 50%;
	margin-left: 4%;
	margin-right: 3%;
	font-size: 12px;
	word-break: break-word
}

#spidochetube_list li img {
	vertical-align: top;
	width: 43%
}

#spidochetube_list li.spidochetube_current,
#spidochetube_list li:hover.spidochetube_current {
	background-color: #f58634
}

#spidochetube_list li.spidochetube_current span {
	color: #fff
}

ul#spidochetube_list li:first-child {
	margin-top: -120%
}

#spidochetube_list li a {
	width: 100%;
	display: block;
	margin: 0
}

ul#spidochetube_list li:nth-child(1) {
	background-image: url(../images/medialogos/abnlogo.png)
}

ul#spidochetube_list li:nth-child(2) {
	background-image: url(../images/medialogos/99tv.png)
}

ul#spidochetube_list li:nth-child(3) {
	background-image: url(../images/medialogos/10tv.png)
}

ul#spidochetube_list li:nth-child(4) {
	background-image: url(../images/medialogos/mojotv.png)
}

ul#spidochetube_list li:nth-child(5) {
	background-image: url(../images/medialogos/hmtv.png)
}

ul#spidochetube_list li:nth-child(6) {
	background-image: url(../images/medialogos/mahatv.png)
}

ul#spidochetube_list li:nth-child(7) {
	background-image: url(../images/medialogos/cvreng.png)
}

ul#spidochetube_list li {
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: bottom right
}

ul#spidochetube_list li:hover {
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: bottom right
}

ul.nav.navbar-nav.navbar_r li a {
	padding: 15px 12px
}

@media (max-width:480px) {
	.subscription-form .btn-submit {
		font-size: 24px
	}
	#spidochetube_list li {
		margin-left: 5px;
		margin-right: 5px
	}
	#spidochetube_list li img {
		width: 100%
	}
	#spidochetube_list li span {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-top: 4px
	}
	.appsection h2 {
		font-size: 23px;
		line-height: initial
	}
	.appsection p {
		font-size: 12px
	}
	.form-wrapper {
		margin-bottom: 25px
	}
	.appsection .subscription-form .form-group,
	.validation-text {
		width: 90%
	}
	.subscription-form .form-control {
		height: 50px;
		padding-left: 10px
	}
	figure.swing {
		top: 60%
	}
	.support p {
		font-size: 12px
	}
	.copyright small {
		font-size: 12px;
		padding: 0 15px
	}
}

.phnumber {
	position: fixed;
	top: 20%;
	right: 0;
	z-index: 9
}

.phnumber li i {
	font-size: 20px;
	width: 40px;
	background: #0920af;
	display: inline-block;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 30px 0 0 30px
}

.phnumber li {
	margin-bottom: 15px;
	border: 1px solid #dedede;
	border-radius: 30px 0 0 30px;
	font-weight: 600;
	background: #f90;
	color: #fff;
	transform: translateX(155px);
	-webkit-transform: translateX(155px);
	-moz-transform: translateX(155px);
	-ms-transform: translateX(155px);
	-o-transform: translateX(155px);
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.phnumber li:hover {
	transform: translateX(0)
}

.swing {
	animation: swing ease-in-out 1s infinite alternate;
	transform-origin: center -20px;
	float: left;
	border: 1px solid #ddd;
	position: fixed;
	top: 65%
}

.swing img {
	border: 5px solid #f8f8f8;
	display: block
}

.swing::fter {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border: 1px solid #999;
	top: -10px;
	left: 50%;
	z-index: 0;
	border-bottom: none;
	border-right: none;
	transform: rotate(45deg)
}

.swing::before {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	top: -14px;
	left: 54%;
	z-index: 5;
	border-radius: 50% 50%;
	background: #000
}

@keyframes swing {
	0% {
		transform: rotate(3deg)
	}
	100% {
		transform: rotate(-3deg)
	}
}

a.blinking {
	animation: blinkingText .8s infinite;
	font-weight: 700!important;
	font-size: 13px!important
}

@keyframes blinkingText {
	0% {
		color: #e91e63
	}
	49% {
		color: #3f51b5
	}
	50% {
		color: #2196f3
	}
	99% {
		color: #4caf50
	}
	100% {
		color: #e91e63
	}
}

#main::after {
	display: block;
	content: ' ';
	clear: both
}

.chart {
	width: 100%;
	height: 300px
}

.main-chart {
	width: 100%
}

div#main {
	position: absolute;
	bottom: -30px
}

.canvaswave {
	position: absolute;
	bottom: 0
}

.ocean {
	height: 15%;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #084a96;
	z-index: 9
}

.wave {
	background: url(../images/wave.svg) repeat-x;
	position: absolute;
	top: -198px;
	width: 6400px;
	height: 198px;
	-webkit-animation: wave 7s cubic-bezier(.36, .45, .63, .53) infinite;
	animation: wave 7s cubic-bezier(.36, .45, .63, .53) infinite;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.wave:nth-of-type(2) {
	top: -175px;
	-webkit-animation: wave 7s cubic-bezier(.36, .45, .63, .53) -125ms infinite, swell 7s ease -1.25s infinite;
	animation: wave 7s cubic-bezier(.36, .45, .63, .53) -125ms infinite, swell 7s ease -1.25s infinite;
	opacity: 1
}

@-webkit-keyframes wave {
	0% {
		margin-left: 0
	}
	100% {
		margin-left: -1600px
	}
}

@keyframes wave {
	0% {
		margin-left: 0
	}
	100% {
		margin-left: -1600px
	}
}

@-webkit-keyframes swell {
	0%,
	100% {
		-webkit-transform: translate3d(0, -25px, 0);
		transform: translate3d(0, -25px, 0)
	}
	50% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
}

@keyframes swell {
	0%,
	100% {
		-webkit-transform: translate3d(0, -25px, 0);
		transform: translate3d(0, -25px, 0)
	}
	50% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
}

.modal-open .modal {
	background: rgba(39, 31, 31, .34901960784313724)
}

.btn.send {
	background: linear-gradient(to right, #10a010db, #2c772cd9);
	border-color: #449d44
}

.trydemoform #sendmessage {
	color: #8bc34a;
	border: 1px solid #8bc34a;
	display: none;
	text-align: center;
	padding: 15px;
	margin-bottom: 15px
}

.trydemoform #errormessage {
	color: red;
	display: none;
	border: 1px solid red;
	text-align: center;
	padding: 15px;
	font-weight: 600;
	margin-bottom: 15px
}

.trydemoform #errormessage.show,
.trydemoform #sendmessage.show,
.trydemoform .show {
	display: block
}

.trydemoform .validation {
	color: red;
	display: none;
	font-weight: 400;
	font-size: 13px
}

.subscription-form p {
	margin-bottom: 0;
	text-align: left
}

.example-animation {
	font-size: 2em
}

.navigation.devrama-slider {
	z-index: 99!important
}

.sliderText h3,
.sliderText h4 {
	width: 30%;
	text-align: center
}

.sliderText h4 {
	text-align: center;
	font-size: 25px
}

.sliderText.adtechno h3 {
	color: #fff
}

.sliderText h3 {
	font-size: 1.4em;
	font-weight: 600;
	color: #016cb3
}

.sliderText.teachpare h3 {
	width: 40%
}

.section-home {
	position: relative;
	width: 100%
}

.section-home .wave1 {
	position: absolute;
	width: 100%;
	height: 200px;
	bottom: 0;
	left: 0;
	background: url(../images/wave.svg);
	background-repeat-Y: no-repeat;
    background-size:cover;
	animation: animated 10s linear infinite;
	z-index: 9;
}

.section-home .wave1::before {
	content: '';
	width: 100%;
	height: 200px;
	background: url(../images/wave.svg);
	background-repeat-Y: no-repeat;
    background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .4;
	animation: animate-reverse 10s linear infinite
}

@keyframes animate-reverse {
	0% {
		background-position: 1360px
	}
	100% {
		background-position: 0
	}
}

@keyframes animated {
	0% {
		background-position: 0
	}
	100% {
		background-position: 1360px
	}
}

nav.navbar.bootsnav {
	background-color: transparent;
	border: none;
	min-height: auto
}

nav.navbar.bootsnav .navbar-collapse {
	padding: 0
}

nav.navbar.bootsnav ul.nav>li>a {
	color: #333;
	background: #f5f5f5;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 15px;
	margin: 0;
	perspective: 500px;
	transition: all .3s ease
}

nav.navbar.bootsnav ul.nav>li.dropdown>a {
	padding: 10px 15px
}

nav.navbar.bootsnav ul.nav>li.active>a,
nav.navbar.bootsnav ul.nav>li.active>a:hover,
nav.navbar.bootsnav ul.nav>li.on>a,
nav.navbar.bootsnav ul.nav>li>a:hover {
	color: transparent;
	background-color: transparent
}

nav.navbar.bootsnav ul.nav>li>a>span::before {
	content: attr(data-hover);
	background-color: #673ab7;
	height: 100%;
	width: 100%;
	padding: 10px 15px;
	visibility: hidden;
	opacity: 0;
	transform: rotateY(-90deg) translateX(-40%);
	transform-origin: center left;
	position: absolute;
	left: 0;
	top: 0;
	transition: all .3s ease
}

nav.navbar.bootsnav ul.nav>li.active>a:hover>span:before,
nav.navbar.bootsnav ul.nav>li.active>a>span:before,
nav.navbar.bootsnav ul.nav>li.on>a>span:before,
nav.navbar.bootsnav ul.nav>li>a:hover>span:before {
	color: #fff;
	visibility: visible;
	opacity: 1;
	transform: rotateY(0) translateX(0)
}

nav.navbar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on>a,
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a.dropdown-toggle:active,
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a:hover,
nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content li a:hover {
	color: #fff!important;
	background-color: #eab543!important
}

nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:after {
	color: #eab543;
	margin: 0 0 0 7px;
	position: absolute;
	top: 6px;
	right: 3px;
	transition: all .3s
}

nav.navbar.bootsnav ul.nav>li.dropdown>ul {
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top center;
	visibility: hidden;
	left: auto;
	transition: all .3s ease 0s
}

nav.navbar.bootsnav ul.nav>li.dropdown.on>ul {
	transform: scaleY(1);
	opacity: 1!important;
	visibility: visible!important
}

.dropdown-menu.multi-dropdown {
	position: absolute;
	left: -100%!important
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
	background-color: transparent;
	border: none;
	top: 105%;
	z-index: 1
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a {
	color: #333;
	background-color: #f5f5f5;
	padding: 10px 15px;
	border: none;
	transition: all .3s ease 0s
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content {
	background-color: #f5f5f5;
	overflow: hidden;
	top: 110%;
	left: 0
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content li {
	font-size: 14px
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content .menu-col li a {
	color: #333;
	background-color: transparent;
	padding-left: 10px;
	transition: all .3s ease
}

nav.navbar.bootsnav ul.nav li.megamenu-fw.on>a,
nav.navbar.bootsnav ul.nav li.megamenu-fw>a:focus,
nav.navbar.bootsnav ul.nav li.megamenu-fw>a:hover {
	background-color: transparent!important
}

nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {
	padding: 0 15px
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content .title {
	color: #333;
	border-bottom: 2px solid #eab543;
	padding: 7px 15px;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 5px
}

nav.navbar.bootsnav ul.nav>li>a {
	margin: 15px 0
}

@media only screen and (max-width:990px) {
	.side-right .navbar-toggle {
		float: left
	}
	.dropdown-menu.multi-dropdown {
		left: 0!important
	}
	nav.navbar.bootsnav .navbar-toggle {
		color: #fff;
		background: #f44336!important;
		padding: 3px 8px
	}
	nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
		background-color: #f5f5f5
	}
	nav.navbar.bootsnav ul.nav>li {
		margin: 0 auto 2px
	}
	nav.navbar.bootsnav.navbar-mobile ul.nav>li>a {
		text-align: left;
		padding: 10px 15px;
		margin: 0;
		border: none
	}
	nav.navbar.bootsnav ul.nav>li.dropdown>a {
		padding: 10px 10px 10px 28px
	}
	nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:before {
		color: #333
	}
	nav.navbar.bootsnav ul.nav>li.dropdown>ul {
		left: -5px
	}
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
		margin: 6px 0 -1px 0!important
	}
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li>a {
		color: #333;
		padding-left: 10px;
		border: none
	}
	nav.navbar.bootsnav .dropdown-menu {
		z-index: 0
	}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content .col-menu {
		background-color: #f5f5f5
	}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content .title {
		color: #333;
		font-size: 14px;
		font-weight: 400
	}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content .content {
		border: none
	}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content .col-menu.on .title {
		font-weight: 600
	}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content .col-menu li a {
		color: #333;
		border: none;
		margin-bottom: 0
	}
}
/*
.loginbg {
	background: url(../images/loginbg2.png) no-repeat;
	background-size: cover;
	background-position: center
}*/

.login {
    width:100%;
	max-width: 30%;
	padding: 50px 50px 200px;
	margin: 0 auto;
	position: absolute;
	right: 100px;
	top: 50%;
	transform: translateY(-50%);
	background: #fff url(../images/loginbg.png) no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 10%;
	box-shadow: -7px -3px 17px rgba(125, 125, 125, .2784313725490196)
}

.login::before {
	content: '';
	position: absolute;
	border-top: 125px solid #0096ff;
	border-left: 150px solid transparent;
	border-right: 0 solid transparent;
	right: 0;
	top: 0;
    z-index:-9;
	border-radius: 0 60% 0 180%
}

.loginhead {
	margin-bottom: 4em;
	text-align: center
}

.loginhead h5 {
	margin-top: 0;
	color: #f90
}

.loginhead h3 {
	margin: 0;
	font-size: 28px;
	text-transform: uppercase;
	font-weight: 600;
	color: #3f51b5
}

.loginbtn .btn {
	padding: 8px 20px;
	background: #3f51b5;
	border-color: #3f51b5;
	text-transform: uppercase;
	font-weight: 600;
	box-shadow: 0 1px 11px #dedede;
	display: block;
	float: right;
	transition: all .5s ease-in
}

.loginbtn .btn:hover {
	background: #f90;
	border-color: #f90
}

.loginbtn {
	width: 100%;
	text-align: right;
	margin-top: 2em
}

.createbtn a {
	display: block;
	color: #fff;
	background: #f90;
	border: 2px solid #f90;
	padding: 5px 20px;
	border-radius: 30px;
	font-size: 14px;
	transition: all .4s ease-in;
	font-weight: 600
}

.createbtn a:hover {
	background: #fff;
	border-color: #fff;
	color: #474747
}

.createbtn {
	position: absolute;
	bottom: 40px
}

a.forgot {
	font-size: 12px;
	color: #ff9800;
	display: block;
	text-transform: capitalize
}

form.newlogin .form-group {
	margin-bottom: 2em
}

form.newlogin .input-group-addon {
	background: 0 0;
	border: none;
	border-radius: 0;
	color: #ff9800;
	font-size: 22px;
	padding-top: 10px
}

input.login-control:focus {
	outline: 0
}

input.login-control {
	width: 100%;
	border: none;
	border-bottom: 1px solid #b3b3b3;
	height: 40px
}

.lowercase {
	text-transform: lowercase!important
}

.effect-3 {
	border: 0;
	padding: 7px 0;
	border-bottom: 1px solid #ccc
}

.effect-3~.focus-border {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	z-index: 99
}

.effect-3~.focus-border::after,
.effect-3~.focus-border::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #ff9800;
	transition: .4s
}

.effect-3~.focus-border::after {
	left: auto;
	right: 0
}

.effect-3:focus~.focus-border::after,
.effect-3:focus~.focus-border::before {
	width: 50%;
	transition: .4s
}

.forbtn .btn {
	padding: 7px 20px
}

.forbtn .btn.btn-primary {
	background: linear-gradient(to right, #3f51b5, #3f51b5);
	border-color: #3f51b5
}

.forgotpwd .modal-header .close {
	opacity: 1;
	color: #fff
}

.forgotpwd .modal-header h4 {
	color: #fff;
	font-weight: 600
}

.forgotpwd .modal-header {
	background: #f90
}

.forgotpwd .modal-body input {
	background: 0 0
}

.forgotpwd .modal-body {
	padding: 30px;
	background: #f9f9f9
}

.modal-footer.forbtn {
	background: #f9f9f9;
	border-top: 0
}

.regsterbg {
	background: url(../images/registerbg.png) no-repeat;
	background-size: cover
}

.reg {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.register {
	padding: 10px 40px 10px;
	max-width: 55%;
	margin: 0 auto;
	background: #fff url(../images/registerbg1.png) no-repeat;
	background-size: cover;
	border-radius: 30px;
	box-shadow: 0 1px 17px rgba(90, 88, 88, .45098039215686275)
}

button.btn.btn-register {
	display: block;
	margin: 0 auto;
	background: linear-gradient(to right, #2196f3, #2196f3);
	border-color: #2196f3;
	color: #fff;
	font-weight: 600;
	padding: 8px 20px
}

.registerhead h3 {
	text-align: center;
	font-weight: 600;
	color: #f90
}

form.regform input:focus,
form.regform textarea:focus {
	outline: 0;
	box-shadow: none
}

form.regform input,
form.regform textarea {
	border: none;
	border-bottom: 1px solid #929191;
	background: 0 0;
	box-shadow: none;
	border-radius: 0
}

form.regform .effect-3~.focus-border {
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 95%;
	height: 2px;
	z-index: 99;
	right: 0;
	margin: 0 auto
}

.registerhead {
	margin-bottom: 3em
}

.alerdyacc a {
	font-weight: 600;
	text-transform: uppercase;
	color: #ff5722
}

.homeicon a:hover {
	background: #0054ff
}

.homeicon a {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 30px;
	left: 30px;
	text-align: center;
	line-height: 60px;
	font-size: 2.3em;
	background: #ff9800;
	color: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 11px rgba(167, 164, 164, .38823529411764707);
	transition: all .4s ease-in
}

.sectionbg {
	background: url(../images/contactbg.jpg) no-repeat;
	background-size: cover;
	background-position: center
}

.headtext {
	width: 100%;
	height: 100%;
	position: relative
}

.headtext h3 {
	text-transform: uppercase;
	font-size: 3em;
	color: #fff;
	font-weight: 600;
	text-shadow: 0 1px 11px rgba(27, 26, 26, .6196078431372549);
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	width: 100%
}

.pagehead h3::after {
	content: '';
	position: absolute;
	border-bottom: 3px solid #ff9800;
	width: 100px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto
}

.pagehead h3 {
	font-size: 2.5em;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	color: #3f51b5
}

.pagehead {
	padding: 20px 0;
	text-align: center
}

.addsec h4::after {
	content: '';
	position: absolute;
	border-bottom: 3px dotted #f90;
	width: 35px;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0
}

.addsec h4 {
	text-align: center;
	position: relative;
	font-size: 23px;
	font-weight: 600
}

.addsec p {
	margin: 6px 0;
	color: #000;
	text-align: center;
	font-weight: 500
}

.contnum {
	margin-top: 2em
}

.contnum p {
	margin: 5px 0;
	text-align: center;
	font-weight: 500;
	color: #3f51b5
}

.tosec {
	border: 1px solid #f3f3f3;
	margin-bottom: 3em;
	height: 320px;
	box-shadow: 0 1px 11px rgba(221, 221, 221, .6196078431372549);
	border-radius: 10px;
	padding: 10px 0
}

.ico1 {
	background: url(../images/hydicon.png) no-repeat;
	background-position: bottom right;
	background-size: 100px
}

.ico2 {
	background: url(../images/usaicon.png) no-repeat;
	background-position: bottom right;
	background-size: 100px
}

.ico3 {
	background: url(../images/usaeicon.png) no-repeat;
	background-position: bottom right;
	background-size: 100px
}

.servicetext {
	border: 1px solid #f7f7f7;
	padding: 15px;
	background: #fff;
	box-shadow: -1px 8px 17px rgba(71, 71, 71, .0392156862745098);
	overflow: auto;
	margin: 5px;
	border-radius: 5px
}

.servicetext p {
	color: #474747
}

.service_menu {
	background: #9c27b0 url(../images/registerbg1.png) no-repeat;
	border-radius: 10px;
	box-shadow: 0 1px 11px rgba(95, 92, 92, .4196078431372549);
	padding: 15px 10px;
	background-size: cover;
	background-position: center
}

.service_menu .nav-pills>li.active>a::after {
	content: '';
	position: absolute;
	border-left: 20px solid #ffc107;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
	right: -20px;
	top: 0
}

.service_menu .nav-pills>li.active>a {
	background: #ffc107;
	position: relative;
	border-radius: 0
}

.service_menu .nav-pills li a {
	color: #fff;
	border-radius: 0;
	transition: all .5s ease-in
}

.service_menu .nav-pills li a:hover {
	background: #ffc107
}

.allscroll ul {
	padding: 0
}

.allscroll li {
	background: #3f51b5;
	margin: 10px 0;
	padding: 10px;
	color: #fff;
	transition: all .4s ease-in-out;
	position: relative;
	box-shadow: 0 1px 10px rgba(162, 161, 161, .6588235294117647);
	border-radius: 5px
}

.allscroll li:hover {
	background: #f90
}

.pt-3 {
	padding-top: 3em
}

.features_tab_inner .features_tab_left {
	width: 50%;
	float: left
}

.features_tab_inner .features_tab_left .features_tab {
	max-width: 620px;
	margin-left: auto;
	margin-right: 70px;
	padding-top: 20px;
	border: 0;
	position: relative;
	width: auto;
	left: 0;
	bottom: 0;
	text-align: left;
	display: block
}

.features_tab_inner .features_tab_left .features_tab li {
	margin: 0 10px 10px;
	display: block;
	width: 45%;
	float: left;
	max-width: 100%;
	padding: 20px;
	height: 100%;
	text-indent: inherit;
	border-radius: 5px;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	border: 1px solid #eee;
	position: relative
}

.features_tab_inner .features_tab_left .features_tab li .heading {
	font-size: 18px;
	line-height: 28px;
	color: #555;
	font-weight: 600;
	display: block;
	position: relative;
	padding-bottom: 5px
}

.features_tab_inner .features_tab_left .features_tab li .summary {
	font-size: 15px;
	line-height: 25px;
	color: #555
}

.features_tab_inner .features_tab_left .features_tab li.active,
.features_tab_inner .features_tab_left .features_tab li:focus,
.features_tab_inner .features_tab_left .features_tab li:hover {
	background-color: #fff;
	-webkit-box-shadow: 0 8px 26px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 8px 26px 2px rgba(0, 0, 0, .05)
}

.features_tab_inner .features_tab_right {
	width: 50%;
	float: left
}

.features_tab_inner .features_tab_right .carousel-inner {
	padding-right: 10px;
	text-align: center;
	-webkit-transition: all 625ms cubic-bezier(0, 0, .2, 1);
	-o-transition: all 625ms cubic-bezier(0, 0, .2, 1);
	transition: all 625ms cubic-bezier(0, 0, .2, 1);
	position: relative;
	padding-left: 10px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.features_tab_inner .features_tab_right .carousel-inner .carousel-item {
	opacity: 0;
	left: 30px;
	-webkit-transition: all 625ms cubic-bezier(0, 0, .2, 1);
	-o-transition: all 625ms cubic-bezier(0, 0, .2, 1);
	transition: all 625ms cubic-bezier(0, 0, .2, 1);
	padding-bottom: 23px;
	padding-top: 10px
}

.features_tab_inner .features_tab_right .carousel-inner img {
	-webkit-box-shadow: 0 0 23px -4px rgba(0, 0, 0, .25);
	box-shadow: 0 0 23px -4px rgba(0, 0, 0, .25);
	position: relative;
	-webkit-transition: all 625ms cubic-bezier(0, 0, .2, 1);
	-o-transition: all 625ms cubic-bezier(0, 0, .2, 1);
	transition: all 625ms cubic-bezier(0, 0, .2, 1);
	max-width: 100%;
	width: 900px;
	margin-top: 50px
}

.features_tab_inner .features_tab_right .carousel-inner .active {
	opacity: 1;
	visibility: visible;
	display: block;
	left: 0;
	-webkit-transition: all .6s linear;
	-o-transition: all .6s linear;
	transition: all .6s linear
}

.features_tab_inner .features_tab_right .carousel-inner .active img {
	left: 0;
	opacity: 1
}

.features_tab_inner .features_tab_left .features_tab li img {
	width: 100px;
	height: 100px;
	float: left
}