select.keywords,
select.pop-up-input {
	-moz-appearance: none;
	-webkit-appearance: none
}

.form-group .help-block ul li,
.sticky-item li {
	list-style-type: none
}

.btn,
.navbar .navbar-nav>li>a,
h6 {
	text-transform: uppercase
}

.nav-tabs>li>a,
a:hover,
footer ul li a {
	text-transform: none
}

.checkbox input[type=checkbox]:not(:checked)+.checkbox-material .check:after,
.checkbox input[type=checkbox]:not(:checked)+.checkbox-material:before,
.radio label input[type=radio]:not(:checked)~.check:after {
	animation: rippleOff .5s
}

.header-hero::after,
.loader:after {
	content: ''
}

.block-text a,
.card-title,
.info-title,
.panel .panel-heading a:active,
.panel .panel-heading a:focus,
.panel .panel-heading a:hover,
.post-author a:hover,
.readmore:hover,
.title,
a.blog-title:hover {
	text-decoration: none
}

.about-ul li,
.clients-logo ul,
.custom-list li,
.price-table ul li,
.right-side ul,
.seo-cont ul li,
.support ul li {
	list-style: none
}

.row.no-gutters {
	margin-right: 0;
	margin-left: 0
}

.row.no-gutters>[class*=" col-"],
.row.no-gutters>[class^=col-] {
	padding-right: 0;
	padding-left: 0
}

* {
	font-family: "Open Sans";
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent
}

:focus {
	outline: 0
}

body {
	background-color: #fff;
	font-size: 16px;
	text-align: justify
}

.btn.btn-simple,
.btn.btn-simple:active,
.btn.btn-simple:focus,
.btn.btn-simple:hover {
	background-color: transparent;
	color: #353535
}

a:active,
a:focus,
button::-moz-focus-inner,
button:active,
button:focus,
button:hover {
	outline: 0!important
}

.btn:active,
.btn:active:focus,
.btn:focus,
.company-menu ul {
	outline: 0
}

.h1,
.h2,
.h3,
.h4,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400
}

h1 {
	font-size: 2.8em;
	line-height: .55em
}

h4 {
	font-size: 1.3em;
	line-height: 1.55em
}

h6 {
	font-size: .9em;
	font-weight: 500
}

.btn {
	border: none;
	border-radius: 3px;
	position: relative;
	padding: 8px 28px;
	margin: 10px 1px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	will-change: box-shadow, transform;
	transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1);
	box-shadow: 0 2px 2px 0 rgba(153, 153, 153, .14), 0 3px 1px -2px rgba(153, 153, 153, .2), 0 1px 5px 0 rgba(153, 153, 153, .12)
}

.btn.btn-simple,
.btn:disabled,
.btn:disabled:active,
.btn:disabled:focus,
.btn:disabled:hover {
	box-shadow: none
}

.btn::-moz-focus-inner {
	border: 0
}

.btn.btn-primary {
	box-shadow: 0 2px 2px 0 rgba(156, 39, 176, .14), 0 3px 1px -2px rgba(156, 39, 176, .2), 0 1px 5px 0 rgba(156, 39, 176, .12)
}

.btn.btn-primary,
.btn.btn-primary:active,
.btn.btn-primary:active:focus,
.btn.btn-primary:active:hover,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
	background-color: #9158d9
}

.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
	box-shadow: 0 14px 26px -12px rgba(156, 39, 176, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(156, 39, 176, .2)
}

.btn.btn-primary:disabled,
.btn.btn-primary:disabled:active,
.btn.btn-primary:disabled:focus,
.btn.btn-primary:disabled:hover {
	box-shadow: none
}

.btn.btn-danger {
	box-shadow: 0 2px 2px 0 rgba(244, 67, 54, .14), 0 3px 1px -2px rgba(244, 67, 54, .2), 0 1px 5px 0 rgba(244, 67, 54, .12)
}

.btn.btn-danger,
.btn.btn-danger:active,
.btn.btn-danger:active:focus,
.btn.btn-danger:active:hover,
.btn.btn-danger:focus,
.btn.btn-danger:hover {
	background-color: #f44336;
	color: #FFF
}

