a,
a:focus,
a:hover {
	text-decoration: none
}

.divider,
.navigation,
.pos-relative,
.pro-cont,
.section-pad {
	position: relative
}

.category li,
.footer-navbar li,
.social-icons li,
.submit-btn {
	display: inline-block
}

#portfolio-slider #scroll p,
.big-head,
.clients-grid .client-box .logo-name,
.header-content h2,
.inner-logo h4,
.main-heading,
.service-new-bb h2,
.services-new-inner h2 {
	text-transform: uppercase
}

* {
	margin: 0;
	padding: 0
}

body {
	background: #fff;
	color: #13191f;
	font-family: Raleway, sans-serif!important;
	font-size: 14px;
	overflow-x: hidden;
	font-weight: 500
}

.mt40 {
	margin-top: 40px
}

.mt20 {
	margin-top: 20px
}

.m0 {
	margin: 0!important
}

.mb20 {
	margin-bottom: 20px
}

a {
	color: #d9dce0
}

a,
a:focus {
	outline: inherit
}

a:hover {
	color: #f55950
}

.services ul {
	list-style: none;
	padding-left: 0
}

.services ul li {
	list-style-type: circle;
	border-bottom: 1px dotted #b3b3b3;
	padding: 14px 0;
	font-size: 14px;
	color: #13191f;
	margin-left: 16px
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0
}

.section-pad {
	padding: 50px 0
}

.main-heading {
	font-size: 36px;
	font-weight: 500
}

h2.main-heading {
	color: #000;
	margin-bottom: 20px
}

.divider {
	width: 90px;
	height: 3px;
	margin: 0 auto 40px
}

.yellow-divider {
	background: #f7921c
}

.red-divider {
	background: #f55950
}

.green-divider {
	background: #207c7b
}

.head-border p {
	margin-top: 30px
}

.col-light {
	color: #fff!important
}

.col-light2 {
	color: #7f8992!important
}

.col-light3 {
	color: #a2a9b1!important
}

.white {
	color: #fff!important
}

.red {
	color: #f55950!important
}

.col-dark {
	color: #13191f!important
}

.dark-bg {
	background-color: #13191f!important
}

.light-bg {
	background-color: #e8edee
}

.ft-24 {
	font-size: 24px
}

.ft-18 {
	font-size: 18px
}

.ft-wt400 {
	font-weight: 400
}

.ft-wt300 {
	font-weight: 300
}

.para-text {
	color: #13191f;
	font-size: 14px
}

.seo-text {
	color: #a2a9b1;
	font-size: 14px;
	text-align: center;
	line-height: 18px
}

.sub-text {
	color: #13191f;
	font-size: 12px
}

.navigation {
	background: url(../images/header-bg.jpg) bottom center no-repeat;
	background-size: cover;
	padding: 15px;
	z-index: 999;
	border-bottom: 1px solid #222a31
}

.home-slideshow {
	background: #13191f;
	padding: 20px 0 30px
}

.slide-content h3 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 400
}

.slide-content h4 {
	font-size: 16px;
	font-weight: 500
}

.service-we-offer {
	background-color: #13191f
}

.service-offer .boxes a:hover {
	color: #d9dce0
}

.service-offer .boxes p {
	font-size: 14px;
	color: #a2a9b1;
	margin-top: 20px;
	line-height: 20px
}

.service-offer .boxes {
	border-left: 1px solid #303a42;
	border-top: 1px solid #303a42;
	padding: 50px
}

.service-offer .boxes:nth-child(3n+0) {
	border-right: 1px solid #303a42
}

.process-we-follow {
	background-color: #e8edee
}

.process-boxes {
	padding: 0;
	margin-left: -80px
}

.process-boxes.green-box {
	margin-left: 100px
}

.pro-cont {
	padding: 30px 50px 0 80px
}

.pro-cont .para-text {
	border-right: 1px solid #ccc;
	padding-right: 30px
}

.process-boxes:last-child .pro-cont .para-text {
	border-right: none
}

.appreciaton-content .col-left img {
	padding: 3px;
	border: 1px solid #2d373f
}

.appreciaton-content .col-right {
	padding-left: 0;
	border-right: 1px solid #303a42;
	padding-right: 40px;
	padding-bottom: 20px;
	color: #a2a9b1;
	font-size: 14px
}

