html, body {
	height: 100%;
}
body {
	position: relative;
	background: #FFF;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.5px;
}
h1, h2, h3, h4, h5, h6 {
	text-align: center;
}
section {
	overflow: hidden;
}
a {
	color: #9f0aed;
}
a:hover {
	color: #000;
}
a:hover, a:focus {
	text-decoration: none;
}
p {
	font-family: 'Karla';
	letter-spacing: 0;
}
.form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
}
.form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.3);
    opacity: 1;
}
.form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.3);
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
}
/* ------ Common Styles ------ */
body > section {
	position: relative;
}
.theme-white{
	background-color: #FFF;
}
.theme-gray {
	background-color: #EEE;
}
.theme-gray-alt {
	background-color: #E7E7E7;
}
.theme-grad {
	background: #c600e5;
	background: linear-gradient(135deg, #c600e5 0%, #5f00e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c600e5', endColorstr='#5f00e5',GradientType=1 );
}
.theme-grad-light {
	background: #e900ff;
	background: linear-gradient(135deg, #e900ff 0%, #6a00ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e900ff', endColorstr='#6a00ff',GradientType=1 );
}
.bg-cover{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.text-underline-basic a {
	position: relative;
	display: inline-block;
	white-space: nowrap;
}
.text-underline-basic a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	opacity: 0;
	background: #FFF;
	transition: all 0.3s linear 0s;
}
.text-underline-basic a:hover::after {
	opacity: 1;
}
h2.main-heading {
	font-family: 'Roboto Condensed';
	font-size: 1.8rem;
	letter-spacing: 0;
	text-align: center;
	text-shadow: 2px 2px 0 #DDD;
	color: #777;
	line-height: 1.2;
	margin: 0 0 15px;
	font-weight: 700;
}
.theme-gray h2.main-heading {
	text-shadow: 2px 2px 0 #CCC;
	color: #666;
}
.main-divider {
	position: relative;
	display: block;
	clear: both;
	margin: 0.65rem auto 1rem;
	overflow: hidden;
	height: 26px;
}
.divider-line, .divider-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.divider-line::before, .divider-line::after, .divider-box::before, .divider-box::after {
	position: absolute;
	content: " ";
	left: 50%;
}
.divider-line::before, .divider-line::after {
	height: 1px;
	width: 50px;
	margin-left: -25px;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
}
.divider-line::before {
	top: 10px;
	-webkit-transform: scaleX(4);
	transform: scaleX(4);
}
.divider-line::after {
	top: 15px;
	-webkit-transform: scaleX(6);
	transform: scaleX(6);
}
.divider-box::before {
	background: #FFF;
	width: 32px;
	height: 26px;
	margin-left: -16px;
	z-index: 2;
}
.divider-box::after {
	border: 1px solid rgba(0, 0, 0, 0.3);
	height: 16px;
	width: 16px;
	top: 5px;
	margin-left: -8px;
	z-index: 3;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.theme-gray .divider-box::before {
	background: #EEE;
}
.theme-grad .divider-line::before, .theme-grad .divider-line::after {
	background: rgba(255, 255, 255, 0.4);
}
.btn > svg {
	margin-right: 5px;
}
.btn-primary {
	color: #FFF;
	background-color: transparent;
	border-color: #FFF;
	font-size: 0.875rem;
	border-width: 2px;
	border-radius: 30px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 8px 22px 8px 24px;
	font-weight: 500;
}
.call-to-action-area .btn-primary {
	color: rgba(255, 255, 255, 0.9);
	border-color: rgba(255, 255, 255, 0.4);
	transition: all 0.2s linear 0s;
}
.call-to-action-area .btn-primary.alt-btn {
	border-color: transparent;
	background-color: rgba(255, 255, 255, 0.4);
}
.btn-primary:hover,
.call-to-action-area .btn-primary.alt-btn:hover {
	color: #8a00d1;
    background-color: #FFF !important;
    border-color: #FFF !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}
.btn-primary.focus,
.btn-primary:focus {
    color: #8a00d1;
    background-color: #FFF !important;
    border-color: #FFF;
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.5);
}
.btn-primary.active,
.btn-primary:active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus {
    color: #8a00d1;
    background-color: #FFF;
    border-color: #FFF;
    transform: scale(0.95);
}
.btn-secondary {
	color: #999;
	background-color: transparent;
	border-color: #999;
	border-width: 2px;
}
.btn-secondary:hover {
	color: #555;
    background-color: transparent;
    border-color: #555;
}
.btn-secondary.focus, .btn-secondary:focus {
    color: #be74e9;
    background-color: #e6d8ed;
    border-color: #be74e9;
    box-shadow: 0 0 0 .2rem rgba(190, 116, 233, 0.4);
}
.btn-secondary.active,
.btn-secondary:active,
.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary:active.focus,
.btn-secondary:active:focus {
    color: #fff;
    background-color: #777;
    border-color: #777;
}
.btn-grad {
	position: relative;
	border: none;
	padding: 0;
	margin: 3px;
}
.btn-grad > div {
	display: block;
	color: #9700e5;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	z-index: 2;
	position: relative;
	overflow: hidden;
	border-radius: 30px;
	padding: 6px 16px 6px 20px;
}
.btn-grad > div > span {
	position: relative;
}
.btn-grad::before,
.btn-grad > div::before {
	position: absolute;
	content: " ";
	border-radius: 30px;
	transition: all 0.3s cubic-bezier(.77,0,.18,1);
}
.btn-grad::before {
	top: -3px;
	right: -3px;
	bottom: -3px;
	left: -3px;
	z-index: 1;
	background: #e900ff;
	background: linear-gradient(135deg, #e900ff 0%, #6a00ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e900ff', endColorstr='#6a00ff',GradientType=1 );
}
.btn-grad > div::before {
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: #FFF;
}
.btn-grad:hover > div {
	color: #FFF;
}
.btn-grad:hover > div::before,
.btn-grad:active > div::before {
	width: 0;
}
.btn-grad:active > div,
.btn-grad.active > div {
	color: #FFF;
	box-shadow: none;
}
.btn-grad:active::before,
.btn-grad.active::before {
	background: #6a00ff;
	background: linear-gradient(135deg, #6a00ff 0%, #e900ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a00ff', endColorstr='#e900ff',GradientType=1 );
}
.theme-gray .btn-grad > div::before {
	background: #EEE;
}
.btn-grad.disabled, .btn-grad[disabled] {
	pointer-events: none;
	-webkit-filter: grayscale(100%);
	        filter: grayscale(100%);
}
.main-button, input[type="submit"] {
	padding: 12px 24px;
}
@media (min-width: 768px) {
	h2.main-heading {
		font-size: 2rem;
	}
	.main-divider {
		margin-bottom: 1.5rem;
	}
}
/* ------ Navigation ------ */
.nav-height-fix{
	position: relative;
	z-index: 1;
	height: 92px;
}
#TopNav.navbar {
	width: 100%;
	z-index: 9999;
}
.navbar:not(.fixed-top) {
	position: absolute;
	top: 0;
	left: 0;
}
.navbar-brand .logo {
	width: 200px;
    height: 30px;
    background: url(../img/design/logo-alt.png) no-repeat;
    background-size: 100%;
		padding: 1rem 0;
}
.navbar-dark .navbar-toggler {
    border-color: rgba(255,255,255,0.3);
}
.navbar-dark .navbar-nav .nav-link {
    color: #000;
}
@media (min-width: 576px) {
	.nav-height-fix{
		height: 106px;
	}
}
@media (max-width: 767.98px) {
	.navbar {
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-brand {
		margin-left: 1rem;
	}
	.navbar-toggler {
		margin-right: 1rem;
	}
	.navbar-collapse {
		background-color: #FFF;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	}
	.navbar-dark .navbar-nav .nav-link:focus,
	.navbar-dark .navbar-nav .nav-link:hover {
		color: #000;
	    background-color: rgba(154, 0, 229, 0.05);
	}
	.navbar-dark .navbar-nav .active > .nav-link,
	.navbar-dark .navbar-nav .nav-link.active,
	.navbar-dark .navbar-nav .nav-link.show,
	.navbar-dark .navbar-nav .show > .nav-link {
	    color: #6f00d1;
	    background-color: rgba(154, 0, 229, 0.15);
	}
	.navbar-nav .nav-link {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
@media (min-width: 768px) {
	.nav-height-fix{
		height: 136px;
	}
	.navbar:not(.fixed-top) {
		top: 1rem;
	}
	.navbar-dark .navbar-nav .nav-link {
		position: relative;
	    text-transform: uppercase;
	    color: rgba(255,255,255,.8);
	    letter-spacing: 4px;
	    font-size: 0.86rem;
	    padding-left: 1rem;
	    padding-right: 1rem;
	}
	.navbar-dark .navbar-nav .nav-link:focus,
	.navbar-dark .navbar-nav .nav-link:hover,
	.navbar-dark .navbar-nav .active > .nav-link,
	.navbar-dark .navbar-nav .nav-link.active,
	.navbar-dark .navbar-nav .nav-link.show,
	.navbar-dark .navbar-nav .show > .nav-link {
	    color: #fff;
	}
	.navbar-nav .nav-link::before {
		position: absolute;
		content: "";
		bottom: 0;
		left: 1rem;
		right: 1rem;
		right: calc(1rem + 3.5px);
		height: 2px;
		background: #FFF;
		opacity: 0;
	}
	.navbar-nav .nav-link:hover::before {
		opacity: 1;
	}
	#TopNav.navbar.fixed-top {
		margin-top: 0;
		padding: 0;
	}
	.navbar.fixed-top .navbar-brand {
		padding: 0;
	}
	.navbar-dark.fixed-top .navbar-nav .nav-link {
		color: #FFF;
	    height: 56px;
	    line-height: 56px;
	    padding-top: 0;
	    padding-bottom: 0;
	}
	.navbar-dark.fixed-top .navbar-nav .nav-link:focus,
	.navbar-dark.fixed-top .navbar-nav .nav-link:hover {
	    color: #fff;
		background-color: rgba(255,255,255,.12);
		outline: 0;
	}
	.navbar-dark.fixed-top .navbar-nav .active > .nav-link,
	.navbar-dark.fixed-top .navbar-nav .nav-link.active,
	.navbar-dark.fixed-top .navbar-nav .nav-link.show,
	.navbar-dark.fixed-top .navbar-nav .show > .nav-link {
	    color: #fff;
	    background-color: rgba(255, 255, 255, 0.25);
	}
	.navbar-dark.fixed-top .navbar-nav .nav-link::before{
		left: 0;
		right: 0;
		height: 3px;
		box-shadow: 0 2px 3px rgba(0,0,0,.2);
	}
	.navbar-dark.fixed-top .navbar-nav .nav-link:hover::before{
		opacity: 0;
	}
	.navbar-dark.fixed-top .navbar-nav .active > .nav-link::before,
	.navbar-dark.fixed-top .navbar-nav .nav-link.active::before,
	.navbar-dark.fixed-top .navbar-nav .nav-link.show::before,
	.navbar-dark.fixed-top .navbar-nav .show > .nav-link::before {
	    opacity: 1;
	}
	.navbar-dark.fixed-top .navbar-nav .active > .nav-link::after,
	.navbar-dark.fixed-top .navbar-nav .nav-link.active::after,
	.navbar-dark.fixed-top .navbar-nav .nav-link.show::after,
	.navbar-dark.fixed-top .navbar-nav .show > .nav-link::after {
		content: "";
		position: absolute;
		width: 24px;
		height: 14px;
		bottom: 0;
		left: 50%;
		margin: 0 0 -14px -12px;
		background: url(../img/design/tri-angle.svg) no-repeat center;
	}
}
/* ------ Welcome Section ------ */
#pjs-head{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
#welcome{
	color: #fff;
	width: 100%;
	position: relative;
	overflow: hidden;
	background: #b500d1;
	background: linear-gradient(135deg, #b500d1 0%, #5700d1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b500d1', endColorstr='#5700d1',GradientType=1 );
}
#welcome-headline-wrap,
.call-to-action-area {
	position: relative;
	margin: 2rem auto;
	text-align: center;
}
#headline-mainhead {
	font-weight: 700;
	text-shadow: 0 2px 4px rgba(0,0,0,.4);
}
#headline-typehead .sub {
	display: block;
}
#headline-typehead .typed-cursor,
#headline-typehead-typing,
.welcome-headline .sub {
    text-shadow: 0 2px 3px rgba(0,0,0,.2);
}
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@-webkit-keyframes blink{
    0%{ opacity:1; }
    50%{ opacity:0; }
    100%{ opacity:1; }
}
@keyframes blink{
    0%{ opacity:1; }
    50%{ opacity:0; }
    100%{ opacity:1; }
}
@media (min-width: 576px){
	#headline-mainhead{
		font-size: 1.2rem;
	}
}
@media (min-width: 768px) {
	#headline-mainhead {
	    font-size: 1.8rem;
	    font-family: 'Work Sans';
	    font-weight: 800;
	}
	#headline-typehead .typed-cursor,
	#headline-typehead-typing,
	#headline-typehead .sub,
	#headline-typehead-fixed .sub {
	    font-size: 1.2rem;
	}
	.welcome-headline .sub {
	    color: rgba(255, 255, 255, 0.7);
	    font-family: 'Roboto Condensed';
	}
	#headline-typehead .typed-cursor,
	#headline-typehead-typing{
		color: rgba(255,255,255,.9);
		letter-spacing: 0;
	}
	#headline-typehead .typed-cursor,
	#headline-typehead-typing {
		font-weight: 500;
	}
}
@media (min-width: 992px) {
	#welcome{
		min-height: 100%;
	}
	#welcome-headline-wrap,
	.call-to-action-area {
	    position: absolute;
	    left: 0;
	    width: 100%;
	}
	#welcome-headline-wrap {
	    top: 45%;
	    z-index: 3;
	    margin-top: -55px;
	    margin-bottom: 0;
	}
	.welcome-headline {
	    position: relative;
	    display: inline-block;
	    padding-bottom: 2.8rem;
	}
	#headline-mainhead {
	    font-size: 3rem;
	}
	#headline-typehead .typed-cursor,
	#headline-typehead-typing,
	#headline-typehead .sub,
	#headline-typehead-fixed .sub {
	    display: inline;
	}
	#headline-typehead .sub,
	#headline-typehead-fixed .sub {
	    font-size: 1.3rem;
	}
	#headline-typehead .typed-cursor,
	#headline-typehead-typing{
		font-size: 1.5rem;
	}
	#headline-typehead,
	#headline-typehead-fixed {
	    position: absolute;
	    bottom: 0;
	}
	#headline-typehead{
		left: 2rem;
	}
	#headline-typehead-fixed{
		right: 2rem;
	}
	.call-to-action-area {
	    bottom: 7%;
	    z-index: 2;
	}
}
@media (min-width: 1200px) {
	#welcome-headline-wrap {
	    margin-top: -60px;
	}
	.welcome-headline {
	    padding-bottom: 3rem;
	}
	#headline-mainhead {
	    font-size: 3.5rem;
	}
	#headline-typehead .sub,
	#headline-typehead-fixed .sub {
	    font-size: 1.4rem;
	}
	#headline-typehead .typed-cursor,
	#headline-typehead-typing{
		font-size: 1.57rem;
	}
}