.btn.btn-danger:active,
.btn.btn-danger:focus,
.btn.btn-danger:hover {
	box-shadow: 0 14px 26px -12px rgba(244, 67, 54, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(244, 67, 54, .2)
}

.btn.btn-danger:disabled,
.btn.btn-danger:disabled:active,
.btn.btn-danger:disabled:focus,
.btn.btn-danger:disabled:hover {
	box-shadow: none
}

.btn.btn-white,
.btn.btn-white:focus,
.btn.btn-white:hover {
	background-color: #FFF;
	color: #353535
}

.btn.btn-white.btn-simple {
	color: #FFF;
	background: 0 0;
	box-shadow: none
}

.btn.btn-lg {
	font-size: 13px;
	padding: 14px 30px
}

.btn.btn-just-icon {
	font-size: 20px;
	padding: 12px;
	line-height: 1em
}

.btn.btn-just-icon i {
	width: 20px
}

.navbar-absolute,
.sticky-wrapper {
	width: 100%;
	position: absolute
}

.btn.btn-just-icon.btn-lg {
	font-size: 22px;
	padding: 13px 18px
}

.btn .material-icons {
	vertical-align: middle;
	font-size: 17px;
	top: -1px;
	position: relative
}

@keyframes rippleOff {
	0%,
	100% {
		opacity: 0
	}
	50% {
		opacity: .2
	}
}

.pagination>li>a,
.pagination>li>span {
	border-radius: 3px!important
}

.title {
	font-size: 24px;
	font-family: 'Roboto Slab', serif;
	color: #3C4858
}

.bg-gray {
	background-color: #fafafa;
	padding-bottom: 40px
}

.no-mg {
	margin: 0!important
}

.navbar-custom,
.not-onepage .navbar {
	margin-bottom: 0
}

.bg-primary {
	background-color: #9158d9;
	padding: 40px 0;
	color: #fff
}

.navbar .navbar-brand:focus,
.navbar .navbar-brand:hover,
.navbar .navbar-nav>li>a:focus,
.navbar .navbar-nav>li>a:hover {
	background-color: transparent;
	color: inherit
}

.icon-primary {
	max-width: 100px;
	padding: 0 10px
}

.bg-primary .description,
.bg-primary .title {
	color: #fff
}

.navbar .navbar-nav>li>a {
	color: inherit;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 13px;
	border-radius: 3px
}

.navbar .navbar-toggle {
	border: 0;
	padding: 14px 10px
}

.navbar .navbar-toggle:focus,
.navbar .navbar-toggle:hover {
	background-color: transparent
}

.navbar .navbar-toggle .icon-bar {
	background-color: inherit;
	border: 1px solid;
	color: #fff
}

.navbar .navbar-collapse {
	border-top: none;
	box-shadow: none
}

.navbar {
	color: #555;
	-webkit-transition: all 150ms ease 0s;
	-moz-transition: all 150ms ease 0s;
	-o-transition: all 150ms ease 0s;
	-ms-transition: all 150ms ease 0s;
	transition: all 150ms ease 0s
}

.navbar.navbar-transparent {
	background-color: transparent;
	box-shadow: none;
	color: #fff;
	padding-top: 25px
}

.navbar-absolute {
	padding-top: 10px;
	z-index: 1029
}

.navbar .navbar-nav>li.open>.dropdown-menu {
	border-radius: 0!important;
	padding-top: 0
}

.dropdown-menu li>a {
	color: #525252!important
}

.navbar .dropdown-menu li>a:focus,
.navbar .dropdown-menu li>a:hover,
.navbar.navbar-default .dropdown-menu li>a:focus,
.navbar.navbar-default .dropdown-menu li>a:hover {
	background-color: #9158d9;
	color: #fff!important;
	border-radius: 0
}

.navbar,
.navbar.navbar-default {
	background-color: #3f51b5;
	box-shadow: none
}

.page-template .navbar-custom,
.sticky-wrapper.is-sticky .navbar-custom {
	padding: 2px 0!important;
	background-color: #3f51b5;
	box-shadow: 0 10px 20px -12px rgba(0, 0, 0, .42), 0 3px 20px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.navbar-custom {
	width: 100%;
	border-radius: 0;
	z-index: 999;
	padding: 20px 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.navbar-custom .navbar-nav li a {
	color: rgba(255, 255, 255, .75);
	font-size: 15px;
	margin: 5px 0
}

.navbar-custom .nav>li>a:focus,
.navbar-custom .nav>li>a:hover {
	background-color: transparent;
	color: #fff
}

.navbar .navbar-brand {
	height: auto;
	width: 70px
}

.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:focus,
.navbar .navbar-nav>.open>a:hover {
	color: #fff
}

.header-hero {
	background-color: #3f51b5;
	background-image: url(../img/bg-cover.png);
	background-size: cover;
	color: #fff;
	height: 270px
}

.header-hero::after {
	position: absolute;
	top: 0;
	width: 100%;
	height: 270px;
	background-color: rgba(63, 81, 181, .85);
	z-index: 5
}

.header-hero hr {
	width: 220px
}

.header-hero .container {
	top: 120px;
	position: relative;
	z-index: 20
}

.panel {
	background-color: transparent;
	border: 0;
	box-shadow: none
}

.panel .panel-heading {
	background-color: transparent!important;
	border-bottom: 1px solid #ddd;
	padding: 25px 10px 5px 0
}

.panel .panel-heading .panel-title {
	font-size: 15px;
	font-weight: bolder
}

.panel .panel-heading a {
	color: #3C4858
}

.panel .panel-heading a:active,
.panel .panel-heading a:hover,
.panel .panel-heading a[aria-expanded=true] {
	color: #9158d9
}

.panel .panel-heading a.expanded .panel-title>i,
.panel .panel-heading a[aria-expanded=true] .panel-title>i {
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.panel .panel-heading i {
	float: right
}

.panel .panel-body {
	border: 0;
	padding: 15px 0 5px
}

.panel.panel-default .panel-heading+.panel-collapse .panel-body {
	border: 0
}

.carousel .carousel-control.left,
.carousel .carousel-control.right {
	background-image: none
}

.carousel .carousel-control.right i {
	right: 0
}

.carousel .item {
	text-align: left
}

.carousel .carousel-control.left {
	left: -25px
}

.carousel .carousel-control.right {
	left: auto
}

.carousel .carousel-control .material-icons {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	font-size: 50px;
	margin-top: -15px
}

.carousel .carousel-indicators {
	bottom: 5px
}

.carousel .carousel-indicators .active,
.carousel .carousel-indicators li {
	margin: 11px 2px;
	width: 6px;
	height: 15px
}

.carousel .carousel-indicators li {
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
	background: #FFF;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
	border-radius: 10px
}

.carousel .carousel-indicators .active {
	margin-top: 10px;
	padding: 14px 0;
	border-radius: 2px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}

.page-header,
.single-page-header {
	background-size: cover;
	padding: 0;
	border: 0;
	margin: 0
}

.carousel .carousel-control {
	width: 15%
}

.page-header {
	height: 100vh;
	background-color: #3f51b5
}

.page-header .container,
.single-page-header .container {
	color: #FFF
}

.page-header .title,
.single-page-header .title {
	color: #FFF;
	line-height: 45px
}

.single-page-header {
	background-attachment: fixed;
	height: 450px;
	background-position: center center
}

.single-page-header .title {
	transition: all 1.3s;
	font-size: 45px
}

.header-3 .btn {
	margin: 0
}

.header-3 h6 {
	margin-bottom: 0
}

#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #766dcc
}

.loader,
.loader:after {
	clip: rect(0, 80px, 80px, 40px);
	height: 80px;
	width: 80px;
	position: absolute
}

.loader {
	animation: animate 1.5s linear infinite;
	left: calc(50% - 40px);
	top: calc(50% - 40px)
}

@keyframes animate {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(220deg)
	}
}

.loader:after {
	animation: animate2 1.5s ease-in-out infinite;
	border-radius: 50%
}

@keyframes animate2 {
	0% {
		box-shadow: inset #fff 0 0 0 17px;
		transform: rotate(-140deg)
	}
	50% {
		box-shadow: inset #fff 0 0 0 2px
	}
	100% {
		box-shadow: inset #fff 0 0 0 17px;
		transform: rotate(140deg)
	}
}

.btn.btn-facebook,
.navbar .navbar-nav>li>a.btn.btn-facebook {
	background-color: #3b5998;
	color: #fff;
	box-shadow: 0 2px 2px 0 rgba(59, 89, 152, .14), 0 3px 1px -2px rgba(59, 89, 152, .2), 0 1px 5px 0 rgba(59, 89, 152, .12)
}

.btn.btn-facebook:active,
.btn.btn-facebook:focus,
.btn.btn-facebook:hover,
.navbar .navbar-nav>li>a.btn.btn-facebook:active,
.navbar .navbar-nav>li>a.btn.btn-facebook:focus,
.navbar .navbar-nav>li>a.btn.btn-facebook:hover {
	background-color: #3b5998;
	color: #fff;
	box-shadow: 0 14px 26px -12px rgba(59, 89, 152, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(59, 89, 152, .2)
}

.btn.btn-facebook.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-facebook.btn-simple {
	color: #3b5998;
	background-color: transparent;
	box-shadow: none
}

.btn.btn-twitter,
.navbar .navbar-nav>li>a.btn.btn-twitter {
	background-color: #55acee;
	color: #fff;
	box-shadow: 0 2px 2px 0 rgba(85, 172, 238, .14), 0 3px 1px -2px rgba(85, 172, 238, .2), 0 1px 5px 0 rgba(85, 172, 238, .12)
}

.btn.btn-twitter:active,
.btn.btn-twitter:focus,
.btn.btn-twitter:hover,
.navbar .navbar-nav>li>a.btn.btn-twitter:active,
.navbar .navbar-nav>li>a.btn.btn-twitter:focus,
.navbar .navbar-nav>li>a.btn.btn-twitter:hover {
	background-color: #55acee;
	color: #fff;
	box-shadow: 0 14px 26px -12px rgba(85, 172, 238, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 172, 238, .2)
}

.btn.btn-twitter.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-twitter.btn-simple {
	color: #55acee;
	background-color: transparent;
	box-shadow: none
}

.btn.btn-pinterest,
.navbar .navbar-nav>li>a.btn.btn-pinterest {
	background-color: #cc2127;
	color: #fff;
	box-shadow: 0 2px 2px 0 rgba(204, 33, 39, .14), 0 3px 1px -2px rgba(204, 33, 39, .2), 0 1px 5px 0 rgba(204, 33, 39, .12)
}

.btn.btn-pinterest:active,
.btn.btn-pinterest:focus,
.btn.btn-pinterest:hover,
.navbar .navbar-nav>li>a.btn.btn-pinterest:active,
.navbar .navbar-nav>li>a.btn.btn-pinterest:focus,
.navbar .navbar-nav>li>a.btn.btn-pinterest:hover {
	background-color: #cc2127;
	color: #fff;
	box-shadow: 0 14px 26px -12px rgba(204, 33, 39, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(204, 33, 39, .2)
}

.btn.btn-pinterest.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-pinterest.btn-simple {
	color: #cc2127;
	background-color: transparent;
	box-shadow: none
}

.btn.btn-google,
.navbar .navbar-nav>li>a.btn.btn-google {
	background-color: #dd4b39;
	color: #fff;
	box-shadow: 0 2px 2px 0 rgba(221, 75, 57, .14), 0 3px 1px -2px rgba(221, 75, 57, .2), 0 1px 5px 0 rgba(221, 75, 57, .12)
}

.btn.btn-google:active,
.btn.btn-google:focus,
.btn.btn-google:hover,
.navbar .navbar-nav>li>a.btn.btn-google:active,
.navbar .navbar-nav>li>a.btn.btn-google:focus,
.navbar .navbar-nav>li>a.btn.btn-google:hover {
	background-color: #dd4b39;
	color: #fff;
	box-shadow: 0 14px 26px -12px rgba(221, 75, 57, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(221, 75, 57, .2)
}

.btn.btn-google.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-google.btn-simple {
	color: #dd4b39;
	background-color: transparent;
	box-shadow: none
}

.btn.btn-linkedin,
.navbar .navbar-nav>li>a.btn.btn-linkedin {
	background-color: #0976b4;
	color: #fff;
	box-shadow: 0 2px 2px 0 rgba(9, 118, 180, .14), 0 3px 1px -2px rgba(9, 118, 180, .2), 0 1px 5px 0 rgba(9, 118, 180, .12)
}

.btn.btn-linkedin:active,
.btn.btn-linkedin:focus,
.btn.btn-linkedin:hover,
.navbar .navbar-nav>li>a.btn.btn-linkedin:active,
.navbar .navbar-nav>li>a.btn.btn-linkedin:focus,
.navbar .navbar-nav>li>a.btn.btn-linkedin:hover {
	background-color: #0976b4;
	color: #fff;
	box-shadow: 0 14px 26px -12px rgba(9, 118, 180, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(9, 118, 180, .2)
}

.btn.btn-linkedin.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-linkedin.btn-simple {
	color: #0976b4;
	background-color: transparent;
	box-shadow: none
}

.btn.btn-dribbble,
.navbar .navbar-nav>li>a.btn.btn-dribbble {
	background-color: #ea4c89;
	color: #fff;
	box-shadow: 0 2px 2px 0 rgba(234, 76, 137, .14), 0 3px 1px -2px rgba(234, 76, 137, .2), 0 1px 5px 0 rgba(234, 76, 137, .12)
}

.btn.btn-dribbble:active,
.btn.btn-dribbble:focus,
.btn.btn-dribbble:hover,
.navbar .navbar-nav>li>a.btn.btn-dribbble:active,
.navbar .navbar-nav>li>a.btn.btn-dribbble:focus,
.navbar .navbar-nav>li>a.btn.btn-dribbble:hover {
	background-color: #ea4c89;
	color: #fff;
	box-shadow: 0 14px 26px -12px rgba(234, 76, 137, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(234, 76, 137, .2)
}

.btn.btn-dribbble.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-dribbble.btn-simple {
	color: #ea4c89;
	background-color: transparent;
	box-shadow: none
}

.btn.btn-github,
.navbar .navbar-nav>li>a.btn.btn-github {
	background-color: #333;
	color: #fff;
	box-shadow: 0 2px 2px 0 rgba(51, 51, 51, .14), 0 3px 1px -2px rgba(51, 51, 51, .2), 0 1px 5px 0 rgba(51, 51, 51, .12)
}

.btn.btn-github:active,
.btn.btn-github:focus,
.btn.btn-github:hover,
.navbar .navbar-nav>li>a.btn.btn-github:active,
.navbar .navbar-nav>li>a.btn.btn-github:focus,
.navbar .navbar-nav>li>a.btn.btn-github:hover {
	background-color: #333;
	color: #fff;
	box-shadow: 0 14px 26px -12px rgba(51, 51, 51, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(51, 51, 51, .2)
}

.btn.btn-github.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-github.btn-simple {
	color: #333;
	background-color: transparent;
	box-shadow: none
}

.btn.btn-youtube,
.navbar .navbar-nav>li>a.btn.btn-youtube {
	background-color: #e52d27;
	color: #fff;
	box-shadow: 0 2px 2px 0 rgba(229, 45, 39, .14), 0 3px 1px -2px rgba(229, 45, 39, .2), 0 1px 5px 0 rgba(229, 45, 39, .12)
}

.btn.btn-youtube:active,
.btn.btn-youtube:focus,
.btn.btn-youtube:hover,
.navbar .navbar-nav>li>a.btn.btn-youtube:active,
.navbar .navbar-nav>li>a.btn.btn-youtube:focus,
.navbar .navbar-nav>li>a.btn.btn-youtube:hover {
	background-color: #e52d27;
	color: #fff;
	box-shadow: 0 14px 26px -12px rgba(229, 45, 39, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(229, 45, 39, .2)
}

.btn.btn-youtube.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-youtube.btn-simple {
	color: #e52d27;
	background-color: transparent;
	box-shadow: none
}

.btn.btn-instagram,
.navbar .navbar-nav>li>a.btn.btn-instagram {
	background-color: #125688;
	color: #fff;
	box-shadow: 0 2px 2px 0 rgba(18, 86, 136, .14), 0 3px 1px -2px rgba(18, 86, 136, .2), 0 1px 5px 0 rgba(18, 86, 136, .12)
}

.btn.btn-instagram:active,
.btn.btn-instagram:focus,
.btn.btn-instagram:hover,
.navbar .navbar-nav>li>a.btn.btn-instagram:active,
.navbar .navbar-nav>li>a.btn.btn-instagram:focus,
.navbar .navbar-nav>li>a.btn.btn-instagram:hover {
	background-color: #125688;
	color: #fff;
	box-shadow: 0 14px 26px -12px rgba(18, 86, 136, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(18, 86, 136, .2)
}

.btn.btn-instagram.btn-simple,
.navbar .navbar-nav>li>a.btn.btn-instagram.btn-simple {
	color: #125688;
	background-color: transparent;
	box-shadow: none
}

section p.description {
	width: 70%;
	margin: 0 auto
}

.section-no-padding-top {
	padding-top: 0!important
}

.card-title,
.footer-big h4,
.footer-big h5,
.footer-brand,
.info-title,
.media .media-heading,
.title {
	font-weight: 400
}

.section-header .title {
	margin-bottom: 0
}

.section-header {
	position: relative;
	top: 0
}

.section-header:after {
	content: "-------";
	font-size: 30px;
	border-radius: 50px;
	color: #3f51b5
}

.section-header .section-number {
	font-size: 124px;
	color: rgba(74, 74, 74, .1);
	position: absolute;
	line-height: 1;
	top: -25px;
	left: 44%
}

.more-about .img-container {
	margin-top: 50px
}

.about .more-about .info .icon>i {
	font-size: 1.8em
}

.about .more-about .info .info-title {
	margin: 15px 0 5px
}

.about .more-about .info {
	padding: 20px 0 10px
}

.about .info {
	max-width: initial
}

.about .img-container {
	margin-top: 50px
}

.img-about {
	margin-top: 45px
}

.custom-list li {
	padding: 2px 0
}

.custom-list li:before {
	font-family: FontAwesome;
	content: "\f101";
	padding-right: 8px
}

#team {
	padding-top: 0;
	margin-top: 0
}

.team {
	margin-top: 0!important
}

.team .description {
	padding-bottom: 40px
}

.card img {
	width: 100%
}

.card .header-primary {
	background: #9158d9!important
}

.card-profile .card-avatar,
.card-testimonial .card-avatar {
	margin: -70px auto 0
}

.team .card {
	-webkit-box-shadow: 0 0 60px 0 #9158d9;
	box-shadow: 0 0 60px 0 #9158d9;
	margin-top: 85px
}

.card-profile .card-avatar {
	max-width: 130px;
	max-height: 130px;
	margin: -80px auto 0;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.card.card-blog,
.img-thumbnail {
	border-radius: 0
}

.skills-lists {
	margin: 35px
}

.skill-1,
.skill-2,
.skill-3,
.skill-4,
.skill-5 {
	position: relative
}

.skill-bar-text {
	position: absolute;
	top: 25px;
	color: #000;
	right: 10%
}

.services-2 img {
	margin-top: 65px
}

.services-1 {
	margin-bottom: 40px
}

.services-item img {
	width: 90px;
	display: inline-block
}

.row-space {
	margin-top: 30px
}

.blog {
	margin-top: 35px
}

.card.card-blog {
	-webkit-transition: .6s;
	-moz-transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
	transition: .6s
}

.card.card-blog:hover {
	-webkit-box-shadow: 0 0 60px 0 rgba(145, 88, 217, .43);
	box-shadow: 0 0 60px 0 rgba(145, 88, 217, .43)
}

.blog-tags {
	padding-top: 16px
}

.blog-meta {
	margin: 10px 0;
	font-style: italic
}

.post-thumbnail {
	margin: 18px 0 0
}

.card-profile,
.card-testimonial {
	background-color: transparent;
	box-shadow: none;
	padding: 15px
}

.media .avatar {
	margin: 0 15px 0 auto;
	width: 64px;
	height: 64px;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}

.single-post-profile .card-avatar {
	margin: 0 auto
}

.post-author img {
	display: inline-block;
	max-width: 80px;
	margin-bottom: 15px
}

.post-author a {
	color: #fff;
	font-weight: 600
}

.media .media-heading small {
	font-family: Roboto, Helvetica, Arial, sans-serif
}

.media .media-body {
	padding-right: 10px
}

.media .media-body .media .media-body {
	padding-right: 0
}

.media .media-footer .btn {
	margin-bottom: 20px
}

.media .media-footer:after {
	display: table;
	content: " ";
	clear: both
}

a.blog-title {
	font-size: 2.4rem
}

.blog .card .header {
	margin: 6px;
	padding: 15px 0
}

.blog .card {
	border-radius: 0
}

.blog .card .header,
.blog .card-nav-tabs .header {
	margin-top: -20px
}

.nav-tabs>li>a {
	border: 0;
	margin: 0;
	border-radius: 3px;
	line-height: 12px;
	font-size: 13px
}

.media p {
	color: #353535;
	font-size: 16px;
	line-height: 1.6em
}

.media-left,
.media>.pull-left {
	padding: 10px
}

.blog-title {
	font-size: 2.4rem
}

.easypiechart {
	display: inline-block;
	height: 100px;
	position: relative;
	text-align: center;
	width: 100px
}

.easypiechart canvas {
	left: 0;
	position: absolute;
	top: 0
}

.easypiechart>span>img,
.pie-chart>span {
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center
}

.easypiechart .percent {
	color: #fff;
	display: inline-block;
	font-size: 24px;
	line-height: 100px;
	z-index: 2;
	font-weight: 600
}

.el-list .easypiechart .percent {
	color: #000
}

.easypiechart.easypiechart-widget-pie {
	margin-bottom: 5px;
	margin-top: 5px
}

.pie-chart>span {
	margin-top: -2px
}

.easypiechart>span>img {
	height: 60%;
	margin: 0 auto;
	width: 60%
}

.skill-head {
	display: block;
	margin: 18px;
	font-size: 23px!important
}

.widget [class*=col] {
	padding: 5px
}

.widget-title {
	font-size: 15px;
	font-weight: 700;
	margin: -1px 0 3px
}

.widget-header-title {
	font-size: 18px;
	font-weight: 700;
	margin: 3px 0
}

.widget-space {
	margin: 40px
}

.card-nav-tabs {
	margin-top: 0
}

.widget span {
	font-size: 14px
}

.card-nav-tabs .nav-tabs {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center
}

.blog .tag-cloud .btn {
	text-transform: none;
	margin: 3px;
	padding: 6px 13px;
	background: 0 0;
	border-radius: 3px;
	color: #000;
	border: 1px solid #9158d9;
	font-size: 13px;
	box-shadow: none
}

.case-study-three-col {
	min-height: 500px
}

.case-study-three-col .mix {
	display: none
}

.case-study .filter-btn {
	margin-bottom: 30px
}

.case-study-item,
.filter-btn {
	margin-bottom: 20px
}

.case-study .btn {
	color: #242424;
	-webkit-box-shadow: 0 14px 26px -12px rgba(153, 153, 153, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(153, 153, 153, .2);
	box-shadow: 0 14px 26px -12px rgba(153, 153, 153, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(153, 153, 153, .2)
}

.case-study .btn.active {
	background-color: #9158d9!important;
	color: #fff;
	border-color: transparent
}

.case-study-item {
	overflow: hidden;
	position: relative
}

.case-study-caption,
.case-study-item .overlay {
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0;
	left: 0
}

.case-study-item .overlay {
	background: rgba(23, 32, 23, .7);
	top: 0;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.case-study-caption span {
	display: block
}

.clients .owl-carousel .owl-item img,
.price-icon {
	display: inline-block
}

.case-study-caption {
	color: #fff;
	top: 10%;
	padding: 30px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	transform: translateY(200px)
}

.case-study-caption .btn {
	background-color: transparent;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none
}

.case-study-caption .fa-heart:hover {
	color: #f44336
}

.case-study-item img {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s
}

.case-study-item:hover img {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3)
}

.case-study-item:hover .case-study-caption,
.case-study-item:hover .overlay {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.price-table {
	border-radius: 2px;
	background-color: #fff;
	-webkit-box-shadow: 0 16px 26px -10px rgba(63, 81, 181, .45);
	box-shadow: 0 16px 26px -10px rgba(63, 81, 181, .45)
}

.price-table-1,
.price-table-2,
.price-table-3 {
	padding-top: 30px
}

.price-icon {
	max-width: 100px;
	margin-top: -52px;
	border: 1px dashed;
	border-radius: 50%;
	padding: 12px
}

.price-table h2 {
	font-weight: 600;
	font-size: 2em
}

.price-table ul {
	padding: 0
}

.price-table ul li {
	text-align: center;
	padding: 5px 0;
	font-size: 15px
}

.price-table sup {
	font-size: 14px
}

.table-active {
	background-color: #7e57c2!important;
	-webkit-box-shadow: 0 19px 32px -10px rgba(69, 89, 202, .75)!important;
	box-shadow: 0 19px 32px -10px rgba(69, 89, 202, .75)!important
}

.table-active ul li {
	color: #fff
}

.price-table h3 {
	font-weight: 600;
	font-size: 2em
}

.price-table h3 sub {
	font-size: 14px
}

.price-blue .price-icon,
.price-green .price-icon,
.price-red .price-icon,
.table-active .price-icon {
	border-color: #000 #000 #fff
}

.price-red {
	background-color: #f0525c!important;
	color: #fff
}

.price-green {
	background-color: #4caf50!important;
	color: #fff
}

.price-blue {
	background-color: #03a9f4!important;
	color: #fff
}

.price-table-2 [class*=col-md-],
.price-table-3 [class*=col-md-] {
	padding: 0
}

.price-table-3 .price-table {
	margin: 60px auto
}

.price-table-3 .table-active {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	position: relative;
	z-index: 10
}

.clients .description,
.clients .title {
	color: #fff;
	position: relative
}

.clients .clients-text {
	padding-bottom: 30px
}

.clients .single-review {
	position: relative;
	margin-left: 1rem;
	margin-right: 1rem;
	background-color: #fff;
	padding: 49px;
	border-radius: 5px;
	color: #3e3e3e
}

.clients .slider {
	background-color: transparent
}

.clients .clients-logo {
	margin-bottom: 16px;
	padding: 20px
}

.clients .single-review img {
	max-width: 6rem;
	height: 6rem
}

.clients .owl-theme .owl-dots .owl-dot span {
	display: block;
	width: 2px;
	height: 12px;
	margin: 5px 7px;
	opacity: .5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 3px solid;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}

.team2 .team-profile,
.team3 .team-profile {
	transition: .4s;
	padding: 15px
}

.clients .owl-theme .owl-dots .owl-dot.active span,
.clients .owl-theme .owl-dots .owl-dot:hover span {
	color: #fff;
	opacity: 1;
	height: 20px
}

.clients .owl-controls {
	margin-top: 20px
}

.clients .owl-controls .owl-dots {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center
}

.single-review blockquote {
	border: 0;
	color: #969696;
	letter-spacing: .3px;
	font-size: 16px
}

.clients1 .single-review,
.clients2 .single-review,
.team1 .team-profile,
.team2 .team-profile:hover,
.team3 .team-profile:hover {
	box-shadow: -1px 5px 66px -14px rgba(0, 0, 0, .45);
	border-radius: 4px
}

.clients-img {
	width: 90px!important;
	display: inline-block!important
}

.clients1,
.clients2 {
	margin: 80px 10px
}

.clients1 .owl-carousel .owl-stage,
.clients2 .owl-carousel .owl-stage {
	height: 300px;
	padding: 32px 0
}

.clients1 .single-review,
.clients2 .single-review {
	margin: 15px;
	padding: 30px 10px
}

.clients1 .owl-carousel .owl-item img {
	margin-bottom: 20px
}

.clients2 .owl-carousel .owl-item img {
	margin: 0 12px 10px 6px;
	width: 56px!important
}

.card,
.footer .footer-btn {
	width: 100%
}

.clients2 .media-body h4 {
	margin-bottom: 0
}

.clients2 .media-body p {
	font-size: 14px;
	font-style: italic
}

.team1 .team-profile {
	padding: 15px
}

.team3 {
	margin-bottom: 30px
}

.team3 .team-profile img {
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.team3 .team-profile:hover img {
	margin-top: -50px
}

.team-name {
	font-size: 24px
}

.team-profile img {
	display: inline-block;
	max-width: 120px
}

.team-profile ul li {
	display: inline-block;
	padding: 5px 10px
}

.team-profile ul.social {
	margin: 10px
}

.team-profile ul {
	padding: 0
}

.team-skill {
	font-size: 14px
}

.team-profile p {
	padding: 10px 0
}

.page-404 {
	margin-bottom: 40px
}

.page-404 .wrapper {
	max-width: 700px;
	margin: 0 auto
}

.cls-1 {
	fill: #f44336
}

.cls-2 {
	fill: #2b3ea3
}

.cls-3 {
	fill: #3f51b5
}

.cls-4 {
	fill: #f78d5e
}

.cls-5 {
	fill: #ff9800
}

.cls-6,
.cls-7,
.cls-8 {
	fill: #b65c32
}

.cls-10,
.cls-6 {
	opacity: .6
}

.cls-7 {
	opacity: .4
}

.cls-9 {
	fill: #f4b73b
}

.cls-11 {
	fill: #f9c358
}

.cls-12 {
	fill: #9b462c
}

.cls-13 {
	fill: #aa512e
}

.cls-14 {
	fill: #7d6aa5
}

.wheel {
	animation: wheel-rotate 6s ease infinite;
	transform-origin: center;
	transform-box: fill-box
}

@keyframes wheel-rotate {
	50% {
		transform: rotate(360deg);
		animation-timing-function: cubic-bezier(.55, .085, .68, .53)
	}
	100% {
		transform: rotate(960deg)
	}
}

.clock-hand-1,
.clock-hand-2 {
	transform-origin: bottom;
	transform-box: fill-box
}

.clock-hand-1 {
	animation: clock-rotate 3s linear infinite
}

.clock-hand-2 {
	animation: clock-rotate 6s linear infinite
}

#pillow,
#stripe,
#umbrella {
	transform-origin: center;
	transform-box: fill-box
}

@keyframes clock-rotate {
	100% {
		transform: rotate(360deg)
	}
}

#box-top {
	animation: box-top-anim 2s linear infinite;
	transform-origin: right top;
	transform-box: fill-box
}

@keyframes box-top-anim {
	50% {
		transform: rotate(-5deg)
	}
}

#umbrella {
	animation: umbrella-anim 6s linear infinite
}

@keyframes umbrella-anim {
	25% {
		transform: translateY(10px) rotate(5deg)
	}
	75% {
		transform: rotate(-5deg)
	}
}

#cup {
	animation: cup-rotate 3s cubic-bezier(.455, .03, .515, .955) infinite;
	transform-origin: top left;
	transform-box: fill-box
}

@keyframes cup-rotate {
	50% {
		transform: rotate(-5deg)
	}
}

#pillow {
	animation: pillow-anim 3s linear infinite
}

@keyframes pillow-anim {
	25% {
		transform: rotate(10deg) translateY(5px)
	}
	75% {
		transform: rotate(-10deg)
	}
}

#stripe {
	animation: stripe-anim 3s linear infinite
}

@keyframes stripe-anim {
	25% {
		transform: translate(10px, 0) rotate(-10deg)
	}
	75% {
		transform: translateX(10px)
	}
}

#rucksack {
	animation: ruck-anim 3s linear infinite;
	transform-origin: top;
	transform-box: fill-box
}

@keyframes ruck-anim {
	50% {
		transform: rotate(5deg)
	}
}

.circle {
	animation: circle-anim ease infinite;
	transform-origin: center;
	transform-box: fill-box;
	perspective: 0
}

.circle.c1 {
	animation-duration: 2s
}

.circle.c2 {
	animation-duration: 3s
}

.circle.c3,
.circle.c4 {
	animation-duration: 1s
}

.circle.c5 {
	animation-duration: 2s
}

.circle.c6 {
	animation-duration: 3s
}

@keyframes circle-anim {
	50% {
		transform: scale(.2) rotateX(360deg) rotateY(360deg)
	}
}

#ou,
.four {
	animation: four-anim cubic-bezier(.39, .575, .565, 1) infinite
}

.four.a,
.four.b {
	animation-duration: 3s;
	transform-box: fill-box
}

.four.a {
	transform-origin: bottom left
}

.four.b {
	transform-origin: bottom right
}

#ou {
	animation-duration: 6s;
	transform-origin: center;
	transform-box: fill-box
}

@keyframes four-anim {
	50% {
		transform: scale(.98)
	}
}

.card-title,
.info-title {
	font-weight: 700;
	color: #3C4858
}

.description {
	color: #4a4a4a
}

.card {
	display: inline-block;
	position: relative;
	margin-bottom: 30px;
	border-radius: 2px;
	color: rgba(0, 0, 0, .87);
	background: #fff;
	box-shadow: 0 16px 26px -10px rgba(63, 81, 181, .45)
}

.card .header,
.card-raised {
	box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.card .content {
	padding: 15px 30px
}

.card .header {
	margin: 15px;
	border-radius: 3px;
	padding: 15px 0;
	background-color: #FFF
}

.card .header-rose {
	background: linear-gradient(60deg, #ec407a, #c2185b)
}

.card [class*=header-],
.card [class*=header-] .card-title {
	color: #FFF
}

.card .checkbox {
	margin-top: 16px
}

.card-contact .header {
	margin-top: -20px
}

.info {
	max-width: 360px;
	margin: 0 auto;
	padding: 5px 0
}

.info .icon>i {
	font-size: 4.4em
}

.info .info-title {
	color: #3C4858;
	margin: 30px 0 15px
}

.info p {
	color: #4a4a4a
}

.info-horizontal .icon {
	float: left;
	margin-top: 24px;
	margin-right: 10px
}

.info-horizontal .icon>i {
	font-size: 2.6em
}

.info-horizontal .description {
	overflow: hidden
}

.form-group .help-block {
	display: inline-block;
	position: initial
}

.dropdownjs>ul>li:h>.close:hover:before {
	opacity: .9
}

.section-white {
	background: #FFF
}

[class*=contact-us-] {
	padding: 80px 0
}

.contact-us {
	padding: 0
}

.contact-us.section {
	padding: 70px 0
}

.contact-us .info-horizontal .icon {
	margin-top: 26px
}

.contact-us .info-horizontal .icon>i {
	font-size: 2.2em
}

#contactUsMap {
	height: 400px;
	margin-bottom: 30px
}

.contact-us .info {
	padding: 0
}

.subscribe .input-group-addon .fa {
	font-size: 22px;
	color: #fff
}

.subscribe .btn.btn-info {
	margin-bottom: 0;
	margin-top: 25px
}

.trial {
	background-color: #9158d9;
	padding: 40px 0;
	color: #fff;
	margin-top: 0
}

.trial .trial-des {
	color: #fff;
	font-size: 20px
}

.trial-title {
	font-size: 3.8rem
}

.trial .trial-btn {
	margin-top: 35px
}

.footer {
	padding-bottom: 0
}

.footer .social {
	padding-top: 12px;
	justify-content: center
}

.footer .typo-light {
	font-size: 16px;
	font-weight: 700
}

footer ul li {
	display: block;
	line-height: 26px
}

footer ul li a {
	padding: 10px 2px;
	font-size: 28px;
	line-height: 16px;
	display: inline-block
}

.btn-more2,
.btn-more2 a,
.btn-more2:hover,
.company-menu h4,
.footer-brand p,
.form-btn,
.hovereffect h2,
.inner-banner-design h3,
.social-links-title {
	text-transform: uppercase
}

.up-hr {
	margin: 16px 16px 16px 0
}

.footer .social a {
	padding: 10px;
	font-size: 20px
}

.footer-logo {
	width: 50px;
	display: inline-block
}

.alert-bordered .icon:after,
.alert-icon .icon:after {
	display: block;
	right: -6px;
	content: ''
}

.footer-widget {
	text-align: left
}

.newsletter {
	max-width: 400px;
	margin: 0 auto
}

.footer .fa-heart {
	color: #ee1a30
}

.el-list .button-list {
	margin: 20px auto
}

.btn.btn-rounded {
	border-radius: 60px
}

.btn.btn-outline {
	border: 1px solid;
	background-color: transparent!important
}

.btn-default.btn-outline {
	color: #696969
}

.btn-primary.btn-outline {
	color: #9158d9
}

.btn-warning.btn-outline {
	color: #ff5722
}

.btn-danger.btn-outline {
	color: #f44336
}

.btn-info.btn-outline {
	color: #03a9f4
}

.btn-success.btn-outline {
	color: #4caf50
}

.btn.btn-default.btn-outline:active,
.btn.btn-default.btn-outline:focus,
.btn.btn-default.btn-outline:hover {
	color: #636363;
	background: 0 0!important;
	border-color: #636363
}

.btn.btn-primary.btn-outline:active,
.btn.btn-primary.btn-outline:focus,
.btn.btn-primary.btn-outline:hover {
	color: #9158d9;
	background: 0 0;
	border-color: #9158d9
}

.btn.btn-success.btn-outline:active,
.btn.btn-success.btn-outline:focus,
.btn.btn-success.btn-outline:hover {
	color: #8BC34A;
	background: 0 0;
	border-color: #8BC34A
}

.btn.btn-warning.btn-outline:active,
.btn.btn-warning.btn-outline:focus,
.btn.btn-warning.btn-outline:hover {
	color: #ff5722;
	background: 0 0;
	border-color: #ff5722
}

.btn.btn-danger.btn-outline:active,
.btn.btn-danger.btn-outline:focus,
.btn.btn-danger.btn-outline:hover {
	color: #f44336;
	background: 0 0;
	border-color: #f44336
}

.btn.btn-info.btn-outline:active,
.btn.btn-info.btn-outline:focus,
.btn.btn-info.btn-outline:hover {
	color: #03a9f4;
	background-color: transparent;
	border-color: #03a9f4
}

.btn.btn-icon .fa {
	padding: 0 8px
}

.btn-animate.fc-next-button,
.btn-animate.fc-prev-button,
.btn-animate.fc-today-button,
.btn.btn-animate,
.owl-theme .owl-nav .btn-animate[class*=owl-],
.sweet-alert button.btn-animate,
.tablesaw-sortable th.tablesaw-sortable-head button.btn-animate,
.wizard>.actions a.btn-animate,
button.btn-animate.fc-agendaDay-button,
button.btn-animate.fc-agendaWeek-button,
button.btn-animate.fc-month-button {
	position: relative;
	overflow: hidden
}

.btn-animate.fc-next-button i,
.btn-animate.fc-prev-button i,
.btn-animate.fc-today-button i,
.btn.btn-animate i,
.owl-theme .owl-nav .btn-animate[class*=owl-] i,
.sweet-alert button.btn-animate i,
.tablesaw-sortable th.tablesaw-sortable-head button.btn-animate i,
.wizard>.actions a.btn-animate i,
button.btn-animate.fc-agendaDay-button i,
button.btn-animate.fc-agendaWeek-button i,
button.btn-animate.fc-month-button i {
	font-size: 16px;
	height: 100%;
	left: 0;
	padding-top: 10px;
	position: absolute;
	top: -100%;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	width: 100%
}

.btn-animate.fc-next-button .btn-text,
.btn-animate.fc-prev-button .btn-text,
.btn-animate.fc-today-button .btn-text,
.btn.btn-animate .btn-text,
.owl-theme .owl-nav .btn-animate[class*=owl-] .btn-text,
.sweet-alert button.btn-animate .btn-text,
.tablesaw-sortable th.tablesaw-sortable-head button.btn-animate .btn-text,
.wizard>.actions a.btn-animate .btn-text,
button.btn-animate.fc-agendaDay-button .btn-text,
button.btn-animate.fc-agendaWeek-button .btn-text,
button.btn-animate.fc-month-button .btn-text {
	position: relative;
	top: 0;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.btn-animate.fc-next-button:hover i,
.btn-animate.fc-prev-button:hover i,
.btn-animate.fc-today-button:hover i,
.btn.btn-animate:hover i,
.owl-theme .owl-nav .btn-animate[class*=owl-]:hover i,
.sweet-alert button.btn-animate:hover i,
.tablesaw-sortable th.tablesaw-sortable-head button.btn-animate:hover i,
.wizard>.actions a.btn-animate:hover i,
button.btn-animate.fc-agendaDay-button:hover i,
button.btn-animate.fc-agendaWeek-button:hover i,
button.btn-animate.fc-month-button:hover i {
	top: 0
}

.btn-animate.fc-next-button:hover .btn-text,
.btn-animate.fc-prev-button:hover .btn-text,
.btn-animate.fc-today-button:hover .btn-text,
.btn.btn-animate:hover .btn-text,
.owl-theme .owl-nav .btn-animate[class*=owl-]:hover .btn-text,
.sweet-alert button.btn-animate:hover .btn-text,
.tablesaw-sortable th.tablesaw-sortable-head button.btn-animate:hover .btn-text,
.wizard>.actions a.btn-animate:hover .btn-text,
button.btn-animate.fc-agendaDay-button:hover .btn-text,
button.btn-animate.fc-agendaWeek-button:hover .btn-text,
button.btn-animate.fc-month-button:hover .btn-text {
	top: 50px
}

.btn-lg {
	font-size: 18px!important
}

.card-view {
	-webkit-box-shadow: 0 16px 26px -10px rgba(63, 81, 181, .45);
	box-shadow: 0 16px 26px -10px rgba(63, 81, 181, .45);
	padding: 25px;
	transition: .6s
}

.hovereffect .overlay:before,
.hovereffect img {
	-webkit-transition: opacity .35s, -webkit-transform .45s
}

.card-view:hover {
	-webkit-box-shadow: 0 0 60px 0 rgba(145, 88, 217, .43);
	box-shadow: 0 0 60px 0 rgba(145, 88, 217, .43)
}

.card-view .panel-heading {
	padding: 0 0 16px
}

.alert-dismissable {
	padding-right: 35px
}

.alert {
	border-radius: 2px
}

.alert-icon {
	background: #fff;
	color: #404040;
	padding-left: 61px;
	position: relative;
	border: none!important
}

.alert-icon .icon,
.alert-icon .icon:after {
	border: 1px solid #BDBDBD;
	position: absolute
}

.alert-icon .icon {
	text-align: center;
	width: 45px;
	height: 103%;
	top: -1px;
	left: -1px;
	padding-top: 15px
}

.alert-icon .icon:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
	height: 10px;
	border-left: 0;
	border-bottom: 0;
	top: 50%;
	margin-top: -3px;
	background: #fff
}

.alert-icon.rounded {
	border-radius: 3px;
	-webkit-border-radius: 3px
}

.alert-icon.rounded .icon {
	border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px
}

.alert-bordered .icon i,
.alert-icon .icon i {
	font-size: 20px;
	color: #FFF;
	left: 12px;
	margin-top: -10px;
	position: absolute;
	top: 50%
}

.alert-icon.alert-danger .icon,
.alert-icon.alert-danger .icon:after {
	border-color: #eee;
	background: #f44336
}

.alert-icon.alert-info .icon,
.alert-icon.alert-info .icon:after {
	border-color: #eee;
	background: #03a9f4
}

.alert-icon.alert-warning .icon,
.alert-icon.alert-warning .icon:after {
	border-color: #eee;
	background: #ff9800
}

.alert-icon.alert-success .icon,
.alert-icon.alert-success .icon:after {
	border-color: #eee;
	background: #4caf50
}

.alert-icon.alert-primary .icon,
.alert-icon.alert-primary .icon:after {
	border-color: #eee;
	background: #9158d9
}

.close {
	text-shadow: none
}

.alert-primary {
	background-color: #9158d9!important;
	border-color: #9158d9!important;
	color: #fff!important
}

.alert-success {
	background-color: #4CAF50!important;
	border-color: #4CAF50!important;
	color: #fff
}

.alert-danger,
.alert-info,
.alert-warning {
	color: #fff!important
}

.alert-info {
	background-color: #03A9F4!important;
	border-color: #03A9F4!important
}

.alert-warning {
	background-color: #FF9800!important;
	border-color: #FF9800!important
}

.alert-danger {
	background-color: #F44336!important;
	border-color: #F44336!important
}

.alert-bordered {
	border: 1px solid;
	background-color: #fff!important;
	color: #404040!important;
	padding-left: 61px;
	position: relative
}

.alert-bordered .icon {
	text-align: center;
	width: 45px;
	height: 103%;
	position: absolute;
	top: -1px;
	left: -1px;
	border: 1px solid #BDBDBD;
	padding-top: 15px;
	color: #fff
}

.alert-bordered .icon:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
	height: 10px;
	border: 1px solid #BDBDBD;
	position: absolute;
	border-left: 0;
	border-bottom: 0;
	top: 50%;
	margin-top: -3px;
	background: #fff
}

.alert-bordered button.close {
	color: #999
}

.alert-bordered.alert-danger .icon,
.alert-bordered.alert-danger .icon:after {
	border-color: #e05749;
	background: #f44336
}

.alert-bordered.alert-info .icon,
.alert-bordered.alert-info .icon:after {
	border-color: #4099d5;
	background: #4aa3df
}

.alert-bordered.alert-warning .icon,
.alert-bordered.alert-warning .icon:after {
	border-color: #ff9800;
	background: #ff9800
}

.alert-bordered.alert-success .icon,
.alert-bordered.alert-success .icon:after {
	border-color: #0fac8e;
	background: #4caf50
}

.alert-bordered.alert-primary .icon,
.alert-bordered.alert-primary .icon:after {
	border-color: #9158d9;
	background: #9158d9
}

.form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0
}

.form-group {
	padding-bottom: 10px;
	margin: 6px 0 0
}

.panel .form-horizontal .label-on-left {
	padding: 18px 5px 0 0;
	text-align: right
}

.radio input[type=radio]:checked~.check {
	background-color: #3f51b5
}

@media (min-width:768px) {
	.page-header .container {
		padding-top: 215px
	}
}

@media (max-width:768px) {
	.navbar.navbar-transparent {
		background-color: rgba(0, 0, 0, .4);
		padding-top: 10px;
		border-radius: 0
	}
	h1 {
		font-size: 2.8em
	}
	.footer-widget {
		text-align: center
	}
}

.price-table {
	max-width: 400px;
	margin: 65px auto 0
}

@media (min-width:992px) {
	.navbar .navbar-collapse {
		text-align: center
	}
}

@media (max-width:991px) {
	.navbar .navbar-nav>li>a {
		padding-left: 0;
		padding-right: 0
	}
	.navbar .navbar-nav>li {
		margin-left: 15px;
		margin-right: 15px
	}
	.page-header {
		height: auto;
		min-height: 100vh
	}
	.carousel .page-header {
		padding: 0 30px
	}
	.carousel .buttons {
		margin-bottom: 100px
	}
	.card-profile,
	.card-testimonial {
		text-align: center
	}
	.card-profile img {
		display: inline-block
	}
	.price-table-3 .table-active {
		transform: none
	}
}

@media (max-width:1199px) {
	.navbar .navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px
	}
}


/*** Header Button***/

.call-back {
	border: 2px solid #0bc3f8;
	background: #0bc3f8;
	transition: .3s;
}

.call-back:hover {
	background: transparent;
	color: #fff !important;
	cursor: pointer;
}

a.call-back {
	color: #fff !important;
}

.modal-backdrop {
	display: none !important;
}

a.call-back:focus {
	color: #f8ce0b !important;
}

#request-quote .modal-header {
	background: #7349fe;
}

#request-quote .close i {
	color: #fff;
}

h4.callback-header {
	font-size: 18px;
	color: #fff;
	padding-bottom: 15px;
	border-bottom: 2px solid #7349fe;
}

.callback-form input[type=text],
.callback-form input[type=tel],
.callback-form input[type=email],
.callback-form input[type=url] {
	border: 1px solid #b6b6b6;
	background-image: none;
	padding: 0 12px;
}

textarea.msg-box {
	border: 1px solid #b6b6b6;
	border-radius: 0;
	margin-bottom: 12px;
}

textarea.msg-box::placeholder {
	color: #b1b1b1;
	font-weight: normal;
	font-size: 15px;
}

.call-btn {
	background: #7349fe;
	width: 145px;
	height: 45px;
}

.call-btn:hover {
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);
}

.center {
	float: none;
	margin: 0 auto
}

#rs-seo-score input {
	box-shadow: none;
	padding: 15px 38px;
	border: 1px solid #dedede;
	border-radius: 30px;
	height: auto;
	font-size: 15px;
	margin-right: 125px;
	width: 99%
}