.appreciaton-content .col-right .col-light3 {
	margin-bottom: 20px
}

.appreciaton-content .col-right .app-head {
	color: #f55950;
	margin-top: 20px
}

.appreciaton-content .col-right .app-desc {
	color: #646d78
}

.contact {
	padding-bottom: 0
}

.contact-form {
	padding-bottom: 50px
}

.border-right {
	border-right: 1px solid #303a42
}

.contact-form .form-cols .form-control {
	background: #2c353d;
	border: none;
	color: #91999f;
	border-radius: 6px
}

.contact-form .form-cols .form-group {
	margin-bottom: 12px
}

.contact-form .form-cols .form-group label {
	color: #91999f;
	font-weight: 400;
	font-size: 14px
}

.contact-form .form-cols.pos-relative img {
	position: absolute;
	top: -7px;
	right: 16px
}

.form-control:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none
}

.frm-pdr-5 {
	padding-right: 5px
}

.frm-pdl-5 {
	padding-left: 5px
}

.submit-btn {
	background: #f55950;
	border: none;
	padding: 8px 16px;
	font-weight: 500;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	margin-top: 20px;
	color: #fff;
	border-radius: 50px
}

.submit-btn:hover {
	background: #fff;
	color: #f55950
}

.contact-info .call a,
.copyright {
	color: #91999f
}

.contact details {
	padding-bottom: 50px
}

.contact-info {
	margin-top: 40px
}

.contact-info .red {
	margin: 20px 0
}

.contact-info .call a:first-child {
	padding-right: 9px;
	border-right: 1px solid #f55950
}

.contact-info .call a:last-child {
	padding-left: 4px
}

.social-icons {
	float: right;
	margin: 0;
	padding: 0
}

.social-icons li {
	width: 40px;
	height: 40px;
	position: relative
}

.social-icons li a {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	width: 35px;
	height: 35px;
	-moz-transition: background .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	background: url(../images/social-media.png) no-repeat
}

.social-icons li a.facebook {
	background-position: 0 3px
}

.social-icons li:hover a.facebook {
	background-position: 0 -31px
}

.social-icons li a.twitter {
	background-position: -40px 3px
}

.social-icons li:hover a.twitter {
	background-position: -40px -31px
}

.social-icons li a.linkedin {
	background-position: -80px 3px
}

.social-icons li:hover a.linkedin {
	background-position: -80px -31px
}

.social-icons li a.mail {
	background-position: -120px 3px
}

.social-icons li:hover a.mail {
	background-position: -120px -31px
}

footer.footer {
	background: #13181e url(../images/footer-bg.jpg);
    padding-bottom: 0;
    overflow: hidden;
    clear: both;
    padding: 40px 0 20px;
}

.footer-navbar li a {
	padding: 0 13px;
	border-right: 1px solid #993b37;
	color: #91999f;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.footer-navbar li a:hover {
	color: #993b37
}

.footer-navbar li:last-child a {
	border: none
}

.s1.owl-carousel .owl-nav .owl-prev {
	top: 50px;
	left: -37px;
	width: 25px;
	height: 50px;
	background: url(../images/left-arrow.png) no-repeat;
	position: absolute;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.s1.owl-carousel .owl-nav .owl-prev:hover {
	background-position: -26px 0
}

.s1.owl-carousel .owl-nav .owl-next {
	top: 50px;
	right: -10px;
	width: 25px;
	height: 50px;
	background: url(../images/right-arrow.png) no-repeat;
	position: absolute;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.category li a,
.inner-top-slider .owl-theme .owl-nav .owl-prev {
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

.s1.owl-carousel .owl-nav .owl-next:hover {
	background-position: -26px 0
}

.s1.owl-carousel .owl-item img {
	width: auto
}

#port {
	position: absolute;
	width: 355px;
	height: 472px;
	top: 260px;
	right: -320px;
	z-index: 999999
}

#port #red-circle {
	width: 454px!important;
	height: 454px!important;
	position: absolute!important;
	top: -80px!important;
	left: 0!important;
	z-index: 999!important
}

#port #yellow-circle {
	width: 220px!important;
	height: 220px!important;
	position: absolute!important;
	top: 240px!important;
	z-index: 9!important;
	left: 30px!important
}

#port #green-circle {
	width: 76px!important;
	height: 76px!important;
	position: absolute!important;
	top: 211px!important;
	left: 0!important
}

