body {
	font-family: Oswald, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #0a0a0a
}

.btn,
a,
a:active,
a:focus,
a:hover {
	outline: 0 !important;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

input,
textarea {
	-webkit-appearance: none;
	resize: vertical
}

ul {
	list-style: none;
	padding: 0
}

.wow {
	visibility: hidden
}

:focus {
	outline: 0 !important
}

.font-Oswald {
	font-family: Oswald, sans-serif
}

.font-Heebo {
	font-family: Heebo, sans-serif !important
}

p {
	font-family: Heebo, sans-serif
}

.Mesdac {
	overflow: hidden
}

.orange-wrap {
	overflow: hidden;
	position: relative
}

.orange-wrap:after {
	content: '';
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
	width: 45px;
	background: #FF8C00;
	z-index: 1000;
}

.navbar-default .navbar-nav>li.dropdown a,
.navbar-default .navbar-nav>li>a {
	font-size: 15px;
	text-transform: uppercase;
	color: #0a0a0a;
	line-height: 1;
	padding: 30px 10px;
	cursor: pointer;
	display: block
}
.dropdown-toggle i.fa-caret-down {
    transition: transform 0.3s ease; /* smooth rotation */
}

/* Rotate arrow when hovering over the dropdown */
.dropdown:hover > .dropdown-toggle i.fa-caret-down {
    transform: rotate(180deg);
}



.navbar-default .navbar-nav>li.dropdown a.active,
.navbar-default .navbar-nav>li.dropdown a:hover,
.navbar-default .navbar-nav>li>a.active,
.navbar-default .navbar-nav>li>a:hover {
	color: #2E8BC0;
}

.navbar-default .navbar-nav>li.dropdown .dropdown-menu {
	padding: 0;
	border-radius: 0;
	top: 75px;
	border: none;
	z-index: 1020
}

.navbar-default .navbar-nav>li.dropdown li a {
	padding: 12px 10px
}

.navbar-default .navbar-nav>li.dropdown li a:hover {
	color: #fff;
	background: #2E8BC0;
}

.navbar-default {
	background: 0 0;
	border: none;
	border-radius: 0;
	margin: 0;
	text-align: right
}

.main-menu .caret {
	margin: -3px 2px 0
}

.main-menu {
	background: #fff
}

.navbar-default .navbar-brand {
	display: block;
	padding: 18px 15px 0
}

.mobile-support {
	background: #FF8C00;
	margin-right: -10px;
	padding-right: 20px;
	padding-left: 15px;
	position: relative;
	text-align: left
}

.navbar-default .mobile-support li a,
.navbar-default .mobile-support li a:focus {
	color: #fff
}

.navbar-default .mobile-support li a {
	padding: 30px 20px;
	position: relative
}

.mobile-support li a:after {
	content: '';
	position: absolute;
	height: 20px;
	background: #FFD580;
	width: 1px;
	right: 0;
	top: 29px
}

.mobile-support li:last-child a:after {
	display: none
}

.mobile-support a.support-24x7 {
	color: #ffff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
	position: absolute;
	width: 100%;
	background: #2E8BC0;
	left: 0;
	top: 75px;
	z-index: 1100;
	padding: 20px 0 20px 35px
}

.mobile-support a.support-24x7 img {
	margin-left: 20px;
	filter: sepia(100%) saturate(300%) hue-rotate(170deg) brightness(0.9);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

}

.support-img:hover {
	filter: sepia(100%) saturate(500%) hue-rotate(10deg) brightness(1.1);

}

.mobile-support a.support-24x7:hover {
	color: #FF8C00;

}

.mobile-support a.support-24x7:hover img {
	margin-left: 25px
}

#topcontrol {
	z-index: 2000
}

.fixed-menu {
	position: fixed;
	width: 100%;
	z-index: 1040;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	-webkit-box-shadow: 0 0 20px 7px rgba(233, 233, 233, .45);
	-moz-box-shadow: 0 0 20px 7px rgba(233, 233, 233, .45);
	box-shadow: 0 0 20px 7px rgba(233, 233, 233, .45)
}

.fixed-menu .mobile-support a.support-24x7 {
	display: none
}

.all-menu-tems {
	float: center;
	display: flex;
	justify-content: space-around;
}

.mobile-support,
.navbar-collapse.collapse {
	float: left
}