#rs-seo-score .readon,
#rs-seo-score .readon:hover {
	font-size: 16px;
	text-transform: uppercase
}

#rs-seo-score .readon {
	background: linear-gradient(to right, #0d21ab 0, #287cff 100%);
	border: 0;
	-webkit-border-radius: 60px;
	padding: 15px 30px;
	position: relative;
	top: -7px
}

.email-box,
.rs-contactform-a input[type=text] {
	background: #f6f9fb;
	color: #222;
	font-size: 15px;
	line-height: 1.2;
	font-family: 'Open Sans', sans-serif;
	display: block;
	height: 42px;
	padding: 5px 15px;
	width: 100%;
	border: 1px solid #3f51b5;
	margin-bottom: 10px
}

.marketing-block:hover .info-title,
.submit {
	color: #fff
}

.submit {
	background: #3f51b5;
	border-style: none!important: border-color: none;
	padding: 8px 15px
}

.marketing-block {
	border: 1px solid #dedede;
	padding-top: 21px;
	padding-bottom: 21px;
	background: #fff
}

.marketing-block:hover {
	background: #3f51b5;
	color: #fff;
	cursor: pointer
}

.marketing-block .readmore {
	margin-top: 15px;
	color: #fbc02d;
	border: 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px 12px;
	display: inline-block
}

.block,
.iconset,
.person-text a {
	display: block
}

.marketing-block:hover .readmore {
	background: #fff;
	color: #3f51b5;
	border: none!important
}

.iconset {
	width: 90px;
	height: 90px;
	margin: auto
}

.hovereffect,
.hovereffect .overlay {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.small-icon-1 {
	background: url(../img/icons/search-engine-icon.png) no-repeat
}

.marketing-block:hover .small-icon-1 {
	background: url(../img/icons/search-engine-2.png) no-repeat
}

.small-icon-2 {
	background: url(../img/icons/website-design.png) no-repeat
}

.marketing-block:hover .small-icon-2 {
	background: url(../img/icons/website-design-2.png) no-repeat
}

.small-icon-3 {
	background: url(../img/icons/local-seo-sevice-icon.png) no-repeat
}

.marketing-block:hover .small-icon-3 {
	background: url(../img/icons/local-seo-sevice-2.png) no-repeat
}

.small-icon-4 {
	background: url(../img/icons/website-development-icon.png) no-repeat
}

.marketing-block:hover .small-icon-4 {
	background: url(../img/icons/website-development-2.png) no-repeat
}

.small-icon-5 {
	background: url(../img/icons/wordpress-seo-icon.png) no-repeat
}

.marketing-block:hover .small-icon-5 {
	background: url(../img/icons/wordpress-seo-icon-2.png) no-repeat
}

.small-icon-6 {
	background: url(../img/icons/addwords.png) no-repeat
}

.marketing-block:hover .small-icon-6 {
	background: url(../img/icons/addwords-2.png) no-repeat
}

.small-icon-7 {
	background: url(../img/icons/ecommerce-website.png) no-repeat
}

.marketing-block:hover .small-icon-7 {
	background: url(../img/icons/website-development-2.png) no-repeat
}

.small-icon-8 {
	background: url(../img/icons/social--media-opt.png) no-repeat
}

.marketing-block:hover .small-icon-8 {
	background: url(../img/icons/social--media-opt-2.png) no-repeat
}

.small-icon-9 {
	background: url(../img/icons/content-mngt.png) no-repeat
}

.marketing-block:hover .small-icon-9 {
	background: url(../img/icons/content-mngt-2.png) no-repeat
}

.hovereffect {
	float: left;
	position: relative;
	text-align: center;
	cursor: default;
	background: -webkit-linear-gradient(45deg, #ff89e9 0, #05abe0 100%);
	background: linear-gradient(45deg, #ff89e9 0, #05abe0 100%)
}

.hovereffect .overlay {
	position: absolute;
	top: 0;
	left: 0;
	padding: 3em;
	text-align: left
}

.hovereffect img {
	display: block;
	position: relative;
	max-width: none;
	width: calc(100% + 60px);
	transition: opacity .35s, transform .45s;
	-webkit-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0)
}

.hovereffect h2 {
	color: #fff;
	position: relative;
	font-size: 17px;
	background-color: transparent;
	padding: 15% 0 10px;
	text-align: left
}

.hovereffect .overlay:before {
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	filter: alpha(opacity=0);
	transition: opacity .35s, transform .45s;
	-webkit-transform: translate3d(-20px, 0, 0);
	transform: translate3d(-20px, 0, 0)
}

.hovereffect a,
.hovereffect p {
	text-align: center;
	position: relative;
	top: 15px;
	left: 0;
	color: #fff;
	font-weight: 700;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .35s, -webkit-transform .45s;
	transition: opacity .35s, transform .45s;
	-webkit-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
	text-decoration: none
}

.hovereffect:hover img {
	opacity: .6;
	filter: alpha(opacity=60);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.hovereffect:hover .overlay:before,
.hovereffect:hover a,
.hovereffect:hover p {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}











@media only screen and (max-width:767px) {
	.testimonial .testimonial-content {
		float: none;
		width: 100%;
		margin: 0 0 20px
	}
	.testimonial .description {
		width: 100%
	}
	.testimonial .description:before {
		border: 10px solid transparent;
		border-bottom: 10px solid rgba(255, 255, 255, .15);
		position: absolute;
		top: -20px;
		left: 47.5%
	}
}

.form-btn,
.form-icon,
.testimonial {
	position: relative
}

.newsletter-input {
	margin-top: 11px;
	background: #010101;
	border: 1px solid #fff;
	margin-left: 5px;
	width: 62%;
	padding: 10px
}

.newsletter-input input {
	font-size: 8px;
	color: #e2e2e2
}

.newsletter-form input[type=text]::placeholder {
	font-size: 14px;
	color: #fff
}

.form-icon {
	top: 2px;
	width: 60px;
	float: left
}

.form-icon span {
	font-size: 58px
}

.form-btn {
	top: -2px;
	padding: 10px;
	background: #fd9300;
	border: 1px solid rgba(255, 255, 255, .7);
	color: #fff;
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-size: 14px
}

.form-btn:hover {
	background: #fe9952;
	color: #fff
}

.social-links-title {
	margin-top: 10px;
	display: inline-block;
	float: none;
	max-width: 200px;
	padding: 0 0 10px;
	line-height: 20px;
	color: #cfcfc7
}

.socila-links {
	margin: 0;
	padding: 0;
	overflow: hidden
}

.social-links li {
	display: inline-block;
	float: left
}

.social-links li a i {
	color: #757575;
	padding: 5px!important;
	font-weight: 700
}

.company-menu ul,
.company-menu ul li,
.support ul {
	padding: 0;
	margin: 0
}

.footer-brand h4,
.footer-brand p {
	font-weight: 400;
	font-style: normal
}

.fb i:hover {
	color: #3B5998
}

.instgrm i:hover {
	color: #8a3ab9
}

.tw i:hover {
	color: #1da1f2
}

.pin i:hover {
	color: #C92228
}

.linkd i:hover {
	color: #0077B5
}

.separator-line-full {
	height: 1px;
	width: 100%;
	background: #444
}

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

.no-margin-lr {
	margin-left: 0!important;
	margin-right: 0!important
}

.footer-brand h4 {
	color: #fff;
	font-family: 'Roboto Slab';
	margin: 0
}

.footer-brand p {
	color: #f0f0f0;
	font-size: 12px;
	letter-spacing: 1px;
	font-family: 'Open Sans'
}

.company-menu h4,
.company-menu ul li a {
	color: #fff
}

.support ul li {
	display: inline-block;
	border: 1px solid #777
}

.company-menu h4 {
	font-size: 16px
}

.company-menu ul li {
	list-style: none;
	color: #fff
}

.company-menu ul li span {
	display: block;
	color: #fff;
	font-size: 14px
}

.company-menu ul li a {
	margin: 0;
	padding: 0;
	font-size: 12px;
	word-spacing: normal
}

.company-menu ul li i {
	color: #fff;
	padding-right: 5px
}

.company-menu ul li a:hover {
	color: #FC0
}

.btn-more {
	background: #FC0;
	padding: 3px
}

.btn-more2,
.btn-more2:hover {
	padding: 12px 28px
}

.btn-more a {
	font-size: 12px;
	color: #fff!important
}

.btn-more2 {
	color: #03a9f4;
	border: 1px solid #03a9f4;
	font-size: 14px;
	margin-top: 37px
}

.btn-more2:hover {
	background: #03a9f4!important;
	color: #fff
}

.btn-more2:focus {
	background: 0 0!important;
	color: #03a9f4
}

.btn-more2 a {
	font-size: 12px;
	color: #fff!important
}

h2.title {
	font-family: 'Roboto Slab', serif;
	font-size: 32px;
	margin: 20px 0;
	line-height: 41px
}

.heading-cont p,
.seo-heading,
seo-cont p {
	font-family: 'Source Sans Pro', sans-serif
}

.heading-cont p,
seo-cont p {
	font-size: 18px
}

.heading-cont p {
	margin-top: -45px
}

.slider-height {
	width: 100%;
	max-height: 530px
}

.seo-cont ul {
	margin: 0;
	padding: 0
}

.seo-cont ul li {
	border-left: 6px solid #c7c7c7;
	padding-left: 25px;
	line-height: 25px;
	margin-bottom: 25px
}

.clients-logo ul li {
	display: inline-block;
	margin: 0 19px 0 0;
	border: 1px solid #dedede;
	padding: 5px
}

.testimonial {
	padding: 70px 30px 50px;
	margin: 50px 30px 30px;
	border: 1px solid #fff
}

.testimonial .pic {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 5px solid #fff;
	overflow: hidden;
	margin: 0 auto;
	position: absolute;
	top: -50px;
	left: 0;
	right: 0
}

.testimonial .pic img {
	width: 100%;
	height: auto
}

.testimonial .description {
	text-align: center;
	margin: 0
}

.testimonial .description:before {
	font-size: 25px;
	color: #d7d7d7
}

.testimonial .title {
	display: inline-table;
	padding: 10px;
	background: #fff;
	border: 1px solid #fff;
	letter-spacing: 1px;
	position: absolute;
	bottom: -22px;
	left: 0;
	right: 0
}

.owl-theme .owl-controls {
	width: 100%;
	height: 50px;
	opacity: 1;
	position: absolute;
	top: 100%
}

.owl-theme .owl-controls .owl-buttons div {
	width: 50px;
	height: 50px;
	line-height: 40px;
	border-radius: 0;
	background: 0 0
}

.owl-next:after,
.owl-prev:after {
	content: "\f104";
	font-family: FontAwesome;
	font-size: 30px;
	color: #c7373c;
	opacity: 1
}

.owl-next:after {
	content: "\f105"
}

@media only screen and (max-width:479px) {
	
}

.banner-wrapper {
	position: relative;
	top: 105px;
}

.banner-wrapper1 {
	position: relative;
	top: 0
}

.inner-banner {
	background-image: url(../img/digital-marketing.jpg);
	background-position: center center;
	background-size: cover;
	float: left;
	padding: 55px 0 50px;
	position: relative;
	width: 100%;
	z-index: 2;
}

.inner-banner::before {
	background: #2d2e2e;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.6;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.inner-banner-design {
	float: left;
	text-align: left;
	width: 100%;
}

.inner-banner-heading {
	padding: 0;
	margin: 35px 0;
}

.inner-banner-design h3 {
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 3px;
	margin: 0;
	text-transform: uppercase;
	font-family: 'Source Sans Pro';
}

.inner-breadcrumb {
	line-height: 14px;
	padding: 35px 0 6px
}

.inner-breadcrumb ul {
	background: rgba(0, 0, 0, .3);
	margin: 0 auto;
	padding: 12px 0;
	width: 25%
}

.inner-breadcrumb ul li {
	display: inline-block;
	padding: 0 8px 0 14px;
	position: relative;
	color: #fff;
	font-size: 14px;
	line-height: 14px
}

.inner-breadcrumb ul li a {
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 14px;
	text-transform: capitalize;
	transition: all .3s ease-in-out 0s
}

.right-side h1,
.right-side h1 span {
	font-family: 'Roboto Slab';
	font-size: 24px;
	font-weight: 700
}

.inner-breadcrumb ul li:last-child {
	color: #fbc02d
}

.service-content {
	position: relative;
	top: 134px;
	clear: both;
	margin-bottom: 135px;
}

.col-xx {
	margin-top: -18px;
	padding: 0
}

.float-left,
.right-side {
	margin: 0;
	padding: 0
}

.float-left {
	float: left
}

.right-side h1 {
	color: #393939
}

.right-side h1 span {
	color: #393939;
	display: block;
	line-height: 30px
}

.right-side h6,
.right-side p {
	font-family: "Open Sans"
}

.right-side h6 {
	color: #393939;
	font-size: 14px;
	font-weight: 700
}

.right-side span {
	display: block;
	font-weight: 300;
	font-size: 20px;
	margin: 5px 0 15px;
	color: #393939
}

.right-side p {
	font-size: 16px;
	color: #777;
	line-height: 30px
}

.side-form {
	border: 1px solid #eaeaea;
	margin: 0;
	padding: 0
}

.right-side ul {
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 0
}

.right-side ul li {
	position: relative;
	margin-bottom: 18px
}

.right-side ul li:before {
	content: "\f046";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	text-decoration: inherit;
	color: #000;
	font-size: 18px;
	margin-right: 5px
}

.right-side ul li i {
	position: relative;
	top: 6px;
	background: #01579B;
	padding: 8px;
	border-radius: 50%;
	margin-right: 10px;
	-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .25);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .25)
}

.right-side ul li>.material-icons {
	font-family: 'Material Icons';
	color: #fff;
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga'
}

.right-side ul li h6 {
	font-family: 'Source Sans Pro';
	color: #222;
	position: relative;
	top: 10px
}

.right-side ul li p {
	font-size: 15px
}

.side-form select,
.side-form select option {
	color: #333
}

.side-form input[type=text],
.side-form select,
.side-form textarea {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	color: #101010;
	width: 100%;
	margin: 5px 0;
	border: 1px solid #b9b9b9;
	padding: 5px 8px
}

.side-form input[type=text]:focus,
.side-form select:focus,
.side-form textarea:focus {
	-webkit-box-shadow: 0 2px 5px 0 rgba(179, 214, 252, 1);
	-moz-box-shadow: 0 2px 5px 0 rgba(179, 214, 252, 1);
	box-shadow: 0 2px 5px 0 rgba(179, 214, 252, 1);
	border: 1px solid #3faaf5
}

.side-form form textarea {
	border-radius: 0;
	border-color: #c1c1c1;
	width: 100%;
	margin-left: 0
}

.side-form .input-group .input-group-addon {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	position: relative;
	top: 0;
	color: #203066
}

.side-form input[type=submit] {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	border: 0!important;
	background: #5776fe;
	padding: 8px 35px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px
}

.side-form input[type=submit]:hover {
	border: 2px solid #5776fe;
	background: #335be2
}

.side-form form {
	padding: 0 8px
}

.side-form h3 {
	font-family: 'Source Sans Pro';
	font-size: 22px;
	margin: 0 0 22px;
	padding: 12px 10px;
	box-sizing: border-box;
	color: #1e8ee4;
	border-bottom: 2px solid #1e8ee4
}

.submit-btm input[type=submit],
.submit-btm input[type=submit]:hover {
	outline: 0!important;
	padding: 5px 25px;
	background: #08b1f8;
	cursor: pointer;
	text-align: center
}

.side-form form input[type=text]::placeholder,
.side-form form textarea::placeholder {
	color: #9a9a9a;
	font-size: 16px;
	font-family: 'Source Sans Pro'
}

.submit-btm {
	margin-top: 22px;
	text-align: center
}

.submit-btm input[type=submit] {
	color: #fff
}

.submit-btm input[type=submit]:hover {
	text-shadow: 1px 2px 0 #000
}

.side-form form textarea::placeholder {
	color: #9a9a9a;
	font-size: 16px;
	font-family: 'Source Sans Pro'
}

.side-form .input-group-addon span {
	position: relative;
	top: -5px;
	font-size: 18px;
	color: #1e8ee4
}

textarea {
	width: 100%;
	border: 1px solid #919191;
	color: #6f6f6f;
	padding: 11px 18px;
	-webkit-border-radius: 4px
}

.blue-bg {
	background: #f3f3f3
}

.blue-bg p {
	color: #777;
	font-size: 16px;
	margin-bottom: 52px
}

.service-demo {
	margin-top: 225px
}

.enquiry-info {
	margin-top: 125px;
	background: #66F;
	padding: 25px;
	text-align: center
}

.call-us {
	padding: 12px 0 30px;
	text-align: center
}

.wrapper {
	background: #353037;
	margin-top: 25px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	-khtml-opacity: .7;
	opacity: .7;
	border-radius: 5px;
	margin-bottom: 25px
}

.call-us h2 {
	font-family: 'Roboto Slab';
	border-bottom: 3px solid #232223;
	color: #FC0;
	font-size: 32px;
	padding-bottom: 25px
}

.call-us h6 {
	font-weight: 700;
	margin: 10px 0 12px
}

.call-us a {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	color: #fff
}

.web-banner {
	background-image: url(../img/website-banner.jpg);
	background-position: center center;
	background-size: cover;
	float: left;
	padding: 55px 0 50px;
	position: relative;
	width: 100%;
	z-index: 2
}

.web-banner::before {
	background: #2d2e2e;
	bottom: 0;
	content: "";
	left: 0;
	opacity: .6;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1
}

.intro-content {
	margin-bottom: 26px
}

.intro-content p,
.web-design-cont p {
	font-size: 16px;
	color: #777
}

.webtech-heading h4 {
	font-family: 'Roboto Slab';
	font-size: 24px;
	color: #393939;
	font-weight: 700
}

.web-tech-box h3,
.webtech-heading p {
	font-family: "Open Sans"
}

.webtech-heading p {
	font-size: 16px;
	color: #777
}

.web-tech-box {
	text-align: center;
	border: 1px solid #eaeaea;
	background: #f9f9f9;
	padding: 2px 3px
}

.web-tech-box-icon {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	line-height: 100px;
	margin: 0 auto 20px;
	-webkit-transition: .3s all ease-in-out 0s;
	transition: .3s all ease-in-out 0s;
	font-size: 30px;
	color: #27C8A3;
	position: relative
}

.web-tech-box h3 {
	font-size: 18px;
	color: #010101;
	background: #e2e2e2;
	padding: 1px
}

.service-offer h3 {
	font-family: 'Roboto Slab';
	font-size: 24px;
	color: #393939;
	font-weight: 700
}

.web-service-contact {
	background: url(../img/web-services-bg.jpg) no-repeat;
	width: 100%;
	margin-top: 60px;
	height: 422px
}

.web-service-contact p {
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 35px 0
}

.web-service-contact h3 {
	font-family: "Open Sans";
	color: #fff;
	text-align: center;
	font-size: 28px
}

.web-service-contact h3:after {
	position: relative;
	top: 32px;
	left: -130px;
	content: "-------";
	font-size: 30px;
	border-radius: 50px;
	color: #fff
}

.web-service-contact ul {
	margin-top: 50px;
	padding: 0
}

.web-service-contact ul li {
	list-style: none;
	display: inline-block;
	background: #fff;
	padding: 8px 12px
}

.web-service-contact ul li i {
	color: #feac0f;
	margin-right: 8px
}

.web-service-contact ul li a {
	color: #010101;
	text-decoration: none
}

.web-service-contact ul li a:hover {
	color: #feac0f
}

.service-offer table {
	width: 100%
}

.service-offer table tr td {
	width: 50%;
	padding: 25px 0;
	border: 1px solid #e9e9e9;
	text-align: center
}

.service-offer table tr td a i {
	font-size: 48px;
	color: #2d5684
}

.service-offer table tr td:hover i {
	color: #3275bf
}

.service-offer table tr td .service-offer table tr td p {
	font-family: "Open Sans";
	font-size: 16px;
	padding: 8px 10px;
	color: #5a5a5a
}

.local-seo-banner {
	background-image: url(../img/local-seo-banner.jpg);
	background-position: center center;
	background-size: cover;
	float: left;
	padding: 55px 0;
	position: relative;
	width: 100%;
	z-index: 2
}

.local-seo-banner::before {
	background: #2d2e2e;
	bottom: 0;
	content: "";
	left: 0;
	opacity: .6;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1
}

.seo-service:after,
.sub_heading:after {
	content: '';
	height: 3px;
	width: 50px
}

.local-service {
	background: url(../img/dot-pattern.png) 100%;
	padding: 25px 0
}

.loc-serv-left h3 {
	font-family: Cabin, sans-serif;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: .5px;
	margin-bottom: 15px;
	color: #393939
}

.about,
.sub_heading {
	line-height: 26px;
	letter-spacing: .5px;
	color: #777
}

.sub_heading {
	font-family: 'Droid Serif', serif;
	font-size: 16px;
	margin-bottom: 0;
	font-weight: 300
}

.sub_heading:after {
	display: block;
	margin: 15px 0 20px;
	background: #d9d9d9
}

.about {
	font-size: 14px;
	margin-bottom: 14px
}

.responsive-device,
.seo-section-img {
	margin: 28px 0
}

.clients {
	padding-bottom: 30px
}

.client-box {
	background: #3f51b5
}

.clients p {
	margin-bottom: 30px
}

.client-logo-box {
	background-color: #f0f0f0;
	overflow: hidden;
	margin: 0;
	text-align: center;
	display: inline-block;
	border: 5px solid #d5d5d5;
	padding: 5px
}

.subscribe_btn,
.subscribe_btn:hover {
	line-height: 40px;
	padding: 0 28px;
	font-weight: 700;
	text-transform: uppercase
}

.subscribe_btn {
	border: 2px solid #fbc02d;
	border-radius: 25px;
	color: #393939
}

.subscribe_btn:hover {
	border: 2px solid #fbc02d;
	border-radius: 25px;
	color: #fbc02d
}

.seo-service h6 {
	font-family: "Open Sans";
	font-weight: 700;
	color: #fbc02d
}

.seo-service:after {
	display: block;
	margin: 15px 0 20px;
	background: #fbc02d;
	position: absolute;
	left: 105px
}

.E-Commerce-banner::before,
.Web-development-banner::before,
.google-Aw-banner::before,
.social-banner::before,
.wp-seo-banner::before {
	left: 0;
	top: 0;
	bottom: 0;
	opacity: .6;
	right: 0
}

.seo-service {
	clear: both;
	margin-bottom: 55px
}

.Web-development-banner {
	background-image: url(../img/decelopment-banner.jpg);
	background-position: center center;
	background-size: cover;
	float: left;
	padding: 55px 0 50px;
	position: relative;
	width: 100%;
	z-index: 2
}

.Web-development-banner::before {
	background: #2d2e2e;
	content: "";
	position: absolute;
	z-index: -1
}

.dec-tool-title a {
	border: 1px solid #fff;
	display: inline-block;
	margin: 5px 4px 5px -2px;
	padding: 5px 10px;
	color: #fff;
	font-size: 14px;
	text-decoration: none
}

.dec-tool-title a:hover {
	background: #42ba7d
}

.dec-tool-title a::before {
	width: 52px;
	height: 32px;
	content: "\f00c";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	text-decoration: inherit;
	border: 1px solid #ddd;
	background: #3d508d;
	margin-right: 10px;
	padding: 2px
}

.E-Commerce-banner::before,
.google-Aw-banner::before,
.social-banner::before,
.wp-seo-banner::before,
ul.smo-1 li::before {
	content: ""
}

.wp-seo-banner {
	background-image: url(../img/wp-banner.jpg);
	background-position: center center;
	background-size: cover;
	float: left;
	padding: 55px 0 50px;
	position: relative;
	width: 100%;
	z-index: 2
}

.wp-seo-banner::before {
	background: #2d2e2e;
	position: absolute;
	z-index: -1
}

.wp-seo h2 {
	font-family: 'Roboto Slab', serif;
	font-size: 32px;
	margin-top: 0;
	margin-bottom: 20px
}

.wp-seo p {
	font-family: "Open Sans";
	font-size: 16px;
	color: #777;
	line-height: 30px
}

.wp-seo-service {
	width: 100%;
	float: left;
	border: 1px solid #dedede;
	padding: 8px;
	margin-top: 35px;
	margin-bottom: 20px
}

.links {
	columns: 80px 3;
	margin: 0
}

.links li {
	display: block;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 16px
}

.links li a {
	font-weight: 700;
	color: #010101;
	border-bottom: 1px dotted transparent
}

.links li a:hover {
	color: #fbc02d
}

.google-Aw-banner {
	background-image: url(../img/google-adword.jpg);
	background-position: center center;
	background-size: cover;
	float: left;
	padding: 55px 0 50px;
	position: relative;
	width: 100%;
	z-index: 2
}

.google-Aw-banner::before {
	background: #2d2e2e;
	position: absolute;
	z-index: -1
}

.list {
	margin: 8px 0;
	background: #E1F5FE;
	border: 1px solid #B3E5FC;
	padding: 15px 0
}

.info-grapphy {
	margin-top: 165px;
	background: url(../img/search-engine.jpg) center right no-repeat
}

.list i {
	position: relative;
	font-size: 48px;
	text-align: center;
	height: 55px;
	width: 35px;
	color: #03A9F4
}

.list p {
	font-family: 'Roboto Slab', serif;
	padding: 8px 0
}

.E-Commerce-banner,
.social-banner {
	padding: 55px 0 50px;
	width: 100%;
	float: left
}

.E-Commerce-banner {
	background-image: url(../img/ecommerce.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 2
}

.E-Commerce-banner::before {
	background: #2d2e2e;
	position: absolute;
	z-index: -1
}

.scale-with-grid {
	max-width: 100%;
	height: auto
}

.social-banner {
	background-image: url(../img/socila-media-banner.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 2
}

.social-banner::before {
	background: #2d2e2e;
	position: absolute;
	z-index: -1
}

ul.smo-1 {
	margin: 0;
	padding: 0;
	list-style: none
}

ul.smo-1 li {
	list-style: none;
	position: relative;
	padding-left: 20px
}

ul.smo-1 li::after,
ul.smo-1 li::before {
	top: calc((1em - 7px)/ 2);
	position: absolute
}

ul.smo-1 li::before {
	height: 100%;
	width: 1px;
	left: 3px;
	background-color: #3f51b5
}

.smo-service {
	border: 1px solid #eaeaea;
	padding: 8px 12px;
	box-sizing: border-box;
	-webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .35);
	-moz-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .35);
	box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .35)
}