#process-we-follow #adobe-icon {
	width: 380px;
	height: 350px;
	position: absolute!important;
	left: -161px;
	top: 70px!important
}

#process-we-follow #photoshop-icon {
	width: 268px!important;
	line-height: 265px;
	position: absolute!important;
	z-index: 999
}

#process-we-follow #dreamweaver-icon {
	width: 132px!important;
	line-height: 130px;
	position: absolute!important;
	left: 194px!important;
	z-index: 99;
	top: 200px!important
}

#process-we-follow #illustrator-icon {
	width: 64px!important;
	line-height: 62px;
	position: absolute!important;
	left: 300px!important;
	top: 170px!important
}

#word-of-appreciation #appreciation {
	width: 464px;
	height: 285px;
	position: absolute;
	right: -179px!important;
	top: -63px
}

#word-of-appreciation #appreciation #pencil {
	width: 126px!important;
	height: 128px!important;
	position: absolute!important;
	right: 340px!important;
	left: auto!important;
	top: 150px!important
}

#word-of-appreciation #appreciation #comment-icon {
	width: 372px!important;
	height: 287px!important;
	position: absolute!important;
	left: 110px!important;
	top: 50px!important
}

.carousel-3d-slide {
	-webkit-box-shadow: 1px 4px 5px -1px #000;
	-moz-box-shadow: 1px 4px 5px -1px #000;
	box-shadow: 1px 4px 5px -1px #000;
	border-radius: 6px!important;
	background-color: #2c353d!important;
	border-color: #2c353d!important
}

.carousel-3d-slide img {
	border-radius: 6px!important
}

.portfolio {
	background: url(../images/services-body-bg.jpg) top center no-repeat
}

.category {
	text-align: center;
	margin: 20px 0 0;
	border-top: 1px solid #303a42;
	border-bottom: 1px solid #303a42;
	padding: 15px 0
}

.category ul {
	margin: 0
}

.category li {
	padding: 0 20px
}

.category li a {
	color: #838e99;
	font-size: 16px;
	transition: all .3s ease-in-out
}

.category li a:hover,
.category li.active a {
	color: #f55950
}

.category li:not(:last-child) {
	border-right: 1px solid #303a42
}

.portfolio-elements {
	margin-top: 50px;
	position: relative
}

.element-item {
	border: 1px solid #303a42;
	padding: 5px;
	border-radius: 10px
}

.element-info {
	padding: 25px
}

.element-info .ele-head {
	font-size: 22px;
	font-weight: 300
}

.element-info .ele-para {
	font-size: 12px;
	color: #838e99
}

.element-info .ele-para.red {
	margin: 5px 0 10px
}

.element-item .element-thumbs {
	opacity: 1;
	position: relative;
	border-radius: 10px;
	overflow: hidden
}

.element-link-url,
.inner-top-slider .owl-theme .owl-nav {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.element-link-url {
	z-index: 999;
	width: 55px;
	height: 55px;
	display: none;
	top: 0;
	margin: auto
}

.element-link-url .ele-url {
	background: url(../images/controls.png) 14px -143px no-repeat rgba(243, 93, 88, .85);
	width: 50px;
	height: 50px;
	display: block;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	border-radius: 50%
}

.element-link-url .ele-url:hover {
	background: url(../images/controls.png) 14px -143px no-repeat rgba(36, 126, 125, .85)
}

.element-item .element-thumbs:hover,
.element-item .element-thumbs:hover .element-link-url {
	display: block;
	opacity: 1
}

.inner-top-slider .owl-carousel .owl-stage-outer .item {
	height: 570px
}

.inner-top-slider .owl-theme .owl-nav .owl-prev {
	width: 50px;
	height: 50px;
	background: url(../images/controls.png) no-repeat;
	transition: all .3s ease-in-out;
	border-radius: 0;
	margin: 0 50px 20px 0;
	padding: 0
}

.inner-top-slider .owl-theme .owl-nav .owl-prev:hover {
	background: url(../images/controls.png) -71px 0 no-repeat
}

.inner-top-slider .owl-theme .owl-nav .owl-next {
	width: 50px;
	height: 50px;
	background: url(../images/controls.png) -221px 0 no-repeat;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border-radius: 0;
	margin: 0 0 20px 30px;
	padding: 0
}

.inner-top-slider .owl-theme .owl-nav .owl-next:hover {
	background: url(../images/controls.png) -156px 0 no-repeat
}

.modal-open .modal::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	border-radius: 10px;
	background-color: #373e46
}