/* ------ Website Issues Section ------ */
section#site_issues{
	padding-bottom: 160px;
}
/* -- Browser Window --*/
.browser-window{
	display: block;
	margin: 20px auto;
	width: 500px;
	height: 380px;
	border-radius: 10px 10px 8px 8px;
	background: #FFF;
	box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1);
	font-size: 0.85rem;
}
.browser-window-head{
	display: flex;
	padding: 15px 20px;
	width: 100%;
	height: 60px;
	line-height: 30px;
	border-radius: 8px 8px 0 0;
	background: #d6e0e7;
}
.bw-maxmin-btn,
.bw-nav-icons,
.bw-ext-icons{
	flex: 0 0 auto;
}
.bw-maxmin-btn > span{
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 100%;
	margin: 8px 10px 8px 0;
	color: #FFF;
	font-size: 10px;
	text-align: center;
}
.bw-maxmin-btn > span.red{
	background: #ff595c;
}
.bw-maxmin-btn > span.yellow{
	background: #ffb848;
}
.bw-maxmin-btn > span.green{
	background: #32c948;
	margin-right: 0;
}
.bw-nav-icons{
	margin: 0 0 0 24px;
}
.bw-nav-icons > span{
	padding: 0 10px;
	background: #E8EFF5;
	color: #6d8fa7;
	border-radius: 3px;
	display: inline-block;
	font-size: 26px;
}
.bw-nav-icons > span:first-child{
	margin-right: 10px;
	background: #FFF;
}
.bw-adrs-bar{
	flex: 1 1 100px;
	background: #FFF;
	margin: 0 10px;
	padding: 0 10px;
	border-radius: 3px;
}
.bw-adrs-secure{
	position: relative;
	color: #19c232;
}
.bw-adrs-secure::after{
	content: "https://"
}
.bw-adrs-secure > svg{
	margin-right: 6px;
}
.bw-adrs-url{
	position: relative;
}
.bw-adrs-url::after{
	content: "example.com";
}
.bw-adrs-icons{
	float: right;
	color: #c5d7e4;
}
.bw-adrs-icons > svg{
	margin-left: 6px;
}
.bw-adrs-icons > svg:hover{
	color: #8ba6ba;
}
.bw-ext-icons{
	font-size: 18px;
	color: #6d8fa7;
	display: inline-block;
	margin-left: 10px;
}
span.bw-nav-his-forward{
	color: #9cb8cc;
}
span.bw-nav-his-back:hover,
span.bw-ext-optn:hover{
	color: #295371;
}
.bw-maxmin-btn > span,
.bw-nav-icons > span,
.bw-ext-icons > span,
.bw-adrs-icons > svg{
	cursor: pointer;
}
.browser-window-body{
	height: 320px;
}
.bw-page-layout{
	position: relative;
	height: 100%;
	padding: 16px;
}
.bw-page-header,
.bw-page-cont{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.bw-page-header{
	padding: 0 5px;
}
.bw-page-logo,
.bw-page-nav > span,
.bw-page-dyn-symb > span{
	min-height: 20px;
	background: #EEE;
	border-radius: 2px;
}
.bw-page-dyn-symb > span.text{
	letter-spacing: 1px;
	font-size: 20px;
	color: #AAA;
	font-weight: 500;
}
.bw-page-dyn-symb > span:first-child,
.bw-page-dyn-symb > span:last-child{
	color: #DDD;
}
.bw-page-dyn-symb > span:nth-child(2){
	color: #AAA;
}
.bw-page-logo{
	width: 20%;
}
.bw-page-nav{
	width: 66%;
	display: flex;
	justify-content: space-between;
}
.bw-page-nav > span{
	width: 20%;
}
.bw-page-dynmic{
	display: block;
	width: 80%;
	margin: 20px auto 16px;
	clear: both;
}
.bw-page-dyn-symb{
	display: flex;
	text-align: center;
	justify-content: space-between;
}
.bw-page-dyn-symb > span{
	width: 30%;
	height: 42px;
	line-height: 42px;
}
.bw-page-dyn-qusn{
	position: absolute;
}
.bw-page-dyn-qusn.one,
.bw-page-dyn-qusn.three,
.bw-page-dyn-qusn.five,
.bw-page-dyn-qusn.seven{
	right: 122%;
	right: calc(100% + 110px);
}
.bw-page-dyn-qusn.two,
.bw-page-dyn-qusn.four,
.bw-page-dyn-qusn.six,
.bw-page-dyn-qusn.eight{
	left: 122%;
	left: calc(100% + 110px);
}
.bw-page-dyn-qusn.one,
.bw-page-dyn-qusn.two{
	top: 25px;
}
.bw-page-dyn-qusn.three,
.bw-page-dyn-qusn.four{
	top: 100px;
}
.bw-page-dyn-qusn.five,
.bw-page-dyn-qusn.six{
	top: 175px;
}
.bw-page-dyn-qusn.seven,
.bw-page-dyn-qusn.eight{
	top: 250px;
}
.bw-page-dyn-qusn > span{
	position: relative;
	display: block;
	padding: 6px 18px;
	color: #777;
	border: 1px solid #AAA;
	border-radius: 30px;
	cursor: pointer;
	white-space: nowrap;
}
.bw-page-dyn-qusn::before,
.bw-page-dyn-qusn::after,
.bw-page-dyn-qusn > span::after{
	position: absolute;
	content: " ";
	top: 50%;
	background: #AAA;
}
.bw-page-dyn-qusn::before{
	width: 12px;
	height: 12px;
	border-radius: 100%;
	margin-top: -6px;
	border: 1px solid #AAA;
}
.bw-page-dyn-qusn::after{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	margin-top: -5px;
	border: 3px solid #FFF;
}
.bw-page-dyn-qusn.one::before,
.bw-page-dyn-qusn.three::before,
.bw-page-dyn-qusn.five::before,
.bw-page-dyn-qusn.seven::before{
	right: 0;
	margin-right: -126px;
}
.bw-page-dyn-qusn.two::before,
.bw-page-dyn-qusn.four::before,
.bw-page-dyn-qusn.six::before,
.bw-page-dyn-qusn.eight::before{
	left: 0;
	margin-left: -126px;
}
.bw-page-dyn-qusn.one::after,
.bw-page-dyn-qusn.three::after,
.bw-page-dyn-qusn.five::after,
.bw-page-dyn-qusn.seven::after{
	right: 0;
	margin-right: -125px;
}
.bw-page-dyn-qusn.two::after,
.bw-page-dyn-qusn.four::after,
.bw-page-dyn-qusn.six::after,
.bw-page-dyn-qusn.eight::after{
	left: 0;
	margin-left: -125px;
}
.bw-page-dyn-qusn > span::after{
	width: 120px;
	height: 1px;
	margin-top: -0.5px;
}
.bw-page-dyn-qusn.one > span::after,
.bw-page-dyn-qusn.three > span::after,
.bw-page-dyn-qusn.five > span::after,
.bw-page-dyn-qusn.seven > span::after{
	right: 0;
	margin-right: -120px;
}
.bw-page-dyn-qusn.two > span::after,
.bw-page-dyn-qusn.four > span::after,
.bw-page-dyn-qusn.six > span::after,
.bw-page-dyn-qusn.eight > span::after{
	left: 0;
	margin-left: -120px;
}
.bw-page-dyn-qusn:hover::before{
	border-color: #333;
}
.bw-page-dyn-qusn:hover::after,
.bw-page-dyn-qusn:hover > span::after{
	background: #333;
}
.bw-page-dyn-qusn:hover > span{
	border-color: #333;
	background: #333;
	color: #FFF;
}
.bw-page-dyn-qusn + .bw-page-dyn-symb{
	display: none;
}
.bw-page-cont{
	justify-content: space-between;
}
.bw-page-cont-main{
	width: 69%;
}
.bw-page-cont-side{
	width: 29%;
}
.bw-page-cont-line,
.bw-page-cont-side-box{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 8px;
}
.bw-page-cont-line > span,
.bw-page-cont-side-box > span{
	height: 20px;
	border: 5px solid #FFF;
	background: #EEE;
}
.bw-page-sol-link{
	position: absolute;
	bottom: 18px;
	left: 50%;
}
.bw-page-sol-link > a{
	position: absolute;
	bottom: 0;
	margin: 0 0 -134px -118px;
	white-space: nowrap;
	border-radius: 30px;
	padding: 10px 30px;
	color: #555;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15), 0 6px 10px rgba(0, 0, 0, 0.1);
	font-size: 1rem;
}
.bw-page-sol-link::before, 
.bw-page-sol-link::after,
.bw-page-sol-link > a::before,
.bw-page-sol-link > a::after{
	position: absolute;
	content: " ";
	top: 0;
	left: 50%;
	border-radius: 100%;
}
.bw-page-sol-link::before{
	width: 16px;
	height: 16px;
	margin: -1px 0 0 -8px;
	background: #AAA;
}
.bw-page-sol-link::after{
	width: 14px;
	height: 14px;
	margin-left: -7px;
	border: 4px solid #FFF;
	background: #AAA;
}
.bw-page-sol-link > a > span{
	position: relative;
}
.bw-page-sol-link > a::before{
	top: 1px;
	left: 1px;
	bottom: 1px;
	right: 1px;
	background: #FFF;
	border-radius: 30px;
}
.bw-page-sol-link > a::after{
	height: 80px;
	width: 1px;
	margin-top: -80px;
	background: #AAA;
	border-radius: 0;
}
.bw-page-sol-link:hover > a{
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3), 0 6px 10px rgba(0, 0, 0, 0.15);
}
.bw-page-sol-link:hover > a,
.bw-page-sol-link:hover::before,
.bw-page-sol-link:hover::after{
	color: #FFF;
	background: #e900ff;
	background: linear-gradient(135deg, #e900ff 0%, #6a00ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e900ff', endColorstr='#6a00ff',GradientType=1 );
}
.bw-page-sol-link:hover > a::before{
	opacity: 0;
}
.bw-page-sol-link:hover > a::after{
	background: #a000ff;
}

#bw.one .bw-page-dyn-symb,
#bw.two .bw-page-dyn-symb,
#bw.three .bw-page-dyn-symb,
#bw.four .bw-page-dyn-symb,
#bw.five .bw-page-dyn-symb,
#bw.six .bw-page-dyn-symb,
#bw.seven .bw-page-dyn-symb,
#bw.eight .bw-page-dyn-symb,
#bw.nine .bw-page-dyn-symb{
	display: none;
}
#bw.one .bw-page-dyn-qusn.one + .bw-page-dyn-symb,
#bw.two .bw-page-dyn-qusn.two + .bw-page-dyn-symb,
#bw.three .bw-page-dyn-qusn.three + .bw-page-dyn-symb,
#bw.four .bw-page-dyn-qusn.four + .bw-page-dyn-symb,
#bw.five .bw-page-dyn-qusn.five + .bw-page-dyn-symb,
#bw.six .bw-page-dyn-qusn.six + .bw-page-dyn-symb,
#bw.seven .bw-page-dyn-qusn.seven + .bw-page-dyn-symb,
#bw.eight .bw-page-dyn-qusn.eight + .bw-page-dyn-symb,
#bw.nine .bw-page-dyn-symb:first-child{
	display: flex;
}
#bw.one .bw-page-dyn-symb > span,
#bw.two .bw-page-dyn-symb > span,
#bw.three .bw-page-dyn-symb > span,
#bw.four .bw-page-dyn-symb > span,
#bw.five .bw-page-dyn-symb > span,
#bw.six .bw-page-dyn-symb > span,
#bw.seven .bw-page-dyn-symb > span,
#bw.eight .bw-page-dyn-symb > span{
	background: none;
}
#bw.one .bw-adrs-url::after{
	content: "outdated.website";
}
#bw.one .bw-page-logo{
	background: #0EEA00;
}
#bw.one .bw-page-nav > span{
	width: 24%;
}
#bw.one .bw-page-nav > span:nth-child(2n){
	background: #000;
	margin-top: -5px;
}
#bw.one .bw-page-nav > span:nth-child(2n+1){
	background: #EF00EC;
	margin-bottom: -5px;
}
#bw.one .bw-page-cont-line > span:nth-child(2n),
#bw.one .bw-page-cont-side-box > span:nth-child(2n+1){
	background: #00F;
	margin-bottom: -3px;
	margin-right: -1px;
	border-width: 1px;
	transform: rotate(-3deg);
}
#bw.one .bw-page-cont-line > span:nth-child(2n+1),
#bw.one .bw-page-cont-side-box > span:nth-child(2n){
	background: #F00;
	margin-top: 1px;
	margin-left: 1px;
	border-width: 2px;
	transform: rotate(1deg);
}
#bw.one .bw-page-cont-side-box > span:nth-child(2n+1){
	background: #e7dc00;
}
#bw.one .bw-page-cont-side-box > span:nth-child(2n){
	background: #0F0;
}
#bw.two .bw-adrs-secure{
	color: #ef595c;
}
#bw.two .bw-adrs-secure::after{
	content: "http://";
}
#bw.two .bw-adrs-url::after{
	content: "blackhat.monster";
}
#bw.three .bw-adrs-url::after{
	content: "slowmo.site";
}
#bw.four .bw-adrs-url::after{
	content: "startecom.store";
}
#bw.five .bw-adrs-url::after{
	content: "multilingual.digital";
}
#bw.six .bw-adrs-url::after{
	content: "getmarketing.pro";
}
#bw.six .bw-page-dyn-symb > span{
	position: relative;
}
#bw.six .bw-page-dyn-symb span > span{
	color: #DDD;
	position: absolute;
	top: 50%;
	margin-top: -21px;
	font-size: 30px;
}
#bw.six .bw-page-dyn-symb span > span:first-child{
	left: 0;
	margin-left: -22px;
}
#bw.six .bw-page-dyn-symb span > span:last-child{
	right: 0;
	margin-right: -22px;
}
#bw.seven .bw-adrs-url::after{
	content: "managemy.host";
}
#bw.eight .bw-adrs-url::after{
	content: "takebiz.online";
}
#bw.nine .bw-adrs-url::after{
	content: "paintmysite.com";
}
#bw.nine .bw-page-logo, 
#bw.nine .bw-page-nav > span,
#bw.nine .bw-page-dyn-symb > span,
#bw.nine .bw-page-cont-line > span, 
#bw.nine .bw-page-cont-side-box > span{
	background: #fbd8ff;
	background: -moz-linear-gradient(-45deg, #fbd8ff 0%, #e8d8ff 100%);
	background: -webkit-linear-gradient(-45deg, #fbd8ff 0%,#e8d8ff 100%);
	background: linear-gradient(135deg, #fbd8ff 0%,#e8d8ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd8ff', endColorstr='#e8d8ff',GradientType=1 );
}
@media screen and (max-width: 1110px){
	.browser-window-head,
	.bw-page-header,
	.bw-page-cont,
	.bw-page-dyn-symb{
		display: none !important;
	}
	.browser-window{
		position: relative;
	    display: block;
	    width: 2px;
	    height: 360px;
	    margin-top: 40px;
	    border-radius: 0;
	    background: #AAA;
	    box-shadow: none;
	}
	.browser-window::before{
		position: absolute;
		content: "Website";
		top: 0;
		left: 0;
		border: 2px solid #AAA;
		border-radius: 4px;
		padding: 10px 20px;
		font-size: 20px;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: 500;
		margin: -50px 0 0 -70px;
		background: #EEE;
	}
	.browser-window-body{
		height: 100%;
	}
	.bw-page-layout{
		padding: 0;
	}
	.bw-page-dyn-qusn.two{
		top: 62px;
	}
	.bw-page-dyn-qusn.four{
		top: 137px;
	}
	.bw-page-dyn-qusn.six{
		top: 212px;
	}
	.bw-page-dyn-qusn.eight{
		top: 287px;
	}
	.bw-page-dyn-qusn.two,
	.bw-page-dyn-qusn.four,
	.bw-page-dyn-qusn.six,
	.bw-page-dyn-qusn.eight{
		pointer-events: none;
	    left: 75px;
	}
	.bw-page-dyn-qusn.one,
	.bw-page-dyn-qusn.three,
	.bw-page-dyn-qusn.five,
	.bw-page-dyn-qusn.seven{
		pointer-events: none;
	    right: 75px;
	}
	.bw-page-dyn-qusn.one::before,
	.bw-page-dyn-qusn.three::before,
	.bw-page-dyn-qusn.five::before,
	.bw-page-dyn-qusn.seven::before{
		margin-right: -80px;
	}
	.bw-page-dyn-qusn.two::before,
	.bw-page-dyn-qusn.four::before,
	.bw-page-dyn-qusn.six::before,
	.bw-page-dyn-qusn.eight::before{
		margin-left: -80px;
	}
	.bw-page-dyn-qusn.one::after,
	.bw-page-dyn-qusn.three::after,
	.bw-page-dyn-qusn.five::after,
	.bw-page-dyn-qusn.seven::after{
		margin-right: -79px;
	}
	.bw-page-dyn-qusn.two::after,
	.bw-page-dyn-qusn.four::after,
	.bw-page-dyn-qusn.six::after,
	.bw-page-dyn-qusn.eight::after{
		margin-left: -79px;
	}
	.bw-page-dyn-qusn > span::after{
		width: 74px;
	}
	.bw-page-dyn-qusn.one > span::after,
	.bw-page-dyn-qusn.three > span::after,
	.bw-page-dyn-qusn.five > span::after,
	.bw-page-dyn-qusn.seven > span::after{
		margin-right: -74px;
	}
	.bw-page-dyn-qusn.two > span::after,
	.bw-page-dyn-qusn.four > span::after,
	.bw-page-dyn-qusn.six > span::after,
	.bw-page-dyn-qusn.eight > span::after{
		margin-left: -74px;
	}
	.bw-page-dyn-qusn > span{
		padding: 6px 14px;
	}
	.bw-page-sol-link{
	    bottom: 10px;
	}
}
@media screen and (max-width: 767px){
	.browser-window{
		margin-top: 80px;
	}
	.bw-page-dyn-qusn.two,
	.bw-page-dyn-qusn.four,
	.bw-page-dyn-qusn.six,
	.bw-page-dyn-qusn.eight{
		pointer-events: none;
	    left: 35px;
	}
	.bw-page-dyn-qusn.one,
	.bw-page-dyn-qusn.three,
	.bw-page-dyn-qusn.five,
	.bw-page-dyn-qusn.seven{
		pointer-events: none;
	    right: 35px;
	}
	.bw-page-dyn-qusn.one::before,
	.bw-page-dyn-qusn.three::before,
	.bw-page-dyn-qusn.five::before,
	.bw-page-dyn-qusn.seven::before{
		margin-right: -40px;
	}
	.bw-page-dyn-qusn.two::before,
	.bw-page-dyn-qusn.four::before,
	.bw-page-dyn-qusn.six::before,
	.bw-page-dyn-qusn.eight::before{
		margin-left: -40px;
	}
	.bw-page-dyn-qusn.one::after,
	.bw-page-dyn-qusn.three::after,
	.bw-page-dyn-qusn.five::after,
	.bw-page-dyn-qusn.seven::after{
		margin-right: -39px;
	}
	.bw-page-dyn-qusn.two::after,
	.bw-page-dyn-qusn.four::after,
	.bw-page-dyn-qusn.six::after,
	.bw-page-dyn-qusn.eight::after{
		margin-left: -39px;
	}
	.bw-page-dyn-qusn > span::after{
		width: 34px;
	}
	.bw-page-dyn-qusn.one > span::after,
	.bw-page-dyn-qusn.three > span::after,
	.bw-page-dyn-qusn.five > span::after,
	.bw-page-dyn-qusn.seven > span::after{
		margin-right: -34px;
	}
	.bw-page-dyn-qusn.two > span::after,
	.bw-page-dyn-qusn.four > span::after,
	.bw-page-dyn-qusn.six > span::after,
	.bw-page-dyn-qusn.eight > span::after{
		margin-left: -34px;
	}
	.bw-page-dyn-qusn > span{
		padding: 4px 10px;
		font-size: 12px;
		white-space: normal;
		width: 140px;
		text-align: center;
		border-radius: 4px;
	}
	.bw-page-sol-link > a{
		margin-bottom: -90px;
	}
	.bw-page-sol-link > a::after{
	    height: 48px;
	    margin-top: -48px;
	}
	section#site_issues{
	    padding-bottom: 100px;
	}
}
@media screen and (max-width: 320px){
	.bw-page-dyn-qusn.two,
	.bw-page-dyn-qusn.four,
	.bw-page-dyn-qusn.six,
	.bw-page-dyn-qusn.eight{
		pointer-events: none;
	    left: 10px;
	}
	.bw-page-dyn-qusn.one,
	.bw-page-dyn-qusn.three,
	.bw-page-dyn-qusn.five,
	.bw-page-dyn-qusn.seven{
		pointer-events: none;
	    right: 10px;
	}
	.bw-page-dyn-qusn.one::before,
	.bw-page-dyn-qusn.three::before,
	.bw-page-dyn-qusn.five::before,
	.bw-page-dyn-qusn.seven::before{
		margin-right: -15px;
	}
	.bw-page-dyn-qusn.two::before,
	.bw-page-dyn-qusn.four::before,
	.bw-page-dyn-qusn.six::before,
	.bw-page-dyn-qusn.eight::before{
		margin-left: -15px;
	}
	.bw-page-dyn-qusn.one::after,
	.bw-page-dyn-qusn.three::after,
	.bw-page-dyn-qusn.five::after,
	.bw-page-dyn-qusn.seven::after{
		margin-right: -14px;
	}
	.bw-page-dyn-qusn.two::after,
	.bw-page-dyn-qusn.four::after,
	.bw-page-dyn-qusn.six::after,
	.bw-page-dyn-qusn.eight::after{
		margin-left: -14px;
	}
	.bw-page-dyn-qusn > span::after{
		width: 10px;
	}
	.bw-page-dyn-qusn.one > span::after,
	.bw-page-dyn-qusn.three > span::after,
	.bw-page-dyn-qusn.five > span::after,
	.bw-page-dyn-qusn.seven > span::after{
		margin-right: -10px;
	}
	.bw-page-dyn-qusn.two > span::after,
	.bw-page-dyn-qusn.four > span::after,
	.bw-page-dyn-qusn.six > span::after,
	.bw-page-dyn-qusn.eight > span::after{
		margin-left: -10px;
	}
}
@media screen and (min-width: 1111px) and (max-width: 1279px){
	.browser-window{
		width: 480px;
		height: 360px;
	}
	.browser-window-body{
	    height: 300px;
	}
	.bw-page-dynmic{
	    margin: 20px auto 14px;
	}
	.bw-page-cont-line > span, .bw-page-cont-side-box > span{
	    height: 19px;
	}
	.bw-page-cont-line, .bw-page-cont-side-box{
	    margin-bottom: 4px;
	}
	.bw-page-dyn-qusn > span{
		font-size: 13px;
		padding: 4px 10px;
	}
	.bw-page-dyn-qusn.two,
	.bw-page-dyn-qusn.four,
	.bw-page-dyn-qusn.six,
	.bw-page-dyn-qusn.eight{
	    left: 106%;
	    left: calc(100% + 30px);
	}
	.bw-page-dyn-qusn.one,
	.bw-page-dyn-qusn.three,
	.bw-page-dyn-qusn.five,
	.bw-page-dyn-qusn.seven{
	    right: 106%;
	    right: calc(100% + 30px);
	}
	.bw-page-dyn-qusn.one::before,
	.bw-page-dyn-qusn.three::before,
	.bw-page-dyn-qusn.five::before,
	.bw-page-dyn-qusn.seven::before{
		margin-right: -46px;
	}
	.bw-page-dyn-qusn.two::before,
	.bw-page-dyn-qusn.four::before,
	.bw-page-dyn-qusn.six::before,
	.bw-page-dyn-qusn.eight::before{
		margin-left: -46px;
	}
	.bw-page-dyn-qusn.one::after,
	.bw-page-dyn-qusn.three::after,
	.bw-page-dyn-qusn.five::after,
	.bw-page-dyn-qusn.seven::after{
		margin-right: -45px;
	}
	.bw-page-dyn-qusn.two::after,
	.bw-page-dyn-qusn.four::after,
	.bw-page-dyn-qusn.six::after,
	.bw-page-dyn-qusn.eight::after{
		margin-left: -45px;
	}
	.bw-page-dyn-qusn > span::after{
		width: 40px;
	}
	.bw-page-dyn-qusn.one > span::after,
	.bw-page-dyn-qusn.three > span::after,
	.bw-page-dyn-qusn.five > span::after,
	.bw-page-dyn-qusn.seven > span::after{
		margin-right: -40px;
	}
	.bw-page-dyn-qusn.two > span::after,
	.bw-page-dyn-qusn.four > span::after,
	.bw-page-dyn-qusn.six > span::after,
	.bw-page-dyn-qusn.eight > span::after{
		margin-left: -40px;
	}
}
@media screen and (min-width: 1280px) and (max-width: 1360px){
	.bw-page-dyn-qusn.two,
	.bw-page-dyn-qusn.four,
	.bw-page-dyn-qusn.six,
	.bw-page-dyn-qusn.eight{
	    left: 115%;
	    left: calc(100% + 74px);
	}
	.bw-page-dyn-qusn.one,
	.bw-page-dyn-qusn.three,
	.bw-page-dyn-qusn.five,
	.bw-page-dyn-qusn.seven{
	    right: 115%;
	    right: calc(100% + 74px);
	}
	.bw-page-dyn-qusn.one::before,
	.bw-page-dyn-qusn.three::before,
	.bw-page-dyn-qusn.five::before,
	.bw-page-dyn-qusn.seven::before{
		margin-right: -90px;
	}
	.bw-page-dyn-qusn.two::before,
	.bw-page-dyn-qusn.four::before,
	.bw-page-dyn-qusn.six::before,
	.bw-page-dyn-qusn.eight::before{
		margin-left: -90px;
	}
	.bw-page-dyn-qusn.one::after,
	.bw-page-dyn-qusn.three::after,
	.bw-page-dyn-qusn.five::after,
	.bw-page-dyn-qusn.seven::after{
		margin-right: -89px;
	}
	.bw-page-dyn-qusn.two::after,
	.bw-page-dyn-qusn.four::after,
	.bw-page-dyn-qusn.six::after,
	.bw-page-dyn-qusn.eight::after{
		margin-left: -89px;
	}
	.bw-page-dyn-qusn > span::after{
		width: 84px;
	}
	.bw-page-dyn-qusn.one > span::after,
	.bw-page-dyn-qusn.three > span::after,
	.bw-page-dyn-qusn.five > span::after,
	.bw-page-dyn-qusn.seven > span::after{
		margin-right: -84px;
	}
	.bw-page-dyn-qusn.two > span::after,
	.bw-page-dyn-qusn.four > span::after,
	.bw-page-dyn-qusn.six > span::after,
	.bw-page-dyn-qusn.eight > span::after{
		margin-left: -84px;
	}
}
/* ------ Services Section ------ */
.hover-slider-wrap{
	display: block;
	margin: 2.5rem auto;
	max-width: 1220px;
	box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.2), 0 0 12px 0px rgba(0, 0, 0, 0.05);
	padding: 10px;
}
.hover-slider-wrap *{
	transition: all 0.4s linear;
}
.hover-slider{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	background: #F5F5F5;
	overflow: hidden;
	width: 100%;
}
.hover-slider:hover{
	border-color: #000;
}
.hover-slider-box{
	flex: 1 1 auto;
	width: 33.33%;
	min-height: 205px;
	float: left;
	display: block;
	text-align: center;
}
.hover-slider-box-layer{
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	z-index: 2;
	overflow: hidden;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.hover-slider-box:nth-child(1) .hover-slider-box-layer,
.hover-slider-box:nth-child(2) .hover-slider-box-layer,
.hover-slider-box:nth-child(3) .hover-slider-box-layer{
	border-top: 1px solid #DDD;
}
.hover-slider-box:nth-child(3n+1) .hover-slider-box-layer{
	border-left: 1px solid #DDD;
}
.hover-slider:hover .hover-slider-box-layer{
	border-color: #000;
}
.hover-slider-box-layer h2{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	text-align: center;
	color: #888;
	margin: -16px 0 0;
	line-height: 32px;
	font-size: 22px;
	font-weight: 500;
	transition: all 0.3s linear;
}
.hover-slider:hover .hover-slider-box-layer h2{
	color: #000;
	opacity: 0.2;
}
.hover-slider .hover-slider-box-layer:hover h2{
	color: #FFF;
	opacity: 1;
	top: 30px;
}
.hover-slider-box-layer h2::before{
	position: absolute;
	left: 50%;
	bottom: -10px;
	content: " ";
	height: 1px;
	width: 0;
	background: #FFF;
	opacity: 0;
	transition: all 0.3s ease-in-out 0.4s;
}
.hover-slider .hover-slider-box-layer:hover h2::before{
	opacity: 1;
	width: 24%;
	margin-left: -12%;
}
.hover-slider-box-layer p{
	position: relative;
	display: block;
	padding: 0.625rem;
	margin: 16% auto 1rem;
	opacity: 0;
	color: #FFF;
}
.hover-slider-box-layer:hover p{
	opacity: 1;
}
.hover-slider-bg{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s linear, -webkit-transform 5s linear;
	transition: transform 5s linear, opacity 1s linear;
	transition: transform 5s linear, opacity 1s linear, -webkit-transform 5s linear;
	-webkit-transform: scale(1.2);
	        transform: scale(1.2);
	z-index: 1;
}
.hover-slider-box:hover .hover-slider-bg{
	opacity: 1;
	visibility: visible;
	transition: opacity 1s linear, -webkit-transform 5s linear;
	transition: transform 5s linear, opacity 1s linear;
	transition: transform 5s linear, opacity 1s linear, -webkit-transform 5s linear;
	-webkit-transform: scale(1);
	        transform: scale(1);
}
.hover-slide-wp .hover-slider-bg{
	background-image: url('../img/services/wordpress-service.jpg');
}
.hover-slide-wp .hover-slider-box-layer:hover{
	background-color: #00b4e4;
}
.hover-slide-ecom .hover-slider-bg{
	background-image: url('../img/services/ecommerce-service.jpg');
}
.hover-slide-ecom .hover-slider-box-layer:hover{
	background-color: #ba71e4;
}
.hover-slide-lang .hover-slider-bg{
	background-image: url('../img/services/multilingual-website-service.jpg');
}
.hover-slide-lang .hover-slider-box-layer:hover{
	background-color: #bd9671;
}
.hover-slide-hosting .hover-slider-bg{
	background-image: url('../img/services/managed-hosting-service.jpg');
}
.hover-slide-hosting .hover-slider-box-layer:hover{
	background-color: #888;
}
.hover-slide-seo .hover-slider-bg{
	background-image: url('../img/services/seo-service.jpg');
}
.hover-slide-seo .hover-slider-box-layer:hover{
	background-color: #e36363;
}
.hover-slide-security .hover-slider-bg{
	background-image: url('../img/services/website-security-service.jpg');
}
.hover-slide-security .hover-slider-box-layer:hover{
	background-color: #33cc99;
}
.hover-slide-speed .hover-slider-bg{
	background-image: url('../img/services/website-speed-up-service.jpg');
}
.hover-slide-speed .hover-slider-box-layer:hover{
	background-color: #9ebfb9;
}
.hover-slide-mntn .hover-slider-bg{
	background-image: url('../img/services/website-maintenance-service.jpg');
}
.hover-slide-mntn .hover-slider-box-layer:hover{
	background-color: #dac214;
}
.hover-slide-latest .hover-slider-bg{
	background-image: url('../img/services/web-vr-service.jpg');
}
.hover-slide-latest .hover-slider-box-layer:hover{
	background-color: #77CDDB;
}
@media screen and (max-width: 767px){
	.hover-slider-box:hover .hover-slider-bg{
		opacity: 0;
		transition: none;
		visibility: hidden;
	}
}
@media screen and (max-width: 575px){
	.hover-slider-box{
		width: 100%;
	}
	.hover-slider-box .hover-slider-box-layer{
		border-left: 1px solid #DDD;
	}
	.hover-slider:hover .hover-slider-box-layer{
		border-color: #000;
	}
	.hover-slider-box:nth-child(2) .hover-slider-box-layer,
	.hover-slider-box:nth-child(3) .hover-slider-box-layer{
	    border-top: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px){
	.hover-slider-box{
		width: 50%;
	}
	.hover-slider-box:nth-child(3n+1) .hover-slider-box-layer{
		border-left: none;
	}
	.hover-slider-box:nth-child(2n+1) .hover-slider-box-layer{
		border-left: 1px solid #DDD;
	}
	.hover-slider:hover .hover-slider-box-layer{
		border-color: #000;
	}
	.hover-slider-box:nth-child(3) .hover-slider-box-layer{
	    border-top: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.hover-slider-box-layer h2{
		line-height: 24px;
		font-size: 20px;
	}
	.hover-slider-box-layer p{
		margin: 20% auto 0;
	}
	.hover-slide-seo .hover-slider-box-layer:hover h2{
		font-size: 17px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1078px){
	.hover-slider-box-layer h2::before{
		bottom: -6px;
	}
}

/* ------ Testimonials Section ------ */
.carousel-inner > .carousel-item{
    padding: 0.5rem 0 2.5rem;
}
.carousel-control-next,
.carousel-control-prev{
	bottom: auto;
	top: 25%;
}
.carousel-arrow{
	font-size: 1.2rem;
	width: 50px;
	height: 50px;
	line-height: 48px;
	background-color: #FFF;
	color: #000;
	border-radius: 50%;
	box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.2);
	border: 1px solid #dedede;
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover{
	opacity: 1;
}
.carousel-indicators{
	bottom: 0;
	margin-bottom: 0;
}
.carousel-indicators li,
.carousel-indicators li.active{
	width: auto;
	height: auto;
	margin: 0;
	padding: 8px 6px;
	background: transparent;
	opacity: 0.1;
}
.carousel-indicators li.active{
	opacity: 1;
}
.carousel-indicators li::before{
	display: none;
}
.carousel-indicators li::after{
	bottom: auto;
	display: block;
	position: relative;
	background: #000;
	width: 16px;
  	height: 4px;
  	border-radius: 10px;
	transition: all 0.3s linear;
}
.carousel-indicators li.active::after{
	width: 40px;
	background: #e900ff;
	background: linear-gradient(135deg, #e900ff 0%, #6a00ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e900ff', endColorstr='#6a00ff',GradientType=1 );
}
.carousel-indicators li:hover{
	opacity: 0.8;
}
.testimonial{
	display: block;
	width: 100%;
	max-width: 700px;
	margin: auto;
}
.testi-details,
.testi-box,
.testi-avatar,
.testi-info,
.testi-rating{
	display: block;
}
.testi-box{
	text-align: center;
	padding: 1.5rem 2rem 1.5rem;
	background: #fff;
	margin: 0 0 3rem;
	position: relative;
	box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.15);
}
.testi-box .backq{
	position: absolute;
	left: 10px;
	top: -19px;
	font-size: 2.5rem;
	color: #EEE;
	pointer-events: none;
}
.testi-box p{
	color: #666;
	font-weight: 500;
	line-height: 1.8;
}
.testi-rating{
	font-size: 1.2rem;
	color: #eace00;
}
.testi-box::before, .testi-box::after{
	content: " ";
	position: absolute;
	height: 0;
	width: 0;
	bottom: 0;
	left: 50%;
	border-style: solid;
}
.testi-box::before{
	margin-bottom: -62px;
	border-color: #D8D8D8 transparent transparent transparent;
	border-width: 30px;
	margin-left: -30px;
	filter: blur(2px);
	z-index: -1;
}
.testi-box::after{
	margin-bottom: -56px;
	border-color: #fff transparent transparent transparent;
	border-width: 28px;
	margin-left: -28px;
}
.testi-avatar{
	border-radius: 100%;
	background: #fff;
	padding: 7px;
	box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2);
	height: 124px;
	width: 124px;
	margin-bottom: 1.5rem;
}
.testi-avatar img{
	max-width: 100%;
	border-radius: 50%;
}
.testi-info{
	font-size: 0.75rem;
	letter-spacing: 1px;
	color: #AAA;
	line-height: 20px;
	text-align: center;
	width: 100%;
}
.testi-info span{
	letter-spacing: 1.5px;
	color: #666;
	text-transform: uppercase;
}
@media (min-width: 576px){
	.testi-info{
		text-align: left;
		width: auto;
	}
	.testi-avatar{
		margin: 0 1rem 0 0;
	}
}
@media (min-width: 768px){
	.carousel-arrow{
		line-height: 50px;
		border: none;
	}
	.testi-box{
		padding: 2.5rem 2.5rem 2rem;
		min-height: 232px;
	}
	.testi-box .backq{
		left: 16px;
		top: -23px;
		font-size: 3rem;
	}
	.testi-box p{
		line-height: 2.2;
	}
	.testi-box::before, .testi-box::after{
		left: 28%;
		margin-left: 0;
	}
	.testi-box::before{
		margin-bottom: -68px;
		border-width: 32px 32px 34px 8px;
	}
	.testi-box::after{
		margin-bottom: -70px;
		border-width: 34px 34px 40px 8px;
	}
	.testi-avatar{
		margin: 0 2rem 0 3.5rem;
	}
}
@media (min-width: 992px){
	.carousel-inner > .carousel-item{
	    padding: 1rem 0 3rem;
	}
	.testi-box{
		min-height: 232px;
	}
	.testi-box p{
		line-height: 2.25;
	}
}
@media (min-width: 1200px){
	.carousel-inner > .carousel-item{
	    padding: 2rem 0 4rem;
	}
	.carousel-control-next,
	.carousel-control-prev{
		bottom: auto;
		top: 28%;
	}
}
/* ------ Clients Section ------ */
.client-box{
	width: 100%;
	padding: 1rem;
	flex: 1 1 auto;
}
.client-box img{
	display: block;
	margin: auto;
	max-width: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
@media (min-width: 576px){
	.client-box{
		width: 50%;
	}
}
@media (min-width: 768px){
	.client-box{
		width: 33.33%;
	}
}
@media (min-width: 992px){
	.client-box{
		width: 20%;
	}
}

/* ------ Specialized Areas Section ------ */
#specialized-area p{
	font-size: 1.3rem;
	color: #666;
}
#specialized-area-boxes{
	background-image: url('../img/specialized-bg.jpg');
}
.specialized-area-box{
	position: relative;
	margin-bottom: 1.5rem;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.6);
}
.specialized-area-box.alt{
	background-color: #FFF;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.specialized-area-box > span{
	position: absolute;
	top: 50%;
	left: 2rem;
	z-index: 1;
	font-size: 6rem;
	color: #FFF;
	opacity: 0.1;
	margin-top: -3rem;
	line-height: 1;
}
.specialized-area-box.alt > span{
	color: #000;
	opacity: 0.03;
}
.specialized-area-box > div{
	position: relative;
	z-index: 2;
	display: block;
	text-align: center;
	padding: 1.5rem 1rem;
	font-size: 1.1rem;
	color: #FFF;
}
.specialized-area-box.alt > div{
	color: #333;
}
@media (min-width: 768px){
	.specialized-area-box{
		margin-bottom: 2rem;
	}
}
@media (min-width: 992px){
	.specialized-area-box{
		margin-bottom: 3rem;
	}
}
/* ------ FAQs Section ------ */
.faq-entry{
	margin-bottom: 0.5rem;
}
.faq-entry h5, .faq-entry p{
	line-height: 1.6;
}
.faq-entry h5{
	text-align: left;
	font-weight: 500;
	color: #555;
	font-size: 1.1rem;
}
.faq-entry p{
	color: #888;
	font-size: 1.05rem;
}
#faqs .ShowHideFaqsBtn{
	padding: 0.3rem 1.5rem;
	font-size: 1.6rem;
	line-height: 1;
}
@media (min-width: 768px){
	.faq-entry{
		margin-bottom: 1rem;
	}
	.faq-entry h5{
		font-size: 1.2rem;
	}
	.faq-entry p{
		font-size: 1.1rem;
	}
	#faqs .ShowHideFaqsBtn{
		padding: 0.4rem 2rem;
		font-size: 2rem;
	}
}
/* ------ Contact Section ------ */
#contact{
	background-image: url('../img/contact-bg.jpg');
}
.contact-info-area p{
	color: #555;
	font-size: 1.1rem;
	line-height: 1.8;
}
.contact-info-email{
	display: block;
	margin-top: 2rem;
}
.contact-info-email a{
	display: inline-block;
	font-size: 1.16rem;
	color: #666;
	font-weight: 500;
}
.contact-info-email a:hover{
	color: #000;
}
.contact-info-address span{
	color: #BBB;
}
.contact-info-address address{
	margin: 0;
	color: #999;
}
.contact-info-social-icons {
	margin-top: 1.5rem;
}
.contact-info-social-icons a{
	display: inline-block;
	margin-top: 1rem;
	height: 50px;
	width: 50px;
	line-height: 48px;
	font-size: 1rem;
	color: #AAA;
	border: 2px solid #EEE;
	border-radius: 50%;
}
.contact-info-social-icons a:nth-child(2){
	margin: 0.5rem 1rem;
}
.contact-info-social-icons a:hover{
	color: #666;
	border-color: #666;
}
.contact-info-area{
	padding: 1rem;
    background: rgba(255, 255, 255, 0.9);
}
.input-wrap{
	position: relative;
	width: 100%;
	padding-bottom: 2px;
	overflow: hidden;
}
.input-wrap input, .input-wrap textarea{
	z-index: 3;
}
.input-wrap::before, .input-wrap::after{
	position: absolute;
	content: " ";
	bottom: 0;
	height: 2px;
	z-index: 2;
}
.input-wrap::before{
	left: 0;
	background: #EEE;
	width: 100%;
}
.input-wrap::after{
	width: 0;
	left: 50%;
	transition: all 0.5s linear;
	background: #e900ff;
	background: linear-gradient(135deg, #e900ff 0%, #6a00ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e900ff', endColorstr='#6a00ff',GradientType=1 );
}
.input-wrap.is_focused::after{
	left: 0;
	width: 100%;
}
.wave{
	z-index: 1;
	width: 0;
	height: 0;
	border-radius: 50%;
	background: rgba(173, 45, 255, 0.1);
	-webkit-transform: scale(0);
	        transform: scale(0);
	position: absolute;
	opacity: 1;
	pointer-events: none;
}
.light .wave{
	background: rgba(255, 255, 255, 0.15);
}
.waveEffect{
	-webkit-animation: wavePoint 0.8s linear;
	animation: wavePoint 0.8s linear;
}
@-webkit-keyframes wavePoint{
	100%{
		-webkit-transform: scale(2);
		opacity: 0;
	}
}
@keyframes wavePoint{
	100%{
		-webkit-transform: scale(2);
		        transform: scale(2);
		opacity: 0;
	}
}
.form-group{
	margin-bottom: 30px;
}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="number"],
.form-group input[type="password"],
.form-group textarea{
	width: 100%;
	margin: 0;
	padding: 10px 0;
	border: none;
	background: transparent;
	color: #999;
	font-size: 18px;
	border-radius: 0;
	box-shadow: none;
	height: 44px;
	font-weight: normal;
	letter-spacing: 1px;
	box-shadow: none !important;
}
.form-group textarea{
	height: auto;
}
.contact-form-area .form-group textarea{
	min-width: 100%;
	max-width: 100%;
	max-height: 200px;
}
.form-group input[type="text"]:hover,
.form-group input[type="email"]:hover,
.form-group input[type="number"]:hover,
.form-group input[type="password"]:hover,
.form-group textarea:hover,
.form-group input[type="text"]:focus,
.form-group input[type="email"]:focus,
.form-group input[type="number"]:focus,
.form-group input[type="password"]:focus
.form-group textarea:focus{
	background: transparent;
	color: #444;
}
.form-group input[type="text"]:focus,
.form-group input[type="email"]:focus,
.form-group input[type="number"]:focus,
.form-group input[type="password"]:focus,
.form-group textarea:focus{
	background: transparent;
	box-shadow: none;
}
.form-group button[type="submit"]{
	border: none;
}
.pms_messages .alert{
	font-family: 'Karla';
	margin-bottom: 0;
}
.pms_messages .alert button{
	text-shadow: none;
}
@media (min-width: 768px) {
	.contact-form-area form{
		padding: 1.5rem;
	}
}
@media (min-width: 992px) {
	.contact-form-area form{
		padding: 2rem;
	    max-width: 84%;
	}
}
@media (min-width: 1200px) {
	.contact-form-area form{
	    max-width: 80%;
	}
}