.smo-service:hover {
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .75);
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .75);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .75)
}

.smo-service img {
	margin: 0 auto 15px
}

.smo-service p {
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: 600;
	color: #020202;
	text-align: center
}

.smo-content h4 {
	font-family: 'Roboto Slab';
	font-size: 28px;
	color: #393939;
	font-weight: 700;
	margin-bottom: 28px
}

ul.smo-list {
	margin: 0 0 80px;
	padding: 0
}

ul.smo-list li {
	list-style: none;
	display: block;
	line-height: 28px
}

ul.smo-list li::before {
	content: "\f046";
	font-size: 18px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	text-decoration: inherit;
	margin-right: 10px
}

.cms-banner::before,
ul.smo-1 li::after {
	content: "";
	left: 0
}

ul.smo-1 li::after {
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 7px;
	height: 7px;
	border: 1px solid #3f51b5;
	border-radius: 50%;
	background-color: #fff;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.cms-banner {
	background-image: url(../img/conetnt-mngt-banner.jpg);
	background-size: cover;
	background-position: 50% 50%;
	padding: 55px 0 50px;
	position: relative;
	width: 100%;
	z-index: 2
}

.cms-banner::before {
	background: #2d2e2e;
	bottom: 0;
	opacity: .6;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1
}

.board {
	width: 100;
	margin: 30px auto;
	height: 500px;
	background: #fff
}

.board .nav-tabs {
	position: relative;
	margin: 10px auto 0;
	box-sizing: border-box
}

.liner,
span.round-tabs {
	position: absolute;
	left: 0
}

.board>div.board-inner {
	background-size: 30%
}

p.narrow {
	width: 60%;
	margin: 10px auto
}

.liner {
	height: 2px;
	background: #ddd;
	width: 80%;
	margin: 0 auto;
	right: 0;
	top: 50%;
	z-index: 1
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #555;
	cursor: default;
	border: 0;
	border-bottom-color: transparent
}

span.round-tabs {
	width: 70px;
	height: 70px;
	line-height: 70px;
	display: inline-block;
	border-radius: 100px;
	background: #fff;
	z-index: 2;
	text-align: center;
	font-size: 25px
}

.nav-tabs>li.active:after,
.nav-tabs>li:after {
	content: " ";
	position: absolute;
	left: 45%;
	margin: 0 auto;
	bottom: 0
}

span.round-tabs.one {
	color: #22c222;
	border: 2px solid #22c222
}

li.active span.round-tabs.one {
	background: #fff!important;
	border: 2px solid #ddd;
	color: #22c222
}

span.round-tabs.two {
	color: #febe29;
	border: 2px solid #febe29
}

li.active span.round-tabs.two {
	background: #fff!important;
	border: 2px solid #ddd;
	color: #febe29
}

span.round-tabs.three {
	color: #3e5e9a;
	border: 2px solid #3e5e9a
}

li.active span.round-tabs.three {
	background: #fff!important;
	border: 2px solid #ddd;
	color: #3e5e9a
}

span.round-tabs.four {
	color: #f1685e;
	border: 2px solid #f1685e
}

li.active span.round-tabs.four {
	background: #fff!important;
	border: 2px solid #ddd;
	color: #f1685e
}

span.round-tabs.five {
	color: #999;
	border: 2px solid #999
}

li.active span.round-tabs.five {
	background: #fff!important;
	border: 2px solid #ddd;
	color: #999
}

.btn.green,
ul.top-menu li a {
	color: #fff
}

.nav-tabs>li.active>a span.round-tabs {
	background: #fafafa
}

.nav-tabs>li {
	width: 20%
}

.nav-tabs>li:after {
	opacity: 0;
	border: 5px solid transparent;
	border-bottom-color: #ddd;
	transition: .1s ease-in-out
}

.nav-tabs>li.active:after {
	opacity: 1;
	border: 10px solid transparent;
	border-bottom-color: #ddd
}

.nav-tabs>li a {
	width: 70px;
	height: 70px;
	margin: 20px auto;
	border-radius: 100%;
	padding: 0
}

.nav-tabs>li a:hover {
	background: 0 0
}

.tab-pane {
	position: relative;
	padding-top: 50px
}

.tab-content .head {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 25px;
	text-transform: uppercase;
	padding-bottom: 10px
}

.btn-outline-rounded {
	padding: 10px 40px;
	margin: 20px 0;
	border: 2px solid transparent;
	border-radius: 25px
}

.btn.green {
	background-color: #5cb85c
}

@media(max-width:585px) {
	.board {
		width: 90%;
		height: auto!important
	}
	.nav-tabs>li a,
	span.round-tabs {
		width: 50px;
		height: 50px;
		line-height: 50px
	}
	span.round-tabs {
		font-size: 16px
	}
	.tab-content .head {
		font-size: 20px
	}
	.nav-tabs>li.active:after {
		content: " ";
		position: absolute;
		left: 35%
	}
	.btn-outline-rounded {
		padding: 12px 20px
	}
}

#quote-carousel .carousel-indicators,
.btm-content,
.btn-search,
.domain,
.domain .form-group,
.sydney_banner,
.testimonial .description,
img .annonce {
	position: relative
}

.contact-btn,
.contact-btn:hover,
.quote-btn {
	padding: 16px 32px!important;
	box-shadow: 0 16px 26px -10px rgba(63, 81, 181, .45)
}

.quote-btn {
	background-color: #F90
}

.quote-btn:hover {
	background-color: #ffb444;
	box-shadow: 0 16px 26px -10px rgba(63, 81, 181, .45)
}

.quote-btn a {
	font-weight: 400!important;
	font-size: 14px!important
}

.contact-btn {
	font-family: "Open Sans";
	background-color: #03a9f4;
	font-weight: 700
}

ul.top-menu li a,
ul.top-menu li a:hover {
	font-weight: 700!important
}

.contact-btn:hover {
	background-color: #2bbdff
}

#quote-form {
	background: #66F;
	padding: 8px
}

.logo-img {
	margin-top: 10px!important;
	width: 280px!important;
	height: auto!important
}

.top-menu {
	margin-top: 15px
}


.section-title {
	margin: 0!important;
	font-size: 28px;
	font-family: 'Source Sans Pro';
	font-weight: 400;
	border-right: 2px solid rgba(255, 255, 255, .4);
	padding: 15px
}

img .annonce {
	top: 0;
	right: 12px
}

.section-title span {
	display: block;
	font-size: 32px;
	font-weight: 700;
	text-align: right
}

.domain .form-group input[type=search],
domain .form-group button[type=submit] {
	height: 45px
}

.domain .form-group input[type=search] {
	border: 1px solid #fff!important;
	background: #fff
}

.domain .form-group button {
	background: #06adf2!important;
	height: 45px;
	margin-top: 0!important
}

.search-box {
	padding: 33px 0
}

.search-box form input[type=text] {
	width: 80%;
	background: #fff;
	padding: 5px 8px;
	border: none;
	border-radius: 5px;
	height: 45px;
	color: #666
}

.search-box form input[type=submit]:hover {
	background: #1bb6f7
}

.domain .form-group input[type=search] {
	border-radius: 5px!important;
	box-shadow: none
}

.domain .form-group .form-control {
	width: 80%;
	float: left;
	padding-left: 30px
}

#quote-carousel {
	padding: 0 10px 30px;
	margin-top: 60px
}

#quote-carousel .carousel-control {
	background: 0 0;
	color: #CACACA;
	font-size: 2.3em;
	text-shadow: none;
	margin-top: 30px
}

#quote-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0;
	margin-top: 20px;
	margin-right: -19px
}

#quote-carousel .carousel-indicators li {
	width: 50px;
	height: 50px;
	cursor: pointer;
	border: 1px solid #ccc;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	border-radius: 50%;
	opacity: .4;
	overflow: hidden;
	transition: all .4s ease-in;
	vertical-align: middle
}

#quote-carousel .carousel-indicators .active {
	width: 128px;
	height: 128px;
	opacity: 1;
	transition: all .2s
}

.item blockquote {
	border-left: none;
	margin: 0
}

.item blockquote p:before {
	content: "\f10d";
	font-family: Fontawesome;
	float: left;
	margin-right: 10px
}

#clients {
	background: url(../img/testimonial-bg.jpg) center center no-repeat;
	background-size: cover!important
}

.testimonial-slider {
	border: 8px solid #97a0cf;
	-wekit-border-top-left-radius: 65px;
	-moz-border-top-left-radius: 65px;
	border-top-left-radius: 65px
}

.clint-info {
	color: #fff
}

.clint-info span {
	background: #ffd40d;
	padding: 2px;
	color: #010101;
	font-size: 14px
}

.checked {
	color: orange;
	text-align: center
}
.domain {
    border: 1px solid rgba(255, 255, 255, .2);
    background: #6d58dd;
    color: #f6f6f6;
}
.hw-work-bg {
	width: 100%;
	height: auto;
	background: #f2f2f2;
	border-bottom: 1px solid #dedede
}

.seo-process {
	margin-top: -51px;
	margin-bottom: 55px!important
}

.seo-process a {
	background: #ef6c0f;
	color: #fff;
	padding: 12px 29px;
	border-radius: 2px;
	font-family: 'Source Sans Pro';
	font-weight: 600;
	text-transform: uppercase;
	font-size: 16px;
	margin-left: 205px
}

.seo-process a:hover {
	background: #fe9952;
	text-decoration: none
}

.testimonial-bg {
	width: 100%;
	background: 0 0!important
}

@media only screen and (max-width:2250px) {
	.dropdown:hover .dropdown-menu {
		display: block
	}
}

.pop-up .modal-header {
	background: #1A237E
}

.pop-up .modal-header .modal-title {
	color: #fff;
	padding: 0 15px 15px 0
}

.pop-up-form input[type=text],
.pop-up-form textarea {
	border: 1px solid #dedede;
	padding: 5px;
	width: 100%
}

.sydney_banner {
	padding-top: 145px;
	width: 100%;
	background: url(../img/sydney-banner.jpg) center center no-repeat;
	background-size: cover
}

.location-url {
	padding-top: 55px;
	padding-bottom: 25px
}

.location-url form {
	padding: 3px
}

.location-url form select {
	border: solid #dedede;
	padding: 6px 16px;
	width: 45%;
	font-size: 13px;
	height: 45px;
	border-radius: 5px
}

.search-btm {
	margin-bottom: 5px
}

.search-btm h2 {
	color: #fff;
	text-align: center;
	font-size: 28px;
	text-shadow: 8px 4px 2px #000;
	padding-bottom: 25px
}

.banner-icon {
	margin: 0 auto;
	width: 45%;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0)
}

.banner-icon ul {
	margin: 0;
	padding: 0
}

.banner-icon ul li {
	display: inline-block;
	padding: 8px
}

.banner-icon ul li p {
	color: #fff;
	font-size: 18px;
	font-weight: 700
}

.btn-search {
	top: -1px;
	left: -2px;
	background: #FFC107;
	height: 41px
}

.btn-search:hover {
	background: #ffb13e
}

.body-top-left h3 {
	font-size: 26px;
	margin-bottom: 22px
}