.modal-open .modal::-webkit-scrollbar,
body::-webkit-scrollbar {
	width: 4px
}

.modal-open .modal::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
	background-color: #f35d58;
	border-radius: 10px
}

#quote-form .modal-header {
	border-bottom: 1px solid #2d373f
}

#quote-form.modal-content {
	background: #13191f;
	border: 1px solid #1c242b
}

#quote-form .contact-form {
	padding-bottom: 0;
	border: none
}

#quote-form .modal-body {
	padding: 30px
}

#quote-form button.close {
	opacity: .6
}

#quote-form button.close:hover {
	opacity: .8
}

.carousel-3d-container[data-v-c06c963c] {
	height: 480px!important
}

.carousel-3d-controls[data-v-43e93932] {
	left: 0;
	right: 0;
	width: 100px!important;
	margin: 0 auto;
	height: 50px;
	bottom: 43px;
	top: inherit!important
}

.next[data-v-43e93932],
.prev[data-v-43e93932] {
	width: 40px!important;
	text-align: center!important;
	font-size: 46px!important;
	height: 40px!important;
	line-height: .7!important;
	background: grey;
	color: #fff!important;
	overflow: hidden;
	font-weight: 300;
	border-radius: 50%
}

.prev[data-v-43e93932] {
	left: 0!important
}

.next[data-v-43e93932] {
	right: 0!important
}

.grid-item,
.grid-sizer {
	width: 33.333%;
	padding: 10px
}

.grid-item {
	float: left
}

.grid-item img {
	display: block;
	max-width: 100%
}

@media screen and (max-width:420px) {
	.grid-item,
	.grid-sizer {
		width: 100%
	}
}

@media screen and (min-width:421px) and (max-width:767px) {
	.grid-item,
	.grid-sizer {
		width: 50%
	}
}

.owl-carousel .owl-item img {
	width: auto;
	margin: 0 auto
}

.inner-header {
	width: 100%;
	height: 324px;
	background-color: #13191f
}

.client-header {
	background: url(../images/clients-top-band.jpg) top center no-repeat
}

.clients-grid .client-box {
	border-left: 1px solid #bfc5c7;
	padding: 20px 0 0;
	height: 193px
}

.clients-grid .client-box:nth-child(5n+5) {
	border-right: 1px solid #bfc5c7
}

.clients-grid .client-box:not(:nth-child(n+6)) {
	border-top: 1px solid #bfc5c7
}

.clients-grid .client-box .logo-name {
	color: #13191f;
	font-size: 12px;
	border-top: 1px solid #bfc5c7;
	border-bottom: 1px solid #bfc5c7;
	padding: 7px 0;
	margin-top: 20px
}

.client-img {
	height: 120px;
	text-align: center;
	line-height: 120px;
	overflow: hidden
}

.client-img img {
	display: inline-block;
	vertical-align: middle
}

.link-btn {
	position: relative;
	border: 1px solid #303a42;
	padding: 4px 13px;
	border-radius: 3px;
	font-size: 12px;
	color: #a2a9b1;
	display: inline-block;
	letter-spacing: 1px;
	font-weight: 500
}

.transition {
	-webkit-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s
}

.link-btn:hover {
	background: #f55950;
	color: #fff!important;
	border: 1px solid #fa483e
}

.link-btn-2 {
	border: 1px solid #ccc;
	color: #000
}

#contact-page .col-left,
.grid-box:nth-child(5n+5),
.profile-content .col-left {
	border-right: 1px solid #303a42
}

.profile-header {
	background: url(../images/profile-top-band.jpg) top center no-repeat
}

.inner-body-bg {
	background: url(../images/services-body-bg.jpg) top center no-repeat #14191f
}

.big-head {
	font-size: 48px;
	color: #d9dce0;
	font-weight: 300
}

.profile-content .col-left p.col-light3 {
	margin-bottom: 20px;
	font-size: 14px
}

.profile-content .col-right {
	color: #a2a9b1;
	font-size: 14px
}

.profile-content .col-right .skillsContainer .percent {
	color: #fff;
	font-weight: 700;
	margin-left: 10px
}

.profile-content .col-right .skillsContainer .website-design {
	background: #f55a51
}