.banner {
	background: #f47f1f;
	background: -moz-linear-gradient(top, #f47f1f 0, #fa950f 100%);
	background: -webkit-linear-gradient(top, #f47f1f 0, #fa950f 100%);
	background: linear-gradient(to bottom, #f47f1f 0, #fa950f 100%);
	position: relative;
	height: 100vh;
	min-height: 660px;
	color: #fff;
	text-transform: uppercase
}

.reliable {
	line-height: 70px;
}

.banner .orange-gradient {
	background: #3ab7ff url(../images/pattern.png);
	width: 100%;
	height: 100%;
	z-index: -1
}

.banner .owl-carousel {
	height: 100%;
	z-index: 1001
}

.banner .banner-text {
	z-index: 1000;
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: : translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.banner .owl-nav {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 9999;
	font-size: 0
}

.banner .owl-nav .owl-next,
.banner .owl-nav .owl-prev {
	background: url(../images/arrow-top-right.png) no-repeat;
	background-position: center center;
	background-color: #fff;
	display: inline-block;
	width: 55px;
	height: 50px
}

.banner .owl-nav .owl-prev {
	background: url(../images/arrow-top-left.png) no-repeat;
	background-position: center center;
	background-color: #fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.banner .owl-nav .owl-next:hover,
.banner .owl-nav .owl-prev:hover {
	background-color: #FF8C00;
}

.banner span.count {
	color: #e96719;
	font-weight: 700;
	font-size: 50px;
	display: inline-block;
	border-bottom: 3px solid #2E8BC0;
}

.banner h1 {
	font-weight: 700;
	font-size: 8vmin;
	margin-bottom: 15px;
	backface-visibility: hidden;
	transform: translateZ(0);
	-webkit-font-smoothing: subpixel-antialiased
}

.banner h1 span {
	font-weight: 700;
	font-size: 22px;
	display: block
}

.banner p {
	font-family: Oswald, sans-serif;
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 20px
}

.banner .owl-carousel img {
	width: auto;
	display: inline-block
}

#particles-js {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden
}

#particles-js .particles-js-canvas-el {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: : translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.img-slide-1 {
	position: absolute !important;
	right: 15rem;
	top: -90px;
	max-width: 550px;
	width: 100%;
	margin: 0 auto;
	display: block !important;
	animation: floatImage 6s ease-in-out infinite;
}

@keyframes floatImage {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-20px);
	}

	100% {
		transform: translateY(0px);
	}
}

/* Optional: Add a little fade-in when the image loads */
.img-slide-1 {
	opacity: 0;
	animation: fadeIn 1s ease-out forwards, floatImage 6s ease-in-out infinite;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.banner .owl-carousel .owl-stage-outer {
	overflow: inherit
}

.btn {
	border-radius: 0;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
	color: #fff;
	padding: 10px 20px
}

.btn:hover {
	color: #fff
}

.btn-violet {
	background: #00a2ff;
	color: #fff;
	border: 2px solid transparent;
	padding: 15px 20px 15px 20px;
	border-radius: 5px;
}

.btn-violet:hover {
	background: #ff0000;
	border: 2px solid #2E8BC0
}

.btn-violet-borderd {
	background: 0 0;
	border: 2px solid #2E8BC0;
	padding: 15px 20px 15px 20px;
	color: #2E8BC0;
	border-radius: 5px;
}

.btn-violet-borderd:hover {
	background: #2E8BC0;
	border: 2px solid #2E8BC0;
}

.btn-orange {
	background: #2E8BC0;
	color: #fff;
	border-radius: 8px;
}

.btn-orange:hover {
	background: #e96719;
}

.banner .btn-violet {
	margin-right: 10px
}

.home-our-services {
	background: #fafafa;
	padding-bottom: 120px
}

.services-box-wrp {
	background: url(../images/service-bg.png) no-repeat;
	background-size: 390px;
	margin-left: 5rem;
	border-radius: 30px;
}

.sec-title {
	background: #2E8BC0;
	text-align: left;
	font-weight: 700;
	font-size: 29px;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	padding: 10px 60px 15px 30px
}

.sec-title:after {
	content: '';
	width: 140px;
	height: 2px;
	border-radius: 50px;
	background: #fff;
	position: absolute;
	right: 75px;
	top: 50px
}

.sec-title0 {
	background: #2E8BC0;
	text-align: left;
	font-weight: 700;
	font-size: 29px;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	padding: 10px 40px 15px 40px
}

.sec-title0:after {
	content: '';
	width: 90px;
	height: 2px;
	border-radius: 50px;
	background: #fff;
	position: absolute;
	right: 55px;
	top: 50px
}

.sec-title1 {
	background: #3FBAFD;
	text-align: left;
	font-weight: 700;
	font-size: 29px;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	padding: 10px 60px 15px 30px
}

.sec-title1:after {
	content: '';
	width: 130px;
	height: 2px;
	border-radius: 50px;
	background: #fff;
	position: absolute;
	right: 79px;
	top: 50px
}

.sec-title2 {
	background: #2E8BC0;
	text-align: left;
	font-weight: 700;
	font-size: 29px;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	margin-left: 6rem;
	display: inline-block;
	padding: 10px 40px 15px 40px;
}

.sec-title2:after {
	content: '';
	width: 110px;
	height: 2px;
	border-radius: 50px;
	background: #fff;
	position: absolute;
	right: 65px;
	top: 50px
}

.home-our-services .sec-title {
	margin: 0 0 60px
}

.services-box-wrp .service-box p {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	position: absolute;
	top: 130px;
	font-family: Oswald, sans-serif;
	line-height: 1.4
}

.services-box-wrp .service-box {
	width: 175px;
	height: 180px;
	position: relative;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
	line-height: 1;
	color: #252525;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: 20px 35px;
	padding: 60px 20px 20px;
	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
	-webkit-box-shadow: 0 0 10px 1px #e9e9e9;
	-moz-box-shadow: 0 0 10px 1px #e9e9e9;
	box-shadow: 0 0 10px 1px #e9e9e9
}

.service-box {
	border-radius: 8px;
}

.services-box-wrp .service-box:hover {
	background-size: 40%;
	background-color: #2E8BC0;
	background-position: 20px 35px;
	color: #fff
}

/* .services-box-wrp .service-box:nth-child(1) {
	background-image: url(../images/DigitalAuditConsultancy.svg)
} */
.services-box-wrp .service-box:nth-child(1) {
	background-image: url(../images/DigitalAuditConsultancy.svg);
	background-color: white;
	filter: hue-rotate(180deg) saturate(0.8);
	transition: background-image 0s, filter 0s;
	transition: background-image 0s, filter 0s;
}


.services-box-wrp .service-box:nth-child(1):hover {
	background-image: url(../images/DigitalAuditConsultancy-white.svg);
	background-color: #2E8BC0 !important;
	filter: none;
}

.services-box-wrp .service-box:nth-child(2) {
	background-image: url(../images/WebDesigning.svg);
	background-color: white;
	filter: hue-rotate(180deg) saturate(0.8);
	transition: background-image 0s, filter 0s;
}

.services-box-wrp .service-box:nth-child(2):hover {
	background-image: url(../images/WebDesigning-white.svg);
	background-color: #2E8BC0 !important;
	filter: none;
}

.services-box-wrp .service-box:nth-child(3) {
	background-image: url(../images/E-CommerceSolutions.svg);
	background-color: white;
	filter: hue-rotate(180deg) saturate(0.8);
	transition: background-image 0s, filter 0s;
}

.services-box-wrp .service-box:nth-child(3):hover {
	background-image: url(../images/E-CommerceSolutions-white.svg);
	background-color: #2E8BC0 !important;
	filter: none;
}

.services-box-wrp .service-box:nth-child(4) {
	background-image: url(../images/SearchEngine.svg);
	background-color: white;
	filter: hue-rotate(180deg) saturate(0.8);
	transition: background-image 0s, filter 0s;
}

.services-box-wrp .service-box:nth-child(4):hover {
	background-image: url(../images/SearchEngine-white.svg);
	background-color: #2E8BC0 !important;
	filter: none;
}

.services-box-wrp .service-box:nth-child(5) {
	background-image: url(../images/SocialMedia.svg);
	background-color: white;
	filter: hue-rotate(180deg) saturate(0.8);
	transition: background-image 0s, filter 0s;
}

.services-box-wrp .service-box:nth-child(5):hover {
	background-image: url(../images/SocialMedia-white.svg);
	background-color: #2E8BC0 !important;
	filter: none;
}

.services-box-wrp .service-box:nth-child(6) {
	background-image: url(../images/MobileApplication.svg);
	background-color: white;
	filter: hue-rotate(180deg) saturate(0.8);
	transition: background-image 0s, filter 0s;
}

.services-box-wrp .service-box:nth-child(6):hover {
	background-image: url(../images/MobileApplication-white.svg);
	background-color: #2E8BC0 !important;
	filter: none;
}

.services-box-wrp .service-box:nth-child(7) {
	background-image: url(../images/DigitalMarketing.svg);
	background-color: white;
	filter: hue-rotate(180deg) saturate(0.8);
	transition: background-image 0s, filter 0s;
}

.services-box-wrp .service-box:nth-child(7):hover {
	background-image: url(../images/DigitalMarketing-white.svg);
	background-color: #2E8BC0 !important;
	filter: none;
}

.services-box-wrp .service-box:nth-child(8) {
	background-image: url(../images/Branding.svg);
	background-color: white;
	filter: hue-rotate(180deg) saturate(0.8);
	transition: background-image 0s, filter 0s;
}

.services-box-wrp .service-box:nth-child(8):hover {
	background-image: url(../images/Branding-white.svg);
	background-color: #2E8BC0 !important;
	filter: none;
}

.service-box-row {
	padding-left: 60px
}

.project-count {
	margin: 15% 0 0
}

.project-count .media {
	margin: 0 0 20px
}

.project-count .media .media-left span {
	width: 144px;
	height: 144px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	background: red;
	font-size: 55px;
	font-weight: 700;
	color: #fff;
	padding: 30px 0 0;
	background: #ff8564;
	background: -moz-linear-gradient(-45deg, #ff8564 0, #ff497c 100%);
	background: -webkit-linear-gradient(-45deg, #ff8564 0, #ff497c 100%);
	background: linear-gradient(135deg, #ff8564 0, #ff497c 100%)
}

.project-count .media h4 {
	font-size: 55px;
	font-weight: 700;
	color: #ff4f79;
	text-transform: uppercase;
	margin-left: 10px
}

.project-count .media h4 span {
	font-size: 24px;
	display: block
}

.project-count .media:nth-child(2) .media-left span {
	background: #a1c523;
	background: -moz-linear-gradient(-45deg, #a1c523 0, #63b837 100%);
	background: -webkit-linear-gradient(-45deg, #a1c523 0, #63b837 100%);
	background: linear-gradient(135deg, #a1c523 0, #63b837 100%)
}

.project-count .media:nth-child(2) h4 {
	color: #6aba35
}

.home-about-us .illustration {
	max-width: 100%;
	margin: 3% 0 0
}

.home-about-us p {
	font-size: 16px
}

.home-about-us p b {
	font-size: 16px;
	margin-bottom: 20px;
	display: block;
	font-weight: 400 !important
}

.home-about-us .btn-violet-borderd {
	margin: 20px 0 0
}

.home-testimonials {
	background: #FF8C00;
	color: #fff;
	margin: 10% 0 0;
	padding: 0 0 110px;
}

.home-testimonials .sec-title1 {
	margin: 0 0 10%
}

.home-testimonials .title {
	position: relative
}

.home-testimonials .title p {
	font-family: Oswald, sans-serif;
	font-size: 55px;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	line-height: 1
}

.home-testimonials .title p span {
	font-size: 24px;
	display: block;
}

/* .home-testimonials .title:before {
	content: url(../images/quote-L.png);
	margin-right: 20px
}

.home-testimonials .title:after {
	content: url(../images/quote-R.png);
	margin: 20px 0 0;
	float: right;
	padding-right: 85px
} */
.home-testimonials .title:before {
	content: url(../images/quote-L.png);
	margin-right: 20px;
	/* filter: brightness(0) saturate(100%) invert(48%) sepia(68%) saturate(628%) hue-rotate(157deg) brightness(91%) contrast(86%); */

	filter: invert(59%) sepia(39%) saturate(5492%) hue-rotate(174deg) brightness(95%) contrast(92%);
	/* filter: invert(50%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(50%) contrast(100%); */




}

.home-testimonials .title:after {
	content: url(../images/quote-R.png);
	margin: 20px 0 0;
	float: right;
	padding-right: 85px;
	/* filter: brightness(0) saturate(100%) invert(48%) sepia(68%) saturate(628%) hue-rotate(157deg) brightness(91%) contrast(86%); */
		filter: invert(59%) sepia(39%) saturate(5492%) hue-rotate(174deg) brightness(95%) contrast(92%);
		/* filter: invert(50%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(50%) contrast(100%); */


}

.owl-dot,
.owl-dot.active {
	height: 8px;
	width: 8px;
	background: #2E8BC0;
	border-radius: 50%;
	display: inline-block;
	margin-right: 15px
}

.owl-dot.active,
.owl-dot:hover {
	background: white
}

.home-testimonials .owl-dots {
	margin-top: 10%;
	padding-left: 20px
}

.home-testimonials img {
	width: auto !important
}

.home-testimonials .writer {
	width: 120px;
	height: 120px;
	overflow: hidden;
	border-radius: 50%;
	-webkit-box-shadow: 5px 5px 0 0 #FF8C00;
	-moz-box-shadow: 5px 5px 0 0 #FF8C00;
	box-shadow: 5px 5px 0 0 #FF8C00;
}

.home-testimonials .writer+p {
	margin: 20px 0 40px;
	font-size: 16px
}

p.writer-name {
	font-family: Oswald, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #2E8BC0;
	text-transform: uppercase
}

p.writer-name span {
	display: block;
	font-size: 14px;
	color: #fff
}

.home-testimonials .item {
	padding-left: 20px
}

/* .home-our-clients {
	background: url(../images/emblom-grey.png) no-repeat;
	background-position: 0 50%
} */

.home-our-clients .sec-title2+.row {
	margin-top: 15%;
	margin-bottom: 15%
}

.home-our-clients img {
	-webkit-box-shadow: 0 0 5px 3px rgba(233, 233, 233, .41);
	-moz-box-shadow: 0 0 5px 3px rgba(233, 233, 233, .41);
	box-shadow: 0 0 5px 3px rgba(233, 233, 233, .41)
}

.home-our-clients .owl-carousel .owl-stage-outer {
	padding: 10px 0;
	padding-left: 5px;
	margin-bottom: 30px
}

/* .home-our-clients .owl-dots {
	text-align: center
} */

.home-our-clients .owl-dot,
.home-our-clients .owl-dot.active {
	height: 12px;
	width: 12px;
	background: #d7d7d7
}

.home-our-clients .owl-dot.active {
	background: #f78818
}

.footer {
	background: #111112;
	padding: 80px 0 0;
	overflow: hidden
}

.footer a {
	cursor: pointer
}

.footer .media-left {
	font-size: 12px;
	color: #2E8BC0;
	text-transform: uppercase
}

.footer .form-control {
	border: 2px solid #363638;
	border-radius: 0;
	background: #363638;
	font-size: 10px;
	color: #a4a4a4;
	text-transform: uppercase
}

.footer .form-control:focus {
	background: #252529;
	box-shadow: none
}

label.error {
	display: none !important
}

textarea.form-control {
	min-height: 80px
}

.footer .form-group {
	margin-bottom: 10px
}

.footer .media-body {
	padding-left: 25px
}

.footer .btn-violet {
	font-size: 14px;
	padding: 5px 20px
}

.footer form {
	max-width: 340px
}

.footer .address {
	margin: 0 0 20px
}

.footer .address h4 {
	color: #fff;
	font-size: 12px;
	line-height: 1.6;
	margin: 0 0 10px
}

.footer .address a {
	color: #FF8C00;
	font-size: 12px;
	font-weight: 700;
	display: block
}

.footer li {
	display: inline-block
}

.footer .separator {
	position: relative
}

.footer .separator:after,
.footer .separator:before {
	content: '';
	position: absolute;
	left: -40px;
	top: 0;
	height: 100%;
	border-left: 1px solid #202022
}

.footer .separator:after {
	left: auto;
	right: 40px;
	top: 0
}

.social-media li {
	padding-right: 20px
}

.social-media a {
	display: block;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	text-align: center;
	border: 2px solid #ddd;
	position: relative
}

.social-media a .fa {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: : translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.social-media li:nth-child(1) a {
	border-color: #4d6eb1;
	color: #4d6eb1
}

.social-media li:nth-child(1) a:hover {
	background: #4d6eb1;
	color: #fff
}

.social-media li:nth-child(2) a {
	border-color: #32abe2;
	color: #32abe2
}

.social-media li:nth-child(2) a:hover {
	background: #32abe2;
	color: #fff
}

.social-media li:nth-child(3) a {
	border-color: #0077b5;
	color: #0077b5
}

.social-media li:nth-child(3) a:hover {
	background: #0077b5;
	color: #fff
}

.social-media li:nth-child(4) a {
	border-color: #c13584;
	color: #c13584
}

.social-media li:nth-child(4) a:hover {
	background: #c13584;
	color: #fff
}

.footer-menu {
	margin: 0;
	padding: 7px 0 0
}

.footer-menu li {
	vertical-align: middle;
	padding-right: 20px
}

.footer-menu li:last-child {
	padding-right: 0
}

.footer-menu li a {
	text-transform: uppercase;
	font-size: 12px;
	color: #fff
}

.footer-menu li a:hover {
	color: #fa950f
}

.footer-menu-wrp {
	border-top: 1px solid #202022;
	border-bottom: 1px solid #202022;
	padding: 20px 0
}

.quick-links {
	margin: 0;
	text-align: right
}

.quick-links li {
	padding-left: 15px
}

.quick-links li a {
	text-transform: uppercase;
	font-size: 12px;
	color: #FF8C00;
	font-weight: 700
}

.quick-links li a:hover {
	color: #fa950f
}

.quick-links li a.btn-orange {
	color: #fff
}

.quick-links li a.btn-orange:hover {
	background: #FF8C00
}

.copy-right {
	text-align: center;
	border-top: 1px solid #202022;
	font-size: 12px;
	color: #4e4e50;
	padding: 30px 0
}

.service-list {
	padding: 50px 0 40px
}

.service-list li {
	display: block;
	text-transform: uppercase
}

.service-list li a {
	font-size: 10px;
	color: #bdbdbd
}

.service-list li a:hover {
	color: #2E8BC0;
	padding-left: 5px
}

.service-list li {
	padding-bottom: 5px
}

.service-list li.head a {
	font-size: 12px;
	color: #2E8BC0
}

.service-list li.head {
	margin-bottom: 15px;
	padding: 0
}

.service-list .grid-item {
	margin: 0 0 25px
}

.grid-group {
	width: 20%;
	float: left
}

.common-sec {
	padding: 80px 0
}

.inner-banner {
	background: #f47f19 url(../images/inner-banner.png) no-repeat;
	background-size: cover;
	height: 355px;
	text-align: center;
	height: 355px;
	min-height: 355px
}

.inner-banner .banner-text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: : translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.inner-banner .line {
	background: #e96719;
	display: block;
	height: 3px;
	width: 50px;
	margin: 0 0 10px
}

.inner-banner h1 {
	display: inline-block
}

.inner-banner:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
	height: 60px;
	width: 410px
}

.about-sec h3 {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 20px
}

.style-1 li {
	display: block;
	padding-bottom: 10px
}

.left-sec .list li span,
.style-1 li a {
	font-size: 12px;
	font-weight: 700;
	color: #767676;
	text-transform: uppercase
}

.style-1 li a:hover {
	color: #000
}

.left-sec .list:first-child ul li a {
	color: #616161
}

.left-sec .list {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 30px
}

.left-sec .list:last-child {
	border: none;
	padding-bottom: 0
}

.left-sec .list li span {
	display: block;
	margin-bottom: 5px
}

.left-sec .list li span:first-child {
	margin-bottom: 5px
}

.about-sec .right-sec {
	max-width: 750px
}

.about-sec h2 {
	font-size: 36px;
	font-weight: 700;
	color: #060606;
	font-family: Heebo, sans-serif;
	margin-bottom: 35px
}

.about-sec p {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 20px
}

.about-sec .about-img {
	margin: 30px 0;
}

/* .about-img{
	background-color: #0077b5;
} */
.about-img {
	filter: sepia(100%) saturate(300%) hue-rotate(170deg) brightness(0.9);
}

.about-sec .about-img img {
	width: 100%
}

/* .client-sec {
	background: url(../images/emblom-grey.png) no-repeat;
	background-position: 0 80px
} */

.client-list .item {
	width: 175px;
	height: 170px;
	background: #ddd;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 20px 0;
	-webkit-box-shadow: 0 0 5px 3px rgba(233, 233, 233, .41);
	-moz-box-shadow: 0 0 5px 3px rgba(233, 233, 233, .41);
	box-shadow: 0 0 5px 3px rgba(233, 233, 233, .41)
}

.client-list .item img {
	width: 100%
}

.client-sec .right-sec {
	padding-left: 26px
}

/* .contact-sec .form-control {
	background: #f5f5f5;
	border: 2px solid #f5f5f5;
	border-radius: 0;
	height: 54px;
	box-shadow: none;
	line-height: 1;
	max-width: 305px
} */

.contact-sec .form-control:focus {
	border: 2px solid #ff8f15
}

.form-control.error {
	border: 2px solid #ff5959 !important
}

/* 
.contact-sec .right-sec {
	padding-left: 25px
} */

.contact-sec .form-horizontal .control-label {
	padding-top: 15px;
	text-transform: uppercase;
	font-size: 13px;
	color: #252525
}

.contact-sec .form-horizontal .control-label sup {
	color: #f47f19
}

.contact-sec .form-group {
	margin-bottom: 25px
}

.contact-sec textarea {
	min-height: 134px
}

.contact-sec .btn-orange {
	font-size: 18px;
	margin-right: 40px
}

.contact-sec .col-sm-6:last-child .form-group:nth-child(2) .control-label {
	position: relative;
	left: -20px
}

.col-google-map {
	padding-right: 40px;
	margin-top: 40px
}

.google-map {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0
}

.google-map iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute
}

.contact-sec .address {
	margin: 30px 0 0;
	padding-bottom: 30px;
	border-bottom: 2px solid #ddd
}

.contact-sec .address:first-child {
	margin: 0
}

.contact-sec .address:last-child {
	border: 0
}

.contact-sec .address p {
	font-family: Oswald, sans-serif;
	font-weight: 700;
	color: #242424;
	font-size: 12px
}

.contact-sec .address h3 {
	color: #8b8b8b;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0 0 15px
}

.contact-sec .address a {
	color: #FF8C00;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700
}

.contact-sec .address a:hover,
.contact-sec .address:first-child h3 {
	color: #f47f19
}

.contact-sec .description-label {
	position: relative;
	left: -15px
}

.enquiry-sec {
	background: url(../images/emblom-grey.png) no-repeat;
	background-position: 0 80px
}

.enquiry-sec .right-sec h2 {
	font-size: 36px;
	font-weight: 700;
	color: #060606;
	max-width: 620px
}

.enquiry-sec .right-sec h2 a {
	color: #f47f19
}

.enquiry-sec .right-sec .form-horizontal {
	margin-top: 35px;
	margin-left: -170px
}

.enquiry-sec .right-sec .form-control {
	max-width: 620px
}

.enquiry-sec .right-sec {
	padding-left: 10%
}

.service-sec .srvice-menu {
	border-top: 3px solid #f47f19;
	padding-top: 35px
}

.service-sec .srvice-menu .main-item,
.service-sec .srvice-menu .sub-item li a {
	font-size: 18px;
	font-weight: 700;
	color: #252525;
	text-transform: uppercase
}

.service-sec .srvice-menu .sub-item {
	margin: 0
}

.service-sec .srvice-menu .main-item.collapsed {
	color: #f47f19
}

.service-sec .srvice-menu .main-item,
.service-sec .srvice-menu .main-item:hover,
.service-sec .srvice-menu .sub-item li a:hover {
	color: #f47f19
}

.service-sec .srvice-menu .direct-link a {
	color: #252525
}

.service-sec .srvice-menu .sub-item li {
	padding: 3px 0
}

.service-sec .srvice-menu .sub-item li a {
	font-size: 14px;
	color: #FF8C00;
}

.service-sec .srvice-menu .well {
	padding: 0;
	margin: 0;
	box-shadow: none;
	border: 0;
	background: 0 0;
	padding: 10px 20px 0
}

.service-sec .srvice-menu .item {
	padding-bottom: 10px
}

.service-sec .srvice-menu .item:last-child a.phone-call-button {
	margin: 0
}

.service-sec .service-title {
	margin: 0 0 10px
}

.service-sec .service-title img {
	width: 60px;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 10px
}

.service-sec .service-title hr {
	border-top: 3px solid #e1e1e1;
	margin: 60px 0 30px
}

.service-sec .service-title h2 {
	display: inline-block;
	vertical-align: text-top;
	margin: 0;
	font-size: 36px;
	color: #252525;
	font-weight: 700
}

.service-sec .service-title p {
	margin: 35px 0 30px
}

.service-sec .left-sec {
	padding: 120px 0 0
}

.service-sec .right-sec {
	padding-left: 90px;
	max-width: 830px
}

.service-sec .right-sec .count {
	background: #ff8f15;
	text-align: center;
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	width: 50px;
	height: 50px;
	padding: 7px 0 0;
	margin-right: 10px
}

.service-sec .right-sec .media-heading {
	font-size: 24px;
	color: #FF8C00;
	font-weight: 600;
	text-transform: uppercase
}

.service-sec .right-sec .media-heading span {
	display: block;
	font-size: 18px;
	color: #7c7c7c;
	font-weight: 700;
	text-transform: none;
	margin: 5px 0 0
}

.service-sec .right-sec .media {
	margin: 0 0 20px
}

.service-sec .right-sec .sub-service {
	margin: 0 0 30px
}

.service-sec .right-sec .sub-service h5 {
	margin: 18px 0 50px;
    font-size: 26px;
}

.service-sec .right-sec .sub-service p,
.service-sec .service-title p {
	font-size: 16px;
	font-weight: 500;
	color: #404040;
	margin-bottom: 20px
}

.phone-call-button {
	cursor: pointer;
	margin: 50px 0 0;
	display: block;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	text-align: left;
	text-transform: uppercase;
	line-height: 1;
	max-width: 280px;
	padding: 20px 0;
	padding-left: 20px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background-image: -moz-linear-gradient(113deg, #f25c27 0, #ff8f15 100%);
	background-image: -webkit-linear-gradient(113deg, #f25c27 0, #ff8f15 100%);
	background-image: -ms-linear-gradient(113deg, #f25c27 0, #ff8f15 100%);
	box-shadow: 0 0 38px 0 rgba(233, 233, 233, .004)
}

.phone-call-button:hover {
	color: #772c0c
}

.phone-call-button span:last-child {
	display: block;
	font-size: 16px;
	margin-top: 5px
}

.phone-call-button div {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	margin-left: 2px
}

.branding-sec .right-sec .count {
	font-size: 16px;
	width: 30px;
	height: 30px;
	padding: 5px 0 0
}

.branding-sec .right-sec .media-heading {
	font-size: 18px
}

.branding-sec .right-sec .media {
	margin: 0 0 10px
}

.branding-sec .right-sec .sub-service {
	margin: 0 0 10px
}

.service-sec .services-box-wrp .service-box {
	width: 46%;
	max-width: 360px;
	height: auto;
	margin-right: 50px;
	margin-bottom: 45px;
	background-size: 65px;
	padding: 110px 30px 30px;
	background-position: 28px 35px
}

.service-sec .services-box-wrp .service-box p {
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	position: relative;
	top: inherit;
	color: #686868;
	margin: 0 0 15px;
	font-family: Heebo, sans-serif
}

.service-sec .services-box-wrp .service-box h4 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #252525
}

.service-sec .services-box-wrp .service-box:hover {
	background-color: #ff8f15;
	background-color: -moz-linear-gradient(-45deg, #ff8f15 0, #f25c27 100%);
	background-color: -webkit-linear-gradient(-45deg, #ff8f15 0, #f25c27 100%);
	background-color: linear-gradient(135deg, #ff8f15 0, #f25c27 100%)
}

.service-sec .services-box-wrp .service-box:hover h4,
.service-sec .services-box-wrp .service-box:hover p {
	color: #fff
}

.service-sec .services-box-wrp .btn {
	font-size: 12px;
	color: #fff;
	padding: 7px 15px
}

.testimonial .media {
	background: #fff;
	padding: 30px;
	-webkit-box-shadow: 0 0 20px 7px rgba(233, 233, 233, .45);
	-moz-box-shadow: 0 0 20px 7px rgba(233, 233, 233, .45);
	box-shadow: 0 0 20px 7px rgba(233, 233, 233, .45);
	margin-bottom: 30px;
	max-width: 540px;
	float: left
}

.testimonial .image {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 20px
}

.testimonial .image img {
	width: 100%
}

.testimonial .media-body {
	padding-top: 40px
}

.testimonial .media-body h4 {
	color: #fa950f;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 15px 0 0
}

.testimonial .media-body h4 span {
	display: block;
	color: #FF8C00;
	font-size: 14px;
	margin: 5px 0 0
}

.testimonial .media-body p {
	color: #252525;
	font-size: 14px
}

.col-5 {
	width: 50%;
	float: left
}

.grid-sizer {
	width: 30px
}

.gutter-sizer {
	width: 10px
}

.masonry-item {
	margin-bottom: 30px;
	background: #aaa
}

/* .works-sec {
	background: url(../images/emblom-grey.png) no-repeat;
	background-position: 0 80px
} */

.works-filter a {
	color: #252525;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-right: 7%
}

.works-filter a.current,
.works-filter a:hover {
	color: #ff8f15
}

.isotope-item {
	z-index: 2
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	transition-duration: .8s
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity
}

/* .works-list {
	padding-left: 30px
} */

.works-container {
	margin: 6% 0 0;
	margin-left: -20px;

}

.isotope .isotope-item {
	width: 33%
}

.isotope .isotope-item img {
	padding: 20px;
	background: #fff;
	max-width: 300px
}

.modal {
	z-index: 1200
}

.modal-content {
	border: none;
	border-radius: 0
}

.modal-content .modal-body {
	padding: 10px 30px
}

.modal-content .modal-body,
.modal-content .modal-header {
	border: none;
	padding: 15px
}

.modal-content .form-horizontal .form-group {
	margin: 0 0 15px
}

.modal-content.enquiry-sec {
	padding: 10px 20px;
	background: #fff
}

.modal-content.enquiry-sec h2 {
	font-weight: 700
}

.modal-content.enquiry-sec .form-control {
	background: #f5f5f5;
	border: 2px solid #f5f5f5;
	border-radius: 0;
	height: 40px;
	box-shadow: none;
	line-height: 1;
	padding: 6px
}

.modal-content.enquiry-sec .form-control:focus {
	border: 2px solid #ff8f15
}

.modal-content.enquiry-sec label {
	display: block;
	text-transform: capitalize
}

.modal-content.enquiry-sec sup {
	color: #f47f19
}

.modal-header .close {
	margin-top: 1px
}

.alert {
	border-radius: 0
}

.contact-sec .alert {
	max-width: 814px
}

.footer .alert {
	max-width: 340px
}

#topcontrol img {
	position: relative;
	right: -47.5rem;
	width: 10%;
}

#award-banner .modal-dialog {
	width: 1000px !important
}

#award-banner .modal-content .modal-body {
	padding: 0
}

#award-banner .modal-content .modal-header {
	padding: 0
}

#award-banner .modal-header .close {
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	z-index: 100;
	opacity: 1;
	width: 33px;
	height: 33px
}

.privacy-policy-sec .right-sec p {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 20px;
}

.privacy-policy-sec .right-sec h2 {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 20px 0;
}

.privacy-policy-sec .right-sec .privacy-list-1 {
	font-size: 18px;
	font-weight: 500;
	list-style-type: lower-alpha;
	margin: 0 0 20px 25px;
}

.privacy-policy-sec .right-sec .privacy-list-1 li {
	margin: 0 0 20px 0;
}

.privacy-policy-sec .right-sec .privacy-list-1 li ul {
	list-style-type: circle;
	margin: 10px 0 0 20px;
	font-size: 16px;
}

.privacy-policy-sec .right-sec .privacy-list-2 {
	font-size: 18px;
	font-weight: 500;
	list-style-type: circle;
	margin: 0 0 20px 20px;
}

.privacy-policy-sec .right-sec .privacy-list-2 li {
	margin: 0 0 20px 0;
}

#menu-navbar-collapse {
	display: none;
}

#menu-navbar-collapse.show {
	display: block;
}

.close-icon {
	font-size: 55px;
	margin-top: -5rem;
	color: #000;
	position: relative;
	top: -2px;
}



.navbar-right .phone-ltr {
	direction: ltr;
	unicode-bidi: bidi-override;
}

.address .phone-ltr {
	direction: ltr;
	unicode-bidi: bidi-override;
}

.quick-links .phone-ltr {
	direction: ltr;
	unicode-bidi: bidi-override;
}

html[lang='ar'] .owl-carousel {
        margin-right: -10rem !important;
}
html[lang='ar'] .sec-title1:after {

	right: 55px !important;
    top: 54px !important;

}
html[lang='ar'] .sec-title:after {
    width: 95px;
    right: 51px;
    top: 50px;
}
html[lang='ar'] .sec-title0:after {
	right: 42px;
    top: 53px;
}
 html[lang='ar'] .rtl .control-label {
    float: right !important;

  }
  html[lang='ar'] .works-filter {
	width: 104% !important;
  }
 /* .drop-down-icon {
	top: -10rem !important ;
	margin-top: -10rem !important;
  } */

  html[lang='ar'] .sec-title2 {
    margin-right: 12rem;
  }
  html[lang='ar'] .sec-title2:after {
    right: 30px;

}