.intro-feature {
	-webkit-box-shadow: 0 -1px 16px 3px rgba(0, 0, 0, .75);
	-moz-box-shadow: 0 -1px 16px 3px rgba(0, 0, 0, .75);
	box-shadow: 0 -1px 16px 3px rgba(0, 0, 0, .75);
	padding: 8px;
	margin-bottom: 15px
}

.intro-feature .icon,
.intro-feature h3 {
	display: block;
	text-align: center;
	float: none;
	height: auto;
	width: auto
}

.intro-feature .icon {
	font-size: 48px;
	color: #3949AB
}

.intro-feature h3 {
	font-size: 18px;
	color: grey
}

.body-top {
	width: 100%;
	background: #f2f2f2
}

.body-top-right {
	margin-top: 85px;
	border-left: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding-left: 12px;
	padding-bottom: 12px
}

.body-top-right h3 {
	color: #1E88E5;
	margin-bottom: 28px
}

.body-top-right p {
	color: #2e2e2e;
	font-size: 20px;
	padding-top: 28px;
	margin-bottom: 28px
}

.btn-report,
.btn-report:hover {
	font-size: 18px;
	background: #1E88E5;
	text-transform: uppercase
}

.btn-report {
	margin-top: 55px
}

.btm-content {
	top: -80px;
	left: 0;
	background: #7E57C2;
	height: 305px;
	color: #fff;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-box-shadow: 0 19px 16px -11px rgba(0, 0, 0, .75);
	-moz-box-shadow: 0 19px 16px -11px rgba(0, 0, 0, .75);
	box-shadow: 0 19px 16px -11px rgba(0, 0, 0, .75)
}

.btm-content p {
	font-size: 14px;
	border: 2px solid #fff;
	margin-bottom: 15px;
	padding: 12px;
	text-align: justify
}

.btm-content h2 {
	font-size: 26px;
	text-align: center
}

.btm-content h4 {
	font-size: 22px;
	text-align: center
}

.btn-improve {
	text-transform: uppercase;
	background: #FFC107;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px
}

.btn-improve:hover {
	text-transform: uppercase;
	background: #7E57C2
}

.seo-point ul li {
	font-size: 14px
}

.seo-point ul li i {
	font-size: 14px;
	margin-right: 12px;
	color: #4A148C
}

.body-middle {
	margin-top: 25px;
	padding: 20px 0
}

.loc-form {
	max-width: 500px;
	margin: 10px auto;
	padding: 20px;
	border-radius: 8px
}

.loc-form fieldset {
	border: none
}

.loc-form legend {
	font-size: 1.4em;
	margin-bottom: 10px
}

.loc-form label {
	display: block;
	margin-bottom: 8px
}

.loc-form input[type=search],
.loc-form input[type=text],
.loc-form input[type=date],
.loc-form input[type=datetime],
.loc-form input[type=email],
.loc-form input[type=number],
.loc-form input[type=time],
.loc-form input[type=url],
.loc-form select,
.loc-form textarea {
	background: #BBDEFB!important;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	margin: 0 0 18px;
	outline: 0;
	padding: 7px;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	color: #8a97a0;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .03) inset;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .03) inset
}

#testimonial,
.cont-column,
.contact-form {
	box-sizing: border-box
}

.loc-form input[type=search]:focus,
.loc-form input[type=text]:focus,
.loc-form input[type=date]:focus,
.loc-form input[type=datetime]:focus,
.loc-form input[type=email]:focus,
.loc-form input[type=number]:focus,
.loc-form input[type=time]:focus,
.loc-form input[type=url]:focus,
.loc-form select:focus,
.loc-form textarea:focus {
	background: #f0f0f0!important
}

.loc-form select {
	-webkit-appearance: menulist-button;
	height: 35px
}

.loc-form .number {
	background: #2196F3;
	color: #fff;
	height: 30px;
	width: 30px;
	display: inline-block;
	font-size: .8em;
	margin-right: 4px;
	line-height: 30px;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
	border-radius: 15px 15px 15px 0
}

.loc-form input[type=submit],
.loc-form input[type=button] {
	position: relative;
	display: block;
	padding: 9px 39px 8px;
	color: #FFF;
	margin: 0 auto 10px;
	background: #2196F3;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	width: 100%;
	border: 1px solid #1565C0;
	border-width: 1px 1px 3px
}

.loc-form input[type=submit]:hover,
.loc-form input[type=button]:hover {
	background: #42A5F5
}

.demo {
	background: #f8f7f6
}

#testimonial-slider {
	padding: 50px 20px 35px;
	background: #fff;
	text-align: center;
	box-shadow: 0 0 115px 19px rgba(236, 236, 236, 1)
}

.testimonial .description {
	font-size: 14px;
	color: #777;
	line-height: 26px;
	text-indent: 30px
}

.testimonial .description:before {
	content: "\f10d";
	font-family: fontAwesome;
	position: absolute;
	top: 0;
	left: -15px
}

.testimonial .title {
	font-size: 24px;
	font-weight: 700;
	color: #363636;
	text-transform: capitalize;
	margin: 0
}

.testimonial .post {
	display: block;
	font-size: 15px;
	color: #363636
}

.owl-buttons {
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 40%;
	left: 0
}

.owl-next,
.owl-prev {
	position: absolute;
	left: 0;
	transition: all .4s ease-in-out 0s
}

.owl-next {
	left: auto;
	right: 0
}

.owl-buttons .owl-next:before,
.owl-buttons .owl-prev:before {
	content: "\f104";
	font-family: fontAwesome;
	font-size: 60px;
	font-weight: 900;
	color: #cacaca;
	line-height: 20px;
	opacity: .8
}




.banner-header h1,
.contact-header p {
	text-align: center;
	text-shadow: 5px 5px 8px #000;
	font-weight: 400;

}

.owl-buttons .owl-next:before {
	content: "\f105"
}

.owl-buttons .owl-next:hover:before,
.owl-buttons .owl-prev:hover:before {
	opacity: 1
}

.owl-theme .owl-controls {
	margin-top: 40px
}

.owl-theme .owl-controls .owl-page span {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 4px solid #ccc;
	background: url(../images/img-1.jpg) no-repeat;
	background-size: cover;
	transition: all .3s ease-in-out 0s
}

.owl-theme .owl-controls .owl-page:nth-child(2) span {
	background: url(../images/img-2.jpg) no-repeat;
	background-size: cover
}

.owl-theme .owl-controls .owl-page:nth-child(3) span {
	background: url(../images/img-3.jpg) no-repeat;
	background-size: cover
}

.owl-theme .owl-controls.clickable .owl-page:hover span {
	opacity: .5
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page.active:hover span {
	border-color: #d133ff;
	opacity: 1
}

@media only screen and (max-width:479px) {
	.owl-buttons {
		bottom: 30%
	}
}

.testimonial_subtitle {
	color: #0aaa7a;
	font-size: 12px
}

.testimonial_btn {
	background-color: #373d4b!important;
	color: #fff!important
}

.seprator {
	height: 2px;
	width: 56px;
	background-color: #3F51B5;
	margin: 7px 0 10px
}

#testimonial {
	border: 1px solid #dedede;
	max-width: 550px;
	height: 428px;
	padding: 20px
}

.free-quote-header {
	font-family: 'Source Sans Pro';
	font-style: normal;
	background: #5154c5;
	color: #fff
}

#free-quote .modal-header h4,
#proposal .modal-header h4 {
	font-size: 26px;
	padding-bottom: 12px
}

#free-quote .fa,
#proposal .fa {
	color: #fff;
	font-size: 18px
}

#text-login-msg,
.pop-up-input[type=text] {
	font-size: 16px;
	font-family: 'Source Sans Pro';
	font-style: normal
}

.pop-up-input[type=text] {
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 6px 10px;
	width: 100%;
	border: 1px solid #5b5b5b;
	color: #010101;
	border-radius: 0!important
}

#login-form textarea::placeholder,
.pop-up-input[type=text]::placeholder {
	font-size: 18px;
	font-family: 'Source Sans Pro';
	font-style: normal;
	color: #aaa
}

#login-form textarea:focus,
.pop-up-input[type=text]:focus,
select.keywords:focus {
	-webkit-box-shadow: 0 0 5px 0 rgba(148, 99, 194, 1);
	-moz-box-shadow: 0 0 5px 0 rgba(148, 99, 194, 1);
	box-shadow: 0 0 5px 0 rgba(148, 99, 194, 1)
}

select.keywords {
	width: 100%;
	overflow: hidden;
	border-radius: 0!important;
	margin-top: 10px;
	padding: 6px 10px;
	font-style: normal;
	border: 1px solid #5b5b5b;
	font-size: 16px;
	color: #858585
}

#login-form textarea {
	margin-top: 8px;
	width: 100%;
	border: 1px solid #5b5b5b;
	border-radius: 0!important
}

.pop-up-input textarea::placeholder {
	color: 9f9f9f;
	font-size: 16px;
	font-family: 'Source Sans Pro';
	font-style: normal
}

#login-form .modal-footer button {
	background: #03a9f4;
	margin: 0 auto 10px;
	width: 28%;
	height: 45px;
	font-size: 14px
}

#login-form .modal-footer button:hover {
	background: #53c5f9
}


.search-box .modal-header button{
	background: none;
	
}
.search-box .modal-header button:hover{
	background: none;
}

.search-box button {
	background: #00a8ee;
	padding: 3px 3px;
	border: none;
	border-radius: 3px;
	height: 45px;
	color: #fff;
	font-family: 'Source Sans Pro';
	font-size: 16px
}

.search-box button:hover {
	background: #60ccf9
}

#myModal .modal-header {
	background: #5154c5;
	color: #fff
}

#myModal .fa {
	color: #fff;
	font-size: 18px
}

.quote-submit {
	font-family: 'Source Sans Pro';
	font-size: 16px;
	outline: 0;
	border-width: 1px;
	box-shadow: none;
	padding: 8px 35px;
	background: #7261dd!important;
	color: #fff;
	border-style: none!important;
	text-transform: uppercase;
	
} 

.quote-submit:hover {
	background: #826ff9!important;
	color: #fff
}

select.pop-up-input {
	width: 100%;
	overflow: hidden;
	border-radius: 0!important;
	margin-top: 10px;
	padding: 6px 10px;
	font-style: normal;
	border: 1px solid #5b5b5b;
	font-size: 14px
}

select.pop-up-input:focus {
	-webkit-box-shadow: 0 0 5px 0 rgba(148, 99, 194, 1);
	-moz-box-shadow: 0 0 5px 0 rgba(148, 99, 194, 1);
	box-shadow: 0 0 5px 0 rgba(148, 99, 194, 1)
}

select.pop-up-input option {
	font-size: 14px;
	font-family: 'Source Sans Pro'
}

.first-box {
	padding: 10px;
	background: #9C0
}

.second-box {
	padding: 10px;
	background: #39F
}

.third-box {
	padding: 10px;
	background: #F66
}

.fourth-box {
	padding: 10px;
	background: #6CC
}

.main-banner {
	background: url(../img/sydeny-banner-min.webp) center center no-repeat;
	background-size: cover;
	z-index: -9999;
	height: 610px
}

.banner-header {
	position: relative;
	top: 25px
}

.banner-header h1 {
	margin-top: 225px;
	color: #fff;
	font-size: 74px;
	font-family: 'Roboto Slab', serif
}



.banner-header h1 span.display-cont{
	display: none;
}

.contact-header p {
	margin-top: 25px;
	color: #fff;
	font-size: 18px;
	font-style: normal;
	margin-bottom: 65px
}

.banner-header h1 span {
	display: block;
	font-size: 32px;
	padding-top: 35px;
	font-weight: 200
}

.btn-banner,
.btn-banner:hover {
	padding: 15px 35px;
	text-transform: uppercase
}

.btn-banner {
	margin-top: 55px;
	background: #ef6c0f;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .1em;
	border: 1px solid rgba(255, 255, 255, .2);
	font-family: 'Source Sans Pro'
}

.btn-banner:hover {
	background: #FFA726
}

.sticky-container {
	padding: 0;
	margin: 0;
	position: fixed;
	left: -170px;
	top: 230px;
	width: 210px;
	z-index: 1100
}

.sticky-item li {
	background-color: #fff;
	color: #efefef;
	height: 43px;
	padding: 0;
	margin: 0 0 1px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	cursor: pointer
}

.sticky-item li:hover {
	margin-right: -115px;
	-webkit-box-shadow: 2px 1px 4px 0 rgba(0, 0, 0, .75);
	-moz-box-shadow: 2px 1px 4px 0 rgba(0, 0, 0, .75);
	box-shadow: 2px 1px 4px 0 rgba(0, 0, 0, .75)
}

.sticky-item li img {
	float: right;
	margin: 5px 5px 5px 4px
}

.sticky-item li p {
	text-align: right;
	float: right;
	padding-top: 5px;
	margin: 0;
	line-height: 16px;
	font-size: 11px
}

.sticky-item li p a {
	text-decoration: none;
	color: #2C3539
}

.discuss-header h2,
.discuss-header h3,
.discuss-header p {
	color: #fff;
	font-family: 'Roboto Slab', serif
}

.sticky-item li p a:hover {
	text-decoration: underline
}

.discus-ready {
	background: url(../img/discus-bg.webp) center center no-repeat;
	background-size: cover;
	padding: 55px 0
}

.discuss-header h2 {
	font-size: 32px;
	margin-bottom: 35px
}

.discuss-header h3 {
	font-size: 28px;
	margin-bottom: 15px
}

.discuss-header p {
	font-size: 22px;
	margin-bottom: 35px
}

a.discuss-btn {
	background: #ef6c0f;
	padding: 12px 22px;
	color: #ddd;
	font-size: 16px;
	border-radius: 2px;
	font-weight: 700
}

.gets-btn,
.gets-btn:hover {
	padding: 10px 35px;
	text-decoration: none
}

a.discuss-btn:hover {
	background: #fe9952;
	text-decoration: none
}

.gets-btn {
	background: #0b24a9;
	border: 5px solid #4561f2;
	float: left;
	margin-top: 15px;
	color: #fff
}

.gets-btn:hover {
	background: #4561f2;
	border: 5px solid #0b24a9;
	color: #f2f2f2
}

.client-testi {
	position: relative;
	background-image: url(../img/tesrtimonial-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
}

.video iframe {
	border: 2px solid #fff;
	margin: 16px 0;
	width: 100%;
}

.client-testi:before {
	position: absolute;
	background: #d72fed;
	background: -moz-linear-gradient(-45deg, rgba(215, 47, 237, 1) 0, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(138, 128, 237, 1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(215, 47, 237, 1) 0, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(138, 128, 237, 1) 100%);
	background: linear-gradient(135deg, rgba(215, 47, 237, 1) 0, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(138, 128, 237, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d72fed', endColorstr='#8a80ed', GradientType=1);
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .85
}

.client i,
a.button1 i {
	position: relative;
	top: 4px;
	font-family: FontAwesome
}

h2.testi-title {
	color: #fff!important
}

.icon i {
	font-family: FontAwesome;
	font-size: 48px;
	font-weight: 400;
	color: #fff
}

.client i {
	right: 4px;
	font-size: 28px;
	color: #fff
}

.client a {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font-style: italic
}

.client {
	position: relative;
	margin: 12px 0;
}

.client p {
	margin: 45px 0;
	background: rgba(255, 255, 255, 0.55);
	font-size: 16px;
	text-align: justify;
	padding: 21px 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.client p:before {
	position: absolute;
	top: 55px;
	left: 0px;
	content: "";
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-bottom: 20px solid rgba(255, 255, 255, 0.55);
	border-right: 20px solid transparent;
}

.client p:after {
	position: absolute;
	bottom: -20px;
	right: 0px;
	content: "";
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-top: 20px solid rgba(255, 255, 255, 0.55);
	border-right: 20px solid transparent;
}

.client a span {
	font-style: normal;
}

.mfp-hide {
	display: none!important
}

.button1 {
	padding: 10px 40px;
	font-weight: 700;
	display: inline-block;
	color: #000;
	border: 2px solid #fff;
	text-transform: uppercase;
	transition: all .5s ease-in-out;
	border-radius: 50px;
	font-size: 14px;
	background: rgba(255, 255, 255, .55);
	margin-bottom: 24px
}

.button1:hover,
button1:focus {
	text-transform: uppercase;
	text-decoration: none;
	background: rgba(255, 255, 255, .99);
	color: #010101
}

a.button1 i {
	font-size: 24px;
	color: #00a8ff
}

.btn-banner-sydney,
.canbera-header h1,
.service-1 h3,
.service-1 p,
.sydney-header h1,
.tab-seo-info h1,
ul.service-dropdown li a {
	font-family: 'Source Sans Pro'
}

a.button1:focus {
	color: #010101;
	text-decoration: none
}

button.mfp-close {
	overflow: visible;
	cursor: pointer;
	background: #fff;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: 0;
	padding: 0;
	z-index: 1046;
	box-shadow: none
}

.mfp-close {
	position: absolute;
	top: 0;
	right: 368px;
	width: 44px;
	height: 44px;
	line-height: 44px;
	background: #fff
}

@media(min-width:800px) {
	#videostory iframe {
		position: relative;
		margin-left: 380px;
		border: 2px solid #fff
	}
}

ul.service-dropdown {
	background: #6272ce
}

ul.service-dropdown li a {
	font-size: 16px!important;
	font-weight: 500!important;
	color: rgba(255, 255, 255)!important;
	margin: 3px 2px!important;
	letter-spacing: .1!important;
	border-bottom: 1px solid rgba(131, 150, 255, .5)
}

ul.service-dropdown li a:hover {
	box-shadow: none!important;
	font-weight: 500!important
}

.welcome-header {
	margin: 35px 0 65px
}

.sydney-main-banner {
	position: relative;
	background: url(../img/sydney-banner.jpg) center center no-repeat;
	background-size: cover
}

.btn-banner-sydney {
	background: #ef6c0f;
	padding: 15px 35px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .1em;
	border: 1px solid rgba(255, 255, 255, .2);
	margin-bottom: 55px
}

.btn-banner-sydney:hover {
	text-transform: uppercase;
	background: #FFA726
}

.sydney-service {
	margin: 25px 0
}

.canbera-header h1,
.sydney-header h1 {
	font-style: normal;
	font-weight: 400;
	text-align: center;
	font-size: 32px;
	margin-bottom: 45px
}

.canbera-header h1::after,
.canbera-header h1::before,
.sydney-header h1::after,
.sydney-header h1::before {
	display: inline-block;
	margin: 0 10px 5px;
	height: 3px;
	content: " ";
	text-shadow: none;
	background-color: #333;
	width: 40px
}

.service-1 {
	border: 1px solid #dbdbdb;
	padding: 8px 12px;
	margin-bottom: 45px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 5px 0 rgba(115, 115, 115, .1);
	-moz-box-shadow: 0 0 5px 0 rgba(115, 115, 115, .1);
	box-shadow: 0 0 5px 0 rgba(115, 115, 115, .1)
}

.service-1 h3 {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	color: #351382
}

.service-1 p {
	font-size: 16px;
	text-align: justify
}

.service-1 img {
	margin: 12px 0
}

.tab-seo-info h1 {
	margin: 0 0 25px;
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 32px;
	word-spacing: 5px
}

.panel-group .panel {
	border-radius: 0;
	box-shadow: none;
	border-color: #EEE
}

.panel-default>.panel-heading {
	padding: 0;
	border-radius: 0;
	color: #212121;
	background-color: #FAFAFA;
	border-color: #EEE
}

.panel-title {
	font-size: 14px
}

.quick-contact h3,
.quick-contact span {
	font-family: 'Source Sans Pro';
	font-size: 26px
}

.panel-title>a {
	display: block;
	padding: 15px;
	text-decoration: none
}

.more-less {
	float: right;
	color: #212121
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #EEE
}

.seo-tab {
	background: #f2f2f2
}

.quick-contact {
	position: relative;
	top: 25px
}

.quick-contact span {
	font-weight: 700;
	margin: 15px 12px 0
}

.free-btn,
.free-quote {
	padding: 12px 28px;
	display: inline-block;
	font-family: 'Source Sans Pro';
	font-size: 16px;
	margin: 15px 0
}

.free-btn {
	border: 1px solid #7545e3;
	color: #393939
}

.free-btn:hover {
	text-decoration: none;
	background: #7545e3;
	color: #fff
}

.free-quote {
	background: #7545e3;
	color: #fff
}

.free-quote:hover {
	color: #fff;
	text-decoration: none;
	-webkit-box-shadow: 0 0 9px 0 rgba(23, 23, 23, 1);
	-moz-box-shadow: 0 0 9px 0 rgba(23, 23, 23, 1);
	box-shadow: 0 0 9px 0 rgba(23, 23, 23, 1)
}

.melbourne-main-banner {
	position: relative;
	background: url(../img/melbourne-banner.jpg) center center no-repeat;
	background-size: cover
}

.Canberra-main-banner {
	position: relative;
	background: url(../img/canberra-banner.jpg) center center no-repeat;
	background-size: cover
}

.sydney-banner-header h1 {
	margin-top: 215px;
	color: #fff;
	text-align: center;
	text-shadow: 5px 5px 8px #000;
	font-size: 54px;
	font-family: 'Roboto Slab', serif;
	font-weight: 400
}

.canbera-header h3,
.canbera-header p {
	font-family: 'Source Sans Pro'
}

.sydney-banner-header h1 span {
	display: block;
	font-size: 26px;
	padding-top: 35px;
	font-weight: 200
}

.canbera-header p {
	font-size: 18px;
	margin-bottom: 32px
}

.canbera-header h3 {
	font-style: normal;
	font-weight: 400;
	text-align: center;
	font-size: 22px;
	margin-bottom: 25px
}

.seo-panel .panel-footer>a,
.seo-service h4 {
	font-weight: 600;
	font-family: 'Source Sans Pro'
}

.canbera-header h3::after,
.canbera-header h3::before {
	display: inline-block;
	margin: 0 10px 5px;
	height: 3px;
	content: " ";
	text-shadow: none;
	background-color: #333;
	width: 40px
}

.seo-service {
	border: 1px solid #dbdbdb;
	padding: 35px 25px;
	-webkit-box-shadow: 0 9px 12px -10px rgba(0, 0, 0, .75);
	-moz-box-shadow: 0 9px 12px -10px rgba(0, 0, 0, .75);
	box-shadow: 0 9px 12px -10px rgba(0, 0, 0, .75)
}

.seo-service h4 {
	font-size: 18px;
	color: #351382
}

.seo-service::after {
	display: none
}

.seo-panel h3.panel-title {
	font-family: 'Source Sans Pro';
	background: #f4f4f4;
	padding: 15px 0;
	color: #f16032;
	border-bottom: 0!important
}

.seo-panel .panel-footer {
	background: #ef6c0f;
	color: #ddd
}

.seo-panel .panel-footer>a {
	color: #ddd;
	text-decoration: none
}

.seo-panel .panel-footer>a:hover {
	color: #fff;
	text-decoration: none
}

.contact-banner {
	position: relative;
	top: 105px;
	margin-bottom: 105px;
	background: url(../img/contact-banner.png) center center no-repeat;
	background-size: cover
}

.contact-header h1 {
	font-family: 'Source Sans Pro';
	padding-top: 45px;
	color: #f0f0f0
}

.contact-form {
	margin: 25px 0;
	border: 1px solid #bbc2e0;
	padding: 35px 15px;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35)
}

form.contact-form h3 {
	margin-top: -25px;
	padding: 0;
	font-family: 'Source Sans Pro';
	font-size: 26px;
	color: #5776fe
}

form.contact-form textarea {
	border-radius: 0!important
}

form.contact-form input[type=submit] {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	border: 0!important;
	background: #5776fe;
	padding: 8px 55px;
	color: #fff;
	text-transform: uppercase;
	margin-left: 38%;
}

form.contact-form input[type=submit]:hover {
	border: 0!important;
	background: #7b92f8;
	color: #fff
}

.contact-info {
	background: #4254a4
}

.contact-info h3 {
	font-family: 'Source Sans Pro';
	color: #fff;
	font-size: 26px;
	padding-top: 10px;
	padding-left: 12px;
	padding-bottom: 12px;
	border-bottom: 2px solid #566bca
}

.contact-info i {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	width: 32px
}

.contact-info ul li,
.contact-info ul li span {
	font-family: 'Source Sans Pro'
}

.contact-info li a {
	color: #fff
}

.contact-info ul {
	margin: 0;
	padding: 0
}

.contact-info ul li {
	list-style: none;
	padding: 8px 12px;
	color: #a2b9fd;
	font-size: 21px;
	border-bottom: 1px solid rgba(162, 185, 253, .85);
	line-height: 28px
}

.contact-info ul li span {
	display: block;
	padding-left: 34px;
	color: #fff;
	font-size: 18px
}

.input-group .input-group-addon i {
	position: relative;
	top: -8px;
	width: 11px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	font-size: 16px
}

.partner {
	margin-top: 0
}

.partner label {
	margin-top: -10px
}

form.contact-form .form-group input[type=text],
form.contact-form .input-group select {
	margin: 0;
	-webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, .1);
	box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, .1);
	color: #222;
	font-size: 14px;
	border: 1px solid #949494
}

form.contact-form .form-group input[type=text]:focus,
form.contact-form .input-group select:focus,
form.contact-form textarea:focus .input-group .input-group-addon i {
	margin: 0;
	-webkit-box-shadow: 0 2px 5px 0 rgba(179, 214, 252, 1);
	-moz-box-shadow: 0 2px 5px 0 rgba(179, 214, 252, 1);
	box-shadow: 0 2px 5px 0 rgba(179, 214, 252, 1);
	border: 1px solid #3faaf5
}

form.contact-form .input-group select {
	border: 1px solid #949494;
	width: 100%;
	padding: 5px 8px
}

form.contact-form input[type=text],
form.contact-form textarea {
	-webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, .1);
	box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, .1);
	border: 1px solid #949494;
	color: #222;
	font-size: 14px
}