.profile-content .col-right .skillsContainer .branding {
	background: #f7921c
}

.profile-content .col-right .skillsContainer .ecommerce {
	background: #207c7b
}

.profile-content .col-right .skillsContainer .cms {
	background: #3e78a1
}

.profile-content .col-right .skillsContainer .seo {
	background: #5f3ea1
}

.profile-content .col-right.skillsContainer .graphic-design {
	background: #b74c88
}

.profile-content .col-right .skillsContainer .photography {
	background: #d73d48
}

.profile-content .col-right .skillsContainer .content-writing {
	background: #4ea250
}

.profile-content .col-right .skillsContainer .printing {
	background: #4a5863
}

.profile-content .col-right .skill {
	background: #2993BF;
	margin: 5px 0 15px;
	height: 10px;
	border-radius: 10px
}

.contact-header {
	background: url(../images/contact-top-band.jpg) top center no-repeat
}

.mar-tb20 {
	margin: 20px 0
}

#contact-page .form-cols {
	padding: 0 15px
}

#contact-page .social-icons {
	float: none;
	text-align: center
}

.awards-header {
	background: url(../images/awards-top-band.jpg) top center no-repeat
}

.grid-box {
	border-left: 1px solid #303a42;
	border-top: 1px solid #303a42;
	border-bottom: 1px solid #303a42;
	height: 120px;
	padding: 30px;
	word-break: break-all
}

.grid-box a:hover {
	color: #f55950!important
}

.grid-box:nth-child(n+6) {
	border-top: 0
}

.bor-out {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px 0
}

.bor-out2 {
	border: 1px solid #303a42;
	border-radius: 3px;
	padding: 4px
}

.websites-header {
	height: auto
}

.list-items {
	margin: 0;
	padding: 0
}

.list-items li {
	background: url(../images/bullet.png) 0 6px no-repeat;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #303a42;
	color: #a2a9b1
}

.list-items li:last-child {
	border: none
}

#testimonial-page .appreciaton-content {
	height: 250px;
	margin-bottom: 20px
}

#testimonial-page .appreciaton-content:last-child,
#testimonial-page .appreciaton-content:nth-last-child(2) {
	margin-bottom: 0
}

#logo-branding .inner-content .portfolio-elements .element-info .ele-head,
#logo-branding .inner-content .portfolio-elements .element-item,
.service-content h3 {
	margin-bottom: 10px
}

#testimonial-page .appreciaton-content:nth-child(2n+2) .col-right {
	border-right: 0
}

.branding-header {
	background: url(../images/branding-top-band.jpg) top center no-repeat
}

#logo-branding .inner-content .portfolio-elements .element-info {
	padding: 8px 0 5px;
	text-align: center
}

#logo-branding .inner-content .portfolio-elements .element-info .ele-para {
	font-size: 16px;
	color: #a2a9b1
}

.printing-header {
	background: url(../images/print-top-band.jpg) top center no-repeat
}

.border_none {
	border: none!important
}

.port-elements-2 .element-link-url .ele-url {
	background-position: -41px -143px
}

.portfolio-slider .circle {
	width: 275px;
	height: 275px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 50%;
	background: rgba(20, 25, 31, .9);
	font-size: 12px;
	padding: 25px;
	position: absolute;
	left: 50%;
	margin-left: -137px;
	top: 40%;
	margin-top: -137px;
	color: #9d9da3;
	-webkit-box-shadow: 2px 10px 0 -4px rgba(0, 0, 0, .25);
	-moz-box-shadow: 2px 10px 0 -4px rgba(0, 0, 0, .25);
	box-shadow: 2px 10px 0 -4px rgba(0, 0, 0, .25)
}

.portfolio-slider .v-center {
	display: table;
	height: 100%;
	width: 100%
}

.portfolio-slider .middle {
	display: table-cell;
	vertical-align: middle
}

.portfolio-slider .middle .featured-project {
	background: #d04641;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
	display: inline-block;
	padding: 3px 5px;
	margin-bottom: 10px;
	text-transform: uppercase
}

.portfolio-slider .middle h2 {
	font-size: 28px;
	color: #f4f4f4;
	font-weight: 300
}

.element-info .ele-head + .ele-para {
	margin: 0
}

