.pg-top{
	margin-top:133px;
}
.jan-slid-hei {
	height:625px;
}
.jaan-project-mobile {
		visibility: hidden;
		display: none;
}
.jaan-project-desktop {
		visibility: visible;
		display: contents;
}
@keyframes loader-rotate {
}
.theme-color {
	color:#01c5de
}
.bg-img {
	background-size:cover;
	background-repeat:no-repeat
}
.bg-theme {
	background-color:#01c5de
}
.theme-overlay[data-overlay-dark]:before {
	background:#01c5de
}
.valign {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
a:hover, a:active {
	color:#01c5de;
	text-decoration:none
}
.btn {
	display:inline-block;
	font-size:20px;
	padding:9px 22px;
	background:rgb(111, 111, 111);
	border:2px solid rgb(111, 111, 111);
	border-radius:25px;
	box-shadow:rgba(0,0,0,0.1) 0px 2px 1px !important;
	color:#fff;
	letter-spacing:.5px;
	line-height:inherit;
	width:auto;
	font-family:'Montserrat', sans-serif;
	font-weight:300;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out
}
.btn:hover, .btn:active {
	background:rgb(16, 32, 47);
	color:#fff;
	border-color:rgb(16, 32, 47);
	box-shadow:rgba(0,0,0,0.3) 0px 3px 8px !important
}
.btn:focus {
	background:#6f6f6f;
	color:#fff;
	box-shadow:rgba(0,0,0,0.3) 0px 3px 8px !important;
	border-color:#6f6f6f
}
.btn span {
	color:#fff
}
.btn.secondary {
	background:#232323;
	border:2px solid #232323
}
.btn.secondary:hover, .btn.secondary:active {
	background:#232323;
	color:#fff;
	border-color:#232323
}
.btn.secondary:focus {
	background:#232323;
	color:#fff;
	border-color:#232323
}
.btn.secondary span {
	color:#fff
}
.btn.white {
	background:#fff;
	border:2px solid #fff;
	box-shadow:rgba(0,0,0,0.1) 0px 2px 1px !important;
	color:#232323
}
.btn.white:hover, .btn.white:active {
	background:#fff;
	color:#232323;
	border-color:#fff
}
.btn.white:focus {
	background:#fff;
	color:#232323;
	border-color:#fff
}
.btn.white span {
	color:#232323
}
.banner-headline {
	font-size:3rem;
	line-height:1.2
}
.banner-headline.medium {
	font-size:1.6rem
}
@media only screen and (min-width: 768px) {
.banner-headline {
	font-size:4.4rem;
	font-weight:300
}
	
}
@media only screen and (min-width: 1170px) {
.banner-headline {
	font-size:6rem
}
.banner-headline.medium {
	font-size:5rem;
	line-height:1.2
}
	 
}
.banner-words-wrapper {
	display:inline-block;
	position:relative;
	text-align:left
}
.banner-words-wrapper b {
	display:inline-block;
	position:absolute;
	white-space:nowrap;
	left:0;
	top:0
}
.banner-words-wrapper b.is-visible {
	position:relative
}
.no-js .banner-words-wrapper b {
	opacity:0
}
.no-js .banner-words-wrapper b.is-visible {
	opacity:1
}
.banner-headline.clip span {
	display:inline-block;
	padding:.2em 0
}
.caption .highlight {
	color:#01c5de
}
.banner-headline.clip .banner-words-wrapper {
	overflow:hidden;
	vertical-align:top
}
.banner-headline.clip .banner-words-wrapper:after {
	content:'';
	position:absolute;
	top:10%;
	right:0;
	width:2px;
	height:70%;
	background-color:rgba(255,255,255,0.65)
}
.banner-headline.clip b {
	opacity:0
}
.banner-headline b.is-visible {
	opacity:1
}
.owl-theme .owl-dots .owl-dot span {
	max-width: 20px;
    width: 20px;
    height: 20px;
    max-height: 20px;
    margin: 3px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    border-radius: 50%;
    opacity: .5;
    transition: all .3s;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { 
	opacity:.9;
}
.slider .arrow, .slider-fade .arrow {
	display:none !important
}
.slider .owl-item, .slider-fade .owl-item {
	height:625px;
	position:relative
}
.slider .item, .slider-fade .item {
	position:absolute;
	top:0;
	height:625px;
	width:100%;
	background-size:cover;
	background-position:center center
}
@media only screen and (min-device-width: 300px) and (max-device-width: 400px) {
	
.jaan-social-fb {
    margin: 25px 0 0 -265px !important;
}
.slider .item, .slider-fade .item {
    left: 5px !important;
    right: 5px !important;
    height: 402px !important;
    width: 97% !important;
}
.jan-slid-hei {
    height: 420px !important;
}
.pg-top {
    margin-top: 220px !important;
}
}
@media only screen and (min-device-width: 570px) and (max-device-width: 650px) {
.slider .item, .slider-fade .item {
    left: 10px !important;
    right: 10px !important;
    height: 220px !important;
    width: 620px !important;
}

}
.slider .item .caption, .slider-fade .item .caption {
	width:100%;
	z-index:9
}
.slider .owl-theme .owl-dots, .slider-fade .owl-theme .owl-dots {
	position:absolute;
	bottom:2vh;
	width:100%;
	left:0
}
.creative-banner {
	min-height:100vh
}
.creative-banner:after {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:"";
	z-index:-1
}
.creative-banner .wave-area {
	height:5%;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background:white;
	z-index:1
}
.creative-banner .wave {
	background:url("../img/wave.svg") repeat-x;
	position:absolute;
	top:-100px;
	width:6400px;
	height:100px;
	animation:wave 35s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
	transform:translate3d(0, 0, 0)
}
.creative-banner .wave:nth-of-type(2) {
	top:-56px;
	animation:wave 20s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
	opacity:1
}
@keyframes wave {
0% {
margin-left:0
}
100% {
margin-left:-1600px
}
}
@keyframes swell {
0%, 100% {
transform:translate3d(0, -45px, 0)
}
50% {
transform:translate3d(0, 5px, 0)
}
}
.bg-vid {
	position:absolute;
	top:0;
	left:0;
	min-width:100%;
	min-height:100%
}
#particles-js {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1
}
.navbar {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	background:transparent;
	z-index:9;
	min-height:40px;
	padding:0;
	border-bottom:1px solid rgba(255,255,255,0.15)
}
.navbar .icon-bar {
	color:#fff
}
.navbar.bg-white .icon-bar {
	color:#101f2f;
}
.navbar .navbar-nav .nav-link {
	font-size:13px;
	font-weight:600;
	color:#eee;
	letter-spacing:.5px;
	margin:0;
	padding:5px 15px;
	transition:all .5s;
	text-align:left;
	text-transform:uppercase
}
.navbar .navbar-nav .nav-link:hover {
	color:#01c5de
}
.navbar .navbar-nav .nav-link.active {
	color:#01c5de;
	position:relative
}
.nav-scroll {
	background:#fff;
	opacity: 45%;
	box-shadow:0 5px 10px -10px rgba(0,0,0,0.6);
	position:fixed;
	top:0px;
	left:94%;
	width:7%;
	height:65px;
	transition:transform .5s;
	transform:translateY(100px)
}

/*.nav-scroll img, .nav-scroll ul {
	display:none;
}*/
.nav-scroll.bg-black .icon-bar {
	color:#fff
}
.nav-scroll .icon-bar {
	color:#232323
}
.nav-scroll .navbar-nav .nav-link {
	color:#232323
}
.nav-scroll .navbar-nav .logo {
	padding:15px 0
}
.navbar.bg-theme {
	background:#01c5de
}
.navbar.bg-theme .navbar-nav .nav-link.active {
	color:#232323
}
.navbar.bg-theme.nav-scroll .navbar-nav .nav-link {
	color:#fff
}
.navbar.bg-theme .navbar-nav .nav-link:hover, .navbar.bg-theme.nav-scroll .navbar-nav .nav-link.active {
	color:#232323
}
.navbar.bg-black {
	background:#232323
}
.navbar.bg-black .navbar-nav .nav-link.active {
	color:#01c5de
}
.navbar.bg-black.nav-scroll .navbar-nav .nav-link {
	color:#fff
}
.navbar.bg-black .navbar-nav .nav-link:hover, .navbar.bg-black.nav-scroll .navbar-nav .nav-link.active {
	color:#01c5de
}
.navbar.bg-white {
	background:#fff
}
.navbar.bg-white .navbar-nav .nav-link {
	color:#232323
}
.navbar.bg-white .navbar-nav .nav-link.active {
	color:#01c5de
}
.navbar.bg-white.nav-scroll .navbar-nav .nav-link {
	color:#232323
}
.navbar.bg-white .navbar-nav .nav-link:hover, .navbar.bg-white.nav-scroll .navbar-nav .nav-link.active {
	color:#01c5de
}
.logo {
	padding:15px 0;
	width:100px
}
.header {
	overflow:hidden
}
.header .caption .overflow-hidden {
	display:inline-block
}
.header .caption h3 {
	font-weight:200;
	animation-delay:0.5s;
	position:relative;
	display:inline-block
}
.header .caption h1 {
	font-family:'Oswald', sans-serif;
	margin:10px 0;
	font-size:40px;
	font-weight:300;
	text-transform:uppercase;
	animation-delay:0.8s;
	margin-bottom:700px;
}
.header .caption p {
	font-size:18px;
	color:#eee;
	word-spacing:2px;
	animation-delay:1.2s
}
.header .btn {
	animation-delay:1.4s
}
.header .btn i {
	position:relative;
	top:1px
}
.header .arrow {
	position:absolute;
	bottom:40px;
	left:0;
	right:0;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:13px;
	z-index:8
}
.header .arrow a {
	color:#fff
}
.header .arrow a :hover {
	color:#01c5de
}
.header .arrow i {
	position:relative;
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px
}
.header .arrow i:after {
	content:"";
	position:absolute;
	top:0;
	left:-1px;
	width:100%;
	height:100%;
	background:#01c5de;
	border-radius:50%;
	z-index:-1;
	transition:all .2s
}
.header .arrow i:hover:after {
	background:#fff;
	transform:scale(1.2);
	transition:all .5s
}
.header.theme-overlay .arrow {
	color:#fff
}
.header.theme-overlay .arrow a {
	color:#01c5de
}
.header.theme-overlay .arrow a :hover {
	color:#fff
}
.header.theme-overlay .arrow i:after {
	background:#fff
}
.header.theme-overlay .arrow i:hover:after {
	background:#232323
}
.header .social-links a {
	display:inline-block;
	margin:0 12px;
	font-size:18px
}
.header .social-links a:hover {
	opacity:0.85
}
.header .social-links:last-child {
	margin-right:0
}
.side-menu {
	width:30%;
	position:fixed;
	right:0;
	top:0;
	background:#0a131c;
	z-index:1032;
	height:100%;
	-webkit-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0);
	-webkit-transition:-webkit-transform .5s ease;
	transition:-webkit-transform .5s ease;
	-o-transition:-o-transform .5s ease;
	transition:transform .5s ease;
	transition:transform .5s ease, -webkit-transform .5s ease, -o-transform .5s ease;
	transition:transform .5s ease, -webkit-transform .5s ease;
	overflow:hidden
}
.side-menu.left {
	left:0;
	right:auto;
	-webkit-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0)
}
.side-menu.black {
	background:rgba(0,0,0,0.95)
}
.side-menu.side-menu-active, .side-menu.before-side {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.side-menu .navbar-brand {
	margin:0 0 2.5rem 0
}
#close_sidebar {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	-webkit-transition:opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-o-transition:opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition:opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
	display:none;
	z-index:1031;
	opacity:0.4
}
.side-menu .btn-close {
	height:33px;
	width:33px;
	display:inline-block;
	text-align:center;
	position:absolute;
	top:30px;
	right:15px;
	cursor:pointer
}
.side-menu.before-side .btn-close {
	display:none
}
.side-menu .btn-close:before, .side-menu .btn-close:after {
	position:absolute;
	left:16px;
	content:' ';
	height:24px;
	width:2px;
	background:#fff;
	top:5px
}
.side-menu .btn-close:before {
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}
.side-menu .btn-close:after {
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.sidemenu_btn {
	-webkit-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
	width:75px;
	padding:6px;
	margin-right:1rem;
	position:absolute;
	right:7px;
	top:30px;
	z-index:99
}
.sidemenu_btn.left {
	left:15px;
	right:auto
}
.sidemenu_btn>span {
	height:11px;
	width:90%;
	background:#fff;
	display:block
}
.sidemenu_btn>span:nth-child(2) {
	margin:4px 0
}
.nav-scroll .sidemenu_btn>span {
	background:#232323
}
.bg-black.nav-scroll .sidemenu_btn>span {
	background:#fff
}
.bg-white .sidemenu_btn>span {
	background:#10202f
}
.bg-white.nav-scroll .sidemenu_btn>span {
	background:#10202f
}
.side-menu .inner-wrapper {
	padding:3.5rem 5rem;
	height:100%;
	position:relative;
	overflow-y:auto;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	text-align:left;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.side-menu .side-nav {
	margin-bottom:30px;
	display:block
}
.side-nav .navbar-nav .nav-item {
	display:block;
	margin:10px 0;
	padding:0 !important;
	opacity:0;
	-webkit-transition:all 0.8s ease 500ms;
	-o-transition:all 0.8s ease 500ms;
	transition:all 0.8s ease 500ms;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	-o-transform:translateY(30px);
	transform:translateY(30px)
}
.side-nav .navbar-nav .nav-item:first-child {
	-webkit-transition-delay:.1s;
	-o-transition-delay:.1s;
	transition-delay:.1s
}
.side-nav .navbar-nav .nav-item:nth-child(2) {
	-webkit-transition-delay:.2s;
	-o-transition-delay:.2s;
	transition-delay:.2s
}
.side-nav .navbar-nav .nav-item:nth-child(3) {
	-webkit-transition-delay:.3s;
	-o-transition-delay:.3s;
	transition-delay:.3s
}
.side-nav .navbar-nav .nav-item:nth-child(4) {
	-webkit-transition-delay:.4s;
	-o-transition-delay:.4s;
	transition-delay:.4s
}
.side-nav .navbar-nav .nav-item:nth-child(5) {
	-webkit-transition-delay:.5s;
	-o-transition-delay:.5s;
	transition-delay:.5s
}
.side-nav .navbar-nav .nav-item:nth-child(6) {
	-webkit-transition-delay:.6s;
	-o-transition-delay:.6s;
	transition-delay:.6s
}
.side-nav .navbar-nav .nav-item:nth-child(7) {
	-webkit-transition-delay:.7s;
	-o-transition-delay:.7s;
	transition-delay:.7s
}
.side-nav .navbar-nav .nav-item:nth-child(8) {
	-webkit-transition-delay:.8s;
	-o-transition-delay:.8s;
	transition-delay:.8s
}
.side-nav .navbar-nav .nav-item:nth-child(9) {
	-webkit-transition-delay:.9s;
	-o-transition-delay:.9s;
	transition-delay:.9s
}
.side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
	opacity:1
}
.side-nav .navbar-nav .nav-link {
	display:inline-table;
	color:#fff;
	padding:2px 0 3px 0 !important;
	font-size:1.5rem;
	font-weight:300;
	line-height:normal;
	position:relative;
	-webkit-border-radius:0;
	border-radius:0
}
.side-nav .navbar-nav .nav-link:after {
	content:"";
	position:absolute;
	background:#fff;
	display:inline-block;
	width:0;
	height:1px;
	bottom:0;
	left:0;
	overflow:hidden;
	-webkit-transition:all 0.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition:all 0.5s cubic-bezier(0, 0, 0.2, 1);
	transition:all 0.5s cubic-bezier(0, 0, 0.2, 1)
}
.side-nav .navbar-nav .nav-link:hover:after, .side-nav .navbar-nav .nav-link:focus:after {
	width:100%
}
.side-nav .navbar-nav .nav-link.active {
	background:transparent
}
.side-nav .navbar-nav .nav-link.active:after {
	width:100%
}
.side-menu .social-links a {
	color:#fff
}
.side-menu .social-links a:hover {
	opacity:0.65
}
.skills .prog-item {
	margin-bottom:25px
}
.skills .prog-item:last-child {
	margin-bottom:0
}
.skills .prog-item p {
	font-size:14px;
	margin-bottom:8px
}
.skills .prog-item .skills-progress {
	width:100%;
	height:5px;
	background:#eee;
	border-radius:5px;
	position:relative
}
.skills .prog-item .skills-progress span {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	background:#474747;
	width:10%;
	border-radius:10px;
	transition:all 1s
}
.skills .prog-item .skills-progress span:after {
	content:attr(data-value);
	position:absolute;
	top:-20px;
	right:0;
	font-size:10px;
	color:#777
}
.feature-box01 .feature-icon {
	border-radius:50%;
	height:70px;
	line-height:80px;
	transition:all 0.5s ease 0s;
	width:70px
}
.feature-box01:hover .feature-icon {
	background-color:#01c5de
}
.feature-box01:hover .icon {
	color:#fff
}
.portfolio {
	overflow:hidden
}
.portfolio .filtering span {
	margin-right:8px;
	color:#333;
	letter-spacing:1px;
	font-weight:600;
	font-size:14px;
	cursor:pointer;
	border:1px solid #d5d5d5;
	border-radius:30px;
	padding:5px 20px;
	display:inline-block;
	margin-bottom:10px
}
.portfolio .filtering span:last-child {
	margin:0
}
.portfolio .filtering span:hover {
	border-color:#01c5de;
	background:#01c5de;
	color:#fff
}
.portfolio .filtering .active {
	border-color:#01c5de;
	background:#01c5de;
	color:#fff
}
.portfolio .items {
	margin-top:30px
}
.portfolio .item-img {
	position:relative;
	overflow:hidden
}
.portfolio .item-img img {
	width:100%
}
.portfolio .item-img:hover .item-img-overlay {
	opacity:1;
	transform:translateY(0)
}
.portfolio .item-img:hover h6 {
	transform:translateY(0)
}
.portfolio .item-img h6 {
	font-weight:600;
	position:relative;
	font-size:16px;
	margin-bottom:0;
	transform:translateY(15px);
	transition:all .5s
}
.portfolio .item-img .fa {
	background:#01c5de;
	border:1px solid #01c5de;
	border-radius:50%;
	color:#fff;
	display:inline-block;
	height:30px;
	line-height:28px;
	width:30px;
	margin-bottom:5px;
	transition:all .5s
}
.portfolio .item-img .fa:hover {
	background:#fff;
	color:#01c5de
}
.portfolio .item-img-overlay {
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	background:rgba(255,255,255,0.95);
	color:#35424C;
	opacity:0;
	transition:all .5s;
	z-index:2;
	transform:translateY(10px)
}
.numbers .item .icon {
	font-size:42px;
	display:inline-block;
	color:#01c5de
}
.numbers .item h6 {
	font-weight:500
}
.numbers .item p {
	font-size:18px;
	letter-spacing:1px;
	color:#fff;
	margin-bottom:0
}
.team-style .team-description {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:transparent;
	opacity:0;
	transition:all 200ms ease-in-out;
	padding:15px;
	z-index:9
}
.team-style .social-links {
	transform:translateY(15px);
	transition:transform 300ms ease-in-out, opacity 150ms ease-in;
	opacity:0;
	color:#fff;
	-webkit-font-smoothing:antialiased
}
.team-style .social-links a:hover {
	opacity:0.65
}
.team-style .team-description-wrapper {
	position:relative;
	display:table;
	width:100%;
	height:100%
}
.team-style .team-description-content {
	display:table-cell;
	vertical-align:middle
}
.team-style .team-member-img {
	position:relative;
	display:block;
	overflow:hidden
}
.team-style .bg-cover {
	background-color:rgba(255,66,41,0);
	opacity:1;
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	transform:scale(2);
	transition:all 200ms ease-in-out;
	display:none;
	z-index:1
}
.team-style .team-member-img>img {
	transition:all 0.2s ease 0s
}
.team-style:hover .bg-cover {
	background-color:rgba(0,0,0,0.75);
	display:block
}
.team-style:hover .social-links {
	transition-delay:100ms, 100ms;
	opacity:1;
	transform:translateY(0)
}
.team-style:hover .team-member-img>img {
	filter:blur(4px) grayscale(4%)
}
.team-style:hover .team-description {
	opacity:1
}
.price .item {
	padding:0 0 30px 0;
	background:#fff;
	border-radius:5px;
	transition:all .3s
}
.price .item:hover {
	box-shadow:0px 5px 40px 0px rgba(148,146,245,0.2)
}
.price .type {
	padding:15px 0;
	background:#232323
}
.price .type h4 {
	font-size:25px;
	color:#fff;
	margin-bottom:0
}
.price .value {
	padding:30px 0;
	position:relative
}
.price .value:before, .price .value:after {
	content:'';
	background:#eee;
	width:70%;
	height:1px;
	position:absolute;
	left:15%
}
.price .value:before {
	top:0
}
.price .value:after {
	bottom:0
}
.price .value h3 {
	display:inline-block;
	padding-right:10px;
	font-size:50px;
	font-weight:700;
	position:relative;
	margin-bottom:0
}
.price .value h3 span {
	font-size:14px;
	position:absolute;
	top:5px;
	right:0
}
.price .value .per {
	font-size:13px;
	color:#01c5de
}
.price .features {
	padding:15px 0
}
.price .features li {
	margin:15px 0;
	color:#777
}
.price .order {
	padding-top:15px;
	position:relative
}
.price .active {
	box-shadow:0px 5px 40px 0px rgba(0,0,0,0.1)
}
.price .active .type {
	background:#01c5de
}
.testimonials {
    background-color: #10202f;
}
.testimonials h4 {
	margin:0;
	line-height:normal
}
.testimonials p {
	color:#fff;
	line-height:34px
}
.testimonials h6 {
	font-size:12px;
	color:#ccc;
	margin:0
}
.testimonials .owl-theme .owl-dots {
	margin-top:40px !important
}
.testimonials .owl-theme .owl-dots .owl-dot span {
	border:2px solid #fff;
	width:25px;
	height:25px
}
.clients .brand {
	padding:40px 25px;
	opacity:.4
}
.clients .brand:hover {
	opacity:1
}
.clients .brand img {
	display:inline-block
}
.contact .map {
	padding:0;
	position:relative;
	z-index:4;
	height:400px
}
.contact .info {
	background:rgba(0,0,0,0.9);
	color:#fff;
	transition:all .5s
}
.contact .info .item {
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #444
}
.contact .info .item:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none
}
.contact .info .item .icon {
	font-size:20px;
	float:left;
	width:50px;
	text-align:center;
	margin-top:4px
}
.contact .info .item .cont {
	margin-left:55px
}
.contact .info .item .cont h6 {
	font-size:15px;
	margin-bottom:0
}
.contact .info .item .cont p {
	color:#999;
	margin:0
}
.blog .item {
	box-shadow:0px 5px 35px 0px rgba(148,146,245,0.15);
	border-radius:5px
}
.blog .item .post-img {
	position:relative;
	overflow:hidden
}
.blog .item .post-img:hover img {
	transform:scale(1.1)
}
.blog .item .post-img img {
	width:100%;
	transition:all .5s
}
.blog .item .content {
	padding:30px;
	background:#fff;
	text-align:left
}
.blog .item .content .tag {
	font-weight:500;
	font-size:12px;
	margin-bottom:5px;
	letter-spacing:1px
}
.blog .item .content .read-more {
	margin-top:20px;
	text-decoration:underline
}
.blog .item .content .read-more:hover {
	color:#01c5de;
	text-decoration:none
}
.blog .item .content h6 {
	font-size:16px;
	line-height:normal;
	text-transform:inherit;
	margin-bottom:2px
}
.blog-nav {
	position:static !important;
	background:#fff !important;
	margin:0;
	top:0;
	transform:translateY(0px)
}
.blog-nav .logo {
	color:#1c1c1c !important
}
.blog-nav .navbar-nav .nav-link {
	color:#232323
}
.blog-nav .icon-bar {
	color:#232323
}
.blog-header {
	background:#232323;
	position:relative
}
.blog-header h2 {
	font-weight:700;
	letter-spacing:1px;
	color:#ccc;
	margin-bottom:15px
}
.blog-header a {
	position:relative;
	color:#d5d5d5
}
.blog-header a:after {
	content:'/';
	position:relative;
	margin:0 10px
}
.blog-header a:last-child:after {
	display:none
}
.blog-header a:hover {
	color:#fff
}
.blog-header a.active {
	color:#01c5de
}
.blogs .posts .post {
	margin-bottom:30px
}
.blogs .posts .post .content {
	padding:30px;
	background:#fafafa
}
.blogs .posts .post .content .post-title h5 {
	font-size:26px;
	line-height:normal;
	font-weight:500;
	margin-bottom:0
}
.blogs .posts .post .content .post-title h5 a {
	color:#232323
}
.blogs .posts .post .content .post-title h5 a:hover {
	color:#01c5de
}
.blogs .posts .post .content .meta {
	margin-bottom:15px
}
.blogs .posts .post .content .meta li {
	display:inline-block;
	font-size:12px;
	color:#777;
	margin:5px
}
.blogs .posts .post .content .spical {
	padding:15px;
	margin:30px 0;
	border-left:2px solid #111;
	background:#f7f7f7;
	font-size:16px
}
.blogs .posts .post .share-post {
	margin-top:30px;
	padding-top:20px;
	border-top:1px dashed #eee;
	text-align:left
}
.blogs .posts .post .share-post span {
	font-weight:700
}
.blogs .posts .post .share-post ul {
	float:right
}
.blogs .posts .post .share-post ul li {
	display:inline-block;
	margin:0 10px
}
.blogs .posts .post .post-img img {
	width:100%
}
.blogs .posts .title-g h3 {
	font-weight:700;
	font-size:25px
}
.blogs .posts .comments-area .comment-box {
	padding-bottom:30px;
	margin-bottom:50px;
	border-bottom:1px solid #eee
}
.blogs .posts .comments-area .comment-box:nth-child(odd) {
	margin-left:80px
}
.blogs .posts .comments-area .comment-box:last-child {
	margin-bottom:30px
}
.blogs .posts .comments-area .comment-box .author-thumb {
	width:80px;
	float:left
}
.blogs .posts .comments-area .comment-box .comment-info {
	margin-left:100px
}
.blogs .posts .comments-area .comment-box .comment-info h6 {
	font-size:14px;
	font-weight:600;
	margin-bottom:10px
}
.blogs .posts .comments-area .comment-box .comment-info .reply {
	margin-top:10px;
	font-weight:600
}
.blogs .posts .comments-area .comment-box .comment-info .reply i {
	padding-right:5px;
	font-size:12px
}
.blogs .posts .pagination {
	border-radius:0;
	padding:0;
	margin:0
}
.blogs .posts .pagination ul {
	display:inline-block;
*display:inline;
*zoom:1;
	margin:0 auto;
	padding:0
}
.blogs .posts .pagination li {
	display:inline
}
.blogs .posts .pagination a {
	float:left;
	padding:0 18px;
	line-height:40px;
	text-decoration:none;
	border:1px solid #dbdbdb;
	border-left-width:0;
	background:#fff
}
.blogs .posts .pagination a:hover {
	background-color:#232323;
	color:#fff
}
.blogs .posts .pagination .active a {
	background-color:#f7f7f7;
	color:#999;
	cursor:default
}
.blogs .posts .pagination .disabled span {
	color:#999;
	background-color:transparent;
	cursor:default
}
.blogs .posts .pagination .disabled a {
	color:#999;
	background-color:transparent;
	cursor:default
}
.blogs .posts .pagination .disabled a:hover {
	color:#999;
	background-color:transparent;
	cursor:default
}
.blogs .posts .pagination li:first-child a {
	border-left-width:1px
}
.blogs .side-bar .widget {
	margin-bottom:30px
}
.blogs .side-bar .widget:last-child {
	margin-bottom:0
}
.blogs .side-bar .widget .widget-title h6 {
	position:relative;
	padding-bottom:5px;
	font-size:13px;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:20px
}
.blogs .side-bar .widget .widget-title h6:after {
	content:'';
	width:30px;
	height:1px;
	background:#01c5de;
	position:absolute;
	bottom:0;
	left:0
}
.blogs .side-bar .widget li {
	position:relative;
	padding:0 0 0 12px;
	margin:0 0 9px 0;
	color:#6f6f6f
}
.blogs .side-bar .widget li:last-child {
	margin:0
}
.blogs .side-bar .widget li:after {
	content:"";
	width:5px;
	height:1px;
	background-color:#6f6f6f;
	position:absolute;
	top:12px;
	left:0
}
.blogs .side-bar .widget .social-listing {
	margin-bottom:0
}
.blogs .side-bar .widget .social-listing li {
	list-style:none;
	display:inline-block
}
.blogs .side-bar .widget .social-listing li:after {
	background:none
}
.blogs .side-bar .widget .social-listing li:first-child {
	padding-left:0
}
.blogs .side-bar .search form input {
	width:calc(100% - 50px);
	height:50px;
	padding:0 10px;
	margin:0;
	border:1px solid #d1d1d1;
	background:#f7f7f7
}
.blogs .side-bar .search form button {
	width:50px;
	height:50px;
	line-height:50px;
	background:#1c1c1c;
	color:#fff;
	border:0;
	float:right
}
.coming-soon .social-links li {
	display:inline-block;
	font-size:18px;
	margin-right:30px
}
.coming-soon .social-links li:last-child {
	margin-right:0
}
ul.countdown li {
	display:inline-block;
	padding:0 30px;
	text-align:center;
	border-right:1px solid #626262
}
ul.countdown li:last-child {
	border:none;
	padding-right:0
}
ul.countdown li span {
	font-size:36px;
	font-weight:700;
	line-height:normal;
	position:relative
}
ul.countdown li span:before {
	content:"";
	height:1px;
	position:absolute;
	width:100%
}
ul.countdown li p.timeRefDays, ul.countdown li p.timeRefHours, ul.countdown li p.timeRefMinutes, ul.countdown li p.timeRefSeconds {
	font-size:12px;
	margin:0;
	padding:0;
	text-transform:uppercase
}
.footer-top {
	padding:10px 0px
}
.footer-bottom {
	padding:15px 0px
}
.footer-bottom a:hover {
	color:#000
}
.footer-social a {
	display:inline-block;
	margin:0 25px
}
.footer-social a:first-child {
	margin-left:0
}
.footer-social a i {
	color:#626262;
	font-size:38px
}
.footer-social a:hover i {
	color:#10202f
}
.back-to-top {
	background:#6f6f6f;
	border-radius:50%;
	position:fixed;
	z-index:1000;
	right:25px;
	bottom:15px;
	width:35px;
	height:35px;
	margin:0;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:opacity 350ms;
	-o-transition:opacity 350ms;
	transition:opacity 350ms
}
.back-to-top i {
	position:absolute;
	left:50%;
	top:45%;
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	color:#fff;
	font-size:16px
}
.back-to-top:hover {
	background:#10202f !important
}
.back-to-top.reveal {
	cursor:pointer;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	opacity:1;
	filter:alpha(opacity=100)
}
.back-to-top.reveal:focus, .back-to-top.reveal:hover, .back-to-top.reveal:active {
	opacity:1;
	filter:alpha(opacity=100)
}
@media screen and (min-width: 992px) {
.navbar-expand-lg .navbar-collapse.desktop-hide {
	display:none !important
}
}
@media screen and (max-width: 1399px) {
.navbar>.container {
	padding-right:3.5rem
}
.sidemenu_btn {
	margin-right:0
}
}
@media screen and (max-width: 1199px) {
.footer-top {
	padding:70px 0
}
}
@media screen and (max-width: 991px) {
.navbar>.container {
	padding-right:0
}
.navbar {
	border:none
}
.navbar .navbar-collapse {
	background:#232323;
	text-align:center;
	margin: 165px 0 0 0px;
	position: absolute;
	width: 315px;
}
.nav-scrool .navbar-collapse {
	background:#232323;
	text-align:center;
	margin: -5px 0 0 -70px;
}
.navbar .navbar-toggler {
	padding:8px 0;
	text-align:right;
	width:40px;
	margin: -85px 15px 0 0px;
}
.navbar .nav-link {
	display:block
}
.navbar .navbar-nav .active:after {
	width:100%
}
.nav-scroll .navbar-collapse .nav-link {
	color:#fff !important
}
.nav-scroll .navbar-collapse .active {
	color:#01c5de !important
}
.navbar.bg-theme {
	background:#01c5de
}
.navbar.bg-theme .navbar-nav .nav-link.active {
	color:#01c5de
}
.navbar.bg-theme.nav-scroll .navbar-nav .nav-link {
	color:#fff
}
.navbar.bg-theme .navbar-nav .nav-link:hover, .navbar.bg-theme.nav-scroll .navbar-nav .nav-link.active {
	color:#232323
}
.navbar.bg-white {
	background:#fff;
}
.navbar.bg-white .navbar-nav .nav-link {
	color:#fff
}
.navbar.bg-white .navbar-nav .nav-link.active {
	color:#01c5de
}
.navbar.bg-white.nav-scroll .navbar-nav .nav-link {
	color:#fff
}
.navbar.bg-white .navbar-nav .nav-link:hover, .navbar.bg-white.nav-scroll .navbar-nav .nav-link.active {
	color:#01c5de
}
.header {
	transition-timing-function:none;
	-moz-transition-timing-function:none;
	-webkit-transition-timing-function:none;
	-o-transition-timing-function:none;
	-ms-transition-timing-function:none;
	transition-duration:0s;
	-moz-transition-duration:0s;
	-webkit-transition-duration:0s;
	-o-transition-duration:0s;
	-ms-transition-duration:0s
}
.header .caption h2 {
	font-size:30px
}
.header .caption h1 {
	font-size:50px
}
.header .caption p {
	font-size:16px
}
.header .social-links a {
	font-size:16px
}
.numbers .item .icon {
	font-size:36px
}
.numbers .item p {
	font-size:16px
}
.clients .brand {
	padding:30px 15px
}
.clients .brand img {
	max-width:150px
}
.blog-nav .navbar-nav .nav-link {
	color:#fff
}
.footer-top {
	padding:10px 0
}
.footer-social a {
	margin:0 15px
}
.footer-social a i {
	font-size:18px
}
}
@media only screen and (min-device-width: 570px) and (max-device-width: 650px) {
.pg-top{
	margin-top:140px !important;
}
.nav-scroll {
	top:-105px;
    height: 165px !important ;
    padding:  0px 0 0 0;
}
.jan-slid-hei {
	height:190px;;
}
}
@media screen and (max-width: 767px) {
.pg-top{
	margin-top:290px;
}
.jan-slid-hei {
	height:190px;;
}
.loader-icon {
		width:280px;
		height:280px;
		left: 0;
		top: 0;
}
.portfolio .items {
	margin-top:20px
}
.header .caption h1 {
	font-size:32px;
	margin-top:5px;
	margin-bottom:170px;
}
.header .caption h3 {
	letter-spacing:1px
}
.contact .map {
	height:300px
}
.btn {
	padding:8px 16px;
	font-size:12px
}
.blogs .posts .post .content {
	padding:20px
}
.blogs .posts .post .content .post-title h5 {
	font-size:22px
}
ul.countdown li {
	padding:0 8px
}
.coming-soon .social-links li {
	margin-right:15px
}
ul.countdown li span {
	font-size:22px
}
.footer-social a {
	margin:0 10px
}
.nav-scroll {
	visibility: visible!important;
	left:570px;
	width:70px;
	top:0px;
    height: 55px !important ;
    padding: 0;
}
.team {
	display:none;
}
}
@media screen and (max-width: 575px) {

.loader-icon {
		width:280px;
		height:280px;
		left: 0;
		top: 0;
}
.nav-scroll {
	visibility: visible;
	opacity: 45%;
	left:290px;
	width:20%;
	top:75px;
	height: 65px !important;
	padding: 0;
}
.mobile-height-70vh .slider .owl-item, .mobile-height-70vh.slider .owl-item, .mobile-height-70vh .slider-fade .owl-item, .mobile-height-70vh.slider-fade .owl-item {
	height:63vh
}
.mb-bg-position-x-center {
	background-position-x:center !important
}
.mobile-height-70vh {
	min-height:70vh
}
.header .caption h1 {
	font-size:20px;
	margin-top:5px;
	margin-bottom:225px;
}
.team {
	display:none;
}
}
/*# sourceMappingURL=style.css.map */
.nav-scroll .jaan-social,.nav-scroll .jan-comp-pro {
	display:none;
}
.nav-scroll .sidemenu_btn {
	top:8px;
}
.jaan-social {
	font-size:21px;
	padding:5px;
	position:absolute;
	margin: 30px 0 0 0;
}
.jaan-social-fb {
	margin: 25px 0 0 -250px;
}
.jaan-social-link {
	margin: 25px 0 0 50px;
}
.jaan-social-inst {
	margin: 27px 0 0 55px;
}
.jaan-head {
margin: 35px 0px 0px 20px;
    width: 75%;
}
.display-contents {
	display: contents
}
.jaan-slider-head {
	margin: 10px 0;
    font-size: 60px;
    font-weight: 500;
    text-transform: uppercase;
    animation-delay: 0.8s;
}
.jaan-font-family {
	font-family:'Oswald', sans-serif;
}
.jaan-quote {
	font-size: 35px;
    font-weight: 600;
}
.jaan-pro {
	width: 340px;
    height: 247px;
}
.jan-comp-fot-img {
	width: 240px;
    padding-left: 30px;
}
.jaan-color {
    background-color: #10202f;
}
.jaan-social-footer {
	font-size:36px;
	padding:5px;
}
.mar-top {
	margin-top:-24px;
}
.flicker-img>a {
    float: left;
    padding: 1px;
    width: 33.33%;
}
.jan-head-social {
	visibility:visible;
}
.dis-vis-sm {
	visibility:hidden;
	display:none;
}
.dis-unvis-sm {
	visibility:visible;
	display:contents;

}
.jaan-logo-main {
	margin:0px 0px 0 75px;
	width:80%;
}
.jan-comp-pro {
	position: absolute;
    margin: 0px 0 0 -260px;
    width: 33%;
}
.jaan-project-img-wid {
	width:80%;
}
.simple-slider {
    max-width: 1200px;
    margin: 0 auto;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.so-jan {
	margin: 0px 0 0px 565px;
}
@media screen and (min-width: 1450px) {
 .nav-scroll .logo,  .nav-scroll .jaan-head{
	 visibility:hidden;
 }
	.nav-scroll {
    left: 98%;
    width: 2.5%;
}
}
.img-circle {
	border-radius:50%;
	width:120px;
}
.jan-sid-mar {
	margin:10px 100px;
}
.jan-slider-size {
	width:1400px !important;
	height:625px !important;
}
.mar-bo-slid {
	margin-bottom:135px;
}
.slid-jan-main {
	visibility: visible;
}
.slid-jan-main-mob {
	display: none;
	visibility:hidden;
}
.hslid-jan-main-mob {
	display: none;
	visibility:hidden;
}
.comp-pro-fot-mob {
	width: 50%;
}
.fot-mob {
	padding: 0 0 40px 20px;
	font-size: 25px
}
.fot-mob-soci {
	padding: 0 0 0 24px;
}
.nav-scroll .logo,  .nav-scroll .jaan-head{
	 visibility:hidden;
	display: none;
 }
@media screen and (min-width: 1600px) {
.nav-scroll {
    left: 95%;
    width: 5.5%;
}
}