form.contact-form select {
	width: 100%;
	border: 0;
	border: 1px solid #949494;
	font-size: 16px;
	color: #434343
}

form.contact-form input[type=text] {
	width: 100%;
	padding: 5px 8px
}

form.contact-form input[type=radio] {
	margin-top: 25px;
	margin-left: 25px
}

.partner span {
	font-size: 16px
}

.adelaide-banner-header h1,
.goldcoast-banner-header h1,
.newcastle-banner-header h1 {
	margin-top: 215px;
	color: #fff;
	text-shadow: 5px 5px 8px #000;
	font-size: 54px;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	line-height: 52px;
	text-align: center
}

form.contact-form input[type=radio]::after {
	position: relative;
	top: 15px
}

.upper-menu {
	background: #030303
}

.brisbane-main-banner {
	position: relative;
	background: url(../img/brisbane-banner.jpg) center center no-repeat;
	background-size: cover
}

.perth-main-banner {
	position: relative;
	background: url(../img/perth-banner.jpg) center center no-repeat;
	background-size: cover
}

.adelaide-main-banner {
	position: relative;
	background: url(../img/adelaide.jpg) center center no-repeat;
	background-size: cover
}

.goldcoast-main-banner {
	position: relative;
	background: url(../img/gold-coast.jpg) center center no-repeat;
	background-size: cover
}

.newcastle-main-banner {
	position: relative;
	background: url(../img/new-castle.jpg) center center no-repeat;
	background-size: cover
}

.about-main-banner {
	position: relative;
	background: url(../img/about-us-banner.jpg) center center no-repeat;
	background-size: cover;
	height: 350px
}

.about-us-header h1 {
	font-style: normal;
	text-align: center;
	margin-bottom: 45px
}

.about-us-header h1::after,
.about-us-header h1::before {
	display: inline-block;
	margin: 0 10px 5px;
	height: 3px;
	content: " ";
	text-shadow: none;
	background-color: #333;
	width: 40px
}

p.copy-rights {
	text-align: center;
	color: #e2e2e2;
	padding-top: 15px;
	font-size: 12px;
	margin-top: 0
}


.thankyou h1,
.thankyou p {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 400
}

.thankyou {
	background: #eaeaea;
	padding: 25px 0;
	border: 1px solid #d2d2d2;
	margin: 25px 0
}

.thankyou h1 {
	font-size: 32px;
	margin-bottom: 20px
}

.thankyou p {
	font-size: 16px
}

.thankyou a {
	background-color: #186bb7;
	padding: 12px 22px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border: 3px solid #2e89dd
}

.thankyou a:hover {
	background-color: #2e81cd;
	border: 3px solid rgba(46, 137, 221, .5)
}

@media only screen and (max-width:480px) {
	.form-icon,
	.newsletter-form,
	.service-demo {
		display: none
	}
	
	.inner-banner{
		padding: 52px 0 24px;
	}
	
	.inner-banner-design h3 {
		padding-top: 47px;
		color: #fff;

	}
	.side-form {
		clear: both
	}
	.service-middle-text>h4 {
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 85px;
	}
	.discus-ready {
		clear: both;
		margin-top: -50px
	}
	.social-media {
		text-align: center
	}
	.social-links {
		padding-left: 15px
	}
}

.cont-column {
	width: 100%;
	height: 205px;
	border: 1px solid #fff;
	margin: 15px 0;
	padding: 12px;
	white-space: normal;
	background: rgba(255, 255, 255, .9)
}

.recipients .recipient,
.recipients .recipient .email {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pricing-head h3,
.pricing-head h4 {
	font-weight: 300;
	background: #0D47A1
}

.cont-column p {
	padding: 5px;
	font-family: "Open Sans";
	font-size: 16px;
	color: #303030
}

.content h1,
.content h2,
.pricing-head h3,
.pricing-head h4 {
	font-family: 'Roboto Slab'
}

.cont-column img {
	border: 2px solid #256de8;
	padding: 8px
}

.content {
	margin-top: 18px;
	padding: 10px 0
}

.content h1 {
	font-size: 38px;
	text-align: center;
	color: #616161
}

.content h2 {
	font-size: 28px;
	text-align: center;
	margin-bottom: 18px;
	padding-bottom: 10px;
	color: #757575
}

.pricing {
	position: relative;
	margin-bottom: 15px;
	border: 3px solid #eee
}

.pricing-active {
	border: 2px solid #82B1FF;
	margin-top: -10px;
	box-shadow: 5px 5px rgba(47, 47, 47, .1)
}

.pricing:hover h4 {
	color: #FF9800
}

.pricing-head {
	text-align: center
}

.pricing-head h3,
.pricing-head h4 {
	margin: 0;
	line-height: normal
}

.pricing-head h3 span,
.pricing-head h4 span {
	display: block;
	margin-top: 0;
	font-size: 16px;
	font-style: italic;
	padding: 5px
}

.local-seo-info ul li:before,
.pricing-head h4 i,
.pricing-head h4 span,
.wp-seo-inner ul li:before {
	font-style: normal;
	position: relative
}

.pricing-head h3 {
	color: #fafafa;
	padding: 5px 0;
	font-size: 28px;
	border-bottom: solid 1px rgba(255, 255, 255, .1)
}

.pricing-head h4 {
	color: #fff;
	font-size: 24px;
	border-bottom: solid 1px #f5f9e7
}

.pricing-head-active h4 {
	color: #fff
}

.pricing-head h4 i {
	font-size: 24px;
	margin-right: 8px
}

.pricing-head h4 span {
	top: -10px;
	font-size: 14px
}

.pricing-content li i {
	color: #2196F3;
	font-size: 14px;
	margin-right: 8px
}

.pricing-content li {
	font-family: 'Source Sans Pro';
	font-weight: 400;
	color: #888;
	font-size: 14px;
	padding: 7px 15px;
	border-bottom: solid 1px #dedede
}

.pricing-footer {
	color: #777;
	font-size: 11px;
	line-height: 17px;
	text-align: center;
	padding: 0 5px 12px
}

.price-active,
.pricing:hover {
	z-index: 9
}

.price-active h4 {
	color: #36d7ac
}

.no-space-pricing .pricing:hover {
	transition: box-shadow .2s ease-in-out
}

.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
	color: #36d7ac;
	padding: 15px 0;
	font-size: 80px;
	transition: color .5s ease-in-out
}

.yellow-crusta.btn {
	color: #FFF;
	background-color: #0D47A1
}

.yellow-crusta.btn.active,
.yellow-crusta.btn:active,
.yellow-crusta.btn:focus,
.yellow-crusta.btn:hover {
	background: #2196F3;
	color: #FFF;
	text-transform: uppercase
}

ul.pricing-content li {
	background: #E3F2FD;
	color: #010101
}

.pricing-content li span {
	float: right;
	color: #181818;
	font-size: 14px;
	font-weight: 600;
}

.packages-details {
	margin-bottom: 45px;
}

.packages-details-heading h3 {
	font-family: 'Roboto Slab';
	font-size: 28px;
	color: #616161;
	margin-bottom: 35px;
	text-transform: uppercase;
}

.macro-pkg,
.micro-pkg,
.nano-pkg {
	text-align: center;
	padding: 25px 0;
	color: #fff;
	font-weight: 600;
}

.packages-details-heading h3:after,
.packages-details-heading h3:before {
	background-color: #c1c1c1;
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 38%;
}

.packages-details-heading h3:before {
	right: .5em;
	margin-left: -50%;
}

.packages-details-heading h3:after {
	left: .5em;
	margin-right: -50%;
}

.nano-pkg {
	background: #81D4FA;
}

.micro-pkg {
	position: relative;
	top: -10px;
	background: #1E88E5;
}

.macro-pkg {
	background: #81D4FA;
}

.monthly-pkg {
	background: #FFE082;
	padding: 18px 0;
	text-align: center;
	color: #010101;
}

.initial-review,
.keyword {
	text-align: center;
	padding: 15px 0;
}

.keyword {
	margin: 0 auto;
	width: 105px;
	font-size: 14px;
	font-weight: 600;
}

.btn-analysis {
	background: #EF6C00;
}

.btn-analysis:hover {
	text-transform: uppercase;
}

.yes-check {
	color: #8BC34A;
}

.analysis {
	text-align: center;
}

.table tr:nth-child(even) {
	background: #e6ffff;
}

.tabletr:nth-child(odd) {
	background: #FFF;
}

.packages-details-content table tr:nth-child(3) {
	border: 2px solid #1E88E5;
}

.initial-review {
	color: #fff;
	background: #1E88E5;
}

.web-macro,
.web-micro,
.web-nano {
	color: #f0f0f0;
	font-size: 18px;
	text-align: center
}

.web-nano {
	background: #81D4FA;
	padding: 25px
}

.web-micro {
	background: #1E88E5;
	padding: 35px
}

.web-macro {
	background: #81D4FA;
	padding: 25px
}

.web-feture {
	background: #FFE082;
	padding: 25px 0;
	text-align: center;
	color: #010101
}

.recipients .panel-body {
	overflow: auto;
	max-height: 200px
}

.recipients .recipient {
	display: block;
	float: left;
	width: 140px;
	margin: 0 5px 5px 0;
	font-size: .85em;
	overflow: hidden
}

.recipients .recipient img {
	float: left;
	height: 28px;
	margin-right: 5px
}

.recipients .recipient .email {
	font-size: .9em;
	color: #999;
	overflow: hidden
}

.btncheck {
	background: #3b5999
}

.btncheck:hover {
	background: #55acee
}

.active {
	background: #55acee!important
}

.btncheck i {
	position: relative;
	top: 2px;
	margin-left: 8px;
	font-size: 22px
}

.proposal-requirment {
	border: 1px solid #eaeaea;
	padding: 15px 0;
	margin-bottom: 45px
}

.proposal-requirment form {
	background: #f4f4f4;
	padding: 25px 15px;
	border: 1px solid #eaeaea
}

.proposal-requirment h3 {
	font-family: 'Roboto Slab';
	font-size: 32px;
	text-align: center;
	color: #616161;
	margin-bottom: 28px
}

.btncheck span,
.get-proposal,
legend.form-head {
	font-family: 'Source Sans Pro'
}

.proposal-requirment h3:after,
.proposal-requirment h3:before {
	background-color: #eaeaea;
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 23%
}

.local-seo-info ul li:before,
.wp-seo-inner ul li:before,
ul.ecom-adv-point li:before {
	content: "\f046";
	text-decoration: inherit
}

.proposal-requirment h3:before {
	right: .5em;
	margin-left: -50%
}

.proposal-requirment h3:after {
	left: .5em;
	margin-right: -50%
}

legend.form-head {
	font-size: 18px;
	color: #474747;
	border-bottom: 3px solid #e2e2e2;
	padding-bottom: 12px
}

.form-head i {
	color: #474747;
	margin-right: 12px
}

.page-number-panel {
	margin-bottom: 35px
}

.proposal-requirment form {
	width: 850px;
	margin: 0 auto
}

.btncheck span {
	padding: 15px 0;
	font-weight: 500;
	font-size: 14px
}

.get-proposal {
	font-size: 18px;
	background: #FF7043;
	border-radius: 0!important;
	padding: 12px 35px
}

.local-seo-info {
	width: 100%;
	background: url(../img/local-seo.png) no-repeat;
	height: 285px
}

.local-seo-info ul {
	padding-top: 65px
}

.local-seo-info ul li {
	list-style: none;
	font-family: "Open Sans";
	font-size: 16px;
	color: #393939;
	font-weight: 600;
	line-height: 35px
}

.local-seo-info ul li:before {
	font-family: FontAwesome;
	font-weight: 400;
	font-size: 18px;
	color: #484c4e;
	margin-right: 12px
}

.ecommerce-cntent h1 {
	font-family: 'Roboto Slab';
	color: #393939;
	font-size: 24px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 24px
}

.ecommerce-cntent p,
.local-seo p,
.local-seo-column h3 {
	font-family: "Open Sans";
	font-size: 16px
}

.ecommerce-cntent p,
.local-seo p {
	line-height: 28px;
	color: #777
}

.ecommerce-content h1,
.ecommerce-content h4,
.local-seo h4 {
	font-family: 'Roboto Slab';
	font-size: 24px;
	font-weight: 700
}

.local-seo {
	margin: 15px 0!important
}

.ecommerce-content h1,
.ecommerce-content h4 {
	color: #393939;
	margin-top: 0;
	margin-bottom: 18px
}

.local-seo h4 {
	color: #393939
}

.local-seo-column {
	border: 1px solid #eaeaea;
	overflow: hidden;
	-webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .35);
	-moz-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .35);
	box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .35);
	margin-bottom: 35px
}

.local-seo-column h3 {
	color: #393939;
	font-weight: 700;
	text-align: center
}

.ecommerce-content p,
.local-seo-column p {
	font-family: "Open Sans";
	font-size: 16px;
	color: #777
}

.local-seo-column h3:after {
	content: "";
	display: block;
	margin: 0 auto;
	width: 20%;
	padding-top: 20px;
	border-bottom: 2px solid #010101
}

.local-seo-column p {
	padding: 0 15px;
	text-align: justify
}

.ecommerce-content p {
	text-align: justify;
	line-height: 30px
}

section.wp-seo {
	position: relative;
	background: url(../img/wp-seo-bg.png) top right no-repeat;
	padding: 25px 0
}

.wp-seo-inner {
	margin-bottom: 55px
}

.wp-seo-inner h3 {
	font-family: 'Roboto Slab';
	font-size: 24px;
	color: #393939;
	font-weight: 700
}

.wp-seo-inner p,
.wp-seo-inner ul li {
	font-family: "Open Sans";
	font-size: 16px;
	color: #777
}

.wp-seo-inner p {
	text-align: justify
}

.wp-seo-inner ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.wp-seo-inner ul li {
	line-height: 32px
}

.wp-seo-inner ul li:before {
	font-family: FontAwesome;
	font-weight: 400;
	font-size: 18px;
	color: #254097;
	margin-right: 12px
}

.adds2,
.adds3 {
	margin: 15px 0;
	height: 143px;
	transition: transform .2s;
	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .15);
	border: 1px solid #eaeaea;
	width: 100%
}

.adds {
	background: url(../img/google-adds.jpg) no-repeat;
	width: 100%;
	height: 143px;
	transition: transform .2s
}

.adds2:hover,
.adds3:hover,
.adds:hover {
	transform: scale(1.3);
	z-index: 1
}

.adds2 {
	background: url(../img/display-adds.jpg) no-repeat
}

.adds3 {
	background: url(../img/vidseo-ads.jpg) no-repeat
}

.adds p,
.adds2 p,
.adds3 p {
	display: block;
	position: relative;
	top: 143px;
	font-weight: 600;
	text-align: center;
	color: #4c4c4c;
	margin-top: 8px;
	background: #f0f0f0
}

.adds {
	margin: 15px 0;
	border: 1px solid #eaeaea;
	-webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .15);
	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .15)
}

.adds p {
	padding: 5px 0;
	font-family: "Open Sans";
	font-size: 16px;
	color: #515151;
	text-align: center
}

.why-adwords {
	position: relative;
	margin-top: 12px;
	background: #f4f4f4
}

.ads-btm {
	margin-top: 45px
}

.why-adwords h4 {
	font-family: 'Roboto Slab';
	color: #393939;
	font-size: 24px;
	font-weight: 700;
	padding: 8px 0
}

.snip1579 h3,
.snip1579 h5 {
	font-weight: 400;
	text-transform: uppercase
}

.snip1579 {
	font-family: Lato, Arial, sans-serif;
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin: 8px;
	min-width: 250px;
	max-width: 310px;
	width: 100%;
	background-color: #000;
	color: #fff;
	text-align: left;
	font-size: 16px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}

.about-colm,
.service-list {
	text-align: center
}

.snip1579 * {
	-webkit-transition: all .35s;
	transition: all .35s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.snip1579 img {
	max-width: 100%;
	vertical-align: top
}

.snip1579 figcaption {
	position: absolute;
	height: 40px;
	left: 15px;
	right: 15px;
	bottom: 7px;
	overflow: hidden;
	padding-top: 8px;
	background-color: #12427c;
	padding-bottom: 15px;
	text-align: center
}

.Strategy,
.effect-result,
.trans,
.up-date {
	vertical-align: baseline;
	overflow: visible;
	transition: all .3s ease-in-out 0s
}

.snip1579 h3 {
	font-family: Oswald;
	font-size: 20px;
	line-height: 24px;
	margin: 3px 0
}

.snip1579 h5 {
	margin: 0;
	color: #bbb;
	letter-spacing: 1px
}

.snip1579 blockquote {
	padding: 0;
	margin-top: 35px;
	font-style: italic;
	font-size: 1em
}

.snip1579 a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.snip1579.hover figcaption,
.snip1579:hover figcaption {
	height: calc(85%)
}

.ecom-adv {
	position: relative;
	top: 15px
}

.ecom-platform img {
	border: 1px solid #eaeaea;
	padding: 5px 8px;
	margin-bottom: 12px
}

.ecom-adv-heading h4 {
	font-family: 'Roboto Slab';
	font-size: 24px;
	color: #393939;
	font-weight: 700
}

ul.ecom-adv-point {
	margin: 0 0 12px;
	padding: 15px
}

ul.ecom-adv-point li {
	display: block;
	list-style: none;
	font-family: "Open Sans";
	font-size: 16px;
	color: #777
}

ul.ecom-adv-point li:before {
	position: relative;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	color: #484c4e;
	margin-right: 12px
}

.ecom-adv-img {
	margin-top: -20px;
	background: url(../img/online-shop-bg.png) top right no-repeat;
	max-width: 495px;
	height: 374px;
	margin-bottom: 15px
}

.ecom-adv-bg p {
	padding-left: 12px;
	color: #777
}

.social-media-header h1 {
	font-family: 'Roboto Slab';
	font-size: 24px;
	color: #393939;
	font-weight: 700;
	margin-top: 0;
	line-height: 30px
}

.social-media-header p {
	font-family: "Open Sans";
	font-size: 16px;
	color: #777;
	line-height: 30px
}

.social-media-header p>a {
	font-weight: 700
}

.social-media-header p>a:hover {
	text-decoration: none
}

.social-media-header p i {
	color: #484848
}

.intro-content h1,
.social-media-work h4 {
	font-family: 'Roboto Slab';
	color: #393939;
	font-weight: 700
}

.social-media-work {
	padding: 35px 0;
	background: url(../img/social-media-work.png) top right no-repeat #f7f9f8;
	width: 100%;
	margin-top: 25px
}

.social-media-work h4 {
	font-size: 28px
}

.intro-content img {
	float: right
}

.intro-content h1 {
	font-size: 24px;
	margin-bottom: 24px
}

.intro-content p {
	font-family: "Open Sans";
	font-size: 16px;
	color: #777
}

.web-design-cont h4,
.web-devlpmt h1 {
	font-family: 'Roboto Slab';
	color: #393939;
	font-weight: 700
}

.web-design-cont h4 {
	font-size: 28px
}

.web-service {
	background-position: top right;
	height: 305px
}

.web-devlpmt h1 {
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 24px
}

.dev-process ul li,
.web-devlpmt p {
	font-family: "Open Sans";
	font-size: 16px;
	line-height: 28px
}

.dev-process ul li:before,
.development-service>ul>li:before {
	content: "\f046";
	font-style: normal;
	font-weight: 400;
	text-decoration: inherit
}

.web-devlpmt p {
	color: #777
}

.dev-process {
	position: relative;
	top: 25px
}

.dev-process ul {
	margin-right: 10px;
	padding: 0;
	column-count: 2
}

.dev-process ul li {
	display: block;
	padding: 8px 0;
	color: #363bs43
}

.dev-process ul li:before {
	font-family: FontAwesome;
	font-size: 18px;
	margin-right: 12px;
	color: #7d7d7d
}

.web-devlpmt img {
	position: relative;
	z-index: -1
}

.development-service {
	font-family: "Open Sans";
	font-size: 16px;
	line-height: 28px;
	color: #777
}

.development-service h2 {
	font-family: 'Roboto Slab';
	color: #393939;
	font-size: 24px
}

.service-list {
	margin: 45px 0
}

.service-list ul {
	margin: 0;
	padding: 0
}

.service-list ul li {
	list-style: none;
	display: inline-block;
	border: 1px solid #dedede;
}

.development-service {
	margin: 35px 0
}

.development-service>ul {
	margin: 0;
	padding: 0
}

.development-service>ul>li {
	list-style: none;
	font-size: 16px;
	color: #777
}

.development-service>ul>li:before {
	position: relative;
	font-family: FontAwesome;
	font-size: 18px;
	color: #010101;
	margin-right: 12px
}

#login-form input[type=text] {
	width: 100%;
	border: 1px solid #5b5b5b;
	border-radius: 0
}