#portfolio-slider #scroll {
	width: 46px;
	height: 90px;
	padding-top: 1px;
	margin: -90px auto 0;
	background: #13191f;
	text-align: center;
	border-top-right-radius: 30px;
	border-top-left-radius: 30px;
	position: relative;
	z-index: 9;
	font-size: 14px
}

#portfolio-slider #scroll p {
	position: relative;
	color: #999;
	font-size: 60%;
	margin-top: 14px;
	margin-bottom: 8px
}

#portfolio-slider #scroll #scroll-arrow1,
#portfolio-slider #scroll #scroll-arrow2,
#portfolio-slider #scroll #scroll-arrow3 {
	width: 14px;
	height: 12px;
	background: url(../images/scroll-down.png) center center no-repeat;
	margin: 0 auto
}

#portfolio-slider #scroll #scroll-arrow1 {
	-webkit-animation: SCROLLDOWN1-ANIMATION 2s infinite;
	-moz-animation: SCROLLDOWN1-ANIMATION 2s infinite;
	-o-animation: SCROLLDOWN1-ANIMATION 2s infinite;
	animation: SCROLLDOWN1-ANIMATION 2s infinite
}

#portfolio-slider #scroll #scroll-arrow2 {
	-webkit-animation: SCROLLDOWN2-ANIMATION 2s infinite;
	-moz-animation: SCROLLDOWN2-ANIMATION 2s infinite;
	-o-animation: SCROLLDOWN2-ANIMATION 2s infinite;
	animation: SCROLLDOWN2-ANIMATION 2s infinite
}

#portfolio-slider #scroll #scroll-arrow2,
#portfolio-slider #scroll #scroll-arrow3 {
	margin-top: -2px
}

#portfolio-slider #scroll #scroll-arrow3 {
	-webkit-animation: SCROLLDOWN3-ANIMATION 2s infinite;
	-moz-animation: SCROLLDOWN3-ANIMATION 2s infinite;
	-o-animation: SCROLLDOWN3-ANIMATION 2s infinite;
	animation: SCROLLDOWN3-ANIMATION 2s infinite
}

@-webkit-keyframes SCROLLDOWN1-ANIMATION {
	0% {
		opacity: 0
	}
	50% {
		opacity: .15
	}
	100% {
		opacity: .3
	}
}

@-moz-keyframes SCROLLDOWN1-ANIMATION {
	0% {
		opacity: 0
	}
	50% {
		opacity: .15
	}
	100% {
		opacity: .3
	}
}

@-ms-keyframes SCROLLDOWN1-ANIMATION {
	0% {
		opacity: 0
	}
	50% {
		opacity: .15
	}
	100% {
		opacity: .3
	}
}

@-o-keyframes SCROLLDOWN1-ANIMATION {
	0% {
		opacity: 0
	}
	50% {
		opacity: .15
	}
	100% {
		opacity: .3
	}
}

@keyframes SCROLLDOWN1-ANIMATION {
	0% {
		opacity: 0
	}
	50% {
		opacity: .15
	}
	100% {
		opacity: .3
	}
}

@-webkit-keyframes SCROLLDOWN2-ANIMATION {
	0% {
		opacity: .6
	}
	33% {
		opacity: 0
	}
	66% {
		opacity: .2
	}
	100% {
		opacity: .4
	}
}

@-moz-keyframes SCROLLDOWN2-ANIMATION {
	0% {
		opacity: .6
	}
	33% {
		opacity: 0
	}
	66% {
		opacity: .2
	}
	100% {
		opacity: .4
	}
}

@-ms-keyframes SCROLLDOWN2-ANIMATION {
	0% {
		opacity: .6
	}
	33% {
		opacity: 0
	}
	66% {
		opacity: .2
	}
	100% {
		opacity: .4
	}
}

@-o-keyframes SCROLLDOWN2-ANIMATION {
	0% {
		opacity: .6
	}
	33% {
		opacity: 0
	}
	66% {
		opacity: .2
	}
	100% {
		opacity: .4
	}
}

@keyframes SCROLLDOWN2-ANIMATION {
	0% {
		opacity: .6
	}
	33% {
		opacity: 0
	}
	66% {
		opacity: .2
	}
	100% {
		opacity: .4
	}
}

@-webkit-keyframes SCROLLDOWN3-ANIMATION {
	0% {
		opacity: .75
	}
	25% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	75% {
		opacity: .25
	}
	100% {
		opacity: .5
	}
}