/* ------ Single Page ------ */
.single-pg{
	background: #EEE;
}
.single-pg > header{
	height: 56px;
}
.single-pg-box{
	min-height: 300px;
	background: #FFF;
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.single-pg .content-box{
	padding: 35px 25px;
}
.single-pg .content-box h4{
	text-align: left;
}
.single-pg .content-box ul li,
.single-pg .content-box p{
	font-size: 1.1rem;
	line-height: 1.6;
	color: #777;
}
.single-pg .content-box > h4 + p{
	margin-bottom: 30px;
}
/* ------ Footer ------ */
.copyrights p{
	color: rgba(255, 255, 255, 0.9);
	font-size: 0.85rem;
	letter-spacing: 1px;
	margin-bottom: 0;
}
.footer-links a{
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0.8rem;
	display: inline-block;
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.8;
	transition: all 0.3s cubic-bezier(.65,.05,.36,1) 0s;
}
.footer-links.text-underline-basic a::after{
    width: calc( 100% - 2px );
}
.footer-links a:hover{
	color: #FFF;
}
.credits p{
	font-family: 'Roboto';
	text-align: center;
	font-size: 0.8rem;
	color: rgba(255, 255, 255, 0.7);
	letter-spacing: 1px;
	line-height: 1.5;
}
.credits svg{
	color: rgba(255, 255, 255, 0.9);
	text-shadow: 4px 2px 0 rgba(0, 0, 0, 0.1);
}
#goToTop{
	position: absolute;
	right: 50px;
	top: 0;
    height: 50px;
    width: 50px;
	margin-top: -25px;
	z-index: 100;
    text-align: center;
    line-height: 50px;
    color: #AAA;
    background: #FFF;
    font-size: 1.4rem;
	border-radius: 50%;
	box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 6px 10px rgba(0, 0, 0, 0.15);
}
#goToTop:hover{
	color: #000;
}
#footer:hover #goToTop{
	-webkit-animation: ico_bounce 4s cubic-bezier(.47,0,.74,.71);
	animation: ico_bounce 4s cubic-bezier(.47,0,.74,.71);
}
@-webkit-keyframes ico_bounce{
	0%{-webkit-transform: translateY(0);transform: translateY(0);}
	20%{-webkit-transform: translateY(5px);transform: translateY(5px);}
	35%{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
	50%{-webkit-transform: translateY(5px);transform: translateY(5px);}
	65%{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
	80%{-webkit-transform: translateY(5px);transform: translateY(5px);}
	100%{-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes ico_bounce{
	0%{-webkit-transform: translateY(0);transform: translateY(0);}
	20%{-webkit-transform: translateY(5px);transform: translateY(5px);}
	35%{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
	50%{-webkit-transform: translateY(5px);transform: translateY(5px);}
	65%{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
	80%{-webkit-transform: translateY(5px);transform: translateY(5px);}
	100%{-webkit-transform: translateY(0);transform: translateY(0);}
}
@media screen and (max-width: 767px){
	#goToTop{
		right: 50%;
		margin-right: -35px;
	}
}