#login-form button[type=button] {
	font-size: 16px
}

.about-us-header h1,
h1.cms-header {
	font-family: 'Roboto Slab';
	color: #393939;
	font-size: 24px;
	font-weight: 700
}

h1.cms-header {
	margin-top: 0
}

.about-us-header p {
	font-family: "Open Sans";
	font-size: 16px;
	color: #777;
	line-height: 30px
}

.who-we h4 {
	font-family: 'Roboto Slab';
	color: #393939;
	font-size: 24px;
	font-weight: 700
}

.who-we h4:after {
	display: inline-block;
	margin: 0 10px 5px;
	height: 1px;
	content: " ";
	text-shadow: none;
	background-color: #cbcccf;
	width: 85%
}

.who-we p {
	font-family: "Open Sans";
	font-size: 16px;
	color: #777;
	line-height: 30px
}

.about-colm h3 {
	font-family: 'Roboto Slab';
	color: #393939;
	font-size: 16px;
	font-weight: 600
}

.about-colm h3 span {
	margin-top: 15px;
	display: block;
	font-family: "Open Sans";
	font-size: 16px;
	color: #777;
	font-weight: 600
}

.Our-client h4:after,
.Our-workplace h4:after,
.why-choose h4:after {
	display: inline-block;
	margin: 0 10px 5px;
	height: 1px;
	content: " ";
	text-shadow: none;
	background-color: #cbcccf
}

.border-right {
	border-right: 1px solid #eaeaea
}

.Our-workplace h4 {
	font-family: 'Roboto Slab';
	color: #393939;
	font-size: 24px;
	font-weight: 700
}

.Our-workplace h4:after {
	width: 83%
}

.Our-workplace p {
	font-family: "Open Sans";
	font-size: 16px;
	color: #777;
	line-height: 30px
}

.Our-client h4 {
	font-family: 'Roboto Slab';
	color: #393939;
	font-size: 24px;
	font-weight: 700
}

.Our-client h4:after {
	width: 85%
}

.Our-client p {
	font-family: "Open Sans";
	font-size: 16px;
	color: #777;
	line-height: 30px
}

.why-choose h4 {
	font-family: 'Roboto Slab';
	color: #393939;
	font-size: 24px;
	font-weight: 700
}

.why-choose h4:after {
	width: 81%
}

.effect-result,
.up-date {
	padding: 0 15px 15px 0;
	background: #dbd7d7;
	position: relative
}

.effect-result-inner,
.up-date-inner {
	background: #fff;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .08);
	padding: 50px 58px 50px 52px;
	position: relative
}

.effect-result:hover,
.up-date:hover {
	background: #136ef1
}

.effect-result-inner p {
	font-family: "Open Sans";
	font-size: 16px;
	color: #777;
	line-height: 30px
}

.Strategy-inner h3,
.effect-result-inner h3,
.trans-inner h3,
.up-date-inner h3 {
	font-family: 'Roboto Slab';
	color: #393939;
	font-size: 18px;
	font-weight: 700
}

.Strategy,
.trans {
	padding: 0 0 15px 15px;
	background: #dbd7d7;
	position: relative
}

.Strategy-inner,
.trans-inner {
	background: #fff;
	padding: 80px 58px 80px 52px;
	position: relative
}

.Strategy:hover,
.trans:hover {
	background: #136ef1
}

.proposal-quote .modal-header {
	background: #5154c5
}

.efective-img {
	width: 100%;
	height: 305px;
	padding: 22px;
	box-sizing: border-box
}

.proposal-quote .modal-header h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #fff
}

.content-feature h4,
h4.cms-header-small {
	font-family: 'Roboto Slab';
	font-size: 24px
}

h4.cms-header-small {
	color: #393939;
	font-weight: 700
}

.content-feature h4 {
	color: #fff;
	font-weight: 700
}

.cms-bg {
	width: 100%;
	background: url(../img/cms-bg.jpg) center center no-repeat;
	background-size: cover
}

.about-btm-para {
	background: #eaeaea;
	font-family: "Open Sans";
	font-size: 18px;
	color: #464e55;
	font-weight: 700;
	line-height: 30px;
	padding: 4px;
	border: 2px dashed #cecece
}

.portfolio-main-banner {
	position: relative;
	top: 0px;
}

.portfolio-intro h4 {
	font-family: 'Roboto Slab';
	color: #989898;
	font-size: 28px;
	font-weight: 700;
	padding: 24px 0
}

.portfolio-intro p,
.theme-info h2 {
	font-family: 'Source Sans Pro';
	font-style: normal
}

.portfolio-intro h4:after {
	position: relative;
	top: 8px;
	content: "";
	display: block;
	margin: 0 auto;
	border: 2px solid #eaeaea;
	width: 21%
}

.portfolio-intro p {
	font-size: 18px;
	font-weight: 400;
	color: #828282;
	text-align: justify;
	margin: 25px 0
}

.theme-box1 {
	position: relative;
	margin-bottom: 30px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25);
	overflow: hidden;
	height: 337px;
}

.theme-box1:hover {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .35)
}

.theme-box1 img {
	display: block;
	width: 100%;
	overflow: hidden
}

.theme-info {
	border-top: 1px solid #eaeaea;
	bottom: 0;
	right: 0;
	background: rgba(255, 255, 255, .95);
	padding-left: 5px;
	transition: all .3s ease
}

.theme-info h2 {
	font-weight: 700;
	font-size: 14px;
	color: #838383;
	text-transform: uppercase
}

.col-a h2 span,
.col-about h2,
.col-about p {
	font-family: 'Source Sans Pro';
	font-size: 16px;
	font-style: normal
}

.col-a {
	display: block;
	border-bottom: 1px solid #dedede
}

.col-about h2:after,
.our-team h4:after {
	content: "";
	display: block;
	border: 2px solid #eaeaea;
	position: relative
}

.col-a h2 span {
	font-weight: 400;
	margin-left: 8px;
	color: #010101
}

.col-about h2 {
	font-weight: 700;
	color: #838383
}

.col-about h2:after {
	top: 8px;
	margin: 0 auto;
	width: 21%
}

.col-about p {
	color: #484848
}

.our-team h4,
.our-team ul li {
	font-family: 'Roboto Slab'
}

.our-team {
	position: relative;
	top: 0px;
	background: url(../img/our-team-bg.jpg) top center no-repeat;
	background-size: cover;
	height: 350px
}

.our-team h4 {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	margin-top: 95px;
	text-transform: uppercase
}

.our-team h4:after {
	top: 8px;
	margin: 0 auto;
	width: 6%
}

.our-team ul {
	margin-top: 25px;
	padding: 0;
	list-style: none
}

.our-team ul li {
	display: inline;
	font-size: 18px;
	color: #ff6917;
	background: rgba(4, 6, 3, .25);
	margin-right: 12px;
	padding: 3px 8px
}

.our-team ul li:before {
	position: relative;
	content: "\f05d";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	text-decoration: inherit;
	color: #fff;
	margin-right: 5px
}

.author-content h3,
.author-content ul h3,
.our-team h2 {
	font-family: 'Roboto Slab'
}

.our-team h2 {
	font-size: 32px;
	color: #fff
}

.authore-side {
	position: relative;
	display: block;
	overflow: hidden;
	border: 9px solid #f6f6f6;
	-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .75);
	-moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .75);
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .75)
}

.authore-side img {
	display: block;
	float: left
}

.author-content h3 {
	margin-top: 0;
	font-size: 22px;
	color: #333;
	border-bottom: 2px solid #dedede;
	padding-bottom: 5px
}

.author-content {
	padding: 5px 8px;
	background: #f9f9f9
}

.author-content p {
	font-size: 16px;
	color: #636363
}

.author-content ul {
	margin: 0;
	padding: 0
}

.author-content ul li {
	display: inline-block
}

.author-content ul h3 {
	font-size: 18px;
	color: #333
}

.author-content blockquote {
	font-style: italic;
	font-size: 14px
}

.author-content ul li span {
	font-size: 32px;
	color: #333;
	margin-right: 8px
}

.author-content ul li span:hover {
	color: #0f44be
}


/* Blog Page CSS */

.blog-wrapper {
	position: relative;
	top: 145px;
	background: #f2f2f2;
	margin-bottom: 105px;
}

.blog-banner {
	background-image: url(../img/blog-banner.jpg);
	background-position: center center;
	background-size: cover;
	float: left;
	padding: 55px 0 50px;
	position: relative;
	width: 100%;
	z-index: 2;
}

.blog-banner:before {
	background: #2d2e2e;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.6;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.single-post-block {
	margin-bottom: 30px;
}

.border-10 {
	border: 10px solid #ffffff;
}

.bg-white {
	background: #fff;
}

.post-block-content h5 a {
	color: #03a9f4;
	font-size: 22px;
	word-spacing: normal;
}

a.sin-post-link img {
	border: 1px solid #f0f0f0;
	padding: 4px;
}

.single-post-block a:before {
	position: absolute;
	content: "";
	background: #000;
}

.post-block-content h5 a:hover {
	text-decoration: none;
}

.post-block-content span {
	font-size: 12px;
}

span.post-block-author {
	margin-right: 35px;
	position: relative;
	color: #2b1260;
	font-weight: 600;
	margin-bottom: 12px;
	display: inline-block;
}

.post-date {
	color: #2b1260;
	font-weight: 600;
}

span.post-block-author:before {
	position: absolute;
	top: 7px;
	right: -20px;
	width: 1px;
	height: 12px;
	background-color: #666666;
	content: "";
}

.post-block-excerpt {
	margin-bottom: 20px;
	font-size: 14px;
}

.single-post-block a.more {
	font-weight: 500;
	color: #03a9f4;
	text-transform: capitalize;
	border: 1px solid #03a9f4;
	padding: 8px 12px;
	transition: .5s;
}

.single-post-block a.more:hover {
	text-decoration: none;
	background: #03a9f4;
	color: #fff;
}

.site-content {
	position: relative;
	top: 135px;
	padding: 25px;
	margin-bottom: 135px;
	background: #fff;
}

.widget-area .widget-search {
	margin: 10px 0 60px;
}

.widget.widget-search .search-form {
	position: relative;
}

.widget.widget-search .search-form:before {
	position: absolute;
	right: 60px;
	width: 1px;
	height: 35px;
	content: "";
	background-color: #cccccc;
	top: 5px;
}

.search-form input {
	border: 1px solid #cccccc;
	border-radius: 35px;
	height: 45px;
	padding-left: 20px;
	width: 100%;
	cursor: pointer;
}

.search-form button {
	position: absolute;
	right: 20px;
	top: 0;
	height: 45px;
	border: none;
	background-color: transparent;
}

.widget.widget-category {
	margin-bottom: 43px;
}

h4.blog-title {
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 700;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 12px;
	margin-bottom: 15px;
}

.widget.widget-category ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.widget.widget-category ul li a {
	color: #444444;
	font-size: 15px;
	padding: 6px 0;
	display: block;
}

.widget.widget-category ul li a:hover {
	text-decoration: none;
	color: #4ac6fa;
}

.widget.widget-category ul li a i {
	margin-right: 12px;
}

.site-content .widget-post {
	margin-bottom: 15px;
}

.widget-post {
	display: block;
	overflow: hidden;
}

.widget-post img {
	float: left;
}

.post-content {
	padding-left: 100px;
}

.post-content a {
	font-weight: 600;
	font-size: 14px;
}

.post-content a:hover {
	color: #03a9f4;
	text-decoration: none;
}

.post-content p {
	font-size: 14px;
}

.widget.widget-tags {
	margin-bottom: 30px;
}

h4.blog-title {
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 700;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 30px;
}

.widget.widget-tags {
	margin-top: 40px;
}

.widget.widget-tags ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.widget.widget-tags ul li {
	display: inline-block;
}

.widget.widget-tags ul li a {
	background-color: #666666;
	color: #ffffff;
	padding: 9px 20px;
	margin-bottom: 8px;
	display: inline-block;
	border-radius: 28px;
	transition: 0.5s;
}

.widget.widget-tags ul li a:hover {
	background: #03a9f4;
	color: #fff;
	text-decoration: none;
}

.single-news-wrap {
	overflow: hidden;
}

h4.entry-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 0;
}

h4.entry-title a {
	color: #010101;
}

h4.entry-title a:hover {
	color: #03a9f4;
	text-decoration: none;
}

.entry-meta .entry-date {
	padding-right: 30px;
	position: relative;
	font-size: 14px;
}

span.entry-date a {
	color: #010101;
	font-size: 12px;
}

span.entry-date a b {
	color: #010101;
	font-weight: 600;
}

.entry-meta .entry-date:before {
	position: absolute;
	right: 13px;
	top: 3px;
	width: 1px;
	height: 14px;
	background-color: #cccccc;
	content: "";
}

.entry-meta b {
	font-weight: 500;
	padding-right: 5px;
}

.entry-meta .entry-date {
	padding-right: 30px;
	position: relative;
}

.entry-meta .entry-date:before {
	position: absolute;
	right: 13px;
	top: 3px;
	width: 1px;
	height: 14px;
	background-color: #cccccc;
	content: "";
}

.post-thumbnail {
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	border: 1px solid #dedede;
}

.post-thumbnail img {
	transition: all .4s linear;
	width: 100%;
}

.post-thumbnail img:hover {
	transform: scale(1.1);
}

.single-news-wrap .entry-content p {
	margin-bottom: 25px;
}

.blog-social {
	margin-bottom: 75px;
}

.blog-social h5 {
	font-weight: 700;
}

.blog-social ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.blog-social ul li {
	display: inline-block;
}

.blog-social ul li a {
	color: #cccccc;
	border: 1px solid #cccccc;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	display: inline-block;
	text-align: center;
	line-height: 34px;
	margin-right: 7px;
}

.blog-social ul li:nth-child(1) a:hover {
	background: #3b5998;
	border-color: 1px solid #3b5998;
	color: #fff;
}

.blog-social ul li:nth-child(2) a:hover {
	background: #55acee;
	border-color: 1px solid #55acee;
	color: #fff;
}

.blog-social ul li:nth-child(3) a:hover {
	background: #bd081c;
	border-color: 1px solid #bd081c;
	color: #fff;
}

.blog-social ul li:nth-child(4) a:hover {
	background: #d6249f;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	color: #fff;
}

.author-area {
	margin-bottom: 30px;
}

.author-area h5 {
	font-weight: 700;
	margin-bottom: 40px;
}

.single-author {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.author-thumb img {
	border-radius: 5px;
}

.author-text {
	padding-left: 25px;
	padding-right: 30px;
}

.author-text p.author-name {
	font-weight: 600;
	color: #333333;
}

.author-text span {
	font-weight: 400;
	padding-left: 25px;
}

a.reply {
	color: #4ac6fa;
	font-weight: 500;
}

.comment-form-area {}

.comment-form-area h5 {
	color: #181818;
	font-weight: 700;
}

.single-field input[type=text],
.single-field input[type=email],
.single-field input[type=tel] {
	border: 1px solid #a1a1a1;
	height: 45px;
	padding: 0 8px;
	border-radius: 12px;
	background-image: none;
}

.single-field textarea {
	border: 1px solid #a1a1a1 !important;
	height: auto;
	padding: 10px 15px;
	width: 100%;
	margin-bottom: 17px;
	background-image: none;
}

.btn.btn-business.color-2 {
	background: #4ac6fa;
	color: #fff;
	padding: 15px 40px;
}


/* SEO Pricing CSS */

.seo-package {
	position: relative;
	top: 125px;
	margin-bottom: 125px;
}

.packages-details {}

.packages-details-heading h3 {
	font-family: 'Roboto Slab';
	font-size: 28px;
	color: #616161;
	margin-bottom: 35px;
	text-transform: uppercase;
}

.packages-details-heading h3:before,
.packages-details-heading h3:after {
	background-color: #c1c1c1;
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 38%;
}

.packages-details-heading h3:before {
	right: 0.5em;
	margin-left: -50%;
}

.packages-details-heading h3:after {
	left: 0.5em;
	margin-right: -50%;
}

.nano-pkg {
	background: #81D4FA;
	text-align: center;
	font-weight: 600;
	padding: 25px 0;
	color: #fff;
}

.micro-pkg {
	position: relative;
	top: -10px;
	background: #1E88E5;
	text-align: center;
	font-weight: 600;
	padding: 25px 0;
	color: #fff;
}

.macro-pkg {
	background: #81D4FA;
	text-align: center;
	font-weight: 600;
	padding: 25px 0;
	color: #fff;
}

.monthly-pkg {
	background: #FFE082;
	padding: 18px 0;
	text-align: center;
	color: #010101;
}

.keyword {
	padding: 15px 0;
	margin: 0 auto;
	text-align: center;
	width: 105px;
	font-size: 14px;
	font-weight: 600;
}

.initial-review {
	text-align: center;
	padding: 15px 0;
}

.btn-analysis {
	background: #EF6C00;
}

.btn-analysis:hover {
	text-transform: uppercase;
}

.yes-check {
	color: #8BC34A;
}

.analysis {
	text-align: center;
}

.table tr:nth-child(even) {
	background: #e6ffff;
}

.tabletr:nth-child(odd) {
	background: #FFF;
}

.packages-details-content table tr:nth-child(3) {
	border: 2px solid #1E88E5;
}

.initial-review {
	color: #fff;
	background: #1E88E5;
}


/* popup Header */

.custom-header {
	padding-top: 10px !important;
	margin-bottom: 0;
}

.body-modal {
	padding-top: 0 !important;
}

.popUp-header h3 {
	font-size: 24px;
	color: #fff;
	margin-top: 0;
	padding: 0;
}

.packg-feature {
	width: 100%;
	float: left;
}

.feature-list {
	display: flex;
	flex-flow: row wrap;
}

.list-item {
	flex: 1 200px;
}

.list-item ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list-item ul li {
	display: block;
	font-size: 14px;
	color: #010101;
	padding: 8px 4px;
	text-align: left;
}

.list-item ul li:nth-child(odd) {
	background: #efefef;
}

.list-item ul li span {
	color: #010101;
	font-weight: 500;
	padding: 6px;
	border-radius: 4px;
	color: #010101;
	font-size: 12px;
	font-weight: bold;
}

.list-item ul li:before {
	position: relative;
	content: "\f046";
	font-family: FontAwesome;
	color: #4d8d37;
	margin-right: 4px;
}

.modal-box {
	margin-top: -10px !important;
}

.packg-feature h3,
.pop-info h3 {
	width: 100%;
	float: left;
	color: #0d0d0d;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px dashed #363636;
}

.packg-feature h3 {}

.pop-info input[type=text],
.pop-info textarea {
	border: 1px solid #c3c3c3;
	padding: 2px 8px;
	margin-bottom: 0px;
}

.pop-info textarea:placeholder {
	font-size: 18px;
}

.pop-info input[type=submit] {
	margin-top: 12px;
	border: 0;
	padding: 18px 32px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	background: #1aa5fd;
}

.pop-info input[type=submit]:hover {
	-webkit-box-shadow: 0px 5px 5px 1px rgba(189, 189, 189, 1);
	-moz-box-shadow: 0px 5px 5px 1px rgba(189, 189, 189, 1);
	box-shadow: 0px 5px 5px 1px rgba(189, 189, 189, 1);
}

.pop-info .form-control {
	background-image: none;
}

.thanx-btm {
	position: relative;
	top: 155px;
	margin-bottom: 185px;
}

.alert-box {
	background: #1769aa !important;
}

span#close i {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	border-radius: 50%;
}

.footer-copyright{
	margin-top: 20px;
}



/* Mobile Resposnive CSS */