@-moz-keyframes SCROLLDOWN3-ANIMATION {
	0% {
		opacity: .75
	}
	25% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	75% {
		opacity: .25
	}
	100% {
		opacity: .5
	}
}

@-ms-keyframes SCROLLDOWN3-ANIMATION {
	0% {
		opacity: .75
	}
	25% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	75% {
		opacity: .25
	}
	100% {
		opacity: .5
	}
}

@-o-keyframes SCROLLDOWN3-ANIMATION {
	0% {
		opacity: .75
	}
	25% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	75% {
		opacity: .25
	}
	100% {
		opacity: .5
	}
}

@keyframes SCROLLDOWN3-ANIMATION {
	0% {
		opacity: .75
	}
	25% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	75% {
		opacity: .25
	}
	100% {
		opacity: .5
	}
}

textarea {
	resize: none
}

.inner-top-slider .owl-theme .owl-nav [class*=owl-] {
	border-radius: 50%
}

.service-offer .display-flex:first-child .boxes:first-child {
	border-top-left-radius: 10px
}

.service-offer .display-flex:first-child .boxes:last-child {
	border-top-right-radius: 10px
}

.service-content + .col-md-12 hr {
	border-color: #303a42!important
}

.inner-top-slider .owl-carousel .owl-item img {
	max-width: calc(100% + 4px)!important
}

.img-wid {
	padding: 3px;
	border: 1px solid #2d373f;
	width: 128px;
	border-radius: 50%;
	margin: 0 auto
}

.home-test .appreciaton-content .col-left img {
	padding: 0;
	border: 0
}

.services-branding-header {
	background: url(../images/logo-designp1.jpg) top center no-repeat;
	position: relative;
	text-align: center;
	height: 324px
}

.section-new-inner-body-bg {
	background: url(../images/service-new/service-new-body-bg.jpg)!important;
	padding-bottom: 0!important
}

.header-content {
	margin: 0;
	padding: 45px 0
}

.header-content img {
	margin-bottom: 20px;
	max-width: 100%
}

.header-content h2 {
	font-size: 24px;
	color: #fff
}

.header-content h2.frst {
	text-align: center
}

.orange-divider {
	background: #f7931d
}

.ser-mt60 {
	margin-top: 60px
}

p.mt30 {
	margin-top: 30px
}

.ser-mt60 h1 {
	margin-bottom: 30px
}

.service-new-portfoli0-ele {
	margin-bottom: 50px
}

.services-new-inner h2 {
	font-size: 30px;
	color: #fff
}

.mb30 {
	margin-bottom: 30px
}

.contct-common-field {
	width: 100%;
	height: 45px;
	border-radius: 5px;
	border: 1px solid #43484e;
	outline: 0;
	margin-bottom: 16px;
	font-size: 13px;
	padding-left: 20px;
	background: #13191f
}

.contact-form-field textarea {
	height: 150px;
	padding-top: 10px
}

.contact-us-form p {
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px
}

.contact-us-form a.service-new-btn {
	padding: 8px 30px;
	margin: 21px auto;
	text-align: center;
	display: block;
	width: 120px
}

.mt30 {
	margin-top: 30px
}

.m70 {
	margin: 70px
}

.textcenter {
	text-align: center
}

.inner-logo img {
	text-align: center;
	margin: 0 auto
}

.inner-logo h4,
.mt50 {
	margin-top: 50px
}

.service-new-inner-border {
	height: 160px
}

.inner-logo h4 {
	text-align: center;
	font-size: 18px;
	color: #fff!important
}

.service-new-main-cont {
	padding: 70px 0;
	background-color: #e8edee
}

.service-new-bb {
	border-bottom: 1px solid #c6cbce;
	padding: 40px 15px
}

.service-new-bb h2 {
	font-size: 30px;
	color: #13191f
}

.service-new-bb p {
	font-size: 14px;
	color: #13191f
}

.service-new-heading {
	color: #fff!important
}

.service-new-profile-cont p {
	color: #a2a9b1
}

.service-logo-new-page h4 a {
	color: #fff;
	display: block
}

.service-new-portfolio-ele {
	margin-top: 0!important
}

.p0 {
	padding: 0
}

.service-top-divider {
	margin: 0 auto!important
}

.service-new-portfolio-ele .element-item {
	margin: 0!important
}

.p10 {
	padding: 10px
}