/*!
 * Theme: DevDJ
 * Presets: style.css
 * Version: 3.8
 * Author: DevDJ
 * Copyright 2021 DevDJ
!*/
@import url('https://fonts.googleapis.com/css?family=Lato:400,300,500,600,700|Oswald:400,300,500,600,700|Roboto:400,300,500,600,700|Poppins:400,300,500,600,700&display=swap');
::-moz-selection {
	background-color: #c80913;
	color: #fff;
}
::selection {
	background-color: #c80913;
	color: #fff;
}
::-webkit-input-placeholder {
	color: #777;
	font-weight: 300;
}
:-moz-placeholder {
	color: #777;
	opacity: 1;
	font-weight: 300;
}
::-moz-placeholder {
	color: #777;
	opacity: 1;
	font-weight: 300;
}
:-ms-input-placeholder {
    color: #777;
    font-weight: 300;
}
::-ms-input-placeholder {
    color: #777;
    font-weight: 300;
}
html {
	scrollbar-color: #fff #000;
}
body.no-scroll {
	overflow: hidden;
}
@media(max-width: 1075px) {
	body.no-scroll-small-medium {
		overflow: hidden;
	}
}
@media(max-width: 720px) {
	body.no-scroll-small {
		overflow: hidden;
	}
}
@media(pointer: coarse) {
	@supports (-webkit-overflow-scrolling:touch) {
		body {
			cursor: pointer;
		}
	}
}
@media(pointer: fine) {
	::-webkit-scrollbar {
		height: 14px;
		width: 14px;
		background-color: #0e1012;
		margin: 0 10px;
	}
	::-webkit-scrollbar-thumb {
		background: #292d31;
		-webkit-border-radius: 1ex;
		border: 3px solid #0e1012;
	}
	::-webkit-scrollbar-corner {
		background: #000;
	}
}
body {
    color: #8c8d9e;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.625em;
    position: relative;
}
ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
select {
    display: block;
}
figure {
    margin: 0;
}
a {
    /*-webkit-transition:all .3s ease 0s;
    -moz-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s*/
}
iframe {
    border: 0;
}
a,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
    text-decoration: none;
    outline: 0;
}
.card-panel {
    margin: 0;
    padding: 60px;
}
.btn i,
.btn-large i,
.btn-floating i,
.btn-large i,
.btn-flat i {
    font-size: 1em;
    line-height: inherit;
}
.btn.btn-rounded, .btn.btn-rounded > .btn-icon::before, .btn.btn-rounded::after {
	--btn-translate-x: 0;
	--btn-translate-y: 0;
	--btn-rotate: 0;
	--btn-skew-x: 0;
	--btn-skew-y: 0;
	--btn-scale-x: 1;
	--btn-scale-y: 1;
	--btn-transform: translateX(var(--btn-translate-x)) translateY(var(--btn-translate-y)) rotate(var(--btn-rotate)) skewX(var(--btn-skew-x)) skewY(var(--btn-skew-y)) scaleX(var(--btn-scale-x)) scaleY(var(--btn-scale-y));
}
.btn.btn-rounded {
	--btn-ring-offset-shadow: 0 0 #0000;
	--btn-ring-shadow: 0 0 #0000;
	--btn-shadow: 0 0 #0000;
	--btn-shadow-colored: 0 0 #0000;
}
.btn.btn-rounded {
	--btn-shadow: 0 1px 3px 0 rgb(0 0 0/0.1), 0 1px 2px -1px rgb(0 0 0/0.1);
	--btn-shadow-colored: 0 1px 3px 0 var(--btn-shadow-color), 0 1px 2px -1px var(--btn-shadow-color);
	align-items: center;
	border-radius: 9999px;
	border-width: 1px;
	box-shadow: var(--btn-ring-offset-shadow, 0 0 #0000), var(--btn-ring-shadow, 0 0 #0000), var(--btn-shadow);
	color: rgb(255 255 255/1);
	font-weight: 500;
	letter-spacing: .05em;
	overflow: hidden;
	/* padding: .75rem 1.5rem; */
	position: relative;
	display: flex;
	max-width: min-content;
	text-align: center;
	transition-duration: 75ms;
	transition-property: background-color, border-color, color, fill, stroke;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btn.btn-rounded {
	letter-spacing: 0;
}
.btn.btn-rounded::after {
	--btn-translate-x: -100%;
	--btn-bg-opacity: 0.5;
	background-color: rgb(255 255 255/var(--btn-bg-opacity));
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: var(--btn-transform);
	transition-duration: .3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,0,1,1);
	width: 100%;
}
.btn.btn-rounded:active {
	--btn-bg-opacity: 1;
	background-color: rgb(0 86 207/var(--btn-bg-opacity));
}
.btn.btn-rounded:disabled {
	opacity: .6;
	pointer-events: none;
}
.btn.btn-rounded > * {
	filter: drop-shadow(0 0 5px rgba(234, 234, 234, .4));
	transition-duration: .15s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.btn.btn-rounded:hover > * {
	filter: drop-shadow(0 0 5px rgba(234, 234, 234, .9));
}
.btn.btn-rounded:hover:after {
	--btn-translate-x: 0px;
	opacity: .1;
	transform: var(--btn-transform);
}
.btn.btn-rounded.btn-orange {
	--btn-border-opacity: 1;
	--btn-bg-opacity: 1;
	background-color: rgb(254 76 28/var(--btn-bg-opacity));
	border-color: rgb(254 76 28/var(--btn-border-opacity));
	box-shadow: 8px 8px 18px 0 rgba(254, 76, 28, .3);
}
.btn.btn-rounded.btn-orange:active {
	--btn-bg-opacity: 1;
	background-color: rgb(230 70 25/var(--btn-bg-opacity));
}
.btn.btn-rounded.btn-orange .btn-icon {
	--btn-text-opacity: 1;
	color: rgb(254 76 28/var(--btn-text-opacity));
	display: grid;
	margin-left: 1rem;
	/* margin-right: -.375rem; */
	place-items: center;
	position: relative;
	text-align: center;
}
.btn.btn-rounded .btn-icon {
	font-size: 18px;
}
.btn.btn-rounded .btn-icon::before {
	--btn-translate-x: -50%;
	--btn-translate-y: -50%;
	--btn-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--btn-bg-opacity));
	border-radius: 9999px;
	content: "";
	height: 1.8rem;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: var(--btn-transform);
	width: 1.8rem;
}
.btn.btn-rounded .btn-icon i {
	position: relative;
}
.btn.btn-coupon,
.btn.btn-discount {
	border-width: 2px;
	border-style: dashed;
	color: #000 !important;
	padding: .2rem 1rem;
	box-shadow: none !important;
	outline: none;
}
.btn-container {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}
.btn-container.container-column {
	flex-direction: column;
}
.btn-container:not(.container-column) > *:not(:last-child) {
	margin-right: 20px;
}
.btn-container.container-column > *:not(:last-child) {
	margin-bottom: 20px;
}
.btn-animated.btn-focus {
	animation: focus-red-border 2s infinite;
	transition: all .2s;
}
@-webkit-keyframes focus-red-border {
	0% {
		box-shadow: 0 0 0 0 rgba(227, 4, 13, 0.4);
	}
	70% {
		box-shadow: 0 0 0 12px rgba(227, 4, 13, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(227, 4, 13, 0);
	}
}
@keyframes focus-red-border {
	0% {
		box-shadow: 0 0 0 0 rgba(227, 4, 13, 0.4);
	}
	70% {
		box-shadow: 0 0 0 12px rgba(227, 4, 13, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(227, 4, 13, 0);
	}
}
.icon.fa-api {
	width: 100%;
	max-width: 32px;
	display: inline-block;
	margin: 0 16px 16px 0 !important;
}
.icon.fa-api:before {
	content: url('../images/icons/api.svg');
}
.gray-bg {
    background: #f9f9ff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins",sans-serif;
    color: #222;
    line-height: 1.2em !important;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 600;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0;
    margin-top: 0;
    font-family: "Poppins",sans-serif;
    font-weight: 600;
    color: #222
}
h1,
.h1 {
    font-size: 36px;
}
h2,
.h2 {
    font-size: 30px;
}
h3,
.h3 {
    font-size: 24px;
}
h4,
.h4 {
    font-size: 18px;
}
h5,
.h5 {
    font-size: 16px;
}
h6,
.h6 {
    font-size: 14px;
}
td,
th {
    border-radius: 0;
}
.clear::before,
.clear::after {
    content: " ";
    display: table;
}
.clear::after {
    clear: both;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.text-italic {
    font-style: italic;
}
.text-white {
    color: #fff;
}
.text-black {
    color: #000;
}
.transition {
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.section-gap-full {
    padding: 120px 0;
}
.section-gap-half {
	padding: 75px 0;
}
.container {
	max-width: 1250px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	padding: 0px 40px;
	position: relative;
	clear: both;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pb-30 {
    padding-bottom: 30px;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.display-table {
    display: table;
}
.light {
    color: #fff;
}
.dark {
    color: #222;
}
.relative {
    position: relative;
}
.overflow-hidden {
    overflow: hidden;
}
.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.container.hero {
	position: static;
	width: 100% !important;
	padding-right: 0 !important;
}
.container.fullwidth {
    width: 100%;
}
.container.no-padding {
    padding-left: 0;
    padding-right: 0;
}
.no-padding {
    padding: 0;
}
.padding-top-120 {
    padding-top: 120px;
}
.row.no-margin {
    margin-left: 0;
    margin-right: 0;
}
.scroll-top {
    width: 40px;
    height: 40px;
    line-height: 44px;
    position: fixed;
    right: 100px;
    bottom: 30px;
    z-index: 999;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: none;
    background: #691cff;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 15px rgba(0,0,0,.25);
    box-shadow: 0 2px 15px rgba(0,0,0,.25);
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.section-title {
    margin-bottom: 75px;
}
.gradient-bg,
.page-top-banner .overlay-bg,
.banner-section .overlay-bg,
.features-wrap .single-feature .overlay-bg {
	
}
.offwhite-bg {
    background-color: #eee;
}
.primary-btn {
    text-align: center;
    border-radius: 5px;
    background: #691cff;
    padding: 15px 40px;
    font-weight: 400;
    min-width: 160px;
    display: inline-block;
    color: #fff;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.primary-btn:hover {
    color: #fff;
    -webkit-box-shadow: 0 30px 90px rgba(105,28,255,.14) !important;
    box-shadow: 0 30px 90px rgba(105,28,255,.14) !important;
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
}
.page-top-banner {
    background: url('../images/about-header.jpg');
    background-size: cover;
}
.page-top-banner .overlay-bg {
    opacity: .8;
}
.page-top-banner h1 {
    color: #000;
    font-size: 55px;
    margin-bottom: 10px;
}
.page-top-banner h4 {
    color: #000;
    font-weight: 400;
}

/*!
 * DevDJ
 * > | Loader Style
 * > | v1.0
 *
!*/
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: red;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right:15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: gold;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #181818;
    z-index: 1000;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
#loader-wrapper .loader-section.section-left {
    left: 0;
}
#loader-wrapper .loader-section.section-right {
    right: 0;
}
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .7s .3s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .7s .3s cubic-bezier(.645,.045,.355,1);
    transition: all .7s .3s cubic-bezier(.645,.045,.355,1);
}
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s .3s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .7s .3s cubic-bezier(.645,.045,.355,1);
    transition: all .7s .3s cubic-bezier(.645,.045,.355,1);
}
.loaded #loader {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .3s 1s ease-out;
    -o-transition: all .3s 1s ease-out;
    transition: all .3s 1s ease-out;
}
.header-area {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
}
.header-area {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
}
.nav-brand {
    max-width: 120px;
}
.bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-transparent {
    background-color: transparent !important;
}
.icon-nav-down-arrow {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-nav-down-arrow:before {
    content: "\f107";
}

/*!
 * DevDJ
 * > | Menu Style
 * > | v2.0
 *
!*/
header.header {
	/* position: absolute; */
	z-index: 999999;
	top: 0;
	left: 0;
	width: 100%;
	background: black;
	animation-duration: 0.5s;
    transition: 0.5s;
}
header.sticky {
	position: fixed;
	background: black;
	animation-name: stickySlideDown;
	transition: none;
	height: 80px;
	-webkit-box-shadow: 0 9px 40px -13px rgba(0, 0, 0, .75);
	-moz-box-shadow: 0 9px 40px -13px rgba(0, 0, 0, .75);
	box-shadow: 0 9px 40px -13px rgba(0, 0, 0, .75);
}
@keyframes stickySlideDown {
    0% {
        opacity: 0.7;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.main-menu {
	position: relative;
	padding: 10px 0;
}
.main-menu a {
	text-decoration: none;
	outline: none;
	font-size: 14px;
	font-weight: 600;
	color: #000;
	display: inline-block;
	padding: 0 20px !important;
}
nav.menu {
	width: 100%;
	height: 70px;
	padding: .5em 2em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
}
nav div.logo {
	float: left;
}
nav div.logo img {
	height: 60px;
	transition: .5s;
}
header.sticky div.logo img {
	height: 60px;
}
.menu div.logo a {
	font-size: 26px;
	font-weight: 500;
	color: #565656;
	display: inline-block;
	margin-right: 30px;
}
.main-menu .menu-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
}
nav .menu-wrapper ul {
	float: right;
	margin: 0;
	padding: 0;
	display: flex;
	position: relative;
}
nav .menu-wrapper ul li {
	list-style: none;
}
nav .menu-wrapper ul li a {
	line-height: 90px;
	color: white;
	font-family: "Poppins", sans-serif; /* Roboto */
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
}
header.sticky .menu-wrapper ul li a {
	color: white;
}
.nav-link, .navbar {
	padding: 0 !important;
}
.mobile {
	display: none;
}
header.sticky #line {
	display: block;
	visibility: visible;
}
header #line {
	display: none;
	visibility: hidden;
}
#line {
	height: 2px;
	position: absolute;
    bottom: 0;
	left: 1px;
	width: 121px;
	background: red;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}
#selected,
#line:hover {
	-moz-transition-duration: 3000s;
	-ms-transition-duration: 3000s;
	-o-transition-duration: 3000s;
	-webkit-transition-duration: 3000s;
	transition-duration: 3000s;
}
/*
nav .menu-wrapper ul li:nth-of-type(1).item-active ~ #line,
nav .menu-wrapper ul li:nth-of-type(1):hover ~ #line {
	left: 1px;
	width: 121px !important;
}
nav .menu-wrapper ul li:nth-of-type(2).item-active ~ #line,
nav .menu-wrapper ul li:nth-of-type(2):hover ~ #line {
	left: 124px;
	width: 105px !important;
}
.portfolio-page nav .menu-wrapper ul li:nth-of-type(2).item-active ~ #line,
.portfolio-page nav .menu-wrapper ul li:nth-of-type(2):hover ~ #line {
	left: 124px;
	width: 115px !important;
}
.privacy-page nav .menu-wrapper ul li:nth-of-type(2).item-active ~ #line,
.privacy-page nav .menu-wrapper ul li:nth-of-type(2):hover ~ #line {
	left: 124px;
	width: 158px !important;
}
.portfolio-page nav .menu-wrapper ul li:nth-of-type(1).item-active ~ #line,
.portfolio-page nav .menu-wrapper ul li:nth-of-type(1):hover ~ #line,
.privacy-page nav .menu-wrapper ul li:nth-of-type(1).item-active ~ #line,
.privacy-page nav .menu-wrapper ul li:nth-of-type(1):hover ~ #line {
	left: 1px !important;
	width: 121px !important;
}
nav .menu-wrapper ul li:nth-of-type(3).item-active ~ #line,
nav .menu-wrapper ul li:nth-of-type(3):hover ~ #line {
	left: 229px;
	width: 111px !important;
}
nav .menu-wrapper ul li:nth-of-type(4).item-active ~ #line,
nav .menu-wrapper ul li:nth-of-type(4):hover ~ #line {
	left: 339px;
	width: 83px !important;
}
nav .menu-wrapper ul li:nth-of-type(5).item-active ~ #line,
nav .menu-wrapper ul li:nth-of-type(5):hover ~ #line {
	left: 422px;
	width: 83px !important;
}
nav .menu-wrapper ul li:nth-of-type(6).item-active ~ #line,
nav .menu-wrapper ul li:nth-of-type(6):hover ~ #line {
	left: 505px;
	width: 116px !important;
}
nav .menu-wrapper ul li:nth-of-type(7).item-active ~ #line,
nav .menu-wrapper ul li:nth-of-type(7):hover ~ #line {
	left: 621px;
	width: 110px !important;
}
nav .menu-wrapper ul li:nth-of-type(8).item-active ~ #line,
nav .menu-wrapper ul li:nth-of-type(8):hover ~ #line {
	left: 733px;
	width: 108px !important;
}
*/
@media only screen and (min-width: 1200px) {
	header.sticky .menu-wrapper ul {
		margin-top: -20px;
	}
}
@media only screen and (max-width: 1199px) {
	header.sticky div.logo img {
		margin-top: 5px;
	}
	#theme-mode {
		top: 21px;
	}
}
@media only screen and (min-width: 481px) and (max-width: 1199px) {
	header.sticky div.logo img {
		margin-top: 5px;
	}
	/*
	header.sticky .menu-wrapper ul {
		margin-top: 20px;
	}
	*/
	.main-menu a {
		display: block;	
	}
	div.row > nav.menu {
		display: none;
	}
	nav.menu {
		width: 20px;
		height: 65px;
		padding: .5em 2em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-ms-grid-row-align: center;
		align-items: center;
	}
	.mobile {
		display: block;
		width: 100%;
		height: 80px;
		background: black;
		position: fixed;
		top: 0;
		left: 0;
		padding: 5px 20px;
		box-sizing: border-box;
		z-index: 50;
	}
	.mobile .logo img {
		float: left;
		height: 50px;
	}
	nav.menu {
		float: right;
		color: white;
		margin: 0;
		padding: 0;
		line-height: 50px;
		cursor: pointer;
	}
	nav div.logo img {
		height: 70px;
		display: none;
	}
	nav .menu-wrapper ul {
		position: absolute;
		width: 100%;
		top: 80px;
		left: 0;
		background: black;
		float: none;
		display: block;
	}
	nav .menu-wrapper ul li {
		width: 100%;
		
	}
	nav .menu-wrapper ul li a {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		line-height: 30px !important;
	}
	nav .menu-wrapper ul li.item-active,nav .menu-wrapper ul li:hover {
		background: #f00;
	}
	#theme-mode {
		position: fixed !important;
	}
}
@media only screen and (max-width: 481px) {
	#loader {
		display: block;
		position: relative;
		left: 55%;
		top: 50%;
		width: 100px;
		height: 100px;
		margin: -75px 0 0 -75px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: lime;
		-webkit-animation: spin 2s linear infinite;
		animation: spin 2s linear infinite;
		z-index: 1001;
	}
	.main-menu a {
		display: block;	
	}
	div.row > nav.menu {
		display: none;
	}
	nav.menu {
		width: 20px;
		padding: .5em 2em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-ms-grid-row-align: center;
		align-items: center;
	}
	.mobile {
		display: block;
		width: 100%;
		height: 80px;
		background: black;
		position: fixed;
		top: 0;
		left: 0;
		padding: 5px 20px;
		box-sizing: border-box;
		z-index: 50;
	}
	.mobile .logo img {
		float: left;
		height: 70px;
	}
	.mobile .menu .menu-icon {
		
	}
	nav.menu {
		float: right;
		color: white;
		margin: 0;
		padding: 0;
		line-height: 50px;
		cursor: pointer;
	}
	nav div.logo img {
		height: 40px;
		display: none;
	}
	nav .menu-wrapper ul {
		position: absolute;
		width: 100%;
		top: 80px;
		left: 0;
		background: black;
		float: none;
		display: none;
	}
	div.mobile.active nav .menu-wrapper ul {
		display: block;
	}
	nav .menu-wrapper ul li {
		width: 100%;
		
	}
	nav .menu-wrapper ul li a {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		line-height: 30px !important;
	}
	nav .menu-wrapper ul li.item-active,nav .menu-wrapper ul li:hover {
		background: #f00;
	}
	#theme-mode {
		position: fixed !important;
	}
}
#menu .menu-wrapper .nav-menu .show > .nav-link,
#menu .menu-wrapper .nav-menu .active > .nav-link {
  color: rgba(0, 0, 0, 0.9);
}
#theme-mode {
	font-size: 18px;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 28px;
	right: 20px;
	width: 36px;
	height: 36px;
	background: #000;
	cursor: pointer;
	border-radius: 3px;
}
header.sticky #theme-mode {
	top: 20px !important;
}
#theme-mode i {
	color: #ff0;
	font-weight: bold;
	-webkit-text-stroke: 2px white;
}
#theme-mode i.fa-sun {
	-webkit-text-stroke: 1px white !important;
}
@media only screen and (max-width: 1199px) {
	#theme-mode {
		top: 20px;
		right: 3rem;
		z-index: 9999;
	}
}
@media only screen and (min-width: 768px) {
	#loader {
		display: block;
		position: relative;
		left: 50%;
		top: 50%;
		width: 100px;
		height: 100px;
		margin: -75px 0 0 -75px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: lime;
		-webkit-animation: spin 2s linear infinite;
		animation: spin 2s linear infinite;
		z-index: 1001
	}
	header.sticky .menu-wrapper ul li.menu-item .item-active a,
	.menu-item a .active {/*,header.sticky .menu-wrapper ul li.menu-item a:hover {*/
		background: linear-gradient(to left, #ff0000, #f10107, #e3040d, #d60610, #c80913) left bottom no-repeat; 
		background-size: 100% 3px;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
		/* background: linear-gradient(to left, #ff0000, #f10107, #e3040d, #d60610, #c80913) left top no-repeat;  */
		/* padding-top: 26px; */
	}
	header.sticky .menu-wrapper ul li.menu-item.item-active a:hover,
	.menu-item a.active:hover {
		-moz-transition-duration: 3000s;
		-ms-transition-duration: 3000s;
		-o-transition-duration: 3000s;
		-webkit-transition-duration: 3000s;
		transition-duration: 3000s;
	}
	.footer-row {
		margin: 0 auto;
		position: relative;
	}
	footer span.copyright {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
}
/*
@media only screen and (min-width: 664px) {
	.second-footer {
		padding: 20px 0 20px 242px;
	}
}
*/
.panel-wrapper {
	top: 180px;
	right: -250px;
	width: 250px;
	height: auto;
	position: fixed;
	background-color: #222;
	border-bottom-right-radius: 4px;
	transition: all 0.35s;
	z-index: 41;
}
.panel-container {
	color: #fff;
}
.panel-wrapper.active {
	right: 0;
}
.panel-button {
	top: 0;
	right: 250px;
	width: 40px;
	height: 40px;
	position: absolute;
	background-color: #181818;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	cursor: pointer;
	z-index: 1000;
}
.panel-button i {
	color: #fff;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 1;
}
.panel-header {
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #181818;
}
.panel-header h3,
.panel-header h4 {
	color: #fff;
	text-transform: uppercase;
}
.panel-content {
	padding: 20px 20px;
}
.panel-wrapper ul.theme-colors {
	margin-bottom: 0;
}
.theme-colors {
	margin: 0 10px;
	text-align: center;
}
.panel-wrapper ul.theme-colors li {
    display: inline-block;
    list-style: none;
}
.panel-content button {
	color: #fff;
	width: 30px;
	height: 30px;
	margin-right: 2px;
	margin-bottom: 5px;
	display: inline-block;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 100% !important;
}
.theme-colors button,
.theme-colors button:focus,
.theme-colors button:active,
.theme-colors button:not(:disabled):not(.disabled):focus,
.theme-colors button:not(:disabled):not(.disabled).active:focus {
	outline: none !important;
	border-color: none !important;
	/* box-shadow: none !important; */
}
.panel-wrapper button:active,
.panel-wrapper button:focus {
	border: 2px solid #fff;
}
.theme-color-red {
	background-color: #ff0000 !important;
	box-shadow: 0 0px 8px 1px rgba(255, 0, 0, 0.75) !important;
}
.theme-color-green {
	background-color: #0ebf0e !important;
	box-shadow: 0 0px 8px 1px rgba(14, 191, 14, 0.75) !important;
}
.theme-color-yellow {
	background-color: #ffef00 !important;
	box-shadow: 0 0px 8px 1px rgba(255, 239, 0, 0.75) !important;
}
.theme-color-blue {
	background-color: #00cbff !important;
	box-shadow: 0 0px 8px 1px rgba(0, 203, 255, 0.75) !important;
}
.theme-color-538 {
    background-color: #46c31d;
	box-shadow: 0 0px 8px 1px rgba(70, 195, 29, 0.75);
    -webkit-animation: colors-538 4s ease infinite;
    -moz-animation: colors-538 4s ease infinite;
    -o-animation: colors-538 4s ease infinite;
    animation: colors-538 4s ease infinite;
}

@-webkit-keyframes colors-538 {
	0% {
		background-color: #46c31d;
		box-shadow: 0 0px 8px 1px rgba(70, 195, 29, 0.75);
	}
	50% {
		background-color: #7400a9;
		box-shadow: 0 0px 8px 1px rgba(116, 0, 169, 0.75);
	}
	100% {
		background-color: #46c31d;
		box-shadow: 0 0px 8px 1px rgba(70, 195, 29, 0.75);
	}
}
@-moz-keyframes colors-538 {
	0% {
		background-color: #46c31d;
		box-shadow: 0 0px 8px 1px rgba(70, 195, 29, 0.75);
	}
	50% {
		background-color: #7400a9;
		box-shadow: 0 0px 8px 1px rgba(116, 0, 169, 0.75);
	}
	100% {
		background-color: #46c31d;
		box-shadow: 0 0px 8px 1px rgba(70, 195, 29, 0.75);
	}
}
@-o-keyframes colors-538 {
	0% {
		background-color: #46c31d;
		box-shadow: 0 0px 8px 1px rgba(70, 195, 29, 0.75);
	}
	50% {
		background-color: #7400a9;
		box-shadow: 0 0px 8px 1px rgba(116, 0, 169, 0.75);
	}
	100% {
		background-color: #46c31d;
		box-shadow: 0 0px 8px 1px rgba(70, 195, 29, 0.75);
	}
}
@keyframes colors-538 {
	0% {
		background-color: #46c31d;
		box-shadow: 0 0px 8px 1px rgba(70, 195, 29, 0.75);
	}
	50% {
		background-color: #7400a9;
		box-shadow: 0 0px 8px 1px rgba(116, 0, 169, 0.75);
	}
	100% {
		background-color: #46c31d;
		box-shadow: 0 0px 8px 1px rgba(70, 195, 29, 0.75);
	}
}
.theme-color-rainbow {
    background-color: #ff0000;
	box-shadow: 0 0px 8px 1px rgba(255, 0, 0, 0.75);
    -webkit-animation: colors-rainbow 10s ease infinite;
    -moz-animation: colors-rainbow 10s ease infinite;
    -o-animation: colors-rainbow 10s ease infinite;
    animation: colors-rainbow 10s ease infinite;
}
@-webkit-keyframes colors-rainbow {
	0% {
		background-color: #ff0000;
		box-shadow: 0 0px 8px 1px rgba(255, 0, 0, 0.75);
	}
	10% {
		background-color: #ff9a00;
		box-shadow: 0 0px 8px 1px rgba(255, 154, 0, 0.75);
	}
	20% {
		background-color: #d0de21;
		box-shadow: 0 0px 8px 1px rgba(208, 222, 33, 0.75);
	}
	30% {
		background-color: #4fdc4a;
		box-shadow: 0 0px 8px 1px rgba(79, 220, 74, 0.75);
	}
	40% {
		background-color: #3fdad8;
		box-shadow: 0 0px 8px 1px rgba(63, 218, 216, 0.75);
	}
	50% {
		background-color: #2fc9e2;
		box-shadow: 0 0px 8px 1px rgba(47, 201, 226, 0.75);
	}
	60% {
		background-color: #1c7fee;
		box-shadow: 0 0px 8px 1px rgba(28, 127, 238, 0.75);
	}
	70% {
		background-color: #5f15f2;
		box-shadow: 0 0px 8px 1px rgba(95, 21, 242, 0.75);
	}
	80% {
		background-color: #ba0cf8;
		box-shadow: 0 0px 8px 1px rgba(186, 12, 248, 0.75);
	}
	90% {
		background-color: #fb07d9;
		box-shadow: 0 0px 8px 1px rgba(251, 7, 217, 0.75);
	}
	100% {
		background-color: #ff0000;
		box-shadow: 0 0px 8px 1px rgba(255, 0, 0, 0.75);
	}
}
@-moz-keyframes colors-rainbow {
	0% {
		background-color: #ff0000;
		box-shadow: 0 0px 8px 1px rgba(255, 0, 0, 0.75);
	}
	10% {
		background-color: #ff9a00;
		box-shadow: 0 0px 8px 1px rgba(255, 154, 0, 0.75);
	}
	20% {
		background-color: #d0de21;
		box-shadow: 0 0px 8px 1px rgba(208, 222, 33, 0.75);
	}
	30% {
		background-color: #4fdc4a;
		box-shadow: 0 0px 8px 1px rgba(79, 220, 74, 0.75);
	}
	40% {
		background-color: #3fdad8;
		box-shadow: 0 0px 8px 1px rgba(63, 218, 216, 0.75);
	}
	50% {
		background-color: #2fc9e2;
		box-shadow: 0 0px 8px 1px rgba(47, 201, 226, 0.75);
	}
	60% {
		background-color: #1c7fee;
		box-shadow: 0 0px 8px 1px rgba(28, 127, 238, 0.75);
	}
	70% {
		background-color: #5f15f2;
		box-shadow: 0 0px 8px 1px rgba(95, 21, 242, 0.75);
	}
	80% {
		background-color: #ba0cf8;
		box-shadow: 0 0px 8px 1px rgba(186, 12, 248, 0.75);
	}
	90% {
		background-color: #fb07d9;
		box-shadow: 0 0px 8px 1px rgba(251, 7, 217, 0.75);
	}
	100% {
		background-color: #ff0000;
		box-shadow: 0 0px 8px 1px rgba(255, 0, 0, 0.75);
	}
}
@-o-keyframes colors-rainbow {
	0% {
		background-color: #ff0000;
		box-shadow: 0 0px 8px 1px rgba(255, 0, 0, 0.75);
	}
	10% {
		background-color: #ff9a00;
		box-shadow: 0 0px 8px 1px rgba(255, 154, 0, 0.75);
	}
	20% {
		background-color: #d0de21;
		box-shadow: 0 0px 8px 1px rgba(208, 222, 33, 0.75);
	}
	30% {
		background-color: #4fdc4a;
		box-shadow: 0 0px 8px 1px rgba(79, 220, 74, 0.75);
	}
	40% {
		background-color: #3fdad8;
		box-shadow: 0 0px 8px 1px rgba(63, 218, 216, 0.75);
	}
	50% {
		background-color: #2fc9e2;
		box-shadow: 0 0px 8px 1px rgba(47, 201, 226, 0.75);
	}
	60% {
		background-color: #1c7fee;
		box-shadow: 0 0px 8px 1px rgba(28, 127, 238, 0.75);
	}
	70% {
		background-color: #5f15f2;
		box-shadow: 0 0px 8px 1px rgba(95, 21, 242, 0.75);
	}
	80% {
		background-color: #ba0cf8;
		box-shadow: 0 0px 8px 1px rgba(186, 12, 248, 0.75);
	}
	90% {
		background-color: #fb07d9;
		box-shadow: 0 0px 8px 1px rgba(251, 7, 217, 0.75);
	}
	100% {
		background-color: #ff0000;
		box-shadow: 0 0px 8px 1px rgba(255, 0, 0, 0.75);
	}
}
@keyframes colors-rainbow {
	0% {
		background-color: #ff0000;
		box-shadow: 0 0px 8px 1px rgba(255, 0, 0, 0.75);
	}
	10% {
		background-color: #ff9a00;
		box-shadow: 0 0px 8px 1px rgba(255, 154, 0, 0.75);
	}
	20% {
		background-color: #d0de21;
		box-shadow: 0 0px 8px 1px rgba(208, 222, 33, 0.75);
	}
	30% {
		background-color: #4fdc4a;
		box-shadow: 0 0px 8px 1px rgba(79, 220, 74, 0.75);
	}
	40% {
		background-color: #3fdad8;
		box-shadow: 0 0px 8px 1px rgba(63, 218, 216, 0.75);
	}
	50% {
		background-color: #2fc9e2;
		box-shadow: 0 0px 8px 1px rgba(47, 201, 226, 0.75);
	}
	60% {
		background-color: #1c7fee;
		box-shadow: 0 0px 8px 1px rgba(28, 127, 238, 0.75);
	}
	70% {
		background-color: #5f15f2;
		box-shadow: 0 0px 8px 1px rgba(95, 21, 242, 0.75);
	}
	80% {
		background-color: #ba0cf8;
		box-shadow: 0 0px 8px 1px rgba(186, 12, 248, 0.75);
	}
	90% {
		background-color: #fb07d9;
		box-shadow: 0 0px 8px 1px rgba(251, 7, 217, 0.75);
	}
	100% {
		background-color: #ff0000;
		box-shadow: 0 0px 8px 1px rgba(255, 0, 0, 0.75);
	}
}
.theme-color-police {
	background-color: #0057b7;
	box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
    -webkit-animation: colors-police 4s ease infinite;
    -moz-animation: colors-police 4s ease infinite;
    -o-animation: colors-police 4s ease infinite;
    animation: colors-police 4s ease infinite;
}

@-webkit-keyframes colors-police {
	0% {
		background-color: #0057b7;
		box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
	}
	50% {
		background-color: #ff0000;
		box-shadow: 0 0px 8px 1px rgba(255, 0, 0, 0.75);
	}
	100% {
		background-color: #0057b7;
		box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
	}
}
@-moz-keyframes colors-police {
	0% {
		background-color: #0057b7;
		box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
	}
	50% {
		background-color: #ff0000;
		box-shadow: 0 0px 8px 1px rgba(255, 0, 0, 0.75);
	}
	100% {
		background-color: #0057b7;
		box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
	}
}
@-o-keyframes colors-police {
	0% {
		background-color: #0057b7;
		box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
	}
	50% {
		background-color: #ff0000;
		box-shadow: 0 0px 8px 1px rgba(255, 0, 0, 0.75);
	}
	100% {
		background-color: #0057b7;
		box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
	}
}
@keyframes colors-police {
	0% {
		background-color: #0057b7;
		box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
	}
	50% {
		background-color: #ff0000;
		box-shadow: 0 0px 8px 1px rgba(255, 0, 0, 0.75);
	}
	100% {
		background-color: #0057b7;
		box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
	}
}
.theme-color-ukraine {
	background-color: #0057b7;
	box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
    -webkit-animation: colors-ukraine 4s ease infinite;
    -moz-animation: colors-ukraine 4s ease infinite;
    -o-animation: colors-ukraine 4s ease infinite;
    animation: colors-ukraine 4s ease infinite;
}

@-webkit-keyframes colors-ukraine {
	0% {
		background-color: #0057b7;
		box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
	}
	50% {
		background-color: #ffd700;
		box-shadow: 0 0px 8px 1px rgba(255, 215, 0, 0.75);
	}
	100% {
		background-color: #0057b7;
		box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
	}
}
@-moz-keyframes colors-ukraine {
	0% {
		background-color: #0057b7;
		box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
	}
	50% {
		background-color: #ffd700;
		box-shadow: 0 0px 8px 1px rgba(255, 215, 0, 0.75);
	}
	100% {
		background-color: #0057b7;
		box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
	}
}
@-o-keyframes colors-ukraine {
	0% {
		background-color: #0057b7;
		box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
	}
	50% {
		background-color: #ffd700;
		box-shadow: 0 0px 8px 1px rgba(255, 215, 0, 0.75);
	}
	100% {
		background-color: #0057b7;
		box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
	}
}
@keyframes colors-ukraine {
	0% {
		background-color: #0057b7;
		box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
	}
	50% {
		background-color: #ffd700;
		box-shadow: 0 0px 8px 1px rgba(255, 215, 0, 0.75);
	}
	100% {
		background-color: #0057b7;
		box-shadow: 0 0px 8px 1px rgba(0, 87, 183, 0.75);
	}
}
@media only screen and (max-width: 1040px){
	.hero-header .hero-title .first {font-size: 42px;}
	.universal-box-wrap .hero-title.homepage-third h3 {font-size: 42px;}
	.animation-text-word {font-size: 18px;}
}
@media only screen and (max-width: 768px){
	.hero-header .hero-title .first {font-size: 33px;}
	.universal-box-wrap .hero-title.homepage-third h3 {font-size: 33px;}
	.universal-box-wrap .hero-title.homepage-third span {font-size: 15px;}
	.animation-text-word {font-size: 17px;}
	footer span.copyright {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		vertical-align: baseline;
		position: relative;
		display: inline-block;
		text-align: center;
		width: 100%;
	}
}
@media only screen and (max-width: 480px){
	.hero-header .hero-title .first {font-size: 23px;}
	.universal-box-wrap .hero-title.homepage-third h3 {font-size: 20px;}
	.universal-box-wrap .hero-title.homepage-third span {font-size: 12px;}
	.animation-text-word {font-size: 15px;}
	.container {padding: 0px 20px !important;}
}

/*!
 * DevDJ
 * > | Text Animation Style
 * > | v1.0
 *
!*/
.wrapper-all,
.section2,
.partners-content {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.hero-header {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box-wrap {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box-wrap .background-wrap {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
}
.box-wrap .overlay-image.hero {
	background-image: url('..//img/hero/background.svg');
}
.box-wrap .overlay-image {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 15;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.box-wrap .overlay-video {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 15;
	overflow: hidden;
}
.box-wrap .overlay-color {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 20;
}
.box-wrap .content.hero {
	height: 100vh;
	overflow: hidden;
}
.box-wrap .content {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	z-index: 25;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box-wrap .hero-title {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
	max-width: 40%;
}
.hero2 .hero-title .first {
	color: #fff;
	font-size: 50px;
	font-weight: 500;
	margin-bottom: 30px;
	line-height: 1;
	letter-spacing: -1px;
	text-transform: uppercase;
}
.animation-text {
	color: #f00;/* #ed2629; */
	font-size: 25px;
	font-weight: 500;
	display: inline-block;
	height: 1em;
}
.typed-cursor {
	color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6{
	font-weight:600;
	line-height: 1.2;
}
@media only screen and (min-width: 600px){
  .animation-text {
	display: inline-block;
	height: 1em;
  }
}

/*!
 * DevDJ
 * > | Banner Style
 * > | v1.0
 *
!*/
.banner-section {
    background-color: black;
    /* background-image:url();
     background-size:cover;
     */
    min-height: 950px;
}
.banner-section .overlay-bg {
    opacity: .6;
}
.banner-section .banner-left h1 {
    font-size: 55px;
}
.banner-section .banner-left h1,
.banner-section .banner-left p {
    color: #fff;
}
.banner-section .banner-left h4 {
    font-weight: 300;
    margin: 20px 0;
}
/*
.banner-section .banner-right {
    background: url('../images/screen-bg.png') center no-repeat;
    background-size: contain;
}
*/
.banner-section .banner-right img {
    -webkit-animation: jump 5s linear 0s infinite normal forwards;
    animation: jump 5s linear 0s infinite normal forwards;
}
@keyframes jump {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    41% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    80% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes jump {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    41% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    80% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.banner-section .wave svg {
    position: absolute;
    width: 100%;
    bottom: -1px;
    fill: #fff;
}
.banner-section .wave svg path:nth-child(1) {
    opacity: .15;
}
.banner-section .wave svg path:nth-child(2) {
    opacity: .3;
}
.banner-section2 {
    background: url('../images/banner2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.banner-section2 .overlay-bg {
    background: url('../images/banner-overlay1.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.banner-section2 .banner-left h1 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 400;
}
.banner-section2 .banner-left h1 span {
    display: block;
    padding-top: 20px;
    font-weight: 600;
    font-size: 60px;
}
.banner-section2 .banner-left p {
    margin: 20px 0;
    max-width: 450px;
}
.banner-section3 {
    background: url('../images/banner3.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.banner-section3 .overlay-bg {
    background: url('../images/banner-overlay.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.banner-section3 .banner-left h1 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 400;
}
.banner-section3 .banner-left h1 span {
    display: block;
    padding-top: 20px;
    font-weight: 600;
    font-size: 60px;
}
 .banner-section3 .banner-left p {
    margin: 20px 0;
    max-width: 450px;
}

/*!
 * DevDJ
 * > | Featured Style
 * > | v1.0
 *
!*/
.featured-section .row {
    padding-bottom: 75px;
    border-bottom: 1px solid #eee;
}
.featured-section .single-logo {
    text-align: center;
}
.featured-section .single-logo img {
    text-align: center;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.featured-section .single-logo img:hover {
    -ms-transform: scale(.9,.9);
    -webkit-transform: scale(.9,.9);
    transform: scale(.9,.9);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}
.feature-section {
    background: url('../images/feature-bg.png') center no-repeat;
    background-size: cover;
}
.feature-section .header-left h1 {
    padding-bottom: 30px;
    font-size: 50px;
    text-transform: capitalize;
}
.feature-section .feature-wrap {
    padding-top: 60px;
}
.features-wrap .single-feature {
    background: #fff;
    border-radius: 5px;
    padding: 40px;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.features-wrap .single-feature span {
    font-size: 35px;
    color: #691cff;
    padding-bottom: 25px;
    display: inline-block;
}
.features-wrap .single-feature h3 {
    margin-bottom: 15px;
    font-weight: 400;
}
.features-wrap .single-feature h5 {
    margin-bottom: 10px;
}
.features-wrap .single-feature p {
    margin-bottom: 0;
    line-height: 1.5em;
}
.features-wrap .single-feature:hover {
    -webkit-box-shadow: 0 30px 90px rgba(105,28,255,.14) !important;
    box-shadow: 0 30px 90px rgba(105,28,255,.14) !important;
}
.features-wrap .single-feature:hover span,
.features-wrap .single-feature:hover p,
.features-wrap .single-feature:hover h3,
.features-wrap .single-feature:hover h5 {
    color: #fff;
}
.features-wrap .single-feature .overlay-bg {
    border-radius: 5px;
    opacity: 0;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.features-wrap .single-feature:hover {
    background: 0 0;
}
.features-wrap .single-feature:hover .overlay-bg {
    opacity: 1;
}
.features-wrap .single-feature:hover span,
.features-wrap .single-feature:hover h3,
.features-wrap .single-feature:hover h5,
.features-wrap .single-feature:hover p {
    position: relative;
}

/*!
 * DevDJ
 * > | Explore Style
 * > | v1.0
 *
!*/
.explore-section {
    background: url('../images/explore.jpg') right top no-repeat;
    background-size: cover;
    color: #fff;
}
.explore-section h1,
.explore-section h3 {
    color: #fff;
}
.explore-section h3 {
    font-weight: 300;
}
.explore-section h1 {
    font-size: 45px;
    padding-top: 10px;
    padding-bottom: 30px;
}
.explore-section .overlay-bg {
    background: -webkit-gradient(linear,left top,right top,from(#000),to(rgba(235,143,169,0)));
    background: -webkit-linear-gradient(left,#000,rgba(235,143,169,0));
    background: -o-linear-gradient(left,#000,rgba(235,143,169,0));
    background: linear-gradient(to right,#000,rgba(235,143,169,0));
}
.explore-section .counter-wrap {
    margin-top: 30px
}
.explore-section .single-counter {
    width: calc(100%/3);
    border-right: 1px solid #eeeeee5c;
    text-align: center;
}
.explore-section .single-counter:last-child {
    border-right: none;
}
.explore-section .single-counter p {
    margin-bottom: 0;
}
.explore-section .single-counter h2 {
    font-weight: 300;
    font-size: 50px;
    color: #fff;
}

/*!
 * DevDJ
 * > | News Style
 * > | v1.0
 *
!*/
.news-section .news-inner .news-box {
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
}
.news-section .news-inner .news-columns {
	width: 100%;
	display: flex;
	border-collapse: collapse;
	border-spacing: 0;
}
.news-section .news-inner .news-comment {
	position: relative;
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #353c41;
	font-size: 13px;
	padding: 0;
}
.news-section .news-inner .news-column {
	display: flex;
	position: relative;
	align-items: flex-start;
	padding: 15px;
}
.news-column.column-medium {
	width: calc(200px + 2px);
}
.news-column.column-fluid {
	width: 100%;
}
.news-section .news-inner .news-header {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 15px !important;
}
.news-section .news-inner .news-head {
	font-size: 20px;
	color: #000;
	line-height: 24px;
	font-weight: 400;
	display: flex;
	position: absolute;
	top: 15px;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-moz-hyphens: initial;
}
.news-header .news-icon {
	margin: 10px 0;
	position: relative;
}
.news-header {
	border-right: 2px solid;
	border-image: linear-gradient(to bottom, transparent, #e0e0e0, #e0e0e0, #e0e0e0, #e0e0e0, #e0e0e0, #e0e0e0, transparent) 1 100%;
	/* box-shadow: inset -1px 0px 0px rgba(0, 0, 0, .1); */
}
.news-section .news-inner .news-content {
	line-height: 20px;
}
.news-content .content-meta {
	color: #8d9aa6;
}
.news-content .content-body {
	position: relative;
	padding: 15px 0 0 0;
}

/*!
 * DevDJ
 * > | Service Style
 * > | v1.0
 *
!*/
.service-section {
    padding-bottom: 120px;
}
@media only screen and (max-width: 991px) {
	.service-section .container div[class*="col-"]:not(:first-child),
	.service-section .container div[class*="col-"]:not(:nth-child(2)) {
		margin-top: 30px;
	}	
}
@media only screen and (max-width: 688px) {
	.service-section .container div[class*="col-"]:not(:first-child),
	.service-section .container div[class*="col-"]:not(:nth-child(2)) {
		margin-top: 30px;
	}	
}
@media only screen and (max-width: 575px) {
	.service-section .container div[class*="col-"]:not(:first-child) {
		margin-top: 30px;
	}	
}
.service-section .service-content .service-container {
	height: 100%;
}
.service-section .single-service {
    position: relative;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
    background: #1c2538;
	background: -moz-linear-gradient(-45deg, #1c2538 0, #131824 100%);
	background: -webkit-linear-gradient(-45deg, #1c2538 0, #131824 100%);
	background: linear-gradient(135deg, #1c2538 0, #131824 100%);
	color: #efefef !important;
    padding: 40px 30px;
	height: 100%;
	border-radius: 2% 2% 10% 10%;
    -webkit-box-shadow: 0 7px 20px -10px rgba(0, 0, 0, .9);
    -moz-box-shadow: 0 7px 20px -10px rgba(0, 0, 0, .9);
    box-shadow: 0 7px 20px -10px rgba(0, 0, 0, .9);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.service-section .single-service i {
    font-size: 38px;
    color: #222;
}
.service-section .single-service h4 {
    margin: 10px 0;
	min-width: 100%;
}
.service-section .single-service p {
    margin-bottom: 0;
}
.service-section .single-service i,
.service-section .single-service p,
.service-section .single-service h4 {
	color: #fff; /* Red: #f80203 Gold: #f6bb42 Green: #3cc60b Blue: #0ba3c6 */
}
.service-section .single-service:hover {
    -webkit-transform: translateY(-10px) !important;
    -moz-transform: translateY(-10px) !important;
    -ms-transform: translateY(-10px) !important;
    -o-transform: translateY(-10px) !important;
    transform: translateY(-10px) !important;
    -webkit-box-shadow: 0 10px 50px -12px rgba(0, 0, 0, .9);
    -moz-box-shadow: 0 10px 50px -12px rgba(0, 0, 0, .9);
    box-shadow: 0 10px 50px -12px rgba(0, 0, 0, .9);
}
.service-section .single-service i,
.service-section .single-service p,
.service-section .single-service h4 {
	position: relative;
	display: block;
}
.service-section .single-service:hover i,
.service-section .single-service:hover p,
.service-section .single-service:hover h4 {
	color: #fff;
}
.service-section .single-service .service-overlay {
	position: absolute;
	display: block;
	border-radius: 2% 2% 10% 10%;
	background: url('../images/hexes.png') no-repeat;
	background-size: 100% 100%;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	z-index: 1;
}
.service-section .single-service.teamspeak:hover .service-overlay {
	background: url('../images/services/teamspeak.png') 50% 50% / cover no-repeat;
}
.service-section .single-service.website:hover .service-overlay {
	background: url('../images/services/website.png') 50% 50% / cover no-repeat;
}
.service-section .single-service.mobile-app:hover .service-overlay {
	background: url('../images/services/mobile.png') 50% 50% / cover no-repeat;
}
.service-section .single-service.code:hover .service-overlay {
	background: url('../images/services/code.png') 50% 50% / cover no-repeat;
}
.service-section .owl-dots {
    text-align: center;
    margin-top: 30px;
}
.service-section .owl-dots .owl-dot {
    width: 14px;
    height: 14px;
    background: #eee;
    display: inline-block;
    margin: 0 5px;
}
.service-section .owl-dots .owl-dot.active {
    background: #691cff;
}
.service-section .owl-dots .owl-dot:focus {
    outline: none;
}

/*!
 * DevDJ
 * > | Skill Style
 * > | v1.0
 *
!*/
.skill-section {
    background: #fff;
}
.skill-section .skill-left p {
    margin-top: 10px;
}
.skill-section .skill-left .prog-container .prog-icon,
.skill-section .skill-left .prog-container .prog-logo,
.skill-section .skill-left .prog-container .prog-img,
.skill-section .skill-left .prog-container .prog-image {
	width: 32px;
	height: 32px;
	margin-right: .5rem;
}
.skill-section .skill-left .prog-container .prog-content {
	width: 100%;
}
.skill-section .skill-left .prog-container {
    margin-bottom: 25px;
    width: 90%;
	display: flex;
}
.skill-section .skill-left .progress {
    background-color: #fff !important;
}
.skill-section .skill-left .prog-container .prog-text {
    font-size: 13px;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
    font-weight: 700;
}
.skill-section .skill-left .prog-container .prog-text .percent {
    position: absolute;
    right: 0;
}
.skill-section .skill-left .prog-container .progress {
    height: 3px;
    border-radius: 4px;
}
.skill-section .skill-left .prog-container .progress .progress-bar {
    background-image: linear-gradient(to left, #ff0000, #f10107, #e3040d, #d60610, #c80913);
    height: 100%;
}
.skill-section .skill-left .prog-container .progress.md {
    height: 10px;
}
.skill-section .skill-left .prog-container .progress.lg {
    height: 20px;
}
@media all and (max-width: 767px) {
    .skill-section .skill-left .prog-container .prog-text .percent {
        position: -webkit-sticky;
        position: sticky;
        right: 0;
    }
}
.skill-section .skill-right img {
    border-radius: 3px;
    background: #fff;
    padding: 10px;
    -webkit-box-shadow: 0 7px 20px -10px #000;
    -moz-box-shadow: 0 7px 20px -10px #000;
    box-shadow: 0 7px 20px -10px #000;
}
.skill-section .skill-right div.img-fluid,
.skill-section .skill-right1 div.img-fluid {
	width: 540px;
	height: auto;
	min-height: 350px;
	background: url('images/our-skills.png') 100% 100% / cover no-repeat;
}

/*!
 * DevDJ
 * > | About Style
 * > | v1.0
 *
!*/
.about-section {
	overflow-x: hidden;
}
.about-section .about-overlay {
	display: flex;
	justify-content: left;
    padding: 0;
}
/*
.about-section .overlay-padding {
	padding-right: 50px;
}
*/
.about-section .overlay-padding {
	padding-right: 12px;
}
.about-section .content-padding {
	padding: 24px 50px 0 50px !important;
}
/*
.about-section .about-img {
	background-position-x: 50%;
	background-position-y: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	height: 700px;
	width: 105%;
	max-width: 120% !important;
	margin: 0;
}
*/
.about-section .about-img {
	height: 695px;
	width: 100%;
	margin: 0;
	background: url('../images/about.png') 50% 50% / cover no-repeat;
}
@media only screen and (max-width: 1400px) {
	.about-section .about-img {
		background-position-x: 10% !important;
	}
}
@media only screen and (max-width: 991px) {
	.about-section .row .col-md-6 {
		width: 100% !important;
		min-width: 100%;		
	}
}
@media only screen and (max-width: 991px) {
	.about-section .about-img {
		height: 600px;
	}		
}
@media only screen and (max-width: 769px) {
	.about-section .about-img {
		height: 550px;
	}		
}
@media only screen and (max-width: 767px) {
	.about-section .about-img {
		height: 500px;
	}	
}
@media only screen and (max-width: 688px) {
	.about-section .about-img {
		height: 450px;
	}	
}
@media only screen and (max-width: 575px) {
	.about-section .about-img {
		height: 400px;
	}	
}
@media only screen and (max-width: 480px) {
	.about-section .about-img {
		height: 300px;
	}
}
.about-section .about-content .info {
	padding-top: 1rem;
	font-size: initial;
	font-weight: normal;
}
.about-section .about-content .content {
	position: relative;
}
.about-section .about-content .content .row-content::before {
	top: 0;
	bottom: 0;
	content: "";
	display: block;
    position: absolute;
	background: #eaeaea;
	margin: 5px 0 0 28px;
    height: 100%;
    width: 4px;
    z-index: 1;
}
.about-section .about-content .content .row-content:last-child::before {
	top: unset;
	bottom: -10px;
	background: #fff;
	height: 60px;

}
.about-section .about-content .content .row-content {
	display: flow-root;
    padding: 0 50px;
    margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
	.about-section .about-content .content .row-content {
		display: flow-root;
		padding: unset;
		margin-bottom: 20px;
	}		
}
.about-section .about-content .content .row-content .icon {
    display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: 60px;
    height: 60px;
    color: #fff;
    border-radius: 100%;
	z-index: 2;
}
.about-section .about-content .content .row-content .icon {
    background: #f80203; /* Gold: #f6bb42 Green: #3cc60b Blue: #0ba3c6 */
}
.about-section .about-content .content .row-content .icon {
    font-size: 28px;
    margin-top: 5px;
}
.about-section .about-content .content .row-content .content {
    padding-right: 20px;
    padding-left: 55px;
	margin-top: 8px;
}
.about-section .about-content .content .row-content .content {
    padding-left: 85px;
}
.about-section .overlay-bg1 {
    background: url('../images/bg2.png');
    background-size: cover;
    background-position: center;
}
.about-section .overlay-bg2 {
    background: url('../images/bg.png');
    background-size: cover;
    background-position: center;
}
.about-section .about-left img {
    width: 100%;
}
.about-section .about-right h3 {
    font-weight: 300;
}
.about-section .about-right h1 {
    margin-top: 20px;
    margin-bottom: 30px;
    max-width: 480px;
}
.about-section .about-right .icon {
    margin-right: 30px;
}
.about-section .about-right .icon span {
    font-size: 40px;
    color: #691cff;
}
.about-section .about-right .details p {
    max-width: 300px;
    margin-top: 15px;
}
.about-section .about-right .details h4 {
    font-weight: 400;
}
.about-section .about-right ul li {
    margin-bottom: 20px !important;
}
.about-section .about-right ul li:last-child {
    margin-bottom: 0 !important;
}
.floating-shapes span {
    display: block;
    position: absolute;
}
.floating-shapes span img {
    display: block;
    max-width: 100%;
    height: auto;
}
.floating-shapes span:nth-child(1) {
    left: 4.8%;
    top: 4.5%;
}
.floating-shapes span:nth-child(2) {
    left: 9.6%;
    top: 27.2%;
}
.floating-shapes span:nth-child(3) {
    left: 8.8%;
    bottom: 16%;
}
.floating-shapes span:nth-child(4) {
    left: 25%;
    bottom: 21%;
}
.floating-shapes span:nth-child(5) {
    left: 35%;
    top:6.6%;
}
.floating-shapes span:nth-child(6) {
    left: 43%;
    bottom: 30%;
}
.floating-shapes span:nth-child(7) {
    left: 49%;
    top: 50%;
}
.floating-shapes span:nth-child(8) {
    right: 11.8%;
    top: 33%;
}
.floating-shapes span:nth-child(9) {
    right: 6%;
    top: 10%;
}
.floating-shapes span:nth-child(10) {
    right: 4.5%;
    bottom: 33%;
}
@media screen and (max-width:767.98px) {
    .floating-shapes span {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        display: none;
    }
}
.testimonial-section {
    padding-top: 120px;
}
.testimonial-section .testimonial-left p {
    margin-top: 10px;
    margin-bottom: 40px;
    max-width: 300px;
}
.testimonial-section .testimonial-right h2 {
    margin-bottom: 30px;
}
.testimonial-section .single-testimonial {
    border: 1px solid #eee;
    background: #eeeeee1f;
    border-radius: 5px;
    padding: 30px;
}
.testimonial-section .single-testimonial p {
    color: #222;
    font-weight: 400;
}
.testimonial-section .single-testimonial .img-wrap {
    margin-right: 20px;
}
.testimonial-section .single-testimonial .img-wrap img {
    border-radius: 30px;
}
.testimonial-section .single-testimonial .details p {
    margin-bottom: 0;
    color: #8c8d9e;
}
.testimonial-section .testimonial-white-bg {
    background: #fff !important;
    border-color: #fff !important;
}
.testimonial-section .carusel-two .owl-dots .owl-dot {
    background: #fff;
}
.testimonial-section .owl-dots {
    text-align: left;
    margin-top: 30px;
}
.testimonial-section .owl-dots .owl-dot {
    border-radius: 20px;
    width: 14px;
    height: 14px;
    background: #eee;
    display: inline-block;
    margin: 0 5px;
}
.testimonial-section .owl-dots .owl-dot.active{
    background: #691cff;
}
.testimonial-section .owl-dots .owl-dot:focus {
    outline: none;
}
.screenshot-section {
    background: #eee;
}
.screenshot-section .owl-nav {
    text-align: center;
    margin-top: 40px;
}
.screenshot-section .owl-nav .owl-next,
.screenshot-section .owl-nav .owl-prev {
    font-size: 30px !important;
}
.screenshot-section .owl-nav .owl-next:focus,
.screenshot-section .owl-nav .owl-prev:focus {
    outline: none;
}
.bg-color-blue {
    background-color: #2a7af3;
}
.screenshot_slider .owl-stage .owl-item .item img {
    -webkit-transition: .3s;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
}
.screenshot_slider .owl-carousel .owl-item img {
    width: auto;
    max-width: 100%;
}
.screenshot_slider .owl-stage .owl-item.center .item img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.screenshot_slider .owl-item {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.screenshot_slider .owl-controls .owl-prev,
.testimonial-caroussel .owl-controls .owl-prev,
.screenshot_slider .owl-controls .owl-next,
.testimonial-caroussel .owl-controls .owl-next {
    -webkit-box-shadow: 1px 2px 4px 0 transparent;
    box-shadow: 1px 2px 4px 0 transparent;
    color: #fff;
    height: 40px;
    left: 0;
    line-height: 3;
    margin: 0 5px;
    position: absolute;
    text-align: center;
    bottom: -16%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 40px;
    z-index: 9;
}
.screenshot_slider .owl-controls .owl-prev:hover,
.testimonial-caroussel .owl-prev:hover,
.screenshot_slider .owl-controls .owl-next:hover,
.testimonial-caroussel .owl-next:hover {
    border-color: #fff;
    color: #fff
}
.screenshot_slider .owl-controls .owl-prev span,
.testimonial-caroussel .owl-controls .owl-prev span,
.screenshot_slider .owl-controls .owl-next span,
.testimonial-caroussel .owl-controls .owl-next span {
    font-size: 28px;
}
.screenshot_slider .owl-controls .owl-next {
    left: auto;
    right: 45%;
    font-size: 30px;
}
.screenshot_slider .owl-controls .owl-prev {
    right: auto;
    left: 45%;
    font-size: 30px;
}

/*!
 * DevDJ
 * > | Portfolio Style
 * > | v1.0
 *
!*/
.pt-portfolio-project .section-title {
	padding: 0;
	margin: 0;
}
.content-wrap {
    position: relative;
    padding: 80px 0;
	display: flex;
}
.project-preview {
	position: relative;
	max-width: 70%;
	float: left;
}
.portfolio-single-image {
	width: 100%;
}
.portfolio-single-image img {
	width: 100%;
	height: 100%;
}
.project-info {
	position: relative;
	max-width: 30%;
	float: right;
}
.portfolio-single-content {
	width: 100%;
	height: 100%;
}
.portfolio-single-content {
	margin-left: .5rem;
	margin-right: .5rem;
}
.portfolio-single-content {
	background: #fff;
    font-size: 14px;
}
.portfolio-single-content h2 {
    font-size: 20px;
    font-weight: 600 !important;
}
.project-header {
	text-align: center;
}
.project-header h1,
.project-header h2,
.project-header h3,
.project-header h4,
.project-header h5,
.project-header h6 {
	color: #000;
}
.fancy-title {
    position: relative;
    margin: 30px 0;
}
.fancy-title h1,
.fancy-title h2,
.fancy-title h3,
.fancy-title h4,
.fancy-title h5,
.fancy-title h6 {
    position: relative;
    display: inline-block;
	padding: 0;
	margin: 0;
}
.project-description {
	padding: 16px;
}
.project-description,
.project-description p {
	color: #000;
}
.card.events-meta {
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.portfolio-meta, .portfolio-share {
    list-style: none;
    font-size: 14px;
}
.portfolio-meta li:first-child {
    margin-top: 0;
}
.portfolio-meta li {
	display: flex;
	align-items: center;
    margin: 10px 0;
    color: #666;
}
.portfolio-meta li span {
    display: inline-block;
    width: 150px;
    font-weight: bold;
    color: #333;
}
.portfolio-meta li span i {
    position: relative;
    top: 1px;
    width: 14px;
    text-align: center;
    margin-right: 7px;
}
.portfolio-meta li p {
	display: inline-block;
	max-width: 60%;
	margin: 0;
}
@media only screen and (max-width: 1193px) {
	.project-info {
		max-width: unset;
	}
}
@media only screen and (max-width: 1027px) {
	.content-wrap {
		display: block;
	}
	.project-preview {
		max-width: unset;
		float: unset;
	}
	.project-info {
		margin-top: 10px;
		max-width: unset;
		float: unset;
	}
}
@media only screen and (min-width: 768px) {
	.portfolio-list .list-inner {
		width: 100%;
		height: auto;
		clear: both;
		float: left;
		position: relative;
		border-radius: 3px;
		overflow: hidden;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.pt-portfolio .portfolio-items .item figure {
		position: relative;
		cursor: pointer;
		background-color: #00a3e1;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		overflow: hidden;
	}
	.pt-portfolio .portfolio-items .item figure figcaption {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 30px;
		color: #fff;
	}
	.pt-portfolio .portfolio-items .item figure figcaption a {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.pt-portfolio .portfolio-items .item figure img {
		opacity: 1;
		width: 100%;
		height: 100%; 
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.section-line::after {
		width: 48%;
	}
	.section-line::before {
		width: 48%;
	}
}
@media only screen and (max-width: 768px) {
	/*.item {
		height: 100% !important;
	}
	*/
	.portfolio-list .list-inner {
		width: 100%;
		height: 100% !important;
		clear: both;
		float: left;
		position: relative;
		border-radius: 3px;
		overflow: hidden;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.pt-portfolio .portfolio-items .item figure {
		position: relative;
		cursor: pointer;
		background-color: #00a3e1;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		overflow: hidden;
	}
	.pt-portfolio .portfolio-items .item figure figcaption {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100% !important;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 30px;
		color: #fff;
	}
	.pt-portfolio .portfolio-items .item figure figcaption a {
		position: absolute;
		width: 100%;
		height: 100% !important;
		top: 0;
		left: 0;
	}
	.pt-portfolio .portfolio-items .item figure img {
		opacity: 1;
		width: 100%;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
}
.featured-section {
	background-image: linear-gradient(to left, #ff0000, #f10107, #e3040d, #d60610, #c80913);
}
.stat-section .container .section-title h2,
.partner-section .container .section-title h2 {
	color: white;
}
.project-section .container .section-title h2 {
	color: #222;
}
.mb-50 {
	margin-bottom: 50px !important;
}
.mt-50 {
	margin-top: 50px !important;
}
.mb-100 {
	margin-bottom: 100px !important;
}
.mt-100 {
	margin-top: 100px !important;
}
.pt-portfolio .portfolio-items .item figure {
	background-color: #020202d6 !important;/* #00a3e1 */
}
div.website,
div.application,
div.system,
div.addon,
div.plugin,
div.graphic,
div.design,
div.game,
div.other,
div.brand {
	padding-bottom: 15px;
	padding-top: 15px;
}
.hidden {
	display: none !important;
}
@media screen and (max-width: 767px) {
  .portfolio.container {
	max-width: 100% !important;
	padding: 0 !important;
  }
  .portfolio .section-line {
	padding: 0px 20px;
  }
  .section-line,
  .portfolio-items {
	margin-left: auto;
	margin-right: auto;
  }
  #projects .navigation {
	width: 100% !important;
  }
}
#projects .navigation {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background: #ff0000;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
#projects .navigation a {
	background: none;
	border: none;
	margin: 0;
	padding: 15px 15px 13px 15px;
	display: inline-block;
	color: white;
	font-weight: 800;
	font-family: 'Oswald';
	text-transform: uppercase;
	min-width: 52px;
	min-height: 52px;
	max-width: 100%;
}
#projects .navigation * {
	margin: 0 !important;
}
#projects .navigation a.active,
#projects .navigation a:active,
#projects .navigation a:hover,
#projects .navigation a:visited {
	color: #ff0000;
	background: #ffffff;
	cursor: pointer;
	border: none;
	margin: 0;
}
/* Portfolio Item */
.pt-portfolio .portfolio-items .item figure figcaption h3 {
	opacity: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.pt-portfolio .portfolio-items .item figure figcaption p {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 20px;
	font-size: 14px;
	padding-left: 15px;
	opacity: 0;
	-webkit-transform: translateX(-200%);
	-ms-transform: translateX(-200%);
	transform: translateX(-200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.pt-portfolio .portfolio-items .item figure figcaption p:before {
	content: "\f292";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-weight: 900;
}
.pt-portfolio .portfolio-items .item figure figcaption i {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 20px;
	font-size: 24px;
	opacity: 0;
	-webkit-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.pt-portfolio .portfolio-items .item figure:hover img {
	opacity: 0.25;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1); 
}
.pt-portfolio .portfolio-items .item figure:hover h3 {
	opacity: 1;
}
.pt-portfolio .portfolio-items .item figure:hover p {
	opacity: 1; 
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.pt-portfolio .portfolio-items .item figure:hover i {
	opacity: 1; 
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

/*!
 * DevDJ
 * > | Section Style
 * > | v1.0
 *
!*/
.section-line::after {
	float: right;
	background: #eaeaea;
	content: "";
	height: 2px;
	margin-top: 10px;
	width: 45%;
}
.section-line::before {
	float: left;
	background: #eaeaea;
	content: "";
	height: 2px;
	margin-top: 10px;
	width: 45%;
}
.section-title {
	margin-bottom: 60px;
}
.section-title h1,
.section-title h2,
.section-title h3
.section-title h4
.section-title h5
.section-title h6 {
	margin-bottom: 6px;
}
.section-line {
	font-size: 20px;
	line-height: 20px;
	max-width: 50%;
	color: #fff;
	clear: both;
	margin: auto;
	text-align: center;
	vertical-align: middle;
}
.section-line-span {
	margin: 0 3px;
}
.section-line-span i {
	color: #f6bb42;
	font-size: 18px;
	line-height: 1;
}

/*!
 * DevDJ
 * > | Partner Style
 * > | v1.0
 *
!*/
.partner-section {
	padding-bottom: 0;
}
.partner-section .wave {
	transform: rotateX(180deg);
	margin-bottom: -7px;
    fill: #fff;
}
.partner-section .wave svg {
	margin-top: -1px;
	fill: #fff;
}
.partners-wrapper {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: center;
	cursor: e-resize;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */ 
}
.partners-wrapper ul {
	margin: 0px;
	list-style-type: none;
}
.partners-wrapper ul li {
	margin: 0px;
}

/*!
 * DevDJ
 * > | Team Style
 * > | v1.0
 *
!*/
.team-section {
    background-color: #eee;
}
.team-section .single-team {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.team-section .single-team img {
    width: 100%;
    position: relative;
}
.team-section .single-team:hover .team-content {
    opacity: 1;
}
.team-section .team-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(34,34,34,.8);
    padding: 20px 0;
    color: #fff;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.team-section .team-content a,
.team-section .team-content h4 {
    color: #fff;
}
.team-section .team-content ul li {
    display: inline-block;
    margin: 5px;
}
.team-section .owl-dots {
    text-align: center;
    margin-top: 30px;
}
.team-section .owl-dots .owl-dot {
    width: 14px;
    height: 14px;
    background: #fff;
    display: inline-block;
    margin: 0 5px;
}
.team-section .owl-dots .owl-dot.active {
    background: #691cff;
}
.team-section .owl-dots .owl-dot:focus {
    outline: none;
}
.home-faq-section {
    padding-top: 120px;
}
.accordion > dt {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    -webkit-box-shadow: 0 7px 20px -10px #000;
    -moz-box-shadow: 0 7px 20px -10px #000;
    box-shadow: 0 7px 20px -10px #000;
}
.accordion > dt > a {
    display: block;
    position: relative;
    color: #222;
    text-decoration: none;
    padding: 14px 20px;
    border-radius: 3px;
    border: 1px solid #e8e8e8;
}
.accordion >dt > a:hover {
    text-decoration: none;
    border-color: #ddd;
    background: #fbfbfb;
}
.accordion > dt > a.active {
    color: #fff;
    border-color: #691cff;
    background: #691cff;
    cursor: default;
}
.accordion > dt > a.active:after {
    color: #fff !important;
}
.accordion > dt > a:after {
    content: "\f107";
    width: 15px;
    height: 15px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #999;
    -webkit-font-smoothing: antialiased;
}
.accordion > dt > a.active:after,
.accordion > dt > a.active:hover:after {
    content: "\f106";
    color: #111;
}
.accordion > dt > a:hover:after {
    color: #444;
}
.accordion > dd {
    margin-bottom: 10px;
    padding: 10px 20px 20px;
    font-size: 14px;
    line-height: 1.8;
    color: #777;
}
.accordion > dt > a,
.accordion > dt > a:after,
.toggle > dt > a,
.toggle > dt > a:after {
    -webkit-transition: all .27s cubic-bezier(0,0,.58,1);
    -moz-transition: all .27s cubic-bezier(0,0,.58,1);
    -o-transition: all .27s cubic-bezier(0,0,.58,1);
    -ms-transition: all .27s cubic-bezier(0,0,.58,1);
    transition: all .27s cubic-bezier(0,0,.58,1);
}
.accordion > dt > a.active {
    pointer-events: none !important;
    cursor: default !important;
}
.cta-section {
    background: url('../images/banner2.jpg');
    background-attachment: fixed;
    background-size: cover;
}
.cta-section h1,
.cta-section h4,
.cta-section p {
    color: #fff;
}
.cta-section h4 {
    font-weight: 400;
    padding-top: 20px;
    padding-bottom: 30px;
}
.cta-section .overlay-bg {
    background: rgba(0,0,0,.8);
}
.price-section .price-left h4 {
    font-size: 35px;
}
.price-section .price-left p {
    color: #222;
    padding: 10px 0;
    max-width: 320px;
}
.price-section .price-right .main {
    margin: -30px 0;
    background: #691cff;
    color: #fff;
}
.price-section .price-right .main i,
.price-section .price-right .main h4,
.price-section .price-right .main h2 {
    color: #fff;
}
.price-section .price-right .main .bottom-wrap {
    border-color: #fff;
}
.price-section .single-price {
    width: 100%;
    border-radius: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 auto;
    -webkit-box-shadow: 5px 5px 30px rgba(0,0,25,.05);
    box-shadow: 5px 5px 30px rgba(0,0,25,.05);
    padding: 40px 30px;
    z-index: 1;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.price-section .single-price i {
    position: relative;
    font-size: 40px;
    color: #691cff;
}
.price-section .single-price h4 {
    position: relative;
    margin: 10px 0;
}
.price-section .single-price .bottom-wrap {
    border-top: 1px solid #8c8d9e;
    margin-top: 20px;
    padding-top: 20px;
}
.price-section .single-price .bottom-wrap i {
    font-size: 10px;
}
.price-section .single-price .bottom-wrap ul li {
    margin-bottom: 10px;
}
.price-section .single-price .bottom-wrap ul li:last-child {
    margin-bottom: 0;
}
.price-section .single-price .bottom-wrap .primary-btn-w {
    background: #fff;
    color: #222;
    margin-top: 30px;
}
.price-section .single-price .bottom-wrap .primary-btn {
    margin-top: 30px;
}
.download-section {
    background: url('../images/download-bg.png');
}
.download-section p {
    margin-top: 20px;
    margin-bottom: 0;
}
.download-section .download-wrap {
    padding-top: 80px;
}
.download-section .dload-btn {
    text-align: right;
}
.download-section .primary-btn {
    margin-left:20px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.download-section .primary-btn svg {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}
.clients-wrap {
    padding: 30px 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.single-client {
    text-align: center;
}

/*!
 * DevDJ
 * > | Stat Style
 * > | v1.0
 *
!*/
.stat-section {
	padding: 0;
}
.stat-section .wave {
	overflow: hidden;
}
.stat-section .wave svg {
	fill: #fff;
}
.stat-section .wave.wave-before {
	padding-bottom: 75px;
}
.stat-section .wave.wave-before svg {
	width: calc(200% + 1.3px);
    height: 132px;
	transform: translate(-24%);
}
.stat-section .wave.wave-after {
	padding-top: 75px;
}
.stat-section .wave.wave-after svg {
	transform: rotateX(180deg);
	margin-bottom: -8px;
}
.stat-section h1,
.stat-section h4 {
    color: #fff;
}
.stat-section .single-stat {
    color: #fff;
}
.stat-section .single-stat i {
    font-size: 35px;
}
.stat-section .single-stat h1 {
    margin: 20px 0;
}

/*!
 * DevDJ
 * > | Privacy Style
 * > | v1.0
 *
!*/
.privacy-section p {
	color: #000;
	margin-bottom: 1.5em;
	width: 100%;
}
.privacy-section p:last-child {
	padding-bottom: 2em;
}
.privacy-section b {
	font-weight: 700;
}

/*!
 * DevDJ
 * > | Contact Style
 * > | v1.0
 *
!*/
.contact-section .section-title {
    padding-top:120px;
}
.form-row {
    background: #fff;
    padding: 30px 0;
    border-radius: 3px;
    margin-bottom: -100px;
    box-shadow: 0 0 158px 0 rgba(0,0,0,.11);
    -webkit-box-shadow: 0 0 158px 0 rgba(0,0,0,.11);
    -moz-box-shadow: 0 0 158px 0 rgba(0,0,0,.11);
}
.address-wrap .single-address-col {
    text-align: center;
    margin-bottom: 40px;
}
.address-wrap .single-address-col i {
    font-size: 50px;
    color: #691cff;
}
.address-wrap .single-address-col p {
    font-size: 16px;
    margin-top: 10px;
    color: #222;
}
.contact-wrap {
    padding: 60px 0;
}
.contact-wrap h3 {
    font-weight: 400;
}
.contact-wrap h3 i {
    margin-right: 10px;
}
.contact-form-wrap {
    padding: 50px;
}
.contact-form-wrap .form-col {
    margin-bottom: 30px;
}
.contact-form-wrap .form-control {
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right:none;
    background: 0 0;
    padding-left: 0;
}
.contact-form-wrap .form-control:focus {
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    border-color:#222 !important;
}
.contact-form-wrap .primary-btn {
    vertical-align: center;
    margin-top: 30px;
    border: none;
}
.contact-form-wrap .primary-btn:focus {
    outline: none;
}
.form-row .message {
    height: 50px;
    width: 100%;
    font-size: 13px;
    line-height: 50px;
    text-align: center;
    float: none;
    margin-top: 20px;
    display: none;
    color: #fff;
}
.form-row .error {
    background: #ef5659;
}
.form-row .success {
    background: #691cff;
}
.contact-page-section {
    background: #eee !important;
}
.contact-page-section .single-address-col .div {
    padding: 30px 0;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 40px;
}
.home-contact {
    padding-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#contact .row.contact-wrap div.col-header {
		margin-top: 10%;
	}
	#contact .row.contact-wrap div.col-content:nth-child(3){
		margin-left: 50%;
	}
}

/********************/
/*   Footer Style   */
/********************/
#footer {
	color: #bfbfbf;
	background: black;
}
#footer.one-page {
	position: absolute;
	width: 100%;
	bottom: 0;
}
.second-footer {
	background: rgba(0, 0, 0, 0.4);
	padding: 20px 0 20px 242px;
	position: relative;
	color: #C2C2C2;
	line-height: 24px;
	font-family: "Tahoma", Helvetica, Arial;
	font-size: 12px;
	width: 67%;
	display: inline-block;
}
div.footer-row::after {
	clear: both;
	display: table;
	content: " ";
}
}
.clr::before,
.clr::after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.copyright {
	float: left;
	color: #696969;
}
.copyright a {
	color: #fff;
	text-decoration: none;
	transition: all 400ms ease;
}
footer .socialmedia {
	left: 0;
	margin: 0 0 0 20px;
	padding: 20px 0 20px 0;
	position: relative;
	display: inline-block;
}
@media (max-width: 664px) {
  footer {
	color: #bfbfbf;
	background: black;
	height: 106px;
	position: relative;
	text-align: center;
  }
  .second-footer {
	background: rgba(0, 0, 0, 0.4);
	padding: 0 0 20px 0;
	position: absolute;
	color: #C2C2C2;
	line-height: 24px;
	font-family: "Tahoma", Helvetica, Arial;
	font-size: 12px;
	display: block;
	top: 59px;
	float: right;
	width: 100%;
  }
  footer .socialmedia {
	padding: 20px 0;
	position: relative;
	display: flex;
	margin-left: auto;
	margin-right: auto;/
	float: left;
	width: 100% !important;
	background: rgba(0, 0, 0, 0.4);
	justify-content: center;
  }
}
/* Social */
.socialmedia a {
	float: left;
	text-align: center;
	margin: 0 4px 0;
	width: 26px;
	height: 26px;
	border-radius: 2px;
	color: #ddd
}
.socialmedia a:hover {
	color: #fff
}
.socialmedia a i {
	padding: 6px 0;
	display: block;
	font-size: 14px;
	border-radius: 2px;
	transition: all 400ms ease
}
.colored a i {border: none !important}
.colored a:hover i {background: transparent; color: #fff}
.socialmedia a:hover i {background: #fff;color:#000}
.socialmedia a:hover i {background: #000; color:#fff}
.socialmedia a:hover .fa-twitter, .colored a .fa-twitter {background: #00abdc}
.socialmedia a:hover .fa-facebook-f, .colored a .fa-facebook-f {background: #1778f2}
.socialmedia a:hover .twitch, .colored a .twitch {background: #6441a5}
.socialmedia a:hover .fa-dribbble, .colored a .fa-dribbble {background: #fa4086}
.socialmedia a:hover .fa-rss, .colored a .fa-rss {background: #f1862f}
.socialmedia a:hover .fa-github, .colored a .fa-github {background: #333}
.socialmedia a:hover .fa-instagram, .colored a .fa-instagram {background: #a31ab7}
.socialmedia a:hover .fa-linkedin, .colored a .fa-linkedin {background: #0073b2}
.socialmedia a:hover .fa-pinterest, .colored a .fa-pinterest {background: #d9031f}
.socialmedia a:hover .fa-google-plus, .colored a .fa-google-plus {background: #d9031f}
.socialmedia a:hover .fa-foursquare, .colored a .fa-foursquare {background: #0cbadf}
.socialmedia a:hover .fa-skype, .colored a .fa-skype {background: #00b9e5}
.socialmedia a:hover .fa-soundcloud, .colored a .fa-soundcloud {background: #ff3300}
.socialmedia a:hover .fa-mixcloud, .colored a .fa-soundcloud {background: #273a4b}
.socialmedia a:hover .fa-youtube, .colored a .fa-youtube {background: #cd201f}
.socialmedia a:hover .fa-tumblr, .colored a .fa-tumblr {background: #325c94}
.socialmedia a:hover .fa-star, .colored a .fa-star {background: #F8AC24}
.socialmedia a:hover .fa-flickr, .colored a .fa-flickr {background: #fa4086}
.socialmedia a:hover .fa-spotify, .colored a .fa-spotify {background: #25d366}
.socialmedia a:hover .fa-weibo, .colored a .fa-weibo {background: #E64141}
.socialmedia a:hover .fa-yahoo, .colored a .fa-yahoo {background: #2D1152}
.socialmedia a:hover .fa-behance, .colored a .fa-behance {background: #1769FF}
.socialmedia a:hover .fa-deviantart, .colored a .fa-deviantart {background: #87B946}
.socialmedia a:hover .fa-digg, .colored a .fa-digg {background: #000}
.socialmedia a:hover .fa-reddit, .colored a .fa-reddit {background: #FF4500}
.socialmedia a:hover .fa-compact-disc, .colored a .fa-compact-disc {background: #ff3d00}
.socialmedia a:hover .fa-vimeo-square, .colored a .fa-vimeo-square, .socialmedia a:hover .fa-vimeo, .colored a .fa-vimeo {background: #1ab7ea}
#toTop {
	font-size: 18px;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	bottom: 20px;
	right: 20px;
	background: #181818;
	cursor: pointer;
	border-radius: 3px;
	transition: all 200ms ease;
}
#toTop i {
	color: white;
}
	
/*
:-ms-input-placeholder{color:#777;font-weight:300}::-ms-input-placeholder{color:#777;font-weight:300}body{color:#8c8d9e;font-family:poppins,sans-serif;font-size:14px;font-weight:300;line-height:1.625em;position:relative}ol,ul{margin:0;padding:0;list-style:none}select{display:block}figure{margin:0}a{/*-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s* /}iframe{border:0}a,a:focus,a:hover{text-decoration:none;outline:0}.btn.active.focus,.btn.active:focus,.btn.focus,.btn.focus:active,.btn:active:focus,.btn:focus{text-decoration:none;outline:0}.card-panel{margin:0;padding:60px}.btn i,.btn-large i,.btn-floating i,.btn-large i,.btn-flat i{font-size:1em;line-height:inherit}.gray-bg{background:#f9f9ff}h1,h2,h3,h4,h5,h6{font-family:poppins,sans-serif;color:#222;line-height:1.2em!important;margin-bottom:0;margin-top:0;font-weight:600}.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:0;margin-top:0;font-family:poppins,sans-serif;font-weight:600;color:#222}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:16px}h6,.h6{font-size:14px}td,th{border-radius:0}.clear::before,.clear::after{content:" ";display:table}.clear::after{clear:both}.float-left{float:left}.float-right{float:right}.text-italic{font-style:italic}.text-white{color:#fff}.text-black{color:#000}.transition{-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.section-gap-full{padding:120px 0}.section-gap-half{padding:75px 0}.pb-30{padding-bottom:30px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.display-table{display:table}.light{color:#fff}.dark{color:#222}.relative{position:relative}.overflow-hidden{overflow:hidden}.overlay{position:absolute;left:0;right:0;top:0;bottom:0}.container.fullwidth{width:100%}.container.no-padding{padding-left:0;padding-right:0}.no-padding{padding:0}.padding-top-120{padding-top:120px}.row.no-margin{margin-left:0;margin-right:0}.scroll-top{width:40px;height:40px;line-height:44px;position:fixed;right:100px;bottom:30px;z-index:999;font-size:22px;color:#fff;cursor:pointer;text-align:center;text-decoration:none;display:none;background:#691cff;border-radius:3px;-webkit-box-shadow:0 2px 15px rgba(0,0,0,.25);box-shadow:0 2px 15px rgba(0,0,0,.25);-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}.section-title{margin-bottom:75px}
.gradient-bg,.page-top-banner .overlay-bg,.banner-section .overlay-bg,.features-wrap .single-feature .overlay-bg{}.offwhite-bg{background-color:#eee}.primary-btn{text-align:center;border-radius:5px;background:#691cff;padding:15px 40px;font-weight:400;min-width:160px;display:inline-block;color:#fff;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.primary-btn:hover{color:#fff;-webkit-box-shadow:0 30px 90px rgba(105,28,255,.14)!important;box-shadow:0 30px 90px rgba(105,28,255,.14)!important;-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-transform:translateY(-2px)}.page-top-banner{background:url(../images/about-header.jpg);background-size:cover}.page-top-banner .overlay-bg{opacity:.8}.page-top-banner h1{color:#000;font-size:55px;margin-bottom:10px}.page-top-banner h4{color:#000;font-weight:400}#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:red;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:gold;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}#loader-wrapper .loader-section{position:fixed;top:0;width:51%;height:100%;background:#222;z-index:1000;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#loader-wrapper .loader-section.section-left{left:0}#loader-wrapper .loader-section.section-right{right:0}.loaded #loader-wrapper .loader-section.section-left{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);-o-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}.loaded #loader-wrapper .loader-section.section-right{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);-o-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}.loaded #loader{opacity:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.loaded #loader-wrapper{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .3s 1s ease-out;-o-transition:all .3s 1s ease-out;transition:all .3s 1s ease-out}.header-area{position:fixed;z-index:1000;top:0;left:0;width:100%}.dope-nav-container{background-color:transparent;padding:10px 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.25s cubic-bezier(.43,.49,.51,.68);-o-transition:.25s cubic-bezier(.43,.49,.51,.68);transition:.25s cubic-bezier(.43,.49,.51,.68)}.dope-nav-container.dope-sticky{background-color:#192a56;padding:0}.dope-navbar{padding:.5em 5em}.nav-brand{max-width:120px}.dope-btn{background-color:#4a7aec}.dopenav ul li.megamenu-item>a::after,.dopenav ul li.has-down>a::after{color:#fff}.header-area{position:fixed;z-index:2;top:0;left:0;width:100%}.dark.dope-nav-container{background-color:rgba(25,42,86,.3);-webkit-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms}.dope-nav-container.dope-sticky{background-color:#fffffff2;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-box-shadow:0 9px 40px -13px rgba(0,0,0,.75);-moz-box-shadow:0 9px 40px -13px rgba(0,0,0,.75);box-shadow:0 9px 40px -13px rgba(0,0,0,.75)}.dope-navbar{padding:.5em 5em}.nav-brand{max-width:120px}.dope-btn{background-color:#4a7aec}.dopenav ul li.megamenu-item>a::after,.dopenav ul li.has-down>a::after{color:#fff}.bg-img{background-position:center center;background-size:cover;background-repeat:no-repeat}.bg-transparent{background-color:transparent!important}.dope-nav-container{position:relative;z-index:100}.dope-nav-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.dope-nav-container a{-webkit-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms;text-decoration:none;outline:none;font-size:14px;font-weight:600;color:#000;display:inline-block}.dope-nav-container.dope-sticky{position:fixed;z-index:1010;width:100%;top:0;right:0;left:0}.dope-nav-container.box-skins .dopenav>ul>li{background-color:#1abc9c}.dope-nav-container.box-skins .dopenav>ul>li>a{color:#fff}.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dope-navbar{width:100%;height:70px;padding:.5em 2em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.dope-navbar .nav-brand{font-size:26px;font-weight:500;color:#565656;display:inline-block;margin-right:30px}.dope-navbar .nav-brand:focus,.dope-navbar .nav-brand:hover{font-size:26px;font-weight:500}.dopenav ul li{display:inline-block;clear:both;position:inherit;z-index:10}.dopenav ul li.cn-dropdown-item{position:relative;z-index:10}.dopenav ul li.cn-dropdown-item ul li{position:relative;z-index:10}.dopenav ul li ul li{display:block}.dopenav ul li ul li a{padding:0 20px}.dopenav ul li a{padding:0 12px;display:block;height:35px;font-size:14px;line-height:34px}.dopenav ul li .megamenu li a{padding:0 12px}.dopenav ul li div.single-mega a{height:auto;line-height:1}.icon-dope-nav-down-arrow{font-family:fontawesome;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-dope-nav-down-arrow:before{content:"\f107"}.dopenav ul li.megamenu-item>a:after,.dopenav ul li.has-down>a:after{font-family:fontawesome;content:"\f107";font-size:12px;color:#000;padding-left:5px;-webkit-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms}.breakpoint-on .dopenav ul li.megamenu-item>a:after,.breakpoint-on .dopenav ul li.has-down>a:after{color:#fff}.dopenav ul li ul li.has-down>a::after{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;top:0;right:10px;z-index:3}.dope-btn{position:relative;z-index:1;min-width:120px;padding:0 25px;line-height:42px;height:42px;background-color:#1abc9c;border-radius:50px;color:#fff!important;margin-left:30px;text-align:center}.dope-btn:hover,.dope-btn:focus{-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}.dd-trigger{position:absolute;width:100%;height:100%;top:0;left:0;background-color:transparent;cursor:pointer;z-index:500;border-radius:0;display:none}.dopecloseIcon{position:absolute;top:20px;right:20px;z-index:12;display:none}.dopecloseIcon .cross-wrap{width:26px;height:26px;cursor:pointer;position:relative}.dopecloseIcon .cross-wrap span{position:absolute;display:block;width:100%;height:2px;border-radius:6px;background:#fff}.dopecloseIcon .cross-wrap span.top{top:12px;left:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.dopecloseIcon .cross-wrap span.bottom{bottom:12px;left:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.dope-navbar-toggler{border:none;background-color:transparent;cursor:pointer;display:none}.dope-navbar-toggler .navbarToggler{display:inline-block;cursor:pointer}.dope-navbar-toggler .navbarToggler span{position:relative;background-color:#222;border-radius:3px;display:block;height:2px;margin-top:5px;padding:0;-webkit-transition-duration:300ms;-o-transition-duration:300ms;transition-duration:300ms;width:30px;cursor:pointer}.dope-navbar-toggler .navbarToggler span:nth-of-type(1){width:20px!important}.dope-navbar-toggler .navbarToggler span:nth-of-type(3){width:15px!important}.dope-navbar-toggler .navbarToggler.active span:nth-of-type(1){-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);top:8px;width:30px!important}.dope-navbar-toggler .navbarToggler.active span:nth-of-type(2){opacity:0}.dope-navbar-toggler .navbarToggler.active span:nth-of-type(3){-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);top:-6px;width:30px!important}.dopenav ul li .megamenu{position:absolute;width:100%;left:0;right:0;top:100%;background-color:#fff;z-index:200;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.15);box-shadow:0 1px 4px rgba(0,0,0,.15)}.dopenav ul li .megamenu .single-mega.cn-col-5{width:20%;float:left;padding:15px;border-right:1px solid #f2f4f8}.dopenav ul li .megamenu .single-mega.cn-col-5:last-of-type{border-right:none}.dopenav ul li .megamenu .single-mega.cn-col-4{width:25%;float:left;padding:15px;border-right:1px solid #f2f4f8}.dopenav ul li .megamenu .single-mega.cn-col-4:last-of-type{border-right:none}.dopenav ul li .megamenu .single-mega.cn-col-3{width:33.3333334%;float:left;padding:15px;border-right:1px solid #f2f4f8}.dopenav ul li .megamenu .single-mega.cn-col-3:last-of-type{border-right:none}.dopenav ul li .megamenu .single-mega .title{font-size:14px;border-bottom:1px solid #f2f4f8;padding:8px 12px}.dopenav ul li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.7)}.dopenav ul li .dropdown li:last-child a{border-bottom:none}.dopenav ul li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.7)}.dopenav ul li .dropdown li .dropdown li:last-child a{border-bottom:none}.dopenav ul li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.7)}.dopenav ul li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none}.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.7)}.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none}.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.7)}.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none}.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.7)}.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none}.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.7)}.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none}.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.7)}.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none}.breakpoint-off .dopenav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.breakpoint-off .dopenav ul li .dropdown{width:180px;position:absolute;background-color:#fff;top:120%;left:0;z-index:100;height:auto;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.1);box-shadow:0 1px 5px rgba(0,0,0,.1);-webkit-transition-duration:300ms;-o-transition-duration:300ms;transition-duration:300ms;opacity:0;visibility:hidden;padding:10px 0}.breakpoint-off .dopenav ul li .dropdown li .dropdown{top:10px;left:-180px;z-index:200;opacity:0;visibility:hidden}.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown,.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown,.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown{opacity:0;visibility:hidden;top:120%}.breakpoint-off .dopenav ul li:hover .dropdown{opacity:1;visibility:visible;top:100%}.breakpoint-off .dopenav ul li .dropdown li:hover .dropdown,.breakpoint-off .dopenav ul li .dropdown li .dropdown li:hover .dropdown,.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li:hover .dropdown,.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown{opacity:1;visibility:visible;top:-10px}.breakpoint-off .dopenav ul li .megamenu{opacity:0;visibility:hidden;position:absolute;width:100%;left:0;top:120%;background-color:#fff;z-index:200;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.15);box-shadow:0 1px 4px rgba(0,0,0,.15);-webkit-transition-duration:300ms;-o-transition-duration:300ms;transition-duration:300ms}.breakpoint-off .dopenav ul li.megamenu-item:hover .megamenu,.breakpoint-off .dopenav ul li.megamenu-item:focus .megamenu{top:100%;visibility:visible;opacity:1}.breakpoint-on .dopecloseIcon{display:block}.breakpoint-on .dope-navbar-toggler{display:block}.breakpoint-on .dope-navbar .dope-menu{background-color:#691cff;position:fixed;top:0;left:-310px;z-index:1000;width:300px;height:100%;-webkit-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms;padding:0;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);box-shadow:0 5px 20px rgba(0,0,0,.1);display:block;overflow-x:hidden;overflow-y:scroll}.breakpoint-on .dope-navbar .dope-menu.menu-on{left:0}.breakpoint-on .dopenav ul li{display:block;position:relative;clear:both;z-index:10}.breakpoint-on .dopenav ul li a{padding:0 10px;height:38px;line-height:38px;color:#fff}.breakpoint-on .dopenav ul li .dropdown{width:100%;position:relative;top:0;left:0;-webkit-box-shadow:none;box-shadow:none}.breakpoint-on .dopenav ul li .dropdown li .dropdown{width:100%;position:relative;top:0;left:0}.breakpoint-on .dopenav ul li.megamenu-item{position:relative;z-index:10}.breakpoint-on .dd-trigger{height:38px;top:0;left:0;right:0;bottom:0;display:block}.breakpoint-on .dopenav ul li .dropdown,.breakpoint-on .dopenav ul li .megamenu{display:none}.breakpoint-on .dopenav{padding-top:70px;padding-left:20px;padding-right:20px}.breakpoint-on .dopenav ul li .megamenu{position:relative;width:100%;left:0;top:0;z-index:200;-webkit-box-shadow:none;box-shadow:none}.breakpoint-on .dopenav ul li .megamenu .single-mega.cn-col-5,.breakpoint-on .dopenav ul li .megamenu .single-mega.cn-col-4,.breakpoint-on .dopenav ul li .megamenu .single-mega.cn-col-3{width:100%;border-right:none;border-bottom:1px solid #f2f4f8}.breakpoint-on .dopenav>ul>li>a{color:#fff;border-bottom:1px solid rgba(255,255,255,.5)}.breakpoint-on .dopenav ul li ul.dropdown li ul li{margin-left:15px}.breakpoint-on .dope-btn{width:calc(100% - 30px);margin:30px 15px}.breakpoint-on .dopenav ul li.megamenu-item>a::after,.breakpoint-on .dopenav ul li.has-down>a::after{position:absolute;top:0;right:20px;z-index:5}.breakpoint-on .dopenav ul li.has-down.active>a:after,.breakpoint-on .dopenav ul li.megamenu-item.active>a:after{color:#fff}.right.breakpoint-on .dope-navbar .dope-menu{left:auto;right:-310px}.right.breakpoint-on .dope-navbar .dope-menu.menu-on{left:auto;right:0}.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown{left:auto;right:0}.dropdown-rtl .dopenav ul li a,.dropdown-rtl .dopenav ul li .megamenu .single-mega .title{text-align:right}.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown,.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown,.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown,.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown{right:180px;left:auto;opacity:0;visibility:hidden;top:10px}.dropdown-rtl.breakpoint-off .dopenav ul li:hover .dropdown{opacity:1;visibility:visible;top:90%}.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li:hover .dropdown,.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li:hover .dropdown,.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li:hover .dropdown,.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown{opacity:1;visibility:visible;top:0}.dropdown-rtl.breakpoint-on .dopenav ul li ul.dropdown li ul li{margin-left:0;margin-right:15px}.event-header .dopenav #nav li a{color:#fff}.event-header .dopenav ul li.megamenu-item>a:after,.event-header .dopenav ul li.has-down>a:after{color:#fff}.event-header .dropdown li>a:after{color:#222!important}.event-header .dropdown li a,.event-header .single-mega li a{color:#222!important}.event-header .dope-sticky .dopenav #nav li a,.event-header .dope-sticky .dopenav ul li.megamenu-item>a:after,.event-header .dope-sticky .dopenav ul li.has-down>a:after{color:#222}.event-header .dope-navbar-toggler .navbarToggler span{background-color:#fff!important}.event-header .dope-sticky .dope-navbar-toggler .navbarToggler span{background-color:#222!important}
.banner-section{background-color:black;/* background-image:url(); background-size:cover; * /min-height:950px}.banner-section .overlay-bg{opacity:.6}.banner-section .banner-left h1{font-size:55px}.banner-section .banner-left h1,.banner-section .banner-left p{color:#fff}.banner-section .banner-left h4{font-weight:300;margin:20px 0}.banner-section .banner-right{background:url(../images/screen-bg.png) center no-repeat;background-size:contain}.banner-section .banner-right img{-webkit-animation:jump 5s linear 0s infinite normal forwards;animation:jump 5s linear 0s infinite normal forwards}@keyframes jump{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(0);transform:translateY(0)}41%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}80%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes jump{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(0);transform:translateY(0)}41%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}80%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.banner-section .wave svg{position:absolute;width:100%;bottom:-1px;fill:#fff}.banner-section .wave svg path:nth-child(1){opacity:.15}.banner-section .wave svg path:nth-child(2){opacity:.3}.banner-section2{background:url(../images/banner2.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.banner-section2 .overlay-bg{background:url(../images/banner-overlay1.png);background-size:cover;background-repeat:no-repeat}.banner-section2 .banner-left h1{text-transform:uppercase;font-size:22px;font-weight:400}.banner-section2 .banner-left h1 span{display:block;padding-top:20px;font-weight:600;font-size:60px}.banner-section2 .banner-left p{margin:20px 0;max-width:450px}.banner-section3{background:url(../images/banner3.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.banner-section3 .overlay-bg{background:url(../images/banner-overlay.png);background-size:cover;background-repeat:no-repeat}.banner-section3 .banner-left h1{text-transform:uppercase;font-size:22px;font-weight:400}.banner-section3 .banner-left h1 span{display:block;padding-top:20px;font-weight:600;font-size:60px}
.banner-section3 .banner-left p{margin:20px 0;max-width:450px}.featured-section .row{padding-bottom:75px;border-bottom:1px solid #eee}.featured-section .single-logo{text-align:center}.featured-section .single-logo img{text-align:center;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);opacity:.5;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.featured-section .single-logo img:hover{-ms-transform:scale(.9,.9);-webkit-transform:scale(.9,.9);transform:scale(.9,.9);-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);opacity:1}.feature-section{background:url(../images/feature-bg.png) center no-repeat;background-size:cover}.feature-section .header-left h1{padding-bottom:30px;font-size:50px;text-transform:capitalize}.feature-section .feature-wrap{padding-top:60px}.features-wrap .single-feature{background:#fff;border-radius:5px;padding:40px;margin-bottom:30px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.features-wrap .single-feature span{font-size:35px;color:#691cff;padding-bottom:25px;display:inline-block}.features-wrap .single-feature h3{margin-bottom:15px;font-weight:400}.features-wrap .single-feature h5{margin-bottom:10px}.features-wrap .single-feature p{margin-bottom:0;line-height:1.5em}.features-wrap .single-feature:hover{-webkit-box-shadow:0 30px 90px rgba(105,28,255,.14)!important;box-shadow:0 30px 90px rgba(105,28,255,.14)!important}.features-wrap .single-feature:hover span,.features-wrap .single-feature:hover p,.features-wrap .single-feature:hover h3,.features-wrap .single-feature:hover h5{color:#fff}.features-wrap .single-feature .overlay-bg{border-radius:5px;opacity:0;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.features-wrap .single-feature:hover{background:0 0}.features-wrap .single-feature:hover .overlay-bg{opacity:1}.features-wrap .single-feature:hover span,.features-wrap .single-feature:hover h3,.features-wrap .single-feature:hover h5,.features-wrap .single-feature:hover p{position:relative}.explore-section{background:url(../images/explore.jpg) right top no-repeat;background-size:cover;color:#fff}.explore-section h1,.explore-section h3{color:#fff}.explore-section h3{font-weight:300}.explore-section h1{font-size:45px;padding-top:10px;padding-bottom:30px}.explore-section .overlay-bg{background:-webkit-gradient(linear,left top,right top,from(#000),to(rgba(235,143,169,0)));background:-webkit-linear-gradient(left,#000,rgba(235,143,169,0));background:-o-linear-gradient(left,#000,rgba(235,143,169,0));background:linear-gradient(to right,#000,rgba(235,143,169,0))}.explore-section .counter-wrap{margin-top:30px}.explore-section .single-counter{width:calc(100%/3);border-right:1px solid #eeeeee5c;text-align:center}.explore-section .single-counter:last-child{border-right:none}.explore-section .single-counter p{margin-bottom:0}.explore-section .single-counter h2{font-weight:300;font-size:50px;color:#fff}.service-section{padding-bottom:120px}.service-section .single-service{position:relative;background-color:#f5f5f56b;padding:40px 30px;-webkit-box-shadow:0 7px 20px -10px rgba(171,171,171,.7);-moz-box-shadow:0 7px 20px -10px rgba(171,171,171,.7);box-shadow:0 7px 20px -10px rgba(171,171,171,.7);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.service-section .single-service i{font-size:35px;color:#222}.service-section .single-service h4{margin:10px 0}.service-section .single-service p{margin-bottom:0}.service-section .single-service:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);-webkit-box-shadow:0 10px 50px -12px rgba(171,171,171,.9);-moz-box-shadow:0 10px 50px -12px rgba(171,171,171,.9);box-shadow:0 10px 50px -12px rgba(171,171,171,.9)}.service-section .owl-dots{text-align:center;margin-top:30px}.service-section .owl-dots .owl-dot{width:14px;height:14px;background:#eee;display:inline-block;margin:0 5px}.service-section .owl-dots .owl-dot.active{background:#691cff}.service-section .owl-dots .owl-dot:focus{outline:none}.skill-section{background:#fff}.skill-section .skill-left p{margin-top:10px}.skill-section .skill-left .prog-container{margin-bottom:25px;width:90%}.skill-section .skill-left .progress{background-color:#f9f9f9!important}.skill-section .skill-left .prog-container .prog-text{font-size:13px;text-transform:capitalize;color:#000;margin-bottom:5px;position:relative;width:100%;font-weight:700}.skill-section .skill-left .prog-container .prog-text .precent{position:absolute;right:0}.skill-section .skill-left .prog-container .progress{height:3px;border-radius:4px}.skill-section .skill-left .prog-container .progress .progress-bar{ background-image: linear-gradient(to left, #ff0000, #f10107, #e3040d, #d60610, #c80913);;height:100%}.skill-section .skill-left .prog-container .progress.md{height:10px}.skill-section .skill-left .prog-container .progress.lg{height:20px}@media all and (max-width:767px){.skill-section .skill-left .prog-container .prog-text .precent{position:-webkit-sticky;position:sticky;right:0}}.skill-section .skill-right img{border-radius:3px;background:#fff;padding:10px;-webkit-box-shadow:0 7px 20px -10px #000;-moz-box-shadow:0 7px 20px -10px #000;box-shadow:0 7px 20px -10px #000}.about-section .overlay-bg1{background:url(../images/bg2.png);background-size:cover;background-position:center}.about-section .overlay-bg2{background:url(../images/bg.png);background-size:cover;background-position:center}.about-section .about-left img{width:100%}.about-section .about-right h3{font-weight:300}.about-section .about-right h1{margin-top:20px;margin-bottom:30px;max-width:480px}.about-section .about-right .icon{margin-right:30px}.about-section .about-right .icon span{font-size:40px;color:#691cff}.about-section .about-right .details p{max-width:300px;margin-top:15px}.about-section .about-right .details h4{font-weight:400}.about-section .about-right ul li{margin-bottom:20px!important}.about-section .about-right ul li:last-child{margin-bottom:0!important}.floating-shapes span{display:block;position:absolute}.floating-shapes span img{display:block;max-width:100%;height:auto}.floating-shapes span:nth-child(1){left:4.8%;top:4.5%}.floating-shapes span:nth-child(2){left:9.6%;top:27.2%}.floating-shapes span:nth-child(3){left:8.8%;bottom:16%}.floating-shapes span:nth-child(4){left:25%;bottom:21%}.floating-shapes span:nth-child(5){left:35%;top:6.6%}.floating-shapes span:nth-child(6){left:43%;bottom:30%}.floating-shapes span:nth-child(7){left:49%;top:50%}.floating-shapes span:nth-child(8){right:11.8%;top:33%}.floating-shapes span:nth-child(9){right:6%;top:10%}.floating-shapes span:nth-child(10){right:4.5%;bottom:33%}@media screen and (max-width:767.98px){.floating-shapes span{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;display:none}}.testimonial-section{padding-top:120px}.testimonial-section .testimonial-left p{margin-top:10px;margin-bottom:40px;max-width:300px}.testimonial-section .testimonial-right h2{margin-bottom:30px}.testimonial-section .single-testimonial{border:1px solid #eee;background:#eeeeee1f;border-radius:5px;padding:30px}.testimonial-section .single-testimonial p{color:#222;font-weight:400}.testimonial-section .single-testimonial .img-wrap{margin-right:20px}.testimonial-section .single-testimonial .img-wrap img{border-radius:30px}.testimonial-section .single-testimonial .details p{margin-bottom:0;color:#8c8d9e}.testimonial-section .testimonial-white-bg{background:#fff!important;border-color:#fff!important}.testimonial-section .carusel-two .owl-dots .owl-dot{background:#fff}.testimonial-section .owl-dots{text-align:left;margin-top:30px}.testimonial-section .owl-dots .owl-dot{border-radius:20px;width:14px;height:14px;background:#eee;display:inline-block;margin:0 5px}.testimonial-section .owl-dots .owl-dot.active{background:#691cff}.testimonial-section .owl-dots .owl-dot:focus{outline:none}.screenshot-section{background:#eee}.screenshot-section .owl-nav{text-align:center;margin-top:40px}.screenshot-section .owl-nav .owl-next,.screenshot-section .owl-nav .owl-prev{font-size:30px!important}.screenshot-section .owl-nav .owl-next:focus,.screenshot-section .owl-nav .owl-prev:focus{outline:none}.bg-color-blue{background-color:#2a7af3}.screenshot_slider .owl-stage .owl-item .item img{-webkit-transition:.3s;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.1);box-shadow:0 5px 10px 0 rgba(0,0,0,.1);-o-transition:.3s;transition:.3s;-webkit-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85)}.screenshot_slider .owl-carousel .owl-item img{width:auto;max-width:100%}.screenshot_slider .owl-stage .owl-item.center .item img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.screenshot_slider .owl-item{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.screenshot_slider .owl-controls .owl-prev,.testimonial-caroussel .owl-controls .owl-prev,.screenshot_slider .owl-controls .owl-next,.testimonial-caroussel .owl-controls .owl-next{-webkit-box-shadow:1px 2px 4px 0 transparent;box-shadow:1px 2px 4px 0 transparent;color:#fff;height:40px;left:0;line-height:3;margin:0 5px;position:absolute;text-align:center;bottom:-16%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;width:40px;z-index:9}.screenshot_slider .owl-controls .owl-prev:hover,.testimonial-caroussel .owl-prev:hover,.screenshot_slider .owl-controls .owl-next:hover,.testimonial-caroussel .owl-next:hover{border-color:#fff;color:#fff}.screenshot_slider .owl-controls .owl-prev span,.testimonial-caroussel .owl-controls .owl-prev span,.screenshot_slider .owl-controls .owl-next span,.testimonial-caroussel .owl-controls .owl-next span{font-size:28px}.screenshot_slider .owl-controls .owl-next{left:auto;right:45%;font-size:30px}.screenshot_slider .owl-controls .owl-prev{right:auto;left:45%;font-size:30px}.portfolio-section .single-portfolio{margin-bottom:30px;text-align:center;overflow:hidden;position:relative;border-radius:3px}.portfolio-section .single-portfolio img{-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;width:100%}.portfolio-section .single-portfolio .box-content{width:100%;padding:40px 0;background:rgba(0,0,0,.7);position:absolute;bottom:0;opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.portfolio-section .single-portfolio:hover .box-content{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.portfolio-section .single-portfolio:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.portfolio-section .single-portfolio .box-content .title{font-size:20px;font-weight:600;color:#fff;margin:0 0 5px}.portfolio-section .single-portfolio .box-content .post{display:inline-block;font-size:15px;color:#fff;text-transform:capitalize}.portfolio-section .primary-btn{margin-top:20px}.product-detials-section img{width:100%}.product-detials-section .details-right{padding-bottom:20px}.product-detials-section .details-right ul{margin-bottom:20px}.product-detials-section .details-right ul li{margin-bottom:8px;color:#000;font-size:16px;font-weight:500;border-bottom:1px solid #eee;padding-bottom:10px}.product-detials-section .details-right ul li span{font-weight:900}.product-detials-section .details-right p{color:#000;font-weight:400}.product-detials-section .details-right p:last-child{margin-bottom:0}.blog-section .blog-wrap{border-top:1px solid #eee}.blog-section .overlay-bg{background:rgba(34,34,34,.2);z-index:1}.blog-section .single-blog{overflow:hidden;border-radius:5px;position:relative;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.blog-section .single-blog:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);-webkit-box-shadow:0 10px 50px -12px rgba(171,171,171,.9);-moz-box-shadow:0 10px 50px -12px rgba(171,171,171,.9);box-shadow:0 10px 50px -12px rgba(171,171,171,.9)}.blog-section .single-blog img{position:relative;width:100%}.blog-section .single-blog .blog-post-details{position:absolute;width:100%;bottom:0;z-index:1;padding:20px}.blog-section .single-blog .blog-post-details h4{font-weight:400}.blog-section .single-blog .blog-post-details ul{display:block;padding-bottom:15px}.blog-section .single-blog .blog-post-details ul li{display:inline-block;margin-right:3px}.blog-section .single-blog .blog-post-details a{font-weight:400}.blog-section .single-blog h4,.blog-section .single-blog a{color:#fff}.blog-section .primary-btn{margin-top:40px}.blog-lists-section{background:#eee}.blog-lists-section .single-blog-post{background:#fff;border-radius:5px;-webkit-box-shadow:0 30px 90px rgba(0,0,0,.14)!important;box-shadow:0 30px 90px rgba(0,0,0,.14)!important;overflow:hidden;margin-bottom:30px}.blog-lists-section .single-blog-post:hover .post-thumb img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.blog-lists-section .single-blog-post .post-thumb{overflow:hidden}.blog-lists-section .single-blog-post .post-thumb .overlay-bg{background:rgba(0,0,0,.3);-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.blog-lists-section .single-blog-post .post-thumb img{width:100%;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.blog-lists-section .single-blog-post .post-details{padding:30px}.blog-lists-section .single-blog-post .tags li{display:inline-block;margin-right:10px}.blog-lists-section .single-blog-post .tags li a{color:#691cff;font-weight:600;font-size:14px}.blog-lists-section .single-blog-post h1{margin:10px 0}.blog-lists-section .single-blog-post .user-details img{width:45px;border-radius:50px}.blog-lists-section .single-blog-post .user-details p{margin-bottom:0}.blog-lists-section .single-blog-post .user-details .details{margin-left:8px}.blog-lists-section .pagination .page-item{margin:5px}.blog-lists-section .pagination .page-link,.blog-lists-section .pagination i{color:#222;font-weight:500}.blog-lists-section .pagination .page-link{width:35px;text-align:center;border-radius:3px}.blog-lists-section .pagination .page-link:hover{background:#691cff;color:#fff}.blog-lists-section .pagination .page-link:hover i{color:#fff}.blog-lists-section .pagination .active .page-link{background:#691cff;color:#fff;border-color:transparent}.blog-lists-section .single-widget{background:#fff;border-radius:5px;padding:30px;-webkit-box-shadow:0 30px 90px rgba(0,0,0,.14)!important;box-shadow:0 30px 90px rgba(0,0,0,.14)!important;overflow:hidden;margin-bottom:30px}.blog-lists-section .single-widget .widget-title{margin-bottom:20px}.blog-lists-section .search-widget .sidebar-form form input{background:transparent none repeat scroll 0 0;border:1px solid #eee;padding:0 10px;text-indent:10px;-webkit-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;transition:all .2s ease 0s;width:100%;height:50px}.blog-lists-section .search-widget .sidebar-form form input:focus{outline:none}.blog-lists-section .search-widget .sidebar-form form button{background:#222 none repeat scroll 0 0;border:0;color:#fff;font-size:20px;height:100%;position:absolute;right:0;top:0;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;width:50px}.blog-lists-section .search-widget .sidebar-form form button:hover{cursor:pointer}.blog-lists-section .search-widget .sidebar-form form button:focus{outline:none}.blog-lists-section .recent-post-widget ul li{margin-bottom:20px}.blog-lists-section .recent-post-widget ul li .thumbs{width:40%}.blog-lists-section .recent-post-widget ul li .details{margin-left:10px}.blog-lists-section .recent-post-widget ul li .details p,.blog-lists-section .recent-post-widget ul li .details h5{font-size:12px}.blog-lists-section .recent-post-widget ul li .details p{margin-bottom:0;font-weight:400}.blog-lists-section .social-widget li{display:inline-block;margin-right:10px}.blog-lists-section .social-widget li a{text-align:center;color:#fff;background:#222;padding:10px;width:42px;display:block;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.blog-lists-section .social-widget li a:hover{background:#691cff}.blog-lists-section .archive-widget ul li{margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.blog-lists-section .archive-widget ul li:last-child{border-bottom:none}.blog-lists-section .archive-widget ul li a{font-weight:500;color:#222;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.blog-lists-section .archive-widget ul li a:hover{color:#691cff}.blog-lists-section .banner-widget{padding:0}.blog-lists-section .tags-widget ul li{display:inline-block}.blog-lists-section .tags-widget ul li a{font-size:10px;margin-bottom:5px;font-weight:500;background:#000;color:#fff;display:inline-block;padding:8px 18px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.blog-lists-section .tags-widget ul li a:hover{background:#691cff}.blog-details{background:#fff;border-radius:5px;-webkit-box-shadow:0 30px 90px rgba(0,0,0,.14)!important;box-shadow:0 30px 90px rgba(0,0,0,.14)!important;overflow:hidden;margin-bottom:30px}.blog-details:hover .post-thumb img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.blog-details h1{margin:10px 0}.blog-details .post-thumb{overflow:hidden}.blog-details .post-thumb .overlay-bg{background:rgba(0,0,0,.3);-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.blog-details .post-thumb img{width:100%;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.blog-details .tags li{display:inline-block;margin-right:10px}.blog-details .tags li a{color:#691cff;font-weight:600;font-size:14px}.blog-details .post-details{padding:30px}.blog-details .user-details img{width:45px;border-radius:50px}.blog-details .user-details p{margin-bottom:0}.blog-details .user-details .details{margin-left:8px}.blog-details .blockquote{border-left:5px solid #691cff;font-size:14px;margin-bottom:35px;margin-left:20px;margin-top:35px;padding-left:15px}.comment-wrap{background:#fff;border-radius:5px;-webkit-box-shadow:0 30px 90px rgba(0,0,0,.14)!important;box-shadow:0 30px 90px rgba(0,0,0,.14)!important;overflow:hidden;padding:30px}.comment-wrap h3{margin-bottom:30px}.comment-wrap .media{border-bottom:1px solid #eee;padding-bottom:20px}.comment-wrap .media:last-child{border-bottom:none;padding-bottom:0}.comment-wrap .media img{width:90px;border-radius:50px}.comment-wrap .replay-comment{border-bottom:none;border-top:1px solid #eee;padding:20px;margin-bottom:0!important}.comment-wrap .comments{margin-bottom:30px}.comment-wrap .comments:last-child{margin-bottom:0}.comment-wrap .black-btn{min-width:80px!important}.comment-wrap .media-body h5{margin-bottom:10px}.comment-wrap .comment-form h3{margin-bottom:30px}.comment-form{margin-top:30px;background:#fff;border-radius:5px;-webkit-box-shadow:0 30px 90px rgba(0,0,0,.14)!important;box-shadow:0 30px 90px rgba(0,0,0,.14)!important;overflow:hidden;padding:30px}.comment-form .form-control:focus{-webkit-box-shadow:none;box-shadow:none;border-color:#ced4da}.comment-form .primary-btn{margin-top:30px}.comment-form h3{margin-bottom:30px}.comment-form .form-col-wrap{margin-bottom:30px}.team-section{background-color:#eee}.team-section .single-team{position:relative;overflow:hidden;border-radius:5px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.team-section .single-team img{width:100%;position:relative}.team-section .single-team:hover .team-content{opacity:1}.team-section .team-content{position:absolute;bottom:0;width:100%;background:rgba(34,34,34,.8);padding:20px 0;color:#fff;text-align:center;opacity:0;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.team-section .team-content a,.team-section .team-content h4{color:#fff}.team-section .team-content ul li{display:inline-block;margin:5px}.team-section .owl-dots{text-align:center;margin-top:30px}.team-section .owl-dots .owl-dot{width:14px;height:14px;background:#fff;display:inline-block;margin:0 5px}.team-section .owl-dots .owl-dot.active{background:#691cff}.team-section .owl-dots .owl-dot:focus{outline:none}.home-faq-section{padding-top:120px}.accordion>dt{margin-bottom:10px;font-size:14px;font-weight:500;-webkit-box-shadow:0 7px 20px -10px #000;-moz-box-shadow:0 7px 20px -10px #000;box-shadow:0 7px 20px -10px #000}.accordion>dt>a{display:block;position:relative;color:#222;text-decoration:none;padding:14px 20px;border-radius:3px;border:1px solid #e8e8e8}.accordion>dt>a:hover{text-decoration:none;border-color:#ddd;background:#fbfbfb}.accordion>dt>a.active{color:#fff;border-color:#691cff;background:#691cff;cursor:default}.accordion>dt>a.active:after{color:#fff!important}.accordion>dt>a:after{content:"\f107";width:15px;height:15px;margin-top:-8px;position:absolute;top:50%;right:10px;font-family:fontawesome;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-size:15px;line-height:15px;text-align:center;color:#999;-webkit-font-smoothing:antialiased}.accordion>dt>a.active:after,.accordion>dt>a.active:hover:after{content:"\f106";color:#111}.accordion>dt>a:hover:after{color:#444}.accordion>dd{margin-bottom:10px;padding:10px 20px 20px;font-size:14px;line-height:1.8;color:#777}.accordion>dt>a,.accordion>dt>a:after,.toggle>dt>a,.toggle>dt>a:after{-webkit-transition:all .27s cubic-bezier(0,0,.58,1);-moz-transition:all .27s cubic-bezier(0,0,.58,1);-o-transition:all .27s cubic-bezier(0,0,.58,1);-ms-transition:all .27s cubic-bezier(0,0,.58,1);transition:all .27s cubic-bezier(0,0,.58,1)}.accordion>dt>a.active{pointer-events:none!important;cursor:default!important}.cta-section{background:url(../images/banner2.jpg);background-attachment:fixed;background-size:cover}.cta-section h1,.cta-section h4,.cta-section p{color:#fff}.cta-section h4{font-weight:400;padding-top:20px;padding-bottom:30px}.cta-section .overlay-bg{background:rgba(0,0,0,.8)}.price-section .price-left h4{font-size:35px}.price-section .price-left p{color:#222;padding:10px 0;max-width:320px}.price-section .price-right .main{margin:-30px 0;background:#691cff;color:#fff}.price-section .price-right .main i,.price-section .price-right .main h4,.price-section .price-right .main h2{color:#fff}.price-section .price-right .main .bottom-wrap{border-color:#fff}.price-section .single-price{width:100%;border-radius:5px;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 auto;-webkit-box-shadow:5px 5px 30px rgba(0,0,25,.05);box-shadow:5px 5px 30px rgba(0,0,25,.05);padding:40px 30px;z-index:1;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.price-section .single-price i{position:relative;font-size:40px;color:#691cff}.price-section .single-price h4{position:relative;margin:10px 0}.price-section .single-price .bottom-wrap{border-top:1px solid #8c8d9e;margin-top:20px;padding-top:20px}.price-section .single-price .bottom-wrap i{font-size:10px}.price-section .single-price .bottom-wrap ul li{margin-bottom:10px}.price-section .single-price .bottom-wrap ul li:last-child{margin-bottom:0}.price-section .single-price .bottom-wrap .primary-btn-w{background:#fff;color:#222;margin-top:30px}.price-section .single-price .bottom-wrap .primary-btn{margin-top:30px}.download-section{background:url(../images/download-bg.png)}.download-section p{margin-top:20px;margin-bottom:0}.download-section .download-wrap{padding-top:80px}.download-section .dload-btn{text-align:right}.download-section .primary-btn{margin-left:20px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.download-section .primary-btn svg{width:20px;height:20px;margin-left:10px}.clients-wrap{padding:30px 0;border-bottom:1px solid #eee;border-top:1px solid #eee}.single-client{text-align:center}.contact-wrap{padding:60px 0}.contact-wrap h3{font-weight:400}.contact-wrap h3 i{margin-right:10px}.stat-section{background-image: linear-gradient(to left, #ff0000, #f10107, #e3040d, #d60610, #c80913);}.stat-section h1,.stat-section h4{color:#fff}.stat-section .single-stat{color:#fff}.stat-section .single-stat i{font-size:35px}.stat-section .single-stat h1{margin:20px 0}.contact-section{background:url(../images/download-bg.png);border-bottom:100px solid #222}.contact-section .section-title{padding-top:120px}.form-row{background:#fff;padding:30px 0;border-radius:3px;margin-bottom:-100px;box-shadow:0 0 158px 0 rgba(0,0,0,.11);-webkit-box-shadow:0 0 158px 0 rgba(0,0,0,.11);-moz-box-shadow:0 0 158px 0 rgba(0,0,0,.11)}.address-wrap .single-address-col{text-align:center;margin-bottom:40px}.address-wrap .single-address-col i{font-size:50px;color:#691cff}.address-wrap .single-address-col p{font-size:16px;margin-top:10px;color:#222}.contact-form-wrap{padding:50px}.contact-form-wrap .form-col{margin-bottom:30px}.contact-form-wrap .form-control{border-radius:0;border-top:none;border-left:none;border-right:none;background:0 0;padding-left:0}.contact-form-wrap .form-control:focus{-webkit-box-shadow:none!important;box-shadow:none!important;border-color:#222!important}.contact-form-wrap .primary-btn{vertical-align:center;margin-top:30px;border:none}.contact-form-wrap .primary-btn:focus{outline:none}.form-row .message{height:50px;width:100%;font-size:13px;line-height:50px;text-align:center;float:none;margin-top:20px;display:none;color:#fff}.form-row .error{background:#ef5659}.form-row .success{background:#691cff}.contact-page-section{background:#eee!important}.contact-page-section .single-address-col .div{padding:30px 0;border-radius:5px;background:#fff;margin-bottom:40px}.home-contact{padding-bottom:50px}.footer-section{background:#222}.footer-section .footer-menu{text-align:right}.footer-section .footer-menu li{display:inline-block;padding-left:12px}.footer-section .footer-menu li a{font-weight:400;color:#fff;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.footer-section .footer-menu li a:hover{color:#691cff}.footer-section .copyright-text{margin-top:30px;text-align:left;color:#fff}.footer-section .copyright-text i{color:red}.footer-section .copyright-text a{color:#fff}.footer-section #social{text-align:right;margin-bottom:20px}.footer-section #social li{display:inline-block}.footer-section #social li a{color:#fff;text-align:center;display:block;margin-left:15px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.footer-section #social li a i{font-size:18px}.footer-section #social li a:hover{color:#691cff;border-color:#691cff}.footer-section .footer-cols h4{color:#fff;margin-bottom:20px}.footer-section .footer-cols p{color:#fff}.footer-section .footer-cols #social{text-align:left;margin-top:20px}.footer-section .footer-cols #social li:first-child a{margin-left:0}.footer-section .footer-cols ul li{margin-bottom:10px;color:#fff}.footer-section .footer-cols ul li a{color:#fff;font-weight:400;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.footer-section .footer-cols ul li a:hover{color:#691cff}
*/