@media only screen and (max-width:425px){
	
	/*Top Banner */
	
	.packages-details{
		display: none !important;
	}
	
	.navbar-custom{
		padding: 0px 0px;
	}
	
	.main-banner{

	background: #4652bb; /* Old browsers */
	background: -moz-linear-gradient(left, #4652bb 0%, #7e5bec 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4652bb 0%,#7e5bec 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4652bb 0%,#7e5bec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4652bb', endColorstr='#7e5bec',GradientType=1 ); /* IE6-9 */
		}
	
	
	.hovereffect p,
	.social-links li,
	.social-section,
	.text-center {
		text-align: center
	}
	.banner-header,
	.banner-header h1,
	.heading-cont,
	.hovereffect p,
	.request-quote,
	.section-header,
	.welcome-header {
		position: relative
	}
	.main-banner {
		margin: 0;
		padding: 0;
		height: 320px
	}
	.banner-header {
		top: 0
	}
	.banner-header h1 {
		top: -91px;
		font-size: 28px;
		color: #fff
	}
	.banner-header h1 span {
		display: none!important
	}
	
	.banner-header h1 .display-cont{
		display: block !important;
		font-size: 24px;
		font-family: 'Roboto Slab', serif;
	
}
	.btn-banner{
		margin-top: 0;
	}
	
	.domain{
		display: inline !important;
		border: 1px solid rgba(255, 255, 255, .2);
		padding: 15px 0 !important;
		margin-bottom: 0;

	}
	h2.section-title span{
		font-size: 24px;
		
	}
	.section-title span{
		display: inline;
		margin-right: 12px;
		text-align: center;
	}
	
	h2.section-title{
		float: left !important;
		color: #3f51b5;
	}
	
	.search-box form input[type=text]{
		width: 100%;
		border: 1px solid #0170ec !important;
		margin-bottom: 25px;
		
	}
	
	.search-box button{
		width: 100%;
	}

	.company-menu,
	.domain,
	.mylivechat_template5,
	.seo-process,
	.seo-section,
	.sticky-container,
	.web-section,
	section.clients {
		display: none
	}
	.text-center {
		margin-top: -65px
	}
	.btn-banner,
	.btn-banner:hover {
		padding: 15px 25px
	}
	.welcome-header {
		top: 65px
	}
	.welcome-header h2.title {
		margin-top: 45px;
		font-size: 22px
	}
	.heading-cont p {
		margin-top: -15px!important;
		font-size: 18px
	}
	.hovereffect p,
	.section-header h2.title,
	.web-heading h2.title {
		font-size: 22px
	}
	
	.modal-content .modal-header{
		padding: 0px 15px 0;
	}
	
	.modal-header .close {
    margin-top: 0px;
}

	
	#free-quote .modal-header h4{
		
		font-size: 20px;
		padding: 0 !important;
	}
	
	
	.search-box .modal-header .close span{
		
		width: 5%;
		
		float: right!important;
		
	}
	
	.search-box .modal-header h4{
		position: absolute;
		top: 20px;
	}
	
	.search-box .modal-header p{ visibility: hidden;}
	
	#login-form input[type=text]{ 
		margin-bottom: 5px;

	}
	
	select.keywords{
		
	border: 1px solid #0170ec;
	padding: 10px 0;
	}

	#login-form textarea{ border: 1px solid #0170ec;}
	#login-form .modal-footer button{
		
	width: 90%;
    height: 45px;
    font-size: 14px;
		
	}

	
	.btn-more2 {
	margin-top: 0;
	margin-left: 30%;
	
	}
	.section-header {
		top: 45px
	}
	.marketing-block {
		margin-top: 45px
	}
	.small-icon-1,
	.small-icon-2,
	.small-icon-3,
	.small-icon-4,
	.small-icon-5,
	.small-icon-6 {
		margin-top: 65px
	}
	.hovereffect {
		float: left;
		width: 100%;
		margin-bottom: 15px
	}
	.hovereffect p {
		top: 65px;
		left: 0;
		color: #fff;
		font-weight: 700;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: opacity .35s, -webkit-transform .45s;
		transition: opacity .35s, transform .45s;
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
		text-decoration: none
	}
	.discuss-header h2 {
		color: #fff;
		font-size: 22px;
		font-family: 'Roboto Slab', serif;
		margin-bottom: 35px
	}
	.social-section {
		margin-bottom: 0;
		padding-bottom: 0
	}
	.social-links-title {
	
		max-width: 100%;
		padding: 0;
		line-height: 20px;
		text-transform: uppercase;
		font-weight: 600;
		color: #cfcfc7
	}
	.discus-ready h2 {
		margin-top: 45px
	}
	.discus-ready {
		padding: 35px 0
	}
	ul.social-links {
		
	}
	.footer-brand img {
		float: right
	}
	.client-logo-box {
		display: block;
		float: left;
		width: 50%
	}
	.page-btm-container {
		width: 100%;
		position: relative;
		margin-top: 45px
	}
	.page-btm-container .col-xs-6 {
		padding: 0
	}
	.page-btm,
	.page-btm-2 {
		margin: 0;
		padding: 15px;
		text-align: center
	}
	.page-btm {
		background: #5869c6;
		font-weight: 700
	}
	.page-btm a,
	.page-btm-2 a {
		color: #fff;
		text-decoration: none
	}
	.page-btm:hover {
		background: #5971f2
	}
	.page-btm-2 {
		background: #7bd3f7
	}
	.page-btm-2 a {
		color: #000;
		font-weight: 600;
		text-decoration: none
	}
	.request-quote-inner select option,
	.submit-buttom input[type=submit] {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 400
	}
	.page-btm-2:hover {
		background: #4ec8fa
	}
	.request-quote {
		top: 102px;
	}
	.request-quote-inner {
		border: 1px solid #eaeaea;
		padding: 0px 18px;
		background: rgba(55, 127, 235, 1);
	}
	.request-quote-inner h3 {
		font-family: 'Open Sans';
		font-style: normal;
		font-size: 22px;
		color: #fff;
		text-align: center;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 3px solid rgba(219, 219, 219, .3)
	}
	.request-quote-inner form input[type=text], .request-quote-inner form input[type=number],
	.request-quote-inner select,
	.request-quote-inner textarea {
		width: 100%;
		margin-bottom: 10px;
		border: 1px solid #eaeaea;
		padding: 5px 12px;
	}
	
	.request-quote-inner form input[type=text]::placeholder, .request-quote-inner form input[type=number]::placeholder, .request-quote-inner form textarea::placeholder{
		font-size: 12px;
		
	}
	
	.request-quote-inner form select{
		font-size: 12px;
	}
	
	
	.request-quote-inner select {
		color: #626262
	}
	.request-quote-inner select option {
		font-size: 14px;
		color: #b2b2b2
	}
	.request-quote-inner form input[type=text]:focus,
	.request-quote-inner select:focus,
	.request-quote-inner textarea:focus {
		border: 1px solid #7bd3f7;
		-webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .1);
		-moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .1);
		box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .1)
	}
	.request-quote-inner form input[type=text]:placeholder {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 400;
		font-size: 13px
	}
	.request-quote-inner form select {
		width: 100%;
		margin-bottom: 5px;
	}
	.request-quote-inner form textarea {
		width: 100%;
		border-radius: 0;
		margin-bottom: 15px
	}
	.submit-buttom input[type=submit] {
		width: 100%;
		border: 0!important;
		padding: 8px 35px;
		color: #fff;
		margin-bottom: 10px;
		background: rgba(31, 56, 252, 1);
		
	}
	.submit-buttom input[type=submit]:hover {
		-webkit-box-shadow: 0px 0px 19px 0px rgba(255,255,255,1);
		-moz-box-shadow: 0px 0px 19px 0px rgba(255,255,255,1);
		box-shadow: 0px 0px 19px 0px rgba(255,255,255,1);
	}
	
	.footer-copyright{
		padding-top: 62px;
	
	}
	
	.support ul li{ margin-bottom: 22px;}
	
	
	
	p.copy-rights {
		text-align: center;
		color: #e2e2e2;
		padding-top: 15px;
		font-size: 12px;
		margin-top: 0
	}
	
	
	
a.call-back {
	text-align: center;
	color: #fff !important;
}

#text-login-msg{
	display: none;

}

#proposal .modal-header h4{
	font-size: 22px;
}

#login-form input{
	

}

.quote-submit{
	margin-left: 0;
	width: 100%;
}


.request-quote-inner{ position: relative;}

.request-quote-inner span{
	position: absolute;
	top: 6px;
	right: 6px;
}

.request-quote-inner span a i{ color: #fff;}


/** Contact Us **/

.contact-banner{
	
	position: relative;
	top: 94px;
	margin-bottom: 80px;
}

.contact-header h1{
	padding-top: 70px;
	font-size: 24px;
	
}

.contact-header p{ 
	margin-bottom: 27px;
	font-size: 14px;
	font-weight: normal;
	text-transform: capitalize;
	
}

form.contact-form h3{ font-size: 25px; text-align: center;}

form.contact-form input[type=submit]{
	width: 100%;
	margin-left: 0;
}


/* Search engine Optimization CSS */

.banner-wrapper{
	position: relative;
    top: 90px;
}

.right-side h1{
	font-size: 20px;
	text-align: center;
	line-height: 24px;
}

.info-grapphy{
	
	background: none;
	margin-top: 145px;
	padding: 0 15px;
}

.service-md-item{
	margin-bottom: 85px;
}

.list{
	margin-bottom: 71px;
	height: 120px;
}
.list p{ 
	font-size: 12px; 
	margin: -11px 0 0px;

}

.right-side p{ padding: 0 15px;}

/** Local SEO CSS **/

.local-seo-info{
	height: 149px;
}

.local-seo-banner{
	padding: 36px 0;
}

.ecommerce-cntent h1{
	font-size: 20px;
	text-transform: capitalize;
	line-height: 24px;
	text-align: center;
}

.local-seo-info ul{
	padding-top: 15px;
}

.local-seo-info ul li{
	
	display: inline-block;
}

.side-form {margin-top: 0px;}

.discus-ready{ margin-top: 0px;}


/* Wordpress CSS */

.wp-seo-banner{ padding: 55px 0 10px;}

.service-content{
	position: relative;
	top: 103px;
	
}

.ecommerce-content h1{ 
	font-size: 20px; 
	text-align: center; 
	line-height: 28px;
	text-transform: capitalize;
	margin-top: 0;
	margin-bottom: 10px;
	}

section.wp-seo{
	background: none;
	
}

.wp-seo-inner{
    margin-bottom: 19px;
}

/** Google Adwords CSS **/

.google-Aw-banner{
	padding: 55px 0 12px;
}

.adds,.adds2,.adds3{
	display: none;

}

.ads-btm{
	margin-top: 0;
}


.snip1579{
	min-width: 205px;
	width: 100%;
}

/* Ecommerce CSS */

.E-Commerce-banner{
	padding: 55px 0 10px;
}


.ecom-adv-img{
	display: none;
}

/* Social Media CSS */
.social-banner{
	
	padding: 34px 0 3px;
}

.social-media-header h1, .smo-content h4{
	font-size: 20px;
	}

.social-media-work{ 
	background: none;
	margin-top: 0;
}	

ul.smo-list{
	padding: 0 22px;
	margin: 0 0 21px;
}

.web-banner{
	padding: 50px 0 9px;
}
.intro-content h1{
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 0;
	text-align: center;
}

.webtech-heading h4, .service-offer h3{
	font-size: 20px;
	text-align: center;
}

.service-offer h3{ margin-top: 0;}

.web-service-contact{
	height: 342px;
}

.web-service-contact h3{
	margin-top: 0;
	text-align: center;
}

.web-service-contact p{
	padding: 10px 0;
}

/* Web Development CSS */

.Web-development-banner{
	
	padding: 50px 0 12px;
}

.web-devlpmt h1{
	font-size: 20px;
	text-align: center;
	line-height: 22px;
	margin-bottom: 24px;
}

.dev-process{
	margin-bottom: 45px;
}


.dev-process ul{
	column-count: 1;
}

.development-service{
	margin-top: 0;
}

.development-service h2{
	font-size: 20px;
}
.service-list ul{
	column-count: 3;
}

.service-list ul li{

	display: line-block;
	margin-bottom: 15px;

}

.service-list {
    margin: 20px 0;
}

/* Content Maganement CSS */

.cms-banner{
	padding: 35px 0 0px;
}

h1.cms-header{
	font-size: 20px;
	line-height: 22px;
}

.cms-bg{
	margin-top: 0;
	background: none;
}

.content-feature h4{
	color: #313131;
	font-size: 20px;
}

.cont-column{
	width: 100%;
    height: 185px;
    border: 1px solid #dedede;
    margin: 17px 0;
    padding: 0px;
	
}

/* SEO-pricing CSS */

.seo-package{
	position: relative;
	top: 85px;
}

.content{
	margin-top: 0;
	padding-top: 0;
}

.content h1{
	font-size: 24px;
	line-height: 26px;
}

.content h2{
	font-size: 16px;
}


/* Website Designign Pricing CSS */

.proposal-requirment{
	display: none;
}






}

@media only screen and (min-width: 600px)  {
	
	.banner-header {
    position: relative;
    top: 15px;
}
	.banner-btm{
		
		margin-top: 15px;
	}
	
	.page-btm{ display: none;}
	
	.page-btm-2{ display: none;}
	
	
	
	
	
}

/* Media query For Tablet */


@media (min-width:426px) and (max-width: 786px) {
  

  

	.banner-header{
		position: relative;
		top: 93px;		
		
	}
	.btn-banner{
		
		margin-top: 135px;
	}
	
	.section-title{
		margin-right: 165px !important;
		border-right: none !important;
		text-align: center !important;
		
	}
	
	.search-box button{
		padding: 0px 30px;
	}
	
	.heading-cont p{
    font-size: 24px;
	line-height: 32px;
	}
	
	.services-item p, .seo-cont p, .web-cont p{
		font-size: 24px;
		line-height: 32px;
		
	}
	
	p.description, .clients p{
		font-size: 24px;
		line-height: 32px;
	}
	
	.client-box{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	a.discuss-btn{
		
		padding: 19px 42px;
		font-size: 24px;
	}
	
	.newsletter-form{
		width: 655px;
		max-width: 100%;
	}
	
	.form-icon{
		margin-left: 65px;
		margin-right: 0;
		
	}
	
	
	.social-links-title{
		padding-top: 25px;
		max-width: 655px;
	}
	
	.social-section{
		text-align: center;
	}
	
	ul.social-links{ 
		margin-left: 225px;
		
	}
	
	.footer-brand{
		width: 245px !important;
		max-width: 100%;
		
	}
	.support{
		position: absolute;
		top: 45px;
		right: 85px;
	}
	
	.company-menu h4{
		font-size: 22px;
	}
	
	.company-menu ul li a{
		font-size: 18px;
		line-height: 32px;
	}
	
	
	
	
	/* Search engine optimization */
	
	.service-content{}
	.right-side h1, h1.cms-header, h4.cms-header-small, .ecommerce-content h4, .ecom-adv-heading h4, .ecommerce-cntent h1, .social-media-header h1, .smo-content h4, .intro-content h1, .webtech-heading h4, .service-offer h3, .web-devlpmt h1{
		text-align: center;
		font-size: 28px;
		line-height: 24px;
	}
	.right-side h1 span{
		font-size: 28px;
	}
	
	.right-side p, .ecommerce-content p, .wp-seo p, .cont-column p, .ecom-adv-bg p, .local-seo p, .list p, .social-media-header p, .smo-service p, ul.smo-list li, .social-media-work p, .intro-content p, .webtech-heading p, .web-devlpmt p, .dev-process ul li{
		font-size: 20px;
	}
	
	.list{
		height: 145px;
	}
	
	.side-form{
		
		border: none;
	}
	
	.side-form h3{
		font-size: 28px;
	}
	
	.side-form input[type=text], .side-form select, .side-form textarea{
		
		padding: 12px 14px;
	}
	
	.input-group .input-group-addon i{ font-size: 21px;}
	
	.side-form input[type=submit]{
		font-size: 18px;
		padding: 16px 54px;
	}
	
	.info-grapphy{
		
		background: none;
	
	}
	
	.right-side ul li, ul.ecom-adv-point li{
		font-size: 20px;
	}
	
	.ecom-adv-img{ display: none;}
	
	.local-seo-info ul li{ font-size: 20px;}
	
	.social-media-work{background: none;}
	
	.intro-content img{ width: 100%;}
	
	.webtech-heading h4{ padding: 25px 0;}
	
	
	.web-tech-box-icon img{ border: 1px solid #010101; padding: 3px;}
	
	.service-offer p{ font-size: 20px;}
	
	.web-service-contact{
		background: url(../img/web-services-bg.jpg) no-repeat;
		background-size: cover;
		height: 335px;
	}
	
	.web-service-contact p{
		font-size: 20px;
		
	}
	
	.web-service-contact h3{
		text-align: center;
		font-size: 28px;
	}
	
	.web-service-contact ul li{padding: 16px 50px;}
	.web-service-contact ul li a{ font-size: 20px; font-weight: 600;}
	.dev-process ul{ column-count: 1;}
	
	 .service-list li p{ font-size: 20px; font-weight: 600; color: #010101; padding: 12px 0;}
	
	
	.development-service p{ font-size: 20px;}
	.development-service>ul>li{ font-size: 20px; margin: 25px 0;}
	
	section.wp-seo{
		background: none;
	}
	
	.wp-seo-inner h3, form.contact-form h3, .contact-info h3{
		text-align: center;
		font-size: 28px;
		line-height: 24px;
		
	}
	
	.wp-seo-inner p{ text-align: center; font-size: 20px !important;}
	
	.wp-seo-inner ul li{
		font-size: 20px;
		margin: 18px 0;
	}
	
	form.contact-form input[type=text], form.contact-form .input-group select{
		padding: 14px 8px;
	}
	form.contact-form input[type=text]::placeholder, form.contact-form .input-group select::placeholder, form.contact-form textarea::placeholder{
		font-size: 18px;
		color: #010101;
	}
	
	.input-group .input-group-addon i {
    font-size: 25px;
	}
	.partner{ font-size: 20px; margin-left: 24px;}
	.partner span{ font-size: 20px; color: #010101; font-weight: 600;}
	
	
.seo-package{
	position: relative;
	top: 305px;
	margin-bottom: 285px;
}

.content{
	margin-top: 0;
	padding-top: 0;
}

.content h1{
	font-size: 36px;
	line-height: 26px;
}

.content h2{
	font-size: 24px;
}
	
ul.pricing-content li{
	font-size: 18px;
}	

.pricing-content li span{
	font-size: 18px;
	
}
	
.pricing-content li{
	padding: 12px 15px;
}	

.pricing1{
	margin-bottom: 45px;
	padding: 12px 28px;
}

.yellow-crusta.btn{
	font-size: 18px;
}

.packages-details-content .table td{
	font-size: 18px;
}

.btn-analysis{
	padding: 12px 4px;
	font-size: 16px;
}

.form-btn{
	line-height: 24px;
	font-size: 18px;
	
	letter-spacing: 1px;
}


/* Website Designign Pricing */

.proposal-requirment form{
	
	width: 717px;
	max-width: 100%;
}

.packages-details-heading h3{ color: #010101;}

.proposal-requirment{
	
}

.proposal-requirment h3{ color: #010101;}

.proposal-requirment h3:before{
	display: none;
}

.proposal-requirment h3:after{ display: none;}


legend.form-head{font-size: 22px;}

.btncheck span{ font-size: 18px;}

.get-proposal {
    font-size: 24px;
}
	
}
  
  
  
   
 /* 4040 error page design */

.main-banner-404{
	position: relative;
	background: url(../img/404-banner.jpg) center center no-repeat;
	background-size: cover;
	z-index: -9999;
	height: 468px;
} 
  
.banner-header-404{
	position: relative;
	top: 155px;
}

.banner-header-404 h4{
	font-size: 74px;
    font-family: 'Roboto Slab', serif;
	color: #fb075d;
}

.banner-header-404 p{
	font-size: 28px;
	color: #414141;
	margin-bottom: 38px;
}

.banner-header-404 a{
	font-size: 14px;
	background: #3a94f9;
	color: #fff;
	padding: 8px 18px;
	cursor: pointer;
}

.banner-header-404 img{
	position: absolute;
	top: 0;
	right: 0;
}



/* Calender CSS */

.calender-container{
	position: relative;
	margin: 25px 0;
}

.calender-box{
	margin: 0;
	padding: 0;
	position: relative;
	background: #f8f8f8;
	border-radius: 12px;
	padding: 6px 4px;
	overflow: hidden;
	margin: 15px 0;
	border: 1px solid rgba(96,96,96, 0.5);
	transition: 0.2s;
}

.calender-box:hover{
	border: 1px solid rgba(146,230,254, 0.5);
	-webkit-box-shadow: 0px 0px 20px -1px rgba(128,204,245,1);
	-moz-box-shadow: 0px 0px 20px -1px rgba(128,204,245,1);
	box-shadow: 0px 0px 20px -1px rgba(128,204,245,1);
}

.calender-box img{

	width: 45px;
	height: 45px;
}

.calender-box p, .calender-box span{
	color: #010101;
	font-size: 14px;

}

.calender-box p:before{
	position: relative;
	content:'\f274';
	font-family: FontAwesome;
	font-size: 14px;
	color: #81a60a;
	margin-right: 4px;
}


.calender-box h4{
	font-size: 18px;
	font-weight: 600;
	background: #ffffff;
	border-top: 5px solid rgba(191,191,191,0.3);
	color: #3f51b5;
}
.calender-box span{
	font-size: 14px;
	color: #444444;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 600;
	
}

.calender-header h4{
	font-size: 28px;
	background: #0bc3f8;
	color: #fff;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	padding: 10px 0;
}


.calender-banner{

	position: relative;
    top: 105px;
    margin-bottom: 105px;
    background: url(../img/calender-banner.jpg) top center  no-repeat;
    background-size: cover;

}


/***************/


.contact-info ul li{
	color: #0bc3f8;
	padding-top: 8px;
	padding-bottom: 8px;

	
}

.contact-info ul li span{
	background: #5467c0;
	padding: 10px 20px;
	margin-top: 14px;

}

.team-du{ 
	position: relative;
	border-top: 1px solid #dedede;
	padding-top: 24px;

	background: rgba(255,255,255,1);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 51%, rgba(235,235,235,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(51%, rgba(242,242,242,1)), color-stop(51%, rgba(235,235,235,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 51%, rgba(235,235,235,1) 51%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 51%, rgba(235,235,235,1) 51%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 51%, rgba(235,235,235,1) 51%, rgba(254,254,254,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 51%, rgba(235,235,235,1) 51%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe', GradientType=1 );
}

.team-top h3{
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	color: #3f51b5;
}

.team-top h3 i{ 
	color: #010101; 
	position: relative;
	top: 8px;
	font-size: 28px;}

.team-top h4 a{
	text-transform: uppercase;
    font-size: 18px;
	font-weight: 400;
    color: #010101;
    border: 1px solid #dedede;
    padding: 8px 14px;
    border-radius: 8px;
    background: #0bc3f8;
    transition: 0.2s;
	color: #fff;
	
}
.team-top h4 a:hover{
	/* background: #3f51b5; */

	color: #3f51b5s;
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.62);
	-moz-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.62);
	box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.62);
}

.team-top h3 a i{
	position: relative;
	top: 4px;
	margin-right: 10px;
	font-size: 24px;
	color: #0bc3f8;
}

.team-mem{
	display: block;
	text-align: center;
	background: #ffffff;
	padding: 16px 24px;
	margin-bottom: 16px;
	height: 225px;
	overflow: hidden;
	border: 4px solid #a8b7fa;
}

.team-mem:hover{
	-webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.32);
	-moz-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.32);
	box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.32);
}



.team-mem span i{
	font-size: 82px;
	border-radius: 82px;
	color: #0bc3f8;
	background: #fff;
	-webkit-box-shadow: 0px 14px 15px -8px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 14px 15px -8px rgba(0,0,0,0.62);
box-shadow: 0px 14px 15px -8px rgba(0,0,0,0.62);	
}

.team-mem h4{ font-size: 18px; font-weight: 600; color: #3f51b5; text-transform: capitalize;}

.team-mem p a{ color: #010101;}

.team-mem p a:before{
	position: relative;
	content: "\f0e0";
    font-family: FontAwesome;
	margin-right: 6px;
	color: #0bc3f8;

}