html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0 none;font:inherit;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

html {box-sizing: border-box;}

*,
*:before,
*:after {
	box-sizing: border-box;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	-webkit-font-smoothing: antialiased;
	background: #f7f7f7;
	color: #1b1b1b;
	font-family: "Raleway", "Arimo", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	padding: 0;
	margin: 0;
	position: relative;
}

::-moz-selection {
	background: #ff9630;
	color: #fff;
}

::selection {
	background: #ff9630;
	color: #fff;
}


/* =============== START GLOBEL CLASS ============= */

.fl {
	float: left !important
}

.fr {
	float: right !important
}

.cl {
	clear: both !important
}

.cf {
	clear: both !important
}

.vm {
	vertical-align: middle !important
}

.vt {
	vertical-align: top !important
}

.tec {
	text-align: center !important
}

.ter {
	text-align: right !important
}

.tel {
	text-align: left !important
}

.boNo {
	border: none !important
}

.bgNo {
	background: none !important
}

.noma_t {
	margin-top: 0 !important
}

.noma_r {
	margin-right: 0 !important
}

.noma_b {
	margin-bottom: 0 !important
}

.noma_l {
	margin-left: 0 !important
}

.nomar {
	margin: 0 !important
}

.mar_t15 {
	margin-top: 15px !important
}

.mar_r15 {
	margin-right: 15px !important
}

.mar_b15 {
	margin-bottom: 15px !important
}

.mar_l15 {
	margin-left: 15px !important
}

.mar_t150 {
	margin-top: 150px !important
}

.mar_b70 {
	margin-bottom: 70px !important
}

.mar_t50 {
	margin-top: 50px !important
}

.m-t {
	margin-top: 20px;
}

.spacer {
	height: 0 !important
}

.nopad_t {
	padding-top: 0 !important
}

.nopad_r {
	padding-right: 0 !important
}

.nopad_b {
	padding-bottom: 0 !important
}

.nopad_l {
	padding-left: 0 !important
}

.nopad {
	padding: 0 !important
}

.pad_b120 {
	padding-bottom: 120px !important
}

.pad_t10 {
padding-top:10px !important;
}

.pad_t5 {
padding-top:5px !important;
}

/* =============== End Globel Class ============= */

.owl-theme .owl-controls .owl-buttons div {
	text-transform: uppercase;
	background: #000 !important;
	border: 1px solid #000;
	border-radius: 3px;
	color: #fff;
}

.owl-item {
	float: left;
}


/*.owl-item .item img {display: block;height: auto;width: 100%;}*/

.owl-theme .owl-controls .owl-page span {
	margin: 5px 12px !important;
	background: transparent !important;
	position: relative;
	display: contents;
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	opacity: 1 !important;
	top: -21px;
}

.owl-theme .owl-controls .owl-page span::before {
	background-color: #ffffff;
	border: 1px solid #444444;
	border-radius: 50px;
	content: "";
	height: 11px;
	left: 5px;
	position: absolute;
	top: 16px;
	width: 11px;
	z-index: 99;
}

.owl-theme .owl-controls .owl-page span::after {
	background-color: #ffffff;
	border: 2px solid #444444;
	border-radius: 50px 50px 0;
	content: "";
	height: 22px;
	left: 0;
	position: absolute;
	top: 10px;
	transform: rotate(90deg);
	width: 22px;
}

.owl-theme .owl-controls .owl-page.active span::before {
	background-color: #fff;
	border: 2px solid #fff;
	border-radius: 50px;
	content: "";
	height: 11px;
	left: 5px;
	position: absolute;
	top: 16px;
	width: 11px;
	z-index: 99;
}

.owl-theme .owl-controls .owl-page.active span::after {
	background-color: #444;
	border: 2px solid #444;
	border-radius: 50px 50px 0;
	content: "";
	height: 22px;
	left: 0;
	position: absolute;
	top: 10px;
	transform: rotate(90deg);
	width: 22px;
}

.wt {
	color: #ffffff !important;
}

.hide-mob {
	width: 100%;
	display: inline-block;
	margin: 20px;
}

.nothing-found {
	min-height: 300px;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
	display: block;
	height: auto;
	max-width: 100%;
}


/* Chrome/Opera/Safari */

::-webkit-input-placeholder {
	color: #888;
}


/* Firefox 19+ */

::-moz-placeholder {
	color: #888;
}


/* IE 10+ */

:-ms-input-placeholder {
	color: #888;
}


/* Firefox 18- */

:-moz-placeholder {
	color: #888;
}

label,
input,
button,
select,
textarea {
	font-size: 14px;
	font-weight: 300;
	line-height: 20px
}

.tooltip {
	opacity: 1;
	position: relative;
	display: inline-block;
	z-index: 9;
	text-align: center;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #51a351 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
	display: block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 150px;
	background-color: #51a351;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 7px 0;
	position: absolute;
	z-index: 1;
	bottom: 90%;
	left: 35%;
	margin-left: -50px;
	opacity: 0;
	transition: opacity 0.3s;
	padding-right: 10px;
	padding-left: 10px;
}

textarea {
	border: 1px solid #d6d4d4;
	resize: vertical;
	border-radius: 0;
	color: #444;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
	float: left;
	height: auto;
	margin: 0;
	padding: 5px 10px;
	width: 100%;
	border-radius: 4px!important;
}

textarea:focus {
	outline: none!important;
	border-color: #08c!important;
	box-shadow: 0 0 6px #fff!important;
}

select {
	background-color: #fff;
	color: #444!important;
	padding: 0
}

select>option {
	padding: 7px 5px;
}

select,
input[type="file"],
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	border: 1px solid #d6d4d4;
	resize: vertical;
	border-radius: 4px!important;
	color: #444;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
	border-radius: 4px!important;
	float: left;
	height: 40px;
	margin: 0;
	padding: 0 10px;
	width: 100%;
	outline: 0 none!important;
}

select:focus,
input[type="file"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	border-color: #08c!important;
	border-radius: 4px!important;
	box-shadow: none!important;
	outline: 0 none!important;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
	border-color: #08c!important;
	border-radius: 4px!important;
	box-shadow: none!important;
	outline: 0 none!important;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
	border-color: #0061a3;
	color: #444;
}

.table th,
.table td {
	padding: 5px 7px;
	border: 1px solid #ddd
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

table.listing {
	border: 1px solid #bfe0e8;
	overflow: hidden;
	padding: 15px
}

table.listing tr th {
	background: #9e9e9e;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	padding: 8px;
	text-align: left;
	text-transform: uppercase
}

table.listing tr td {
	border-bottom: 1px solid #e9e8e8;
	font-size: 12px;
	padding: 8px
}

table.listing tr.alt td a {
	font-weight: 400;
	text-align: center;
	text-decoration: none
}

ol,
ul {
	list-style: none
}

ul.circle {
	list-style-type: circle !important;
}

ul.square {
	list-style-type: square !important
}

ol.disc {
	list-style-type: disc !important
}

ol.decimal {
	list-style-type: decimal!important
}

.error-msg {
	color: #f00;
	font-weight: 600
}

.errormsg {
	color: #f00;
	font-weight: 600
}

strong,
b {
	font-weight: 600
}

img {
	max-width: 100%
}

a {
	transition: all .5s ease 0s;
	text-decoration: none;
	color: #08c
}

a:hover,
a:focus {
	cursor: pointer;
	outline: none!important;
	text-decoration: none;
	color: #444
}

p {
	font-size: 15px;
	text-align: justify;
	line-height:22px;
	margin: 0
}


/* Heading Title */

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: 500;
	color: #444;
}

h1 {
	font-size: 30px;
	line-height: 36px
}

h2 {
	font-size: 26px;
	line-height: 32px
}

h3 {
	font-size: 22px;
	line-height: 28px
}

h4 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600
}

h5 {
	font-size: 16px;
	line-height: 22px;
	font-weight: 600
}

h6 {
	font-size: 14px;
	line-height: 20px;
	font-weight: 600
}


/* Read More */

.btn-readmore {
	background: #fff;
	font-family: "Raleway", sans-serif;
	border: 2px solid #fff;
	border-radius: 4px;
	color: #000;
	font-size: 15px;
	font-weight: 600;
	padding: 7px 10px;
	width: 120px;
	box-shadow: none;
	text-align: center;
	display: inline-block;
	margin: 0;
}

.btn-readmore:hover,
.btn-readmore:focus {
	background: #0061a3;
	color: #fff;
}


/* Apply Now */

.apply-now {
	display: block;
	text-align: center !important
}

.apply-now-btn {
	height: 40px;
	padding: .65em 1.5em;
}


/* Responsive Videos */

.responsive-video {
	position: relative;
	padding-bottom: 20%;
	padding-top: 60px;
	overflow: hidden
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}


/* Responsive Videos */


/* Transition CSS */

.menu>ul>li a,
.logo a img,
#banner #bx-pager>a,
.caption,
.services-box,
.services-round,
.services-round a.sprite-1,
.services-box h3,
.services-box p,
.services-box a.readmore,
.chirty-box,
.chirty-box .frame,
.blog-box .frame img,
.about-section-4 .box .frame img,
.nav-list>li>a,
.about-box-1 .frame img,
.about-accordion-box .accordion-heading,
.about-accordion-box .accordion-heading .accordion-toggle,
.about-accordion-box .accordion-inner .frame img,
.text-box,
.address-box .fa,
.top-project .holder ul li a .fa,
.team-box .round,
.team-box a,
.btn-readmore,
.btn-signup,
.contact-form input[type="submit"],
.services-box:before {
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s
}


/* End Transition CSS */


/* Start CSS */

#wrapper {
	float: left;
	width: 100%;
}


/* Page Main Heading */

.generic-heading {
	float: left;
	width: 100%;
	margin: 0 0 53px 0;
	position: relative
}

.generic-heading h2 {
	font-weight: 500;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0 0 10px 0
}

.generic-heading strong.title-line {
	font-weight: 500;
	color: #08c;
	font-size: 18px;
	line-height: 28px;
	display: block;
	text-align: center;
	position: relative;
	text-transform: capitalize
}

.generic-heading strong.title-line:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -22px;
	margin: auto;
	width: 200px;
	border: 1px solid #cecece
}

.generic-heading strong.title-line:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -23px;
	margin: auto;
	width: 38px;
	border: 3px solid #08c
}

.generic-heading-3 {
	float: left;
	width: 100%;
	margin: 25px 0 53px 0;
	position: relative
}

.generic-heading-3 h1 {
	font-weight: 500;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0 0 10px 0
}

.generic-heading-3 strong.title-line {
	font-weight: 500;
	color: #7e7e7e;
	font-size: 18px;
	line-height: 28px;
	display: block;
	text-align: center;
	position: relative;
	text-transform: capitalize
}

.generic-heading-3 strong.title-line:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -22px;
	margin: auto;
	width: 200px;
	border: 1px solid #cecece
}

.generic-heading-3 strong.title-line:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -23px;
	margin: auto;
	width: 38px;
	border: 3px solid #08c
}


/* Page Main Heading */


/* Header */

#header {
	float: left;
	width: 100%;
	border-top: 0 solid #ff9630;
	position: relative
}

.navigation-box.home-page {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999
}

.navigation-box.inner-page {
	background: #fff;
}

.toll-free-mobile {
	display: none;
}


/* Main */

#main {
	float: left;
	width: 100%;
	margin: 0;
	/*overflow: hidden;*/
	margin-top: 73px !important;
}


/* logo */

.logo {
	float: left;
	padding: 14px 0 0 0
}

.logo a {
	display: block;
	margin: 0
}

.logo a img {
	height: auto
}


/* Start Banner CSS */

#banner {
	float: left;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 0;
}

.overlay-2 {
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
}

#banner .bx-wrapper {
	float: left;
	width: 100%;
	margin: 0;
	position: relative;
}

#banner>div {
	display: block;
	text-align: center;
	position: relative;
	z-index: 9;
	clear: both;
}

#banner .bx-viewport>ul {
	margin: 0;
}

#home-banner>li {
	position: relative;
}

#home-banner>li img {
	width: 100%;
}

#banner .bx-wrapper .bx-controls-direction a {
	top: 44.6%;
	margin: 0;
	height: 70px;
	width: 40px;
	text-indent: -999999px;
}

#banner .bx-wrapper .bx-prev {
	background: url("../images/arrow.png") no-repeat scroll 0 0 !important;
}

#banner .bx-wrapper .bx-prev:hover {
	background: url("../images/arrow-hover.png") no-repeat scroll 0 0 !important;
}

#banner .bx-wrapper .bx-next {
	background: url("../images/arrow.png") no-repeat scroll -35px 0 !important;
}

#banner .bx-wrapper .bx-next:hover {
	background: url("../images/arrow-hover.png") no-repeat scroll -35px 0 !important;
}


/* Start Bx Wrapper CSS */

.bx-wrapper {
	float: left;
	width: 100%;
}

.bx-wrapper .bx-controls-auto {
	display: none;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: relative;
	padding: 0;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	top: 10px;
	text-align: center;
	width: 100%;
	padding: 0;
}

.bx-wrapper img {
	display: inline-block;
	max-width: 100%;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	border-radius: 0;
}


/* End Bx Wrapper CSS */

#home-banner-main .owl-controls {
	bottom: 0px;
	float: left;
	margin: 40px auto 0;
	position: relative;
	text-align: center;
	width: 100%;
}

#home-banner-main .owl-pagination {
	margin: 0;
}

#home-banner-main .owl-pagination .owl-page {
	display: inline-block;
	letter-spacing: -1px;
	margin: 0px;
	text-align: center;
}


/* Start Controls */

#banner #bx-pager {
	top: 0;
}

#banner #bx-pager>a {
	background: #666666;
	border-radius: 10px;
	display: inline-block;
	height: 12px;
	margin: 0 5px 0 0;
	outline: medium none;
	overflow: hidden;
	text-indent: -9999px;
	width: 12px;
}

#banner #bx-pager>a:hover {
	background: #0088cc;
}

#banner #bx-pager>a.active {
	background: #0088cc;
}


/* Banner Text Title */

#banner .caption {
	display: block;
	position: absolute;
	left: 0;
	top: 45%;
	width: 100%;
	margin: 0 auto;
	z-index: 9;
}

#banner .caption-inner {
	display: none;
	top: 78.6%;
	padding: 30px 0px 5px 0;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
}

#banner .caption .holder {
	display: block;
	max-width: 1170px;
	margin: 0 auto;
}

#banner .caption h1 {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 58px;
	color: #fff;
	margin: 0 0 10px 0;
	text-align: right;
	text-shadow: 1px 2px 2px #444;
}

#banner .caption h1 span {
	font-weight: 300;
}

#banner .caption h3 {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 58px;
	color: #fff;
	margin: 0 0 10px 0;
	text-align: right;
	text-shadow: 1px 2px 2px #444;
}

#banner .caption h3 span {
	font-weight: 300;
}

#banner .caption .subtitle {
	color: #fff;
	float: right;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height: 34px;
	margin: 0;
	text-shadow: 1px 2px 2px #444;
	text-align: right;
}

.service-inner {
	color: #fff;
	float: left;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

.service-inner li {
	cursor: pointer;
	display: inline-block;
	margin-right: 15px;
	min-height: 150px;
	padding-right: 10px;
	text-align: center;
}

.service-inner li:last-child {
	margin-right: 0;
	padding-right: 0;
}

.service-inner li a {
	color: #fff;
	float: left;
	font-size: 20px;
}

.service-inner li a i {
	padding-bottom: 30px;
	color: #fff;
	display: block;
	font-size: 320%;
	text-align: center;
}

.service-inner li a:hover {
	color: #ffb800;
}

.service-inner li a:hover i {
	color: #ffb800;
}

.service-inner li a img {
	width: auto !important;
	display: block;
	margin: 14px auto 0;
	padding-bottom: 22px;
	text-align: center;
}

.service-inner li a img:hover {
	opacity: .5;
}

#banner .caption .holder-inner {
	display: none;
	float: right;
}

#service-inner .owl-controls {
	left: 0;
	margin: 0;
	position: absolute;
	right: 0;
	top: 48px;
}

#service-inner .owl-controls .owl-buttons div {
	background-size: 100% auto !important;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	font-size: 0;
	height: 30px;
	margin: 0;
	opacity: 0.8;
	padding: 2px 6px;
	width: 30px;
	border: 0;
}

#service-inner .owl-controls .owl-prev {
	position: absolute;
	left: 6px;
	padding: 2px 9px 2px 6px !important;
	background: url("../images/bg-wheel-prev.png") !important;
}

#service-inner .owl-controls .owl-next {
	position: absolute;
	right: 6px;
	padding: 2px 6px 2px 9px !important;
	background: url("../images/bg-wheel-next.png") !important;
}


/* Banner Text Title */


/* Start Home Page New Banner Main  CSS */

#home-banner-main .banner-img {
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	background-size: 100% 100%;
	display: block !important;
	height: 100vh;
	/*min-height: 1010px;*/
	width: 100%;
}

#home-banner-main .mobile-banner {
	display: none !important;
}

#home-banner-main .owl-buttons {
	display: none;
}


/* End Home Page New Banner Main  CSS */


/* End Banner CSS */


/* Start CSS Our Services */

.our-services {
	float: left;
	width: 100%;
	padding: 38px 0 38px 0;
	background: #ffffff
}

.our-services .generic-heading {
	margin: 0 0 89px 0;
}

.services-box {
	float: left;
	width: 100%;
	padding: 0 25px;
	border: 1px solid #d7d7d7;
	background-color: #fff;
	position: relative;
	height: 246px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 0em;
}

.services-box:hover {
	/*background: #0061a3;*/
}

.services-box:before {
	content: "";
	position: absolute;
	left: 8px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 100%;
}

.services-box:hover::after {
	background: rgba(0, 0, 0, 0.28) none repeat scroll 0 0;
	bottom: 15px;
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.28);
	content: "";
	left: auto;
	max-width: 300px;
	position: absolute;
	right: 10px;
	top: 80%;
	transform: rotate(3deg);
	width: 50%;
	z-index: -1;
}

.services-box:hover .services-round {
	border: 4px solid #fff;
	transition: all 0.3s ease-in-out 0s;
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}

.services-box:hover .services-round {
	background-color: #2c3e50;
	border: 4px solid #fff;
}

.services-round {
	width: 84px;
	height: 84px;
	border-radius: 100%;
	margin: -37px auto 13px;
	border: 1px solid #2c3e50;
	background-color: #fff;
}

.services-round a {
	text-align: center;
	line-height: 85px;
	display: block;
	color: #2c3e50;
	text-align: center;
	font-size: 40px;
}

.services-round a:hover {
	color: #fff;
}

.services-round .devicon-amazonwebservices-original {
	font-size: 60px;
	line-height: 90px;
}

.services-round .devicon-amazonwebservices-plain {
	font-size: 60px;
	font-weight: normal;
	line-height: 95px;
}

.services-box:hover a.sprite-1 {
	color: #fff;
}

.services-box:hover a.sprite-2 {
	color: #fff;
}

.services-box:hover a.sprite-3 {
	color: #fff;
}

.services-box:hover a.sprite-4 {
	color: #fff;
}

.services-box h3 {
	font-size: 16px;
	font-weight: 600;
	height: 40px;
	line-height: 18px;
	margin: 0 0 5px;
	overflow: hidden;
	text-align: center;
}

.services-box:hover h3 {
	color: #fff;
}

.services-box h3.title-t {
	height: 40px;
}

.services-box p {
	font-size: 15px;
	font-weight: 400;
	height: 100px;
	line-height: 20px;
	margin: 0 0 10px;
	overflow: hidden;
	text-align: center;
}

.services-box:hover p {
	color: #fff;
}

.services-box a.readmore {
	width: 134px;
	height: 39px;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	text-decoration: none;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	display: block;
	color: #444;
	position: relative;
}

.services-box a.readmore::before {
	background-color: #fff;
	content: "";
	height: 13px;
	left: 0;
	position: absolute;
	right: 0;
	top: -1px;
	width: 132px;
}

.services-box a.readmore:hover {
	/*background: #0061a3;*/
}

.services-box a.readmore .fa {
	font-size: 14px;
	color: #444;
	padding: 0 0 0 5px;
}

.services-box a.btn-readmore .fa.fa-arrow-right {
	margin-right: 5px;
}

.services-box:hover a.readmore {
	border: 1px solid;
}

.services-box:hover a.readmore:before {
	display: none;
}


/* Start CSS Our Services Boxs */

.item-inner {
	height: 314px;
	border-right: 1px solid #eeeeee;
	padding: 15px;
	margin-right: -1px;
	position: relative;
	background: #fff;
	box-shadow: 0 1px 2px #cccccc;
}

.item-inner .w-image-box {
	min-height: 274px;
	position: relative;
	text-align: center;
}

.item-inner .w-image-box .item-image {
	height: 274px;
	display: inline-block;
}

.item-inner .w-image-box .item-image img {
	min-height: 274px;
	max-width: 100%;
}

.item-inner .w-image-box .item-image>a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
}

.item-inner .item-info {
	display: block;
	position: relative;
	z-index: 10;
}

.item-inner .item-title {
	color: #636363;
	display: inline-block;
	font-size: 90%;
	font-weight: 400;
	height: 50px;
	line-height: 16px;
	margin: 0;
	overflow: hidden;
	text-align: center;
	text-transform: none;
	width: 100%;
}


/* Respl Item Hover */

.item-inner .item-info {
	text-align: left;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 15px 15px;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
}

.item-inner .item-info:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #0061a3;
	opacity: 0.95;
}

.item-inner:hover .item-info {
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
}

.item-inner .item-info .product-detail {
	position: relative;
	top: 15%;
	max-width: 100%;
	margin: 0 auto;
}


/*.item-inner .item-info h3 {font-size: 19px;line-height: 22px;margin-bottom: 15px;}*/

.item-inner .item-info p {
	height: 100%;
	font-size: 16px;
	margin-bottom: 15px;
}


/* End CSS Our Services Boxs */


/* End CSS Our Services */


/* Start CSS World Map */

.about-section-4 {
	float: left;
	width: 100%;
	background-color: #fff;
	padding: 30px 0 40px 0;
}

.worldmap-bg {
	background: url("../images/banner-bg2.jpg") no-repeat scroll center top;
	padding: 25px 0 30px 0;
	background-size: cover
}

.worldmap-bg .generic-heading h2 {
	color: #fff;
}

.worldmap-bg .generic-heading strong.title-line {
	color: #fff;
}

.chirty-box {
	float: left;
	width: 100%;
}

.chirty-box .frame {
	background-color: #fff;
	border: 5px solid #3e5871;
	border-radius: 100%;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
	cursor: inherit;
	margin: 0 auto;
	height: 170px;
	width: 170px;
	opacity: 0.8;
	overflow: hidden;
	position: relative;
}

.chirty-box .frame:hover {
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
	opacity: 1;
	transform: rotate(360deg);
}

.chirty-box .frame p {
	color: #3e5871;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	margin: 30px auto 20px;
	text-align: center;
}

.chirty-box .frame p strong {
	color: #3e5871;
	font-size: 50px;
	line-height: 55px;
}

.frame.experience strong span {
	position: relative;
	top: 5px;
}

.chirty-box .experience {
	border-color: #ff4242;
}

.chirty-box .experience p strong {
	color: #ff4242;
}

.chirty-box .projects {
	border-color: #18b1db;
}

.chirty-box .projects p strong {
	color: #18b1db;
}

.chirty-box .apps {
	border-color: #04bba1;
}

.chirty-box .apps p strong {
	color: #04bba1;
}

.chirty-box .team {
	border-color: #9a84ef;
}

.chirty-box .team p strong {
	color: #9a84ef;
}

.chirty-box .clients {
	border-color: #4fb73a;
}

.chirty-box .clients p strong {
	color: #4fb73a;
}

.chirty-box .business {
	border-color: #f7ca18;
}

.chirty-box .business p strong {
	color: #f7ca18;
}


/* End CSS Worldmap Bg */


/* Start CSS Our Technologies */

.our-technologies {
	float: left;
	padding: 20px 0 17px 0;
	width: 100%;
	background: #f7f7f7 url("../images/technologies-bg.jpg") center top no-repeat scroll;
}

.our-technologies .technologies-text {
	border-left: 5px solid #444;
	padding: 0 0 0 25px;
	margin: 40px 0 0 0;
}

.our-technologies .technologies-text p {
	color: #7e7e7e;
	display: block;
	font-size: 14px;
	font-style: italic;
	font-weight: 100;
	line-height: 22px;
	margin: 0 0 15px 0;
	text-align: justify;
}

.our-technologies .technologies-img {
	text-align: center;
}

.our-technologies .technologies-img img {
	max-width: 100%;
}


/* End CSS Our Technologies */


/* Start CSS Clients Section */

.clients-section {
	background-color: #fff;
	float: left;
	height: 100%;
	padding: 24px 0 30px 0;
	width: 100%;
}

.clients-section .bx-wrapper .bx-controls .bx-controls-direction {
	display: none;
}

.clients-section .bx-wrapper .bx-controls .bx-controls-auto {
	display: none;
}

.clients-section .bx-wrapper .frame {
	border: 1px solid #eeeeee;
	float: left;
	position: relative;
}

.clients-section .bx-wrapper .frame img {
	vertical-align: middle;
	opacity: 0.8;
}

.clients-section .bx-wrapper .frame:hover img {
	opacity: 1;
}

.clients-section .bx-wrapper .frame a {
	display: block;
	cursor: inherit;
}

.clients-section .bx-wrapper .frame a::after {
	border-left: 2px solid rgba(37, 188, 233, 0.8);
	border-right: 2px solid rgba(37, 188, 233, 0.8);
	bottom: -1px;
	content: "";
	left: -1px;
	position: absolute;
	right: -1px;
	top: -1px;
	transform: scale(1, 0);
	z-index: 9;
}

.clients-section .bx-wrapper .frame:hover a::after {
	transform: scale(1);
	transition: all 0.3s ease-out 0s;
}

.clients-section .bx-wrapper .frame a::before {
	border-bottom: 2px solid rgba(37, 188, 233, 0.8);
	border-top: 2px solid rgba(37, 188, 233, 0.8);
	bottom: -1px;
	content: "";
	left: -1px;
	position: absolute;
	right: -1px;
	top: -1px;
	transform: scale(0, 1);
	z-index: 9;
}

.clients-section .bx-wrapper .frame:hover a::before {
	transform: scale(1);
	transition: all 0.3s ease-out 0s;
}


/* End CSS Clients Section */


/* Start CSS Home Testimonials */


/*.home-testimonials {background: #f7f7f7;float: left;width: 100%;padding: 30px 0 30px 0;}

.home-testimonials .bx-wrapper {float: left;width: 100%;margin: 0;}

.home-testimonials .bx-viewport ul {margin: 0;}

.home-testimonials .bx-wrapper .bx-controls-direction a {display: none;}

.home-testimonials .bx-wrapper .bx-pager {display: block;bottom: -10px;}

.home-testimonials .testimonials-box {background-color: #fff;box-sizing: border-box;float: left;padding: 0;width: 100%;}

.home-testimonials .testimonials-text {position:relative;float: left;padding: 20px 15px;max-width: 62%;}

.home-testimonials .testimonials-text .fa-quote-left {color: #999999;float: left;margin: 0 0.2em 1.5em 0;}

.home-testimonials .testimonials-text .fa-quote-right {color: #999999;float: right;}

.home-testimonials .testimonials-text p {color: #7e7e7e;font-size: 1em;font-weight: 300;line-height: 24px;margin: 0;}

.home-testimonials .testimonials-text p em {display: inline-block;margin-top: 0.8em;font-style: italic;font-weight: 700;}

.home-testimonials .testimonials-frame {float: left;margin:20px 20px 0;}

.home-testimonials .testimonials-frame img {border: 1px outset #333333;border-radius: 50%;height: 120px;padding: 3px;width: 120px !important;}

.home-testimonials .client-box {background-color: #000;float: right;padding: 24px 20px;min-height: 172px;}

.home-testimonials .client-box h4 {color: #fff;font-weight: 300;font-size: 24px;line-height: 24px;margin: 0 0 10px 0;}

.home-testimonials .client-box strong.title {text-transform: capitalize;color: #fff;display: block;padding: 0 0 12px 0;font-weight: 400;}

.home-testimonials .client-box a.view {float: left;font-weight: 400;}.home-testimonials .client-box a.view:hover {color: #ddd;}
*/


/* End CSS Home Testimonials */


/* Start CSS Home Testimonials */


/*
.home-testimonials {background: #f7f7f7;float: left;width: 100%;padding: 30px 0 30px 0;}
.home-testimonials .bx-wrapper {float: left;width: 100%;margin: 0;}
.home-testimonials .bx-viewport ul {margin: 0;}
.home-testimonials .bx-wrapper .bx-controls-direction a {display: none;}
.home-testimonials .bx-wrapper .bx-pager {display: block;bottom: -10px;}
.home-testimonials .testimonials-box {background-color: #fff;box-sizing: border-box;float: left;padding: 0;width: 100%;}
.home-testimonials .testimonials-text {position:relative;float: left;padding: 20px 15px;max-width: 62%;}
.home-testimonials .testimonials-text .fa-quote-left {color: #999999;float: left;margin: 0 0.2em 1.5em 0;}
.home-testimonials .testimonials-text .fa-quote-right {color: #999999;float: right;}
.home-testimonials .testimonials-text p {color: #7e7e7e;font-size: 1em;font-weight: 300;line-height: 24px;margin: 0;}
.home-testimonials .testimonials-text p em {display: inline-block;margin-top: 0.8em;font-style: italic;font-weight: 700;}
.home-testimonials .testimonials-frame {float: left;margin:20px 20px 0;}
.home-testimonials .testimonials-frame img {border: 1px outset #333333;border-radius: 50%;height: 120px;padding: 3px;width: 120px !important;}
.home-testimonials .client-box {background-color: #000;float: right;padding: 24px 20px;min-height: 172px;}
.home-testimonials .client-box h4 {color: #fff;font-weight: 300;font-size: 24px;line-height: 24px;margin: 0 0 10px 0;}
.home-testimonials .client-box strong.title {text-transform: capitalize;color: #fff;display: block;padding: 0 0 12px 0;font-weight: 400;}
.home-testimonials .client-box a.view {float: left;font-weight: 400;}.home-testimonials .client-box a.view:hover {color: #ddd;}
*/


/* End CSS Home Testimonials */


/* Start CSS Home Testimonials */

.home-testimonials-video {
	margin-bottom: 0px;
	display: flex;
}

.home-testimonials-video .owl-item li {
	padding-right: 15px;
	padding-left: 15px;
}

.home-testimonials {
	background: #f7f7f7;
	background: #ffff;
	float: left;
	width: 100%;
	padding: 50px 0 50px 0;
}

.home-testimonials .generic-heading {
	margin: 0 0 50px 0;
}

.home-testimonials .bx-wrapper {
	float: left;
	width: 100%;
	margin: 0;
}

.home-testimonials-text .bx-viewport {
	box-shadow: 0 5px 11px 0px #d6d6d6;
}

.home-testimonials .bx-controls {
	margin: 20px 0 0 0;
}

.home-testimonials .bx-viewport ul {
	margin: 0;
}

.home-testimonials .bx-wrapper .bx-controls-direction a {
	display: none;
}

.home-testimonials .bx-wrapper .bx-pager {
	display: block;
	bottom: -10px;
}

.home-testimonials .testimonials-box {
	background-color: #fff;
	box-sizing: border-box;
	float: left;
	padding: 0;
	width: 100%;
}

.home-testimonials .testimonials-text {
	position: relative;
	float: left;
	padding: 20px 15px;
	max-width: 100%;
}

.home-testimonials .video-play-icon .fa-play {
	color: #fff;
	display: block;
}

.home-testimonials .video-play-icon .fa-play:before {
	margin: 0;
}

.home-testimonials .video-play-icon {
	height: 60px;
	width: 60px;
	line-height: 60px;
	border-radius: 100%;
	color: #fff;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin: 0 auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#company-testimonials-dev .case-study .play-btn small {
	cursor: pointer;
}

.home-testimonials .testimonials-text .fa-quote-left {
	color: #0061a3;
	float: left;
	margin: 0 0.2em 0em 0;
}

.home-testimonials .testimonials-text .fa-quote-right {
	color: #0061a3;
	float: right;
}

.home-testimonials .testimonials-text p {
	color: #444;
	font-size: 16px;
	line-height: 20.5px;
	font-weight: 300;
	margin: 0;
	width: 100%;
	float: left;
}

.home-testimonials .testimonials-textimg {
	border: 1px outset #333333;
	border-radius: 50%;
	height: 120px;
	padding: 3px;
	width: 120px !important;
}

.home-testimonials .testimonials-text p em {
	display: inline-block;
	margin-top: 0.8em;
	font-style: italic;
	font-weight: 700;
}

.home-testimonials .testimonials-frame {
	float: left;
	margin: 0px 15px 10px;
	width: 100%;
	text-align: center;
}

.home-testimonials .testimonials-frame img {
	border: 1px outset #333333;
	border-radius: 50%;
	height: 120px;
	padding: 3px;
	width: 120px !important;
}

.home-testimonials .client-box {
	width: 100%;
	background-color: #0061a3;
	float: left;
	padding: 24px 20px;
	/*  min-height:198px;*/
}

.home-testimonials .client-box h4 {
	color: #fff;
	font-weight: 500;
	font-size: 24px;
	line-height: 24px;
	margin: 6px 20px 0px 0;
	float: left;
}

.home-testimonials .client-box strong.title {
	text-transform: capitalize;
	color: #fff;
	margin: 8px 0px 0px 0;
	font-weight: 400;
	float: left;
	width: 80%;
}

.home-testimonials .client-box a.btn-readmore {
	margin-top: 0px;
	float: right;
	font-weight: 400;
}

.home-testimonials .client-box a.view {
	float: left;
	font-weight: 400;
}

.home-testimonials .client-box a.view:hover {
	color: #ddd;
}


/* End CSS Home Testimonials */


/* Start CSS Testimonials Page */

.testimonials {
	float: left;
	padding-top: 15px;
	width: 100%;
}

.testimonials blockquote:last-child {
	border: 0 none;
	margin: 0;
	padding: 0;
}

.testimonials blockquote {
	border-bottom: 1px solid #eeeeee;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}

.testimonials blockquote p {
	margin: 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5em;
	text-align: justify;
}

.testimonials blockquote em {
	color: #444;
	display: block;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3em;
	margin-top: 0.5em;
	text-align: right;
}

.testimonials p .fa-quote-left {
	color: #000;
	float: left;
	margin: 0 10px 0 0;
}

.testimonials p .fa-quote-right {
	color: #000;
	float: right;
	margin: 0 0 0 10px;
}


/* En CSS Testimonials Page */


/* Start CSS Footer */

#footer {
	float: left;
	width: 100%;
	background: #111111;
	border-top: 5px solid #ff9630;
}

.footer-section-3 {
	background: rgba(0, 0, 0, 0.1) url("../images/footer-map.png") no-repeat center top;
	float: left;
	width: 100%;
	padding: 24px 0 22px 0;
}


/* Footer Links */

.contact-box .nav .now-hiring {
	position: absolute;
	right: 0;
	text-align: right;
	top: -30px;
}

.contact-box .nav .now-hiring img {
	width: 55px;
}

.contact-box {
	float: left;
	margin: 0;
	position: relative;
	width: 100%;
}

.contact-box strong.title {
	font-family: "open sans", sans-serif;
	text-align: left;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	margin: 0 0 0px 0;
	padding: 0 0 10px 0;
	display: block;
	border-bottom: 1px solid #f7f7f7;
}

.contact-box .footerborderOut {
	margin: 0 0 15px 0;
	position: relative;
	width: 100%;
	bottom: 2px;
}

.contact-box .footerborderOut .footerborder {
	background: #505251;
	height: 3px;
	margin: 0;
	text-align: left;
	transition: all 0.4s ease-in-out 0s;
	width: 100px;
}

.contact-box:hover .footerborderOut .footerborder {
	width: 100%;
}

.contact-box .nav {
	margin: 0;
}

.contact-box .nav ul {
	height: auto;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.contact-box .nav ul li {
	position: relative;
	color: #999999;
	font-size: 14px;
	line-height: 25px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	text-transform: none;
}

.contact-box .nav ul li a {
	display: inline-block;
	color: #cacaca;
	font-size: 14px;
	line-height: 25px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.contact-box .nav ul li a:hover {
	color: #0061A3;
}

.contact-box .nav.numbers ul li a:hover {
	color: #0061A3;
}

.contact-box .nav ul li a span.fa.fa-mobile {
	font-size: 18px;
}

.contact-box .nav ul li a span.fa.fa-envelope {
	font-size: 14px;
}

.contact-box .nav ul li a span.fa {
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 15px;
	line-height: 28px;
	padding: 0 5px 0 0;
}

.contact-box .nav ul li a span.fa:hover {
	color: #0061A3;
}

.contact-box .nav p {
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	color: #cacaca;
	font-weight: 400;
	margin: 0 0 15px 0;
}

.contact-box .nav p strong {
	color: #fff;
}

.ftr-location {
	float: left;
	width: 100%;
}

.flag-icon {
	float: left;
	margin-right: 10px;
}

.flag-icon img {
	height: 30px;
	width: 30px;
}

.ftr-address {
	float: right;
	width: 85%;
}


/* Start CSS Social Icons */

.links {
	width: 100%;
	float: left;
	margin: 0px 0 0 0 !important;
	padding: 0 !important;
}

.links li {
	width: auto;
	float: left;
	margin: 10px 0 0 0 !important;
	padding: 0 !important;
}

.links li a {
	cursor: pointer;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0) url("../images/social-icons.jpg") no-repeat scroll 0 0;
	float: left;
	height: 39px;
	list-style: none;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
	width: 39px;
	transition: all 0.4s ease 0s;
	text-indent: -99999px;
}

.links li a.facebook {
	background-position: left 0 !important;
}

.links li a.facebook:hover {
	background-position: left -40px !important;
}

.links li a.twitter {
	background-position: -40px 0 !important;
}

.links li a.twitter:hover {
	background-position: -40px -40px !important;
}

.links li a.linkedin {
	background-position: -164px 0 !important;
}

.links li a.linkedin:hover {
	background-position: -164px -39px !important;
}

.links li a.gplus {
	background-position: -82px 0 !important;
}

.links li a.gplus:hover {
	background-position: -82px -40px !important;
}

.links li a.youtube {
	background-position: -123px 0 !important;
}

.links li a.youtube:hover {
	background-position: -123px -39px !important;
}

.links li a.blog {
	background-position: -205px 0 !important;
}

.links li a.blog:hover {
	background-position: -205px -39px !important;
}

.links li a.map {
	background-position: -82px 0 !important;
}

.links li a.map:hover {
	background-position: -82px -40px !important;
}


/* End CSS Social Icons */


/* Start CSS Subscribe */

.contact-box .subscribe-input {
	background: #111111;
	color: #ffffff !important;
	padding: 0 10px !important;
	margin: 0 0 15px 0;
}

.contact-box .btn-signup {
	background-color: #0088cc;
	border: 2px solid #0061A3;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	height: 38px;
	line-height: 18px;
	margin: 0;
	padding: 0 12px;
	position: relative;
	right: 0;
	text-transform: uppercase;
	top: 0;
}

.contact-box .btn-signup:hover {
	background-color: #111111;
	border: 2px solid #0088cc;
}


/* End CSS Subscribe */


/* Our Client Base Section Start */

.footer-top-section {
	float: left;
	width: 100%;
	background-color: #222222;
	border-top: 1px solid #434343;
}

.footer-top-section .left {
	float: left;
	width: 100%;
	padding: 10px 0 10px 0;
}

.footer-top-section .left strong.title {
	color: #fff;
	float: left;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	margin: 0;
	padding: 0 0 5px 0;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
}

.footer-top-section .left p {
	color: #999999;
	float: left;
	font-size: 11px;
	font-weight: 400;
	line-height: 14px;
	text-transform: none;
	margin: 0;
}

.footer-top-section .left p span {
	text-transform: uppercase;
	color: #fff;
	font-weight: 400;
	font-size: 11px;
	line-height: 14px;
	display: inline-block;
}


/* Our Client Base Section End */


/* Copy Rights Section Start */

.copyrights-section {
	float: left;
	width: 100%;
	background-color: #dfdfdf;
	padding: 5px 0;
}

.copyrights-section p {
	float: left;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	width: 100%;
}

.copyrights-section strong.copy {
	float: left;
	font-size: 11px;
	font-weight: 500;
	line-height: 18px;
	width: 100%;
	color: #000000;
	text-align: center;
}

.copyrights-section strong.copy a.web {
	color: #0088cc;
	margin: 0;
	text-decoration: none;
}

.copyrights-section strong.copy a.web:hover {
	color: #444;
}


/* cookies-section Start */

.cookies-section {
	float: left;
	width: 100%;
	background-color: transparent;
	position: fixed;
	bottom: 0;
	z-index: 999
}

.cookies-section .container {
	text-align: center;
	width: 70%;
	box-shadow: box-shadow: 5px 10px #888888;
	box-shadow: 0px -2px 15px -1px rgba(125, 125, 125, 0.4);
	border-radius: 10px 10px 0px 0px;
}

.cookies-section strong.copy {
	background-color: #e9ecf1;
	padding: 12px 0 8px 0;
	border-radius: 8px 8px 0px 0px;
}

.cookies-section p {
	float: left;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	width: 100%;
}

.cookies-section strong.copy {
	float: left;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	width: 100%;
	color: #000;
	text-align: center;
	padding: 8px 15px 6px 15px
}

.cookies-section strong.copy a.web {
	color: #0088cc;
	margin: 0;
	text-decoration: none;
}

.cookies-section strong.copy a.web:hover {
	color: #444;
}

.cookies-section .copyrights-remove {
	float: right;
	font-size: 0.9rem;
	font-weight: bold;
	color: #000;
	padding-right: 15px;
	line-height: 25px;
}

.cookies-section strong.copy .apply-now-btn {
	margin-left: 15px;
	height: 25px;
	line-height: 11px;
	font-size: 11px;
}


/* End Footer Section */


/* Start CSS InnerBody Main */

#innerbody #main {
	/*  margin-top: 73px !important;*/
}


/* Start CSS Inner Banner */

.inner-banner {
	margin: 0 0 -6px 0;
	padding: 0;
	text-align: center;
}

.inner-banner img {
	width: 100%;
	border-bottom: 3px solid #444;
}

.inner-heading {
	margin-bottom: 0px !important;
}

.inner-heading h2 {
	font-family: "open sans", sans-serif;
	font-weight: 600;
	border-bottom: 1px solid #ddd;
	font-size: 22px;
	line-height: 28px;
	margin: 0;
	padding: 0 0 10px;
	text-transform: uppercase;
}

.inner-heading h3 {
	font-family: "open sans", sans-serif;
	font-weight: 600;
	border-bottom: 1px solid #ddd;
	font-size: 22px;
	line-height: 28px;
	margin: 0;
	padding: 0 0 10px;
	text-transform: uppercase;
}


/* End CSS Inner Banner */

.contact-detail {
	float: left;
	width: 100%;
	background-color: #fff;
	padding: 30px 0 30px 0;
}

.breadcrumb {
	background: none;
	border-radius: 0;
	margin: 0;
	padding: 0 0 1em 0;
}

.breadcrumb>li .fa {
	font-size: 1.3em;
	line-height: 1.3em;
	padding: 0 0.5em;
}


/* Start Inner Pages */

.inner-pages {
	float: left;
	background-color: #fff;
	padding: 0;
	margin: 0;
	width: 100%;
}

.inner-pages p {
	margin-bottom: 15px;
	text-align: justify;
}

.inner-pages p:last-child {
	margin-bottom: 0;
}

.inner-pages h4 {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 5px;
	padding-top: 0px;
}

.inner-pages h4:first-child {
	padding-top: 0;
}

.box-inner {
	background: #fff;
	padding: 0;
}

.box-2 p {
	margin-bottom: 15px;
	text-align: justify;
}

.box-2 h5 {
	margin: 0 0 5px 0;
}

.box-2 h2 {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 15px;
	text-align: left;
}

.box-2 {
	float: left;
	width: 100%;
	margin: 0 0 15px;
}

.box-2 ul {
	float: left;
	width: 100%;
	list-style-type: none !important;
	margin: 0!important;
	padding: 0!important;
}

.box-2 ul li {
	background: rgba(0, 0, 0, 0) url("../images/li-icon.png") no-repeat scroll 0 5px;
	float: left;
	margin: 5px 0 !important;
	padding: 0 0 0 25px !important;
	width: 100% !important;
}

*/
/*

.box-2 ul { position: relative; display: contents; -moz-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s }

.box-2 ul li::before {background-color: #ffffff;border-radius: 50px;content: "";height: 7px;left: 2px;position: absolute;top: 12px;width: 6px;z-index: 99;}

.box-2 ul li::after {background-color: #0088cc;border: medium none;border-radius: 50px 50px 0;content: "";height: 11px;left: 0;position: absolute;top: 10px;transform: rotate(-40deg);width: 12px;}

*/

ul.list-type-1 {
	list-style-type: circle;
	margin: 0 0 0 15px;
	padding: 0;
}

ul.list-type-1 li {
	width: 100%;
	padding-bottom: 5px;
}

ul.list-type-1 li a {
	color: #444;
	line-height: 18px;
	text-decoration: none;
	text-transform: none;
}

ul.list-type-1 li a:hover {
	color: #0088cc;
}

ul.list-type-1 p {
	margin-bottom: 10px;
}

ul.list-type-1 li h1 {
	border-bottom: none;
	border-left: none;
	color: #444;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	margin: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-decoration: none;
	text-transform: capitalize;
}

ul.list-type-1 li p {
	margin: 0 0 5px 0;
}

ul.list-type-1 ul {
	list-style-type: circle;
	margin: 0 0 0 20px;
	padding: 0;
}

ul.list-type-1 li ul {
	list-style-type: none;
	margin-left: 10px;
	margin-top: 0;
}

ul.list-type-2 {
	list-style-type: circle;
	margin-left: 15px;
	margin-bottom: 5px;
}

ul.list-type-2 li {
	font-size: 14px;
	line-height: 20px;
	padding: 0 0 0 5px 0 !important;
}

ul.list-type-2 li a {
	color: #0088cc;
	line-height: 18px;
	text-decoration: none;
	text-transform: none;
}

ul.list-type-2 li a:hover {
	color: #444;
}


/* End Inner-Pages */


/* Start CSS About Us */

.about-page {
	float: left;
	width: 100%;
}

.about-section-1 {
	float: left;
	width: 100%;
	margin: 30px 0;
}

.about-box-1 {
	float: left;
	width: 100%;
	background-color: #fff;
	padding: 19px 15px 14px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.about-box-1 h4 {
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	margin: 0 0 10px 0;
}

.about-box-1 .frame {
	float: left;
	margin: 0 11px 10px 0;
}

.about-box-1 .frame:hover img {
	opacity: 0.8;
}

.about-box-1 .text-box {
	padding: 0;
}

.about-box-1 .text-box p:last-child {
	margin-bottom: 0;
}

.about-box-1 .text-box strong.title {
	font-weight: 500;
	font-size: 18px;
	line-height: 18px;
	display: block;
	padding: 0 0 7px 0;
}

.about-box-1 .text-box p {
	text-align: justify;
	margin: 0 0 .5em 0;
}

.text-box-1 {
	background-color: #fff;
	border: 1px solid #e1e1e1;
	box-sizing: border-box;
	float: left;
	margin: 18px 0 0;
	padding: 10px 20px;
	position: relative;
	width: 100%;
}

.text-box-1:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	border-left: 4px solid #0061A3;
	height: 100%;
}

.text-box-1 p {
	font-style: italic;
	color: #999999;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	margin: 0;
}


/* about-accordion-box */

.about-accordion-box {
	float: left;
	width: 100%;
}

.about-accordion-box h2 {
	font-size: 22px;
	font-weight: 500;
	line-height: 26px;
	margin: 0 0 10px 0;
}

.about-accordion-box h3 {
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	margin: 0 0 10px 0;
}

.about-accordion-box .accordion {
	margin: 0;
}

.about-accordion-box .accordion-group {
	border: 0;
	border-radius: 0;
	margin-bottom: 4px;
	background-color: #fff;
}


/*.about-accordion-box .accordion-group:last-child {margin-bottom: 0;}*/

.about-accordion-box .accordion-heading .accordion-toggle {
	background: #0088cc;
	color: #fff;
	display: block;
	padding: 15px 18px 12px 9px;
	text-decoration: none;
	outline: none;
	font-weight: 400;
	font-size: 18px;
	line-height: 18px;
}

.about-accordion-box .accordion-heading:hover {}

.about-accordion-box .accordion-heading.active {
	color: #fff;
}

.about-accordion-box .accordion-heading:hover .accordion-toggle {
	color: #fff;
}

.about-accordion-box .accordion-heading.active .accordion-toggle {
	color: #fff;
}

.about-accordion-box .accordion-toggle>span {
	display: none;
	float: right;
}

.about-accordion-box .accordion-heading.active .accordion-toggle span {
	display: none;
	color: #fff;
}

.about-accordion-box .accordion-heading .accordion-toggle:before {
	left: 0;
	font-family: FontAwesome;
	content: "\f067";
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.about-accordion-box .accordion-heading.active .accordion-toggle:before {
	left: 0;
	font-family: FontAwesome;
	content: "\f068";
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.about-accordion-box .accordion-inner {
	float: left;
	width: 100%;
	border-top: 1px solid #ddd;
	padding: 9px 15px;
	background-color: #fff;
}

.about-accordion-box .accordion-inner p {
	text-align: justify;
	margin: 0 0 1em 0;
}

.about-accordion-box .accordion-inner .frame {
	float: left;
	margin: 0;
	text-align: center;
	width: 100%;
}

.about-accordion-box .accordion-inner .frame:hover img {
	opacity: 0.8;
	cursor: pointer;
}

.about-section-4 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	display: none;
}

.about-section-4 .box {
	float: left;
	width: 100%;
}

.about-section-4 .box .frame {
	float: left;
	width: 100%;
}

.about-section-4 .box .frame:hover img {}

.about-section-4 .box .frame img {
	border: 1px solid #eeeeee;
	display: block;
	width: 100%;
}

.about-section-4 .bx-wrapper {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 10px 0;
}

.about-section-4 .bx-wrapper .bx-controls-direction a {
	padding: 0;
	display: none;
}

.about-section-4 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	width: 100%;
	text-align: center;
}

.about-section-4 .bx-wrapper .bx-pager.bx-default-pager a {
	background-color: #999999;
	margin: 0 3px;
}

#about-details {
	/*margin: 0 0 35px 0;*/
}

#about-details .about-banner {
	background: #111;
	padding: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
}

#about-details .about-banner-img {
	background: url("../images/slider/banner-about.jpg");
	background-position: center top;
	background-size: cover;
	display: block;
	height: 100%;
	min-height: 450px;
	width: 100%;
}

#about-details .about-banner-img::before {
	background: rgba(17, 17, 17, 0.9) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

#about-details .text-slide {
	left: 19%;
	position: absolute;
	right: 19%;
	text-align: center;
	top: 28%;
}

#about-details .text-slide h1 {
	font-family: 'Raleway', cursive;
	color: #fff;
	display: block;
	font-size: 2.4em;
	font-weight: 600;
	line-height: normal;
	margin: 0;
	text-shadow: 1px 2px 2px #444;
}

#about-details .text-slide h1 span {
	color: #b8b8b8;
	display: none;
	font-size: 16px;
}

#about-details .text-slide p {
	color: #b8b8b8;
	display: block;
	font-weight: 500;
	line-height: normal;
	margin: 10px 0px 25px 0px;
	font-size: 18px;
	line-height: 26px;
	text-align: center;
}


/* End CSS About Us */


/* Sart CSS Services Page */


/* services-overview-bg */

.services-overview-bg {
	background: #fff;
	float: left;
	padding: 45px 0 45px 0;
	width: 100%;
}

.service-pages {}

#about-details .our-services-banner {
	background: url("../images/service-banner/Our-Services-Banner-Horizon.jpg");
}

#about-details .our-services-banner::before {
	background: rgba(17, 17, 17, 0.6) none repeat scroll 0 0;
}

#about-details .our-services-banner-text.text-slide p {
	color: #fff;
}


/* Services Sidebar */


/*.nav-list {float: left;background-color: #fff;border-radius: 0;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);margin: 0;padding: 0;width: 100%;}

.nav-list > li > a {border-top: 1px solid #eeeeee;color: #444;float: left;font-size: 16px;font-weight: 400;height: 50px;line-height: 20px;margin: 0;overflow: hidden;padding: 6px 15px;width: 100%;}

.nav-list > li > a:hover, .nav-list > li > a:focus {background-color: #444;color: #fff;margin: 0;}

.nav-list > li.active > a {border: 0 none;margin: 0;outline: none;}

.nav-list > li > a .fa {float: left;line-height: 34px;margin: 3px 15px 0 0;}

.nav-list > li > a .devicon-amazonwebservices-plain {float: left;font-size: 24px;line-height: 34px;margin: 5px 15px 0 0;}

.nav-list > li > a.line-height {line-height: 40px;}*/

.service-img {
	float: left;
	margin: 0;
	text-align: center;
	width: 100%;
}

.service-img img {
	border: 0px solid #ddd;
}


/* Services Sidebar */


/*.moblie-row {border-bottom: 1px solid #eeeeee;margin: 0 0 20px 0;padding: 0 0 18px 0;}

.moblie-row:last-child {border-bottom: 0;padding: 0;margin: 0;}

.moblie-row h4 {padding: 0;margin: 0 0 5px 0;}

.moblie-row .span2 {text-align: center;}

.moblie-row .span2 .fa {height: 90px;font-size: 5em;line-height: 93px;}

.moblie-row .span2 .fa.fa-apple {line-height: 122px;}

.moblie-row .span2 .fa.fa-tablet {line-height: 98px;}

.moblie-row .span2 .fa.fa-android {line-height: 89px;}

.moblie-row .span2 .fa.fa-windows {line-height: 110px;}*/


/* Services */


/*  Start Request a Quote */

.contact-form .brief-project {
	min-height: 126px;
}

.contact-form .upload-file {
	height: 40px;
	border: 1px solid #d6d4d4;
	position: relative;
}

.contact-form input[type="file"] {
	padding: 0px;
	color: #888;
	/*  cursor: pointer;  height: 40px;left: 0;line-height: 40px;opacity: 0;position: absolute;top: 0;width: 100%;z-index: 999;*/
}

.contact-form .upload-file span {
	color: #666666;
	cursor: pointer;
	float: left;
	font-size: 14px;
	line-height: 20px;
	margin-top: 0;
	position: relative;
	z-index: 0;
}

.contact-form .upload-file span em {
	background: rgba(0, 0, 0, 0) url("../images/contacts/attachment.png") 0 0 no-repeat scroll;
	float: left;
	height: 30px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 8px;
	width: 35px;
}

.contact-form .upload-file span.file-displbl {
	margin-top: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: auto;
}

@media (min-width: 768px) {
	.contact-form .human-verification {
		margin: 0;
	}
}

.contact-form .human-verification label {
	float: left;
	margin-top: 12px;
}

.contact-form .human-verification img {
	float: left;
	margin: 10px 0 0 10px;
}

.contact-form .human-verification #secure_code {
	float: right;
	width: 62%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Chrome, if Chrome rule needed */
}


/* End Request a Quote */


/* Start CSS Careers Page */


/* Current Openings */

.openings-page {
	background: #0061a3;
	border-radius: 0;
	padding: 28px 14px;
	width: 100%;
	margin-top: 25px;
	text-align: center;
	display: inline-block;
	color: #fff;
	font-weight: 600;
	border: solid 1px #0061a3;
	border-left: solid 6px #ff9213;
	font-size: 1rem;
}

.openings-page:hover {
	background: #efefef;
	border: solid 1px #015086;
	border-left: solid 6px #003d67;
	color: #000
}

.openings-page a {
	color: #fff;
	display: block
}

.openings-page a:hover {
	color: #ff7a05;
}

.openings-page .heading-title {
	display: inline-block;
	font-size: 24px;
	line-height: 30px;
	padding: 0 0 5px;
}


/* Start CSS Job Application Form */

.contact-form .vDate {
	float: left !important;
	width: 170px !important;
}

.contact-form .vMonth {
	float: left !important;
	margin: 0 15px !important;
	width: 170px !important;
}

.contact-form .vYear {
	float: left !important;
	width: 200px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Chrome, if Chrome rule needed */
	.contact-form .resume-text {
		height: 110px;
	}
}


/* End CSS Job Application Form */


/* End CSS Careers Page */


/* Start CSS Portfolio Page */

#about-details .protfolio-banner {
	background: url("../images/portfolio/Protfolio-Banner-Horizon.jpg");
}

#about-details .protfolio-banner::before {
	background: rgba(17, 17, 17, 0.6) none repeat scroll 0 0;
}

#about-details .protfolio-banner-text.text-slide p {
	color: #fff;
}

.recent-work {
	background-color: #fff;
	padding: 20px 0 30px 0;
}

.recent-work .input-box-1 label {
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
	margin: 0;
	padding-bottom: 0.5em;
}

.recent-work .input-box-1 select {
	padding: 0;
}


/* Start CSS Portfolio Details Page */


/* Start CSS Portfolio Banner */

#portfolios-details {
	position: relative;
}

#portfolios-details .text-slide {
	left: 0;
	padding-left: 50%;
	position: absolute;
	right: 0;
	top: 34%;
	padding-top: 10px;
	padding-bottom: 10px;
}

#portfolios-details .text-slide .caption2 {
	display: block;
	font-size: 33px;
	font-weight: 400;
	letter-spacing: 3px;
	line-height: normal;
	margin: 0 0 25px;
	text-transform: uppercase;
	text-align: left;
	color: #e5e5e5;
	text-shadow: 1px 2px 2px rgb(68, 68, 68);
}

#portfolios-details .text-slide .caption2 span {
	text-transform: none;
}

#portfolios-details .text-slide .caption1 {
	display: block;
	font-size: 24px;
	font-weight: 300;
	line-height: normal;
	margin: 0;
	text-align: left;
	color: #e5e5e5;
	text-shadow: 1px 2px 2px rgb(68, 68, 68);
}

#portfolios-details .text-slide .caption3 {
	display: block;
	font-size: 15px;
	font-weight: 300;
	margin: 0;
	text-align: left;
	color: #e5e5e5;
	width: 86%;
	text-shadow: 1px 2px 2px rgb(68, 68, 68);
}


/* Start CSS Portfolio Banner Text Title */

#portfolios-details .caption {
	display: block;
	position: absolute;
	left: 0;
	top: 45%;
	width: 100%;
	margin: 0 auto;
	z-index: 9;
}

#portfolios-details .caption-inner {
	top: 70% !important;
}

#portfolios-details .caption .holder {
	max-width: 1170px;
	margin: 0 auto;
}

#portfolios-details .caption h1 {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 58px;
	color: #fff;
	margin: 0 0 10px 0;
	text-align: right;
	text-shadow: 1px 2px 2px #444;
}

#portfolios-details .caption h1 span {
	font-weight: 300;
}

#portfolios-details .caption .subtitle {
	color: #fff;
	float: right;
	font-family: "Raleway", sans-serif;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height: 34px;
	margin: 0;
	padding: 10px 0 10px 15px;
	text-align: center;
	text-shadow: 1px 2px 2px #444;
}

.built-text {
	float: left;
	width: 100%;
}

.built-text span {
	float: left;
	font-size: 28px;
	line-height: 36px;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	width: 100%;
}

.built-text h3 {
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}

.built-text h3 .fa {
	margin: 0 10px 0 0;
}


/* End CSS Portfolio Page */


/* Start CSS Like What You See */

.get-in-touch {
	text-align: center;
	background: #f2f2f2;
	width: 100%;
	float: left;
}

.get-in-touch h1 {
	text-align: center;
	color: #444;
	font-size: 2.6em;
	line-height: 130px;
	margin: 0;
}

.get-in-touch .like-what-you-see {
	background: #f2f2f2;
}

.like-what-you-see {
	float: left;
	padding: 34px 0 40px 0;
	width: 100%;
}

.like-what-you-see h2 {
	font-size: 36px;
	line-height: 36px;
	margin-bottom: 19px;
	text-align: center;
}

.like-what-you-see p {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 15px;
	text-align: center;
}


/* End CSS Like What You See */


/* Start NEW CSS Portfolio Page */

.portfolio-banner {
	position: relative;
	text-align: center;
	background: #111111;
	padding: 0;
}

.portfolio-banner h1 {
	position: absolute;
	bottom: 4px;
	left: 0;
	right: 0;
	text-align: center;
	text-transform: uppercase;
	color: #d2e4f1;
	text-shadow: 0px 4px #000;
	font-size: 3.2em;
	font-family: 'Aharoni';
}

.portfolio-banner img {}

.technology-info {
	float: left;
	width: 100%;
	margin: 0px 0 0px 0;
	position: relative;
}

.technology-bg {
	background: #F2F2F2;
	padding: 22px 0 15px;
}

.portfolio-product-content {
	float: left;
	margin-bottom: 30px;
	width: 100%;
}

.portfolio-product-content:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.portfolio-title {
	margin: 0;
	font-family: "Aharoni";
}

.portfolio-title h4 {
	font-size: 30px;
	font-weight: 400;
	margin: 25px 0px 0px 0;
	float: left;
	margin-right: 20px;
}

.portfolio-title ul.portfolio-icon-left {
	padding-left: 0;
	float: left;
}

.portfolio-title ul.portfolio-icon-left li {
	display: inline-block;
	margin: 0 0px;
}

.portfolio-title-right {
	margin: 0;
	font-family: "Aharoni";
	float: right;
}

.portfolio-title-right h4 {
	font-size: 30px;
	font-weight: 400;
	margin: 25px 0px 0px 0;
	float: left;
	margin-right: 20px;
}

.portfolio-title-right ul.portfolio-icon-right {
	padding-left: 0;
	float: right;
}

.portfolio-title-right ul.portfolio-icon-right li {
	display: inline-block;
	margin: 0 4px;
}

.portfolio-content {
	float: left;
	padding: 0;
	width: 100%;
}

.portfolio-content p {
	margin-bottom: 5px;
	text-align: justify;
	color: #444 !important;
	font-weight: 600;
}

.keyFeatures {
	float: left;
	width: 100%;
	min-height: 430px;
	box-shadow: 0 0 5px 0 rgba(160, 160, 160, 0.5);
	padding: 20px 10px 10px 15px;
	background: #fff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #ebebeb 0%, #e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
}

.keyFeatures h4 {
	font-size: 28px;
	font-weight: 400;
	line-height: 30px;
	margin: 0 0 0px;
	padding: 0 0 5px;
	color: #444;
	font-family: "Aharoni";
}

.keyFeatures ul {
	font-size: 14px;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	max-height: 350px;
	overflow-x: visible;
	overflow-y: scroll;
	font-family: "Raleway";
}

.keyFeatures ul li {
	float: left;
	width: 100%;
	padding: 5px 16px;
	color: #444;
	background: url("../images/portfolio/studyhelpdesk/key-features-bullet-icon.png") no-repeat scroll top left;
	background-position: 0px 12px;
}

.keyFeatures ul li a {
	color: #7e7e7e;
}

.keyFeatures ul li a:hover {
	color: #2A80B9;
}

.keyFeatures ul li p {
	margin: 0;
}

.scroll-bars li:first-child {
	list-style: none !important;
}

.keyFeatures ul.scroll-bars li ul li {
	list-style: inside;
}

.portfolio-img img {
	vertical-align: top;
	width: 100%;
	background: #fff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #ebebeb 0%, #e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
}

.go-to-next {
	position: relative;
	text-align: center;
	background: url("../images/portfolio/studyhelpdesk/tally-next-bg.png")
}

.go-to-next h1 {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	text-align: center;
	color: #d2e4f1;
	text-shadow: 0px -3px #000;
	font-size: 3.2em;
	font-family: 'Aharoni';
	line-height: 1em;
}

.go-to-next img {
	margin-bottom: -6px;
}

.go-to-next-bg {
	background: rgba(17, 17, 17, 0.3) none repeat scroll 0 0;
	display: inline-block;
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
}


/* End NEW CSS Portfolio Page */


/* Start CSS Contact Us */

.toll-free-head {
	font-size: 14px;
}

.contact-banner.worldmap-bg {
	min-height: 450px;
}

#about-details .contact-banner.worldmap-bg .text-slide {
	top: 10%;
}

.contact-banner.worldmap-bg .generic-heading {
	margin: 0;
}

.contact-banner.worldmap-bg .generic-heading h1 {
	color: #fff;
	display: block;
	font-family: "Raleway", cursive;
	font-size: 2.4em;
	font-weight: 600;
	line-height: normal;
	margin: 0;
	text-align: center;
	text-shadow: 1px 2px 2px #444;
}

.contact-banner.worldmap-bg .generic-heading p {
	color: #b8b8b8;
	display: block;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	margin: 10px 0 25px;
	text-align: center;
}

#about-details .protfolio-banner-text.text-slide .chirty-box .frame p {
	margin: 30px auto 20px;
	color: #3e5871;
}

.contact-address {
	float: left;
	width: 100%;
}

.contact-form {
	float: left;
	width: 100%;
}

.contact-form h2 {
	border-bottom: 1px solid #ddd;
	font-weight: 500;
	font-size: 26px;
	color: #444;
	line-height: 26px;
	margin: 0 0 0.6em 0;
	padding-bottom: 0.5em;
	display: block;
	width: 100%;
	float: left;
}

.contact-form p {
	margin: 0 0 15px 0 !important;
}

.contact-form p:first-child {
	margin-bottom: 5px;
}

.contact-form label {
	color: #444;
	display: block;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	padding: 0;
	margin: 0 0 7px 0;
}

.contact-form input[type="submit"] {
	background-color: #0061a3;
	border: #0061a3 1px solid;
	border-radius: 3px;
	color: #fff;
	margin: 0;
	padding: 7px 20px;
}

.contact-form input[type="submit"]:hover {
	border: 1px solid #0088cc;
	background-color: #0088cc;
	color: #fff;
}

.contact-form input[type="reset"] {
	border: 1px solid #0088cc;
	background-color: #fff;
	color: #0088cc;
}

.contact-form input[type="reset"]:hover {
	border-color: #0061a3;
	background-color: #0061a3;
	color: #fff;
}

.contact-form .fl.zero-spam {
	left: 0;
	position: absolute;
	line-height: 40px;
}

.form-box {
	float: left;
	width: 100%;
}

.input-box-1 {
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
	position: relative;
}

.selectButton {
	background: #fff;
	height: 38px;
	line-height: 38px;
	position: absolute;
	right: 1px;
	top: 26px;
	width: 20px;
	z-index: 9;
}

.contact-address p {
	margin: 0 0 10px;
}

.contact-address strong {
	border-bottom: 1px solid #ddd;
	font-weight: 500;
	font-size: 26px;
	color: #444;
	line-height: 30px;
	margin: 0 0 0.4em 0;
	padding-bottom: 0.3em;
	display: block;
	width: 100%;
}

.address-box {
	float: left;
	margin: 0 0 20px;
	width: 50%;
}

.address-box .fa {
	float: left;
	width: 70px;
	height: 64px;
	color: #fff;
	text-align: center;
	line-height: 64px;
	margin: 0 15px 0 0;
}

.address-box .fa img {
	vertical-align: top;
}

.address-box .text-box {
	float: left;
	overflow: hidden;
	width: 225px;
}

.address-box .text-box h3 {
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 16px;
	text-align: left;
	color: #696969;
	line-height: 18px;
	font-weight: 400;
}

.address-box .text-box p {
	float: left;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	margin: 0;
	width: 100%;
	text-align: left;
}

.address-box .text-box p:last-child {
	margin-bottom: 0;
}

.address-box .text-box p strong {
	border: 0 none;
	float: left;
	font-size: 1em;
	font-weight: 600;
	line-height: 20px;
	margin: 0 5px 0 0;
	padding: 0;
	width: 55px;
}


/* Contact via Chat */

.chat-with-us .icons-left {
	width: 40px;
}

.chat-with-us .skype-id {
	float: left;
	line-height: 34px;
}

.chat-with-us .g-talk-id {
	float: left;
	line-height: 42px;
}


/* Let's Get Connected */

.top-project {
	float: left;
	width: 100%;
	background-color: #fff;
}

.top-project .holder {
	padding: 0;
	margin: 0;
}

.top-project .holder ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
}

.top-project .holder ul li {
	display: inline-block;
	padding: 0 5px 0 0;
}

.top-project .holder ul li a {
	border: 2px solid #999999;
	border-radius: 0;
	display: inline-block;
	height: 58px;
	text-decoration: none;
	width: 60px;
}

.top-project .holder ul li a:hover {
	border: 2px solid #0088cc;
	background-color: #0088cc;
}

.top-project .holder ul li a .fa {
	text-align: center;
	display: block;
	line-height: 56px;
	color: #999999;
}

.top-project .holder ul li a .fa:hover {
	color: #fff;
}

.top-project .holder ul li a:hover .fa {}


/* Start CSS Our Super Support Commitment */

.our-super-support {
	float: left;
	width: 100%;
	padding: 24px 0 30px 0;
}

.team-box {
	padding: 20px;
	float: left;
	width: 100%;
	background-color: #fff;
	text-align: center;
}

.team-box .round {
	border: 5px solid #0088cc;
	border-radius: 100%;
	display: block;
	height: 177px;
	margin: 0 auto 16px;
	overflow: hidden;
	width: 177px;
}

.team-box:hover .round {
	cursor: pointer;
	transform: rotate(360deg);
	background-color: #fff;
	height: 177px;
	border: 5px solid #0061A3;
	width: 177px;
}

.team-box .round img {
	opacity: 0.7;
	display: block;
	margin: 50px auto;
}

.team-box:hover .round img {
	opacity: 1;
}

.team-box h3 {
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	margin: 0 0 10px;
	text-align: center;
}

.team-box strong.title {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	padding: 0 0 10px 0;
	text-align: center;
	text-transform: none;
}

.team-box strong.title a .fa {
	margin: 0 5px 0 0;
	color: #00aeef;
}

.team-box strong.title a .fa-mobile {
	font-size: 1.3em;
}


/* End CSS Our Super Support Commitment */


/* End CSS Contact Us */


/* Start CSS Article */

.blog-page {
	float: left;
	width: 100%;
}

.blog-box {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}


/*.blog-box:last-child {margin-bottom: 0;}*/

.blog-box .text-box {
	background-color: #f9f9f9;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
	float: left;
	padding: 16px 15px;
	width: 100%;
}

.sidebar-search {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 30px 0;
}

.sidebar-search input[type="text"] {
	height: 50px;
	font-size: 20px;
}

.sidebar-btn-search {
	position: absolute;
	right: 10px;
	top: 16px;
	border: 0;
	background: none;
	padding: 0;
	margin: 0;
}

.sidebar-btn-search .fa {
	color: #444;
	font-size: 24px;
	font-weight: 400;
	line-height: 20px;
}

.blog-box .frame {
	float: left;
	width: 100%;
	border: 2px solid #fff;
	/*border-left: 0;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.blog-box .frame img {
	display: block;
	/*width: 100%;*/
	transform: scale(1);
}

.blog-box .frame:hover img {
	transform: scale(1.1);
}

.blog-box .text-box h4 {}

.blog-box .text-box p {
	line-height: 22px;
	margin: 0 0 1px 0;
}

.blog-box .text-box blockquote {
	margin: 0 0 25px 0;
	padding: 0 40px 0 14px;
	float: left;
	width: 100%;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.blog-box .text-box blockquote q {
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #313131;
}

.blog-box .text-box blockquote q .fa-quote-left {
	font-size: 10px;
	float: left;
	padding: 0 5px 0 0;
}

.blog-box .text-box blockquote q .fa-quote-right {
	font-size: 10px;
	float: right;
	padding: 0 0 0 5px;
}


/* End CSS Article */


/* Start CSS Sitemap */

.sitemap-heading {
	margin: 0;
	padding: 0;
}

.sitemap-heading h2 {
	font-size: 30px;
	border-bottom: 1px solid #ddd;
	font-weight: 600;
	margin: 0 0 0px;
	padding: 0 0 10px;
	text-transform: capitalize;
}

ul.sitemap {
	margin: 30px 0 0 0;
}

ul.sitemap h3 {
	border-bottom: 1px solid #ddd;
	color: #000;
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 10px;
}

ul.sitemap li {
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.sitemap li a {
	border-bottom: 0px solid #ddd;
	color: #444;
	display: inline-block;
	font-size: 1em;
	font-weight: normal;
	line-height: 2em;
	padding: 4px 0 3px 0px;
}

ul.sitemap li a:hover {
	color: #0088cc;
}

ul.sitemap li ul {}

ul.sitemap li ul li {
	background: transparent;
	margin-bottom: 0px;
	margin-left: 0;
	padding-left: 0;
}

ul.sitemap li ul li a {
	color: #444;
	font-size: .9em;
}

ul.sitemap li a .fa {
	margin-right: 0.3em;
}

ul.sitemap li ul li a .fa {
	color: #000;
}


/* End CSS Sitemap */


/* Start CSS Hire Us Developers Pages */

.hire-developer-banner {
	float: left;
	padding: 0px 0 0;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.main-hireus-wrap .hire-developer-banner img {
	position: relative;
}

.main-hireus-wrap .banner-text-slide {
	position: absolute;
	top: 25%;
	text-align: center;
	left: 0;
	right: 0;
	color: #fff;
}

.main-hireus-wrap .banner-text-slide h1 {
	color: #fff;
	font-size: 40px;
	font-weight: 700;
}

.main-hireus-wrap .banner-text-slide p {
	font-weight: 500;
	text-align: center;
}

.main-hireus-wrap .banner-text-slide img {
	margin-top: 20px;
}


/* Start CSS Our Services */

.services_page_left {
	float: left;
	width: 100%;
}

.services_page_left h1 {
	font-size: 28px;
}

.services_page_left ul li {
	background: rgba(0, 0, 0, 0) url("../images/li-icon.png") no-repeat scroll left center;
	float: left;
	margin: 5px 0;
	padding-left: 20px;
	width: 50%;
}

.more_than_img {
	float: left;
	width: 100%;
	padding: 10px 0 0;
}


/* End CSS Our Services */


/* Start CSS Tabs To Accordian*/

.custom-tabs-to-accordian {
	clear: both;
	display: flex;
}

.custom-tabs-to-accordian ul.nav-tabs {
	width: 30%;
	float: left
}

.custom-tabs-to-accordian ul.nav-tabs>li {
	width: 100%
}

.custom-tabs-to-accordian ul.nav-tabs>li a {
	padding-left: 46px;
	position: relative;
	background-color: #ff5a34;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 500;
	padding-top: 19.5px;
	padding-bottom: 19.5px;
	border-radius: 0;
	border: solid 1px #ffa995;
	margin-right: 0px
}

.custom-tabs-to-accordian ul.nav-tabs>li a:after {
	content: '';
	border-bottom: solid 1px #cf2f0b;
	position: absolute;
	bottom: 0;
	height: 1px;
	left: 0;
	right: 0;
}

.custom-tabs-to-accordian ul.nav-tabs>li a span.custom-list-icon {
	position: relative;
	display: contents;
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}

.custom-tabs-to-accordian ul.nav-tabs>li a span.custom-list-icon:before {
	position: absolute;
	width: 10px;
	height: 10px;
	background: #ff5a34;
	top: 22.5px;
	z-index: 99;
	border-radius: 50px;
	left: 16px;
	content: '';
}

.custom-tabs-to-accordian ul.nav-tabs>li a span.custom-list-icon:after {
	content: '';
	width: 16px;
	height: 16px;
	background: #fff;
	position: absolute;
	border-radius: 50px 50px 0px 50px;
	-moz-transform: rotate(-40deg);
	-webkit-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
	transform: rotate(-40deg);
	left: 14px;
	top: auto;
	border: none;
}

.custom-tabs-to-accordian ul.nav-tabs>li.active a span.custom-list-icon:before,
.custom-tabs-to-accordian .nav-tabs>.active>a span.custom-list-icon:before,
.custom-tabs-to-accordian ul.nav-tabs>.active>a:hover span.custom-list-icon:before,
.custom-tabs-to-accordian ul.nav-tabs>.active>a:focus span.custom-list-icon:before {
	background: #fff;
}

.custom-tabs-to-accordian ul.nav-tabs>li.active a span.custom-list-icon:after,
.custom-tabs-to-accordian .nav-tabs>.active>a span.custom-list-icon:after,
.custom-tabs-to-accordian ul.nav-tabs>.active>a:hover span.custom-list-icon:after,
.custom-tabs-to-accordian ul.nav-tabs>.active>a:focus span.custom-list-icon:after {
	background: #044444;
}

.custom-tabs-to-accordian ul.nav-tabs>li.active a,
.custom-tabs-to-accordian .nav-tabs>.active>a,
.custom-tabs-to-accordian ul.nav-tabs>.active>a:hover,
.custom-tabs-to-accordian ul.nav-tabs>.active>a:focus {
	background-color: #fff !important;
	color: #444 !important;
	border-bottom: solid 1px #e1e1e1 !important;
	border-left: solid 1px #e1e1e1 !important;
	border-top: solid 1px #e1e1e1 !important;
	border-right: solid 1px #fff !important
}

.custom-tabs-to-accordian ul.nav-tabs>li.active a:after {
	border-bottom: solid 1px transparent !important;
}

.custom-tabs-to-accordian .tab-content {
	width: 70%;
	float: left;
	border: solid 1px #e1e1e1;
	padding: 20px 20px 4px 30px;
	border-left: solid 1px transparent;
	max-height: 301px;
	box-sizing: border-box;
}

.custom-tabs-to-accordian .tab-content .tab-pane h4 {
	margin-bottom: 10px
}


/* End CSS Tabs To Accordian*/

.hire-process-block {
	background: #f4f4f4;
	padding: 64px 0px;
	margin-top: 50px;
}

.commitment-client-says-wrap {
	padding: 64px 0px 0px 0px;
}

.commitment-client-says-wrap .hire-testimonials {
	padding: 40px 40px;
	margin-bottom: 0px
}

.hire-technologies-list {
	clear: both;
	display: block;
	margin-top: 15px
}

.hire-technologies-list li a .services-icon {
	margin-right: 5px;
	float: left;
	background: url("../images/sprite-icon.png") left top no-repeat;
	height: 30px;
	width: 30px;
}
.hire-technologies-list li a .services-icon.codeigniter
{
	background-position: -30px -484px;
}

.hire-technologies-list li a .laravel {
	background-position: -344px -10px;
}

.hire-technologies-list li a .node {
	background-position: -375px -10px;
}

.hire-technologies-list li a .react {
	background-position: -415px -10px;
}

.hire-technologies-list li a .magento {
	background-position: -445px -10px;
}

.hire-technologies-list li a .angular {
	background-position: -480px -10px;
}

.hire-technologies-list li a .php {
	background-position: -524px -10px;
}

.hire-technologies-list li a .wordpress {
	background-position: -560px -10px;
}

.hire-technologies-list li a .yii {
	background-position: -596px -5px;
}

.hire-technologies-list li a .ror {
	background-position: -630px -10px;
}

.hire-technologies-list li a .net {
	background-position: -670px -10px;
}

.hire-technologies-list li a .java {
	background-position: -700px -10px;
}

.hire-technologies-list li a .source {
	background-position: -740px -9px;
}

.hire-technologies-list li a .python {
	background-position: -780px -10px;
}

.hire-technologies-list li a .woo {
	background-position: -825px -5px;
}

.hire-technologies-list li a .shopify {
	background-position: -860px -5px;
}

.hire-technologies-list li {
	font-size: 14px;
	display: inline-flex;
	width: 32.7%;
	margin: 0 0 8px 0;
}

.hire-technologies-list li a {
	line-height: 30px;
	color: #000;
}

.hire-technologies-list li a:hover {
	color: #0088cc;
}

.hire-technologies-list li a img {
	float: left;
	vertical-align: middle;
	margin-right: 8px;
}

.hire-choose-us-block {
	margin-top: 20px;
}

.hire-choose-us-block .btn-readmore {
	margin-top: 20px
}


/* Hire Testimonials */

.hire-testimonials {
	margin-bottom: 40px;
	border-radius: 3px;
	border: solid 1px #0088cc;
	padding: 40px 40px 20px;
	width: 100%;
	float: left;
	position: relative;
}

.hire-testimonials:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50px 50px 0px 50px;
	background: #0088cc;
	left: 5.5%;
	top: -6px;
	-moz-transform: rotate(130deg);
	-webkit-transform: rotate(130deg);
	-o-transform: rotate(130deg);
	transform: rotate(130deg);
}

.hire-testimonials:after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50px 50px 0px 50px;
	background: #0088cc;
	right: 69%;
	top: -6px;
	-moz-transform: rotate(-40deg);
	-webkit-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
	transform: rotate(-40deg);
}

.hire-testimonials .testimonials-title {
	background-color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	height: 20px;
	left: 7%;
	padding-left: 15px;
	position: absolute;
	top: -11px;
	width: 154px;
}

.hire-testimonials .hire-testimonials-box {
	float: left;
	width: 35%;
	position: relative;
}

.hire-testimonials .hire-testimonials-box span.custom-list-icon {
	position: relative;
	display: contents;
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.hire-testimonials .hire-testimonials-box span.custom-list-icon::before {
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
	background-color: #0088cc;
	border-radius: 100%;
	content: "";
	height: 140px;
	left: 8px;
	position: absolute;
	top: 20px;
	width: 140px;
	z-index: 99;
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.hire-testimonials .hire-testimonials-box span.custom-list-icon::after {
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
	background-color: #0088cc;
	border: none;
	border-radius: 100% 100% 0;
	content: "";
	height: 160px;
	left: 0;
	position: absolute;
	top: 10px;
	transform: rotate(-40deg);
	width: 160px;
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.hire-testimonials .hire-testimonials-img {
	left: 6px;
	position: absolute;
	top: 18px;
	z-index: 999;
}

.hire-testimonials .hire-testimonials-img img {
	border-radius: 100%;
	height: 146px;
	width: 146px;
}

.hire-testimonials .hire-testi-text {
	float: right;
	width: 65%;
}

.hire-testimonials .sub-title {
	float: left;
	width: 100%;
	font-size: 13px;
	padding-bottom: 10px;
}

.hire-testimonials p {
	float: left;
	width: 100%;
	font-size: 15px;
	line-height: 18px;
}

.hire-testimonials .owl-theme .owl-controls {
	margin-top: 20px;
}


/* Why Choose Us? */

.why_pro_test_main {
	float: left;
	width: 100%;
	padding: 20px 0 0;
}

.why_pro_test_left {
	float: left;
	width: 100%;
}

.why_choose_box_main {
	float: left;
	width: 100%;
	margin: 0px 0 0;
}

.why_choose_box_left {
	background: #f5f5f5;
	border-bottom: 4px solid #787878;
	float: left;
	margin: 5px 15px 10px 0;
	min-height: 140px;
	padding: 10px;
	width: 49%;
}

.why_choose_box_left.bdrrightnone {
	margin-right: 0;
}

.why_choose_box_left p {
	margin: 0;
}

.why_choose_box_left_content_left {
	float: left;
	padding: 3px 5px 0 0;
}

.why_choose_box_left_content_left .fa {
	color: #000;
	font-size: 18px;
}

.why_choose_box_left_content_right {
	float: left;
	width: 90%;
}

.why_choose_box_left_content_right h3 {
	font-size: 18px;
	font-weight: 500;
	margin: 0;
	padding: 0px 0;
}


/* Hire Related Services */

#hire-related-services {
	padding-bottom: 0;
}

#hire-related-services .item {
	border: 0px solid #eeeeee;
	border-radius: 3px;
	color: #ffffff;
	margin: 5px 10px;
	text-align: center;
}

#hire-related-services .popover.top {
	margin-top: 50px;
}


/* Start CSS Right Side Block */

.custom-blue-border-block {
	float: left;
	border: 1px solid #0088cc;
	border-radius: 3px;
	margin-bottom: 100px;
	margin-top: 45px;
	padding: 10px;
	position: relative;
	/*width: 270px !important;*/
}

.custom-blue-border-block:nth-child(2) {
	margin-bottom: 60px;
	margin-top: 0px;
}

.custom-blue-border-block:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50px 50px 0px 50px;
	background: #0088cc;
	left: 30%;
	top: -6px;
	-moz-transform: rotate(130deg);
	-webkit-transform: rotate(130deg);
	-o-transform: rotate(130deg);
	transform: rotate(130deg);
	z-index: 1;
}

.custom-blue-border-block:after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50px 50px 0px 50px;
	background: #0088cc;
	right: 30%;
	top: -6px;
	-moz-transform: rotate(-40deg);
	-webkit-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
	transform: rotate(-40deg);
}

.custom-tilte-icon {
	background: #ffffff url("../images/sprite-icon.png") no-repeat scroll -215px -554px;
	height: 88px;
	left: 33%;
	position: absolute;
	top: -48px;
	width: 93px;
}

.custom-blue-border-block h4 {
	color: #0088cc;
	float: left;
	font-size: 16px;
	margin-top: 30px;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
}

.hire-service-block {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.hire-service-block li {
	float: left;
	font-weight: 500;
	font-size: 15px;
	line-height: 16px;
	margin-bottom: 10px;
	padding-top: 15px;
	text-align: left;
	width: 100%;
}

.hire-service-block li span {
	font-size: 12px;
}

.hire-service-block li+li {
	border-top: 1px solid #000;
}

.hire-now-btn {
	margin: 0 auto;
	width: 140px;
	height: 40px;
	border: solid #34b2f1 1px;
	border-radius: 5px;
	background-color: #1fa3e4;
	/* For browsers that do not support gradients */
	background-image: linear-gradient(0deg, #22a4e5, #68d2fe);
	/* Standard syntax (must be last) */
}

.hire-now-btn a {
	box-shadow: none;
	display: block;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	text-shadow: 0px 1px 1px #2e2e2e;
	padding: 10px 15px;
}

.hire-now-btn:hover {
	background-color: #1fa3e4;
	/* For browsers that do not support gradients */
	background-image: linear-gradient(0deg, #68d2fe, #22a4e5);
	/* Standard syntax (must be last) */
}

.benefits-title {
	top: -65px;
	background-position: -215px -646px;
}

.benefits-menu ul li {
	background-color: #ffffff;
	border: 0 solid #dddddd;
	border-radius: 0;
	color: #000;
	float: left;
	font-size: 15px;
	font-weight: 500;
	margin-right: 0;
	padding: 4px 0 4px 26px;
	position: relative;
	width: 100%;
}

.benefits-menu ul li:after {
	content: '';
	border-bottom: solid 0px #cf2f0b;
	position: absolute;
	bottom: 0;
	height: 1px;
	left: 0;
	right: 0;
}

.benefits-menu ul li span.custom-list-icon {
	position: relative;
	display: contents;
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}

.benefits-menu ul li span.custom-list-icon::before {
	background: #ffffff none repeat scroll 0 0;
	border-radius: 50px;
	content: "";
	height: 7px;
	left: 2px;
	position: absolute;
	top: 12px;
	width: 6px;
	z-index: 99;
}

.benefits-menu ul li span.custom-list-icon::after {
	background: #0088cc none repeat scroll 0 0;
	border: medium none;
	border-radius: 50px 50px 0;
	content: "";
	height: 11px;
	left: 0;
	position: absolute;
	top: 10px;
	transform: rotate(-40deg);
	width: 12px;
}


/* End CSS Right Side Block */


/* Services Page Right */

.services_page_right {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

#innerbody .services_page_right:hover {
	box-shadow: 0 0 8px 3px #666;
	z-index: 1000;
	opacity: 1;
	z-index: 99;
	position: relative;
	background: #333;
}

#innerbody .services_page_right:hover .inner-heading h2,
#innerbody .services_page_right:hover .submit_need_right,
#innerbody .services_page_right:hover .submit_need_right a {
	color: #fff;
}

#innerbody .services_page_right:hover .request-quote-form {
	background: #333;
	border: none;
}

#innerbody .services_page_right:hover .submit_need_left input {
	background: #ff7a05;
}

#innerbody .services_page_right:hover .contact-box .footerborderOut .footerborder {
	background: #ebeaea;
}


/* End CSS Hire Us Developers Pages */


/* Start CSS Request a Quote */

.request_serv_main {
	float: left;
	width: 100%;
	margin-bottom: 0px;
}

.request_serv_main h2 {
	background: #0088cc;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 36px;
	margin: 0;
	padding: 3px 15px 2px;
	text-transform: uppercase;
}

.request_serv_form01 {
	padding: 12px 20px 0;
}

.request-quote-form {
	float: left;
	width: 100%;
	border: 1px solid #e1e1e1;
	padding: 15px 10px;
	background: #e1e1e1;
}

.request-quote-form .input-box-1 label {
	color: #767676;
	display: block;
	font-family: "Raleway", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	margin: 0;
	padding-bottom: 5px;
}

.request-quote-form .input-box-1 input {
	border: 1px solid #e1e1e1;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	width: 100%;
	border-radius: 3px !important;
}

.request-quote-form .input-box-1 .selectButton {
	top: 1px;
}

.submit_need_main {
	padding: 0 0px 0px;
}

.enter_sercurity_left {
	float: left;
	width: 48%;
}

.enter_sercurity_right {
	border: 1px solid #e1e1e1;
	float: right;
	text-align: center;
	width: 48.7%;
}

.enter_sercurity_right img {
	display: block;
	width: 100%;
	height: 34px;
}

.not_redable_link {
	float: left;
	width: 100%;
	color: #767676;
	font-size: 11px;
	font-weight: 700;
}

.not_redable_link a {
	color: #0088cc;
}

.not_redable_link span {
	padding-left: 5px;
	color: #0088cc;
}

.submit_need_left {
	float: left;
	width: 100%;
}

.submit_need_left a,
.submit_need_left input {
	transition: all 0.5s ease 0s;
	color: #fff;
	display: block;
	font-family: "Raleway", sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 40px;
	text-align: center;
}

.submit_need_left input {
	background: #0088cc;
	border: 0 none;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	float: none;
	text-transform: uppercase;
	width: 100%;
}

.submit_need_left input:hover {
	background: #0061a3;
}

.submit_need_right {
	color: #444;
	float: right;
	font-size: 12px;
	line-height: 18px;
	padding: 3px 0 0;
	width: 100%;
	text-align: center;
}

.submit_need_right a {
	olor: #444;
}

.security-code-img {
	float: left;
	margin-right: 3px;
}

.security-code-img img {
	background: #fff;
	border: 1px solid #e1e1e1;
	float: left;
	padding: 7px 5px;
	border-radius: 3px;
}

.security-code-input {
	float: right;
	width: 58%;
}

.security-code-service {
	text-align: center;
}


/* END CSS Request a Quote */


/* Start CSS Related Menu */

.hire-dedicated-developers {
	float: left;
	width: 100%;
	margin: 0px 0 0px;
}

.related_menu {
	float: left;
	padding-top: 0px;
	width: 100%;
}

.related_menu ul li {
	margin-bottom: 10px;
	background-color: #ff7a05;
	border: 1px solid #ff7a05;
	border-radius: 4px;
}

.related_menu ul li:last-child {
	margin-bottom: 0px;
}

.related_menu ul li a {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	height: 50px;
	line-height: 20px;
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
}

.related_menu ul li:hover {
	border-color: #767676;
	background-color: #767676;
}

.related_menu ul li a .fa {
	color: #fff;
	float: none;
	font-size: 24px;
	font-weight: 600;
	padding: 0 5px 0 0;
}


/* END CSS Related Menu */


/* Start CSS Our Projects */

.why_pro_test_right {
	float: right;
	width: 100%;
}

.why_pro_test_right .bx-wrapper {
	margin-top: 0px;
}

.why_pro_test_right .bx-controls-direction {
	display: none;
}

.why_pro_test_right .bx-wrapper .bx-pager {
	bottom: -15px;
	display: block;
}

#home-textimonials-slider {
	width: 100%;
}

.testimonials_right_block_main {
	border: 1px solid #dfdfdf;
	float: left;
	padding: 4px;
	text-align: center;
	width: 100%;
}

.testi_content_slide {
	float: left;
	width: 100%;
}

.testi_content_slide .textimonials-text {
	color: #727272;
	font-size: 14px;
	height: 130px;
	line-height: 22px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-align: center;
}

.testi_content_slide .testimonial-left {
	float: left;
	height: 20px;
	width: 20px;
	background: rgba(0, 0, 0, 0) url("../images/testimonial-left.gif") no-repeat scroll left top;
}

.testi_content_slide .testimonial-right {
	float: right;
	height: 20px;
	width: 20px;
	background: rgba(0, 0, 0, 0) url("../images/testimonial-right.gif") no-repeat scroll right top;
}

.testi_content_slide .read-more {
	float: left;
	text-align: center;
	width: 100%;
	margin-top: 20px;
}

.testi_content_slide .read-more a {
	border: 2px solid #0088cc;
	color: #0088cc;
	display: inline-block;
	float: none;
	margin: 0 auto;
	padding: 5px 10px;
	width: auto;
}

.testi_content_slide .read-more a:hover {
	border: 2px solid #444;
	color: #444;
}


/* END CSS Our Projects */


/* Start CSS Choose Hiring Outer */

.choosehiring_outer {
	margin: 0px 0 20px;
	background: #0061A3;
	float: left;
	padding: 20px 15px 25px;
	width: 100%;
}

.choosehiring_outer .choosehiring_inner {
	float: left;
	width: 100%;
}

.choosehiring_outer .choosehiring_inner h4 {
	border-bottom: 1px solid #fff;
	color: #fff;
	font: 24px/26px "Raleway";
	font-weight: 500;
	margin: 0 0 15px;
	padding: 0 0 15px;
}

.choosehiring_outer .choosehiring_inner p {
	color: #fff;
	font: 17px/18px "Raleway";
	letter-spacing: normal;
	padding: 0;
	text-align: center;
	margin: 0 !important;
}

.choosehiring_outer .choosehiring_middle {
	background: #0088CC;
	border: 1px solid #0061a3;
	box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.19);
	float: left;
	margin: 20px 0 0;
	min-height: 210px;
	padding: 15px;
	width: 100%;
}

.choosehiring_outer .choosehiring_middle h4 {
	border-bottom: 1px solid;
	margin: 0 0 15px;
	padding: 0 0 10px;
	color: #fff;
	font: 500 22px/24px "Raleway";
}

.choosehiring_outer .choosehiring_middle p {
	color: #fff;
	font: 500 15px/20px "Raleway";
	margin: 0 0 10px;
	text-align: center;
}

.choosehiring_outer .choosehiring_middle span {
	color: #fff;
	display: inline-block;
	font: italic 14px/18px "Raleway";
	margin: 4px 0;
}


/* End CSS Choose Hiring Outer */


/* Start other ervices */

.other-ervices {
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

.service-pages .nav-tabs {
	border-bottom: 0 none;
}

.service-pages .nav-tabs>li {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

.service-pages .nav-tabs>li>a {
	border-radius: 0;
	background: #444;
	border: 1px solid #444;
	float: left;
	margin: 0;
	padding: 10px 10px 10px 5px;
	width: 100%;
}

.service-pages .nav-tabs>li>a:hover {
	background-color: #ff7a05 !important;
	border: 1px solid #ff7a05 !important;
}

.service-pages .nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus {
	background-color: #ff7a05 !important;
	border: 1px solid #ff7a05 !important;
}

.service-pages .services-provider {
	float: left;
	width: 100%;
	padding: 0px;
}

.service-pages .services-provider .img {
	float: left;
	margin: 0 5px 0 0;
	text-align: center;
	width: 60px;
}

.service-pages .services-provider i {
	color: #fff;
	font-size: 40px;
}

.service-pages .services-provider i::before {
	margin-left: 0;
}

.service-pages .services-provider .cotnent {
	color: #fff;
	font-size: 16px;
	margin: 0px 0 0;
}


/* Start CSS Our Mission */

.our-mission {
	background-color: #f9f9f9;
	border-bottom: 1px solid #d1d1d1;
	float: left;
	padding: 35px 0 35px 0;
	width: 100%;
}

.our-mission h1 {
	font-size: 30px;
	font-weight: 500;
	line-height: 30px;
	margin: 0 0 10px;
	text-align: center;
}

.our-mission p {
	color: #888;
	display: block;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
}


/* END CSS Our Mission */


/* Start CSS About Banner */

#service-details {
	margin: 0 0 0px 0;
}

#service-details .about-banner {
	background: #111;
	padding: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
}

#service-details .about-banner-bg {
	background: rgba(17, 17, 17, 0.9) none repeat scroll 0 0;
	display: inline-block;
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
}

#service-details .about-banner-img {
	background: url("../images/slider/banner-services.jpg");
	background-position: center top;
	background-size: cover;
	display: block !important;
	height: 100%;
	min-height: 450px;
	width: 100%;
}

#service-details .about-banner-img::before {
	background: rgba(17, 17, 17, 0.8) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

#service-details .text-slide {
	left: 18%;
	position: absolute;
	text-align: left;
	top: 21%;
	width: 24%;
}

#service-details .text-slide h1 {
	color: #fff;
	display: block;
	font-family: "Raleway", cursive;
	font-size: 2em;
	font-weight: 600;
	line-height: normal;
	margin: 0;
	text-shadow: 1px 2px 2px #444;
}

#service-details .text-slide p {
	color: #b8b8b8;
	display: block;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	margin: 15px 0 25px;
	text-align: left;
}


/* END CSS About Banner */


/* Banner Services Details */

.banner-right {
	position: absolute;
	right: 14%;
	text-align: left;
	top: 22%;
	width: 30%;
}

.banner-services-details {
	float: left;
	width: 100%;
}

.banner-services-details .b-solution-heading {
	color: #fff;
	display: block;
	font-size: 30px;
	font-weight: 600;
	line-height: 30px;
	padding: 0 0 15px;
}

.banner-services-details ul {
	float: left;
	width: 100%;
	margin: 0 0 0 15px;
}

.banner-services-details ul li {
	color: #fff;
	float: left;
	font-size: 20px;
	line-height: 20px;
	list-style-type: disc;
	margin: 0;
	padding: 7px 0;
	width: 100%;
}


/* Quick Inquiry Section */

.quick-inquiry-section {
	float: left;
	margin-top: 20px;
	width: 100%;
}

.quick-inquiry-section .btn-quick-inquiry {
	background: rgba(17, 17, 17, 0.1) none repeat scroll 0 0;
	border: 1px solid #f1f1f1;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 42px;
	padding: 0 25px;
	text-align: center;
	text-transform: uppercase;
	transition: opacity 0.15s ease-in-out 0s;
}

.quick-inquiry-section .btn-quick-inquiry:hover {
	background: rgba(17, 17, 17, 0.9) none repeat scroll 0 0;
	border-color: #c1c1c1;
	color: #c1c1c1;
}

.quick-inquiry-section .call {
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	margin: 20px 0 20px 10px;
}


/* Related Services */

#related-services {
	padding: 0px 0 30px 0px;
	background: #fff;
}

.releted-s-logo-box {
	box-sizing: border-box;
	float: left;
	width: 100%;
}

.releted-s-logo-box span {
	text-align: center;
}


/* retated logo main */

.retated-logo-main {
	float: left;
	width: 100%;
	position: relative;
}

.retated-logo-main .owl-wrapper-outer {
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}

.retated-logo-main .owl-controls {
	bottom: 50px;
	left: auto;
	position: relative;
	right: auto;
	text-align: center;
	width: 100%;
}

.retated-logo-main .owl-controls .owl-buttons div {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #353535;
	border-radius: 0;
	color: #353535;
	font-size: 13px;
	height: 20px;
	line-height: 17px;
	margin: 0 0 0 5px;
	padding: 1px 0;
	width: 20px;
	cursor: pointer;
}

.retated-logo-main .owl-prev {
	left: 2%;
	margin: 0 !important;
	position: absolute;
}

.retated-logo-main .owl-next {
	margin: 0 !important;
	position: absolute;
	right: 2%;
}

.related-sprites {
	background: rgba(0, 0, 0, 0) url("../images/windows-app-sprites.png") center center no-repeat scroll;
	display: block;
	margin: 0 auto 5px;
}

.related-iphone-icon {
	background-position: 0 -44px;
	height: 40px;
	width: 25px;
}

.retated-logo-main a:hover .related-iphone-icon {
	background-position: 0 0;
}

.related-ipad-icon {
	background-position: -27px -44px;
	height: 40px;
	width: 32px;
}

.retated-logo-main a:hover .related-ipad-icon {
	background-position: -27px 0;
}

.related-android-icon {
	background-position: -100px -44px;
	height: 41px;
	width: 34px;
}

.retated-logo-main a:hover .related-android-icon {
	background-position: -100px 0;
}

.related-cross-icon {
	background-position: -135px -44px;
	height: 40px;
	width: 48px;
}

.retated-logo-main a:hover .related-cross-icon {
	background-position: -135px 0;
}

.related-swift-app-icon {
	background-position: -217px -44px;
	height: 40px;
	width: 40px;
}

.retated-logo-main a:hover .related-swift-app-icon {
	background-position: -217px 0;
}

.retated-logo-main span i {
	display: block;
	min-height: 44px;
}

.retated-logo-main span em {
	color: #444;
	display: block;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
}


/* Easy steps */

.easy-steps-wrapper {
	background: #fff;
	height: 100%;
	padding: 5px 0 35px;
	width: 100%;
}

.easy-steps-wrapper .generic-heading-3 strong.title-line {
	color: #7e7e7e;
}

.easy-steps-wrapper .generic-heading-3 strong.title-line::before {
	bottom: -21px;
	border: 1px solid #cecece;
}

.easy-steps-wrapper .generic-heading-3 strong.title-line::after {
	border: 3px solid #08c;
}

.uk-text-center {
	color: #c3cce8 !important;
}

.easy-steps {
	float: left;
	width: 100%;
}

.easy-steps .block-1 {
	float: left;
	width: 100%;
}

.easy-steps .block-1 .easy-step-hd {
	color: #444;
	font-size: 26px;
	font-weight: 500;
	margin: 0 0 30px;
}

.easy-steps .block-2 {
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
}

.easy-steps .block-2 ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0px 0 0 0;
	width: 100%;
	text-align: center;
}

.easy-steps .block-2 ul li {
	display: inline-block;
	float: left;
	font-size: 16px;
	font-weight: 500;
	height: auto;
	line-height: 20px;
	margin: 0;
	padding: 0 20px;
	position: relative;
	text-align: center;
	transition: all 0.3s ease-in-out 0s;
	width: 25%;
	box-sizing: border-box;
}

.easy-steps .block-2 ul li:nth-child(odd) {
	margin-top: 56px;
}

.easy-steps .block-2 ul li:nth-child(even) {
	margin-top: 0px;
}

.easy-steps .block-2 ul li:nth-child(even) span.es-img {
	margin: 0 0 15px 0;
	display: block;
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
}

.easy-steps .block-2 ul li:nth-child(odd) span.es-img {
	margin: 22px 0 0 0;
	display: block;
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
}

.easy-steps .block-2 ul li em {
	float: left;
	width: 100%;
	color: #000;
	font-size: 1.2rem;
	font-weight: 500;
	text-align: center;
}

.easy-steps-flowline {
	position: absolute;
	left: 208px;
	top: 16px;
	max-width: 750px;
	width: auto;
}


/* Service Portfolio */

#service-portfolio {
	background-color: #282832;
	background-image: linear-gradient(100deg, #2d2d38, #23232c);
	float: left;
	padding: 10px 0 0 0;
	width: 100%;
}

#service-portfolio .generic-heading-3 strong.title-line::before {
	bottom: -21px;
	border: 1px solid #c3cce8;
}

#service-portfolio .generic-heading-3 strong.title-line::after {
	border: 3px solid #c3cce8;
}

#service-portfolio .service-portfolio {
	width: 100%;
	float: left;
	position: relative;
	background: rgba(0, 0, 0, 0) url("../images/wall.png") repeat scroll 0 0;
}

#service-inner-slider .division-image {
	display: block;
	padding: 30px 0 40px;
	text-align: left;
}

#service-inner-slider .portfolio-full-divison {
	padding: 0 0 0px;
}

#service-inner-slider .services-project-title {
	margin: 20px 0 10px;
	color: #000;
	text-align: center;
}

.services-project-text {
	color: #fff;
	margin: 0;
	padding: 20px 0 0;
	text-align: left;
}

.services-project-text h3 {
	font-size: 26px;
	line-height: 30px;
	color: #fff;
}

.services-project-text h4 {
	margin-bottom: 10px;
	color: #fff;
}

.services-project-text p {
	margin: 0 0 15px;
	color: #fff;
}

.services-project-text ul {
	margin: 0 0 30px 15px;
}

.services-project-text li {
	list-style: disc;
	padding: 2px 0;
	text-transform: capitalize;
}

.list-unstyled>li .fa {
	display: none;
}


/* owl-controls */

#service-inner-slider .owl-controls {
	bottom: 20px;
	float: left;
	margin: 20px auto 0;
	position: relative;
	text-align: center;
	width: 100%;
}

#service-inner-slider .owl-pagination {
	margin: 0;
}

#service-inner-slider .owl-pagination .owl-page {
	display: inline-block;
	letter-spacing: -1px;
	margin: 0;
	text-align: center;
}


/* Technical Support */

.technical-support {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

.hire-php-developer-banner {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.technical-support-box {
	background: #f8f8f8/*#f2f0e9*/
	;
	border: 1px solid #e1e1e1;
	border-radius: 0;
	float: left;
	padding: 14px;
	width: 100%;
}

.technical-support-box ul {
	box-sizing: border-box;
	margin: 0;
	padding: 0 0 15px;
	width: 100%;
}

.technical-support-box ul li {
	border-top: 1px solid #cccccc;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
}

.technical-support-box ul li:first-child {
	border-top: 0 none;
}

.technical-support-box ul li span {
	clear: both;
	color: #818181;
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
}

.get-a-quote-box .get-submit-btn,
.get-s-now-btn {
	min-height: 43px;
	text-align: center;
	text-decoration: none;
	transition: all 0.1s ease 0s;
}

.get-s-now-btn {
	background-color: #0874b2;
	color: #fff;
	display: table;
	font-size: 18px;
	line-height: 43px;
	margin: auto;
	width: 180px;
}

.get-s-now-btn:hover {
	background: #005a8e;
	color: #fff;
}


/* Return To Top  */

#return-to-top {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	border-radius: 4px;
	bottom: 75px;
	display: none;
	height: 50px;
	position: fixed;
	right: 20px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	width: 50px;
	z-index: 999;
}

#return-to-top i {
	color: #fff;
	font-size: 19px;
	left: 16px;
	margin: 0;
	position: relative;
	top: 13px;
	transition: all 0.3s ease 0s;
}

#return-to-top:hover {
	background: rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
	color: #fff;
}


/* Start CSS Christmas Footer */

.christmas-footer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
}

.christmas-footer img {
	vertical-align: bottom;
}

a.christmas-offer-sticker {
	position: fixed;
	left: 0;
	bottom: 0;
	background: transparent;
	box-shadow: none;
	border: none;
	padding: 0;
	text-shadow: none;
}

a.christmas-offer-sticker:hover,
a.christmas-offer-sticker:focus {
	background: none;
	box-shadow: none;
}

a.christmas-offer-sticker img {
	vertical-align: bottom;
}


/* Modal Popup */

p.highlight-line {
	text-transform: uppercase;
	color: #e0e070;
	font-size: 60px;
	text-align: center;
	font-weight: 800;
	letter-spacing: 8px;
}

.special-offer {
	background: #fff;
	color: #cc0500;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	font-size: 45px;
	line-height: 36px;
	font-weight: 700;
	padding: 27px 15px;
	border: dashed 1px #ff201a;
}

.special-offer span {
	font-size: 30px
}

.limit-period {
	color: #fff;
	margin-top: 10px;
	font-size: 11px;
}

.development-title {
	width: 74%;
	font-size: 3.3rem;
	font-weight: 800;
	color: #fff;
	line-height: 1.1;
	text-align: left;
	text-transform: uppercase;
}

.chrismas-btn {
	background: #fff;
	color: #cc0500 !important;
	font-size: 1.1rem;
	font-weight: 600;
	text-transform: uppercase;
	padding: 4px 14px;
	line-height: 2;
	margin-top: 1rem;
	text-shadow: none;
	box-shadow: none;
}

.chrismas-btn:hover,
.chrismas-btn:focus {
	background: #ff9012;
	color: #fff !important;
	box-shadow: none;
}

button.close {
	padding: 0;
	cursor: pointer;
	background: #fff;
	border: 0;
	-webkit-appearance: none;
	width: 26px;
	height: 26px;
	line-height: 26px;
	border-radius: 3px;
	position: relative;
	z-index: 9;
}

.close {
	float: right;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
	color: #000;
	text-shadow: none;
	opacity: 1;
}

.close:hover,
.close:focus {
	opacity: 1;
	background: #000;
	color: #fff;
}


/* End CSS Christmas Footer  */


/* Thaks Page CSS Start */

.thaks-page {
	text-align: center;
	background-color: #f7f7f7;
	border: 3px double #dadada;
}

.thaks-page-inner {
	padding: 60px;
}

.thaks-page strong {
	color: #ff9630;
	font-size: 36px !important;
	line-height: 40px !important;
	margin-bottom: 0.5em;
	padding-bottom: 0.4em;
	text-transform: uppercase;
}

.thaks-img {
	float: left;
	margin-bottom: -5px;
	width: 100%;
}


/* Thaks Page CSS End */

.free-quote-btn {
	display: none;
}


/*  Free Quote Start */

.request-free-quote {
	display: none;
	background-color: #333;
	border-radius: 8px 0 8px 8px;
	color: #fff;
	padding: 5px;
	position: absolute;
	right: 2px;
	text-align: center;
	top: 40px;
	width: 250px;
	z-index: 1000;
}

.request-free-quote .request-quote-form {
	background-color: transparent;
	border: 0;
}

.request-free-quote h2 {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	margin: 0;
	padding: 20px 0 0;
}

.request-free-quote p {
	font-size: 14px;
	color: #fff;
}

.request-free-quote .close {
	background-color: #333333;
	border-radius: 10px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	height: 20px;
	line-height: 18px;
	padding: 0;
	position: absolute;
	right: -5px;
	text-align: center;
	top: -5px;
	width: 20px;
}

.request-free-quote .submit_need_left input {
	background: #ff7a05;
}

.home-tag {
	color: #ff7a05;
	font-weight: 700;
	text-transform: uppercase;
}


/*  Free Quote End */


/* Custom Solutions Start */

.custom-solutions {
	float: left;
	padding: 30px 0;
	width: 100%;
}

.custom-solutions {
	background: rgba(0, 0, 0, 0) linear-gradient(to right, #ff7a05 50%, #0061a3 50%) repeat scroll 0 0;
}

.custom-solutions .custom-img img {
	display: inline;
}

.custom-solutions .u-titleMd {
	color: #fff;
	font-size: 46px;
	font-weight: 700;
	line-height: 50px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.custom-solutions .Banner-description {
	color: #fff;
	font-size: 20px;
	line-height: 26px;
	margin: 0 0 10px;
}

.custom-solutions .btn-custom {
	color: #000;
	background: #fff;
	border: 2px solid #000;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	min-width: 150px;
	padding: 14px 35px;
	text-transform: uppercase;
}

.btn-custom:hover,
.btn-custom:focus {
	background: #0061a3;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	border: 2px solid #fff;
	border-collapse: collapse;
}


/* Custom Solutions End */


/* What's New! Blog Start */

.blog-section {
	width: 100%;
	float: left;
	padding: 30px 0 0;
}

.blog-section .section-title {
	color: #000;
	font-family: "Poppins", sans-serif;
	font-size: 36px;
	font-weight: 600;
	line-height: 36px;
}

.blog-section .section-desc {
	color: #222;
	font-weight: 500;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 15px;
	text-align: center;
}

.blog-section .blog-item .blog-img {
	float: left;
	margin-bottom: 5px;
	width: 100%;
}

.blog-section .blog-item img {
	min-height: 121px
}

.blog-section .blog-item .blog-title {
	float: left;
	font-weight: 700;
	height: 46px;
	line-height: 18px;
	margin-bottom: 0px;
	padding: 5px 0;
	width: 100%;
}

.blog-section .blog-item p {
	float: left;
	font-weight: 400;
	margin-bottom: 15px;
	width: 100%;
}


/* What's New! Blog End */


/* Start CSS HOMEPAGE Subscribe Form */

.subscribe-btn {
	background: #00223a;
	border: 0 none;
	border-radius: 6px 6px 0 0;
	box-shadow: none;
	font-size: 1.1rem;
	font-weight: 500;
	left: -62px;
	letter-spacing: 2px;
	margin: 0;
	outline: 0 none;
	position: fixed;
	text-shadow: none;
	text-transform: uppercase;
	top: 50%;
	transform: rotate(90deg);
	z-index: 1050;
}

.subscribe-modal .modal {
	border: 0 none;
	border-radius: 6px;
	height: 443px;
	margin-left: -366px;
	overflow: hidden;
	width: 732px;
}

.subscribe-modal .modal {
	background: url(../images/newsletter/subscribe-pattern.jpg);
}

.subscribe-modal .subscribenw-image img {
	border-radius: 6px 0 0 6px;
}

.subscribe-modal .modal-header {
	border: none;
	float: left;
	padding: 43px 20px 28px 4px;
	width: 100%;
}

.subscribe-modal .modal-header button.close {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	color: #444444;
	cursor: pointer;
	font-size: 2.5rem;
	font-weight: 400;
	margin: 0;
	opacity: 1;
	padding: 0;
	position: absolute;
	right: 17px;
	top: 12px;
}

.subscribe-modal .modal-title {
	color: #444444;
	font-weight: 500;
	margin-bottom: 14px;
}

.subscribe-modal .subscribe-text {
	color: #444444;
	font-family: "Raleway";
	font-weight: 500;
	line-height: 32px;
	margin-bottom: 50px;
	text-align: left;
}

.subscribe-email-block {
	margin-bottom: 15px;
}

.subscribe-modal input[type="email"] {
	border: 1px solid #b7b7b7;
	border-radius: 3px;
	height: 56px;
	padding: 0 15px
}

.subscribe-modal .btn-subscribe {
	background: #ff7a05 none repeat scroll 0 0;
	border: medium none;
	box-shadow: none;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	height: 56px;
	min-width: 184px;
	padding: 12px 30px;
	text-shadow: none;
	text-transform: uppercase;
}

.form-group {
	float: left;
	margin-bottom: 15px;
	width: 100%;
}

label {
	display: inline-block;
	font-weight: 500;
	margin-bottom: 5px;
	max-width: 100%;
}

.gradient-bg {
	/* fallback */
	background-color: #1a82f7;
	background: url(images/linear_bg_2.png);
	background-repeat: repeat-x;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #2F2727, #1a82f7);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #2F2727, #1a82f7);
	/* IE 10 */
	background: -ms-linear-gradient(top, #2F2727, #1a82f7);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #2F2727, #1a82f7);
}


/* End CSS HOMEPAGE Subscribe Form */


/* Start CSS Rating Review */

.rating-review {
	padding: 10px 0 10px 0;
	background-color: #0061a3;
}

.rating-review .aggregateRating {
	text-align: center;
	color: #fff;
}

.rating-review .aggregateRating a {
	color: #ff7a05;
	font-weight: 600;
}

.my-rating {
	display: inline-block;
}

.start-rated {
	display: inline-block;
	margin-left: 5px;
	position: relative;
	top: -2px;
}


/* End CSS Rating Review */


/*  New CSS Why Choose Us*/

#why-choose-accordion {}

.why-choose-us {
	padding: 0 0 50px 0;
}

.why-choose-us h4 img {
	float: left;
	margin-right: 10px;
}

.why-choose-us .panel-default {
	overflow: hidden;
}

.why-choose-us .panel-default>.panel-heading a[aria-expanded="true"] {
	background-color: transparent;
}

.panel-default>.panel-heading a::after {
	font-size: 34px;
	font-weight: 600;
}

.why-choose-us .panel-default>.panel-heading a {
	border-bottom: 1px solid #444444;
	color: #444444;
	display: block;
	font-size: 18px;
	font-weight: 500;
	line-height: 40px;
	padding: 20px 10px;
}

.why-choose-us .panel-default>.panel-heading h4 {
	margin: 0 0 10px;
	transition: all 0.5s ease 0s;
}

.why-choose-us .panel-default>.panel-heading a span {
	float: right;
	line-height: 40px;
}


/* Choose Accordion Box */

.choose-accordion-box {
	float: left;
	width: 100%;
}

.choose-accordion-box .accordion {
	margin: 0;
}

.choose-accordion-box .accordion-group {
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
	background: #fff;
}

.choose-accordion-box .accordion-heading:hover,
.choose-accordion-box .accordion-heading.active {
	color: #000;
}

.choose-accordion-box .accordion-heading:hover .accordion-toggle,
.choose-accordion-box .accordion-heading.active .accordion-toggle {
	color: #000;
}

.choose-accordion-box .accordion-heading .accordion-toggle {
	border-bottom: 1px solid #444444;
	color: #444444;
	display: block;
	font-size: 18px;
	font-weight: 500;
	line-height: 44px;
	padding: 20px 0px;
}

.choose-accordion-box .accordion-heading .accordion-toggle img {
	float: left;
	margin-right: 10px;
}

.choose-accordion-box .accordion-toggle>span {
	display: none;
	float: right;
	line-height: 44px;
	color: #000;
}

.choose-accordion-box .accordion-heading.active .accordion-toggle span {
	display: none;
	color: #000;
}

.choose-accordion-box .accordion-heading .accordion-toggle:before {
	float: right;
	left: 0;
	font-family: 'FontAwesome';
	content: "\f067";
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.choose-accordion-box .accordion-heading.active .accordion-toggle:before {
	left: 0;
	font-family: 'FontAwesome';
	content: "\f068";
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.choose-accordion-box .accordion-inner {
	float: left;
	width: 100%;
	border-top: 1px solid #ddd;
	padding: 9px 0 0 0;
	background-color: #fff;
}

.choose-accordion-box .accordion-inner p {
	text-align: justify;
	margin: 0 0 1em 0;
}

.choose-accordion-box .accordion-inner .frame {
	float: left;
	margin: 0;
	text-align: center;
	width: 100%;
}

.choose-accordion-box .accordion-inner .frame:hover img {
	opacity: 0.8;
	cursor: pointer;
}


/*  New CSS Why Choose Us*/


/* Start NEW CSS Hire Us Developers Pages */

#hire-developer-banner {
	margin: 0;
}

#hire-developer-banner .hire-developer-banner {
	background: rgba(0, 0, 0, 0) url("../images/slider/hire-magento-developer-banner.jpg") no-repeat right top;
	padding: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
	width: 100%;
	height: 450px;
	background-size: cover;
}

#hire-developer-banner .hire-developer-banner .hire-us-banner img {
	width: 100%;
	min-height: 450px;
	display: none;
}

#hire-developer-banner .banner-left {
	left: 18%;
	position: absolute;
	text-align: left;
	top: 16%;
	/*width: 30%;*/
}

#hire-developer-banner .hire-banner {
	float: left;
	width: 100%;
}

#hire-developer-banner .hire-banner .b-solution-heading {
	width: 70%;
	color: #fff;
	display: block;
	font-size: 30px;
	font-weight: 600;
	line-height: 36px;
	padding: 0 0 10px;
}

#hire-developer-banner .hire-banner .b-solution-heading.cross-platform {
	width: 35%;
}

#hire-developer-banner .hire-banner ul {
	float: left;
	width: 100%;
	margin: 0;
}

#hire-developer-banner .hire-banner ul li {
	background: rgba(0, 0, 0, 0) url("../images/li-icon.png") no-repeat scroll left center;
	color: #fff;
	float: left;
	font-size: 18px;
	line-height: 32px;
	list-style: none;
	margin: 0px 0;
	padding: 0 0 0 20px;
	width: 100%;
}

#hire-developer-banner .parameters {
	position: absolute;
	right: 18%;
	text-align: right;
	top: 16%;
	width: 34.5%;
}

#hire-developer-banner .banner-left .hire-now-btn {
	display: inline-block;
	width: 320px;
	margin: 20px 0 0;
}


/* Start CSS Hire Dedicated Web Developers */

#hire-dedicated-web-dev {
	padding: 15px 0 0 0;
}


/* Start CSS Hire Dedicated Web Developers */

#hire-our-services {
	padding: 30px 0 0px 0;
}


/* Start CSS Android Apps Deployed */

#android-apps-dev {
	padding: 60px 0 44px 0;
	background: rgba(0, 0, 0, 0) url("../images/hire_us/android-apps-dev-bg.png") center top no-repeat;
	background-size: cover;
}

.android-apps-dev .generic-heading-3 strong.title-line,
.hire-best-steps .generic-heading-3 strong.title-line {
	font-size: 15px;
	line-height: 20px;
	color: #444;
	text-transform: inherit;
}

#service-inner-slider .division-image {
	display: block !important;
	padding-bottom: 0 !important;
}

.android-apps-dev .services-project-text h3 {
	font-size: 30px;
	line-height: 30px;
	color: #444;
}

.android-apps-dev .services-project-text h4 {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 20px;
	color: #444;
}

.android-apps-dev .services-project-text p {
	margin: 0 0 15px;
	font-size: 15px;
	color: #444;
}

.android-apps-dev .services-project-text li {
	list-style: none !important;
	color: #444;
}

#android-apps-dev .owl-controls {
	bottom: 5px !important;
	margin-top: 80px !important;
}

.view-all {
	margin-top: 7px !important;
	position: relative;
}

.view-all .btn-readmore {
	min-width: 142px;
	padding: 9px 15px;
}


/* Start CSS Hire Best Steps */

#hire-best-steps {
	float: left;
	width: 100%;
	padding: 0px 0 90px 0px;
}

#hire-best-steps .hire-best-steps {
	float: left;
	width: 100%;
	position: relative;
}

#hire-best-steps .hire-best-steps-box .owl-controls {
	bottom: 50px;
	left: auto;
	position: relative;
	right: auto;
	text-align: center;
	width: 100%;
}

#hire-best-steps .hire-best-steps-box {
	text-align: center;
	float: left;
	width: 100%;
	min-height: 142px;
}

#hire-best-steps .hire-best-steps-box li {
	position: relative;
	display: inline-block;
	margin: 2% 2% 0;
	height: 164px;
	width: 164px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

#hire-best-steps .hire-best-steps-box li div,
#hire-best-steps .hire-best-steps-box li div,
#hire-best-steps .hire-best-steps-box li .steps-hover-text {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	cursor: pointer;
}

#hire-best-steps .hire-best-steps-box li span.custom-list-icon {
	position: relative;
	display: contents;
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

#hire-best-steps .hire-best-steps-box li span.custom-list-icon::before {
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
	background-color: #ffffff;
	border-radius: 100%;
	content: "";
	height: 140px;
	left: 8px;
	position: absolute;
	top: 20px;
	width: 140px;
	z-index: 99;
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

#hire-best-steps .hire-best-steps-box li span.custom-list-icon::after {
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
	background-color: #0088cc;
	border: none;
	border-radius: 100% 100% 0;
	content: "";
	height: 160px;
	left: 0;
	position: absolute;
	top: 10px;
	transform: rotate(-40deg);
	width: 160px;
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

#hire-best-steps .hire-best-steps-box li .steps-01 span.custom-list-icon::after {
	background-color: #84256c;
}

#hire-best-steps .hire-best-steps-box li .steps-02 span.custom-list-icon::after {
	background-color: #ff5a34;
}

#hire-best-steps .hire-best-steps-box li .steps-03 span.custom-list-icon::after {
	background-color: #0056b8;
}

#hire-best-steps .hire-best-steps-box li .steps-04 span.custom-list-icon::after {
	background-color: #f6a704;
}

#hire-best-steps .hire-best-steps-box li .steps-05 span.custom-list-icon::after {
	background-color: #779a0b;
}

#hire-best-steps .hire-best-steps-box li .hire-best-steps-sprites {
	background: rgba(0, 0, 0, 0) url("../images/hire_us/hire-best-magento-sprite-icon.png") 0 0 no-repeat;
}

#hire-best-steps .hire-best-steps-box li .text-title {
	left: 10%;
	line-height: 15px;
	overflow: hidden;
	position: absolute;
	top: 10%;
	width: 120px;
	z-index: 99;
	opacity: 1
}

#hire-best-steps .hire-best-steps-box li .steps-hover-text {
	display: none;
	font-size: 14px;
	height: 114px;
	left: 15%;
	line-height: 18px;
	overflow: hidden;
	position: absolute;
	top: 26%;
	width: 110px;
	z-index: 99;
}

#hire-best-steps .hire-best-steps-box li .steps-01:hover>span.custom-list-icon::after,
#hire-best-steps .hire-best-steps-box li .steps-02:hover>span.custom-list-icon::after,
#hire-best-steps .hire-best-steps-box li .steps-03:hover>span.custom-list-icon::after,
#hire-best-steps .hire-best-steps-box li .steps-04:hover>span.custom-list-icon::after,
#hire-best-steps .hire-best-steps-box li .steps-05:hover>span.custom-list-icon::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

#hire-best-steps .hire-best-steps-box li div:hover>div.text-title {
	opacity: 0
}

#hire-best-steps .hire-best-steps-box li div:hover>div.steps-hover-text {
	display: block;
}

#hire-best-steps .hire-best-steps-box li i {
	display: inline-block;
	min-height: 44px;
}

#hire-best-steps .hire-best-steps-box li em {
	height: 40px;
	margin-top: 35px;
	color: #444;
	display: block;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
}

#hire-best-steps .inquery-icon {
	background-position: 0 0;
	height: 54px;
	width: 54px;
}

#hire-best-steps .evaluate-icon {
	background-position: -55px 0 !important;
	height: 54px;
	width: 54px;
}

#hire-best-steps .select-icon {
	background-position: -110px 0 !important;
	height: 54px;
	width: 54px;
}

#hire-best-steps .pay-icon {
	background-position: -160px 0 !important;
	height: 54px;
	width: 54px;
}

#hire-best-steps .terms-icon {
	background-position: -210px 0 !important;
	height: 54px;
	width: 54px;
}


/* End CSS Hire Best Steps */


/* End NEW CSS Hire Us Developers Pages */

.hire-related-logo .span2 {
	display: inline-block;
	float: none;
	width: 17.5%;
}

.protfolio-banner-text .portfolio-xl-btn {
	border-width: 2px;
	display: inline-block;
	font-size: 15px;
	height: 46px;
	line-height: 34px;
	margin: 0 15px 0 0;
	min-width: 190px;
	padding: 5px 20px;
	text-align: center;
	transition: background 0.2s ease-out 0s, color 0.2s ease-out 0s;
}

.protfolio-banner-text .portfolio-btn {
	background: transparent;
	border: 2px solid #ffffff;
	color: #ffffff;
}

.protfolio-banner-text .portfolio-btn:hover {
	background: #ffffff;
	border: 2px solid #ffffff;
	color: #000;
}

.tenth-top {
	position: absolute;
	top: 0px;
	right: 0px;
}


/*=============== START RESPONSIVE CSS ===============*/

@media(max-width:1699px) {
	#about-details .contact-banner.worldmap-bg .text-slide {
		left: 5%;
		right: 5%;
	}
	#hire-developer-banner .banner-left {
		left: 7%;
	}
	#hire-developer-banner .parameters {
		width: 50%;
		right: 7%;
	}
}

@media(max-width:1299px) {
	#hire-developer-banner .banner-left {
		left: 5%;
	}
	#hire-developer-banner .parameters {
		right: 5%;
	}
}

@media (min-width: 1023px) {
	/*.home-testimonials .testimonials-text {height: 170px;overflow: hidden;}*/
	#hire-developer-banner .hire-banner .b-solution-heading.hire-dev-hed {
		width: 30%;
	}
}

@media (min-width:768px) and (max-width:1200px) {
	.blog-section .row-fluid .span9 {
		width: 100% !important;
	}
	.blog-section .row-fluid .span3 {
		width: 31% !important;
	}
	.hire-testimonials .hire-testi-text {
		width: 55%;
	}
	#hire-best-steps .hire-best-steps-box li {
		margin: 2% 4% 0;
	}
	#hire-developer-banner .hire-banner ul li {
		font-size: 16px;
		/*line-height: 26px;*/
	}
}

@media(max-width:1199px) {
	/* Target all Firefox */
	@-moz-document url-prefix() {
		.contact-form .resume-text {
			height: 208px;
		}
	}
	.blog-section .container {
		padding-left: 0;
		padding-right: 0
	}
	.container {
		padding-left: 15px;
		padding-right: 15px;
		width: auto
	}
	.menu-space {
		display: none;
		height: 15px
	}
	#banner .caption {
		left: 2%;
		right: 2%;
		width: auto;
		top: 26%
	}
	#banner .caption-inner {
		left: 0;
		right: 0;
		width: 100%;
		top: 79.6%!important
	}
	.chirty-box {
		margin: 0 0 2em!important;
		width: 33%!important
	}
	.home-testimonials .testimonials-text {
		/*  max-width:65%*/
	}
	.team-box h3 {
		height: 44px
	}
	.worldmap-bg {
		padding-bottom: 0;
		/*background-size:100% 100%;*/
	}
	.keyFeatures h4 {
		font-size: 24px
	}
	.keyFeatures {
		min-height: auto;
		padding: 10px 5px 10px 10px
	}
	.keyFeatures ul li {
		line-height: 17px;
		padding: 4px 15px
	}
	.portfolio-banner h1 {
		bottom: -4px;
		font-size: 2.2em
	}
	.contact-form .human-verification #secure_code {
		width: 56%
	}
	#home-banner .banner-img {
		min-height: 717px
	}
	.why_choose_box_left_content_left {
		padding: 0 5px 0 0
	}
	.why_choose_box_left {
		width: 48%;
		min-height: 170px
	}
	#service-details .text-slide {
		top: 15%;
		left: 3%;
		width: 40%
	}
	.banner-right {
		top: 10%;
		right: 1%;
		width: 50%
	}
	.address-box .fa {
		margin: 0 10px 0 0;
		width: 30px;
		height: 40px
	}
	.security-code-input {
		width: 52%
	}
	.home-testimonials .testimonials-text p {
		/* width: 86%;*/
	}
	.contact-banner.worldmap-bg {
		min-height: 620px;
	}
	#about-details .contact-banner.worldmap-bg .text-slide {
		top: 14%;
	}
	#hire-developer-banner .hire-developer-banner {
		height: 400px;
	}
	#hire-developer-banner .banner-left {
		top: 10%;
		left: 2%;
	}
	#hire-developer-banner .parameters {
		right: 2%;
	}
	#hire-developer-banner .hire-banner .b-solution-heading {
		font-size: 24px;
		/*line-height: 24px;*/
		padding: 0px;
	}
	#hire-developer-banner .hire-banner h2 {
		font-size: 20px;
		line-height: 20px;
	}
	.cookies-section .container {
		width: 90%;
	}
	.main-hireus-wrap .banner-text-slide {
		top: 4%;
	}
	#android-apps-dev {
		margin-top: 40px;
		background: rgba(0, 0, 0, 0) url("../images/hire_us/android-apps-dev-bg-device.png") no-repeat 0 0;
		background-size: cover;
	}
	#hire-our-services {
		padding-bottom: 40px;
	}
}

@media(max-width:1023px) {
	#main {
		margin-top: 41px !important;
	}
	.logo {
		width: 160px;
		padding: 9px 0;
	}
	/*
  .smaller #navigation .logo {
    width: 180px;
    display: block
  }
  */
	#banner {
		padding-top: 0px
	}
	.inner-banner img {
		height: 250px
	}
	#service-inner .owl-controls {
		top: 30%
	}
	.contact-form .human-verification #secure_code {
		width: 54%
	}
	#about-details .text-slide {
		top: 34%;
		left: 3%;
		right: 3%
	}
	#about-details .text-slide h1 {
		font-size: 2em
	}
	#about-details .text-slide p {
		font-size: 16px;
		line-height: 22px;
	}
	#service-details .text-slide h1 {
		font-size: 1.6em
	}
	#service-details .text-slide p {
		font-size: 16px
	}
	.banner-services-details .b-solution-heading {
		font-size: 24px
	}
	.easy-steps .block-2 ul li {
		width: 230px
	}
	.easy-steps .block-2 ul li::before {
		background-size: 60%
	}
	.toll-free-mobile {
		display: none;
		width: 100%
	}
	.toll-free-mobile>a {
		color: #0061a3;
		font-family: Arial;
		font-size: 16px
	}
	.free-quote-btn {
		display: block;
		right: 0;
		position: fixed;
		top: 42%;
		z-index: 101
	}
	.request-free-quote {
		right: 25px;
		top: 60px
	}
	.custom-solutions .u-titleMd {
		font-size: 34px;
		line-height: 40px
	}
	.blog-section .section-title {
		font-size: 26px;
		line-height: 26px;
		margin-bottom: 10px
	}
	#about-details .our-services-banner {
		background-position: center -85px;
		min-height: 350px;
	}
	.tenth-top {
		top: 72px;
	}
	.tenth-top img {
		float: right;
		width: 70%;
	}
	.home-testimonials .span6.video-L {
		width: 100% !important;
		padding-right: 0px;
		margin-left: 0 !important;
	}
	.home-testimonials .span6.testi-R {
		width: 100% !important;
		padding-right: 0px;
		margin-left: 0 !important;
		margin-top: 30px !important;
	}
	.home-testimonials .client-box strong.title {
		margin: 0;
	}
	.case-study-footer {
		padding-bottom: 50px !important;
	}
	.botto-sticky {
		bottom: 0;
		display: block !important;
		left: 0;
		position: fixed;
		transition: bottom 0.3s ease-in-out 0s;
		width: 100%;
		z-index: 111;
	}
	.botto-sticky .botto-sticky-inner {
		margin: 0;
		background: #ff7900;
		box-shadow: 0 18px 20px 10px #000000;
		float: left;
		padding: 0px;
		width: 100%;
		height: 50px;
	}
	.botto-sticky .get-quote-btn {
		float: left;
		width: 50%;
		padding-top: 14px;
		text-align: center;
		background: #ff7900;
	}
	.botto-sticky .get-quote-btn a {
		font-size: 20px;
		line-height: 24px;
		color: #fff;
		font-weight: 700;
		text-transform: uppercase;
	}
	.botto-sticky .mail-btn {
		float: left;
		width: 25%;
		color: #fff;
		text-align: center;
		background: #e56c00;
		padding: 10px;
	}
	.botto-sticky .mail-btn a {
		font-size: 30px;
		color: #fff;
	}
	.botto-sticky .phone-btn {
		background: #cf5e00;
	}
}

@media(min-width:768px) and (max-width:1023px) {
	.hide-mob {
		display: none
	}
	.services-box {
		height: 344px;
		margin: 0 0 2.6em 0!important;
		width: 50%!important
	}
	.service-pages .span3 {
		width: 30%
	}
	.service-pages .span9 {
		width: 67%
	}
	.portfolio-title ul.portfolio-icon-left {
		padding-left: 0
	}
	.keyFeatures ul {
		max-height: 210px
	}
	.contact-detail .row-fluid .span9 {
		width: 68.309%
	}
	.contact-detail .row-fluid .span3 {
		width: 28.928%
	}
	#android-apps-dev .owl-controls {
		margin-top: 0 !important;
	}
	.custom-blue-border-block {
		width: 100% !important
	}
}

@media(min-width:768px) and (max-width:979px) {
	.home-testimonials .testimonials-text {
		/*max-width:40%;padding:14px 20px;*/
	}
	.home-testimonials .testimonials-text p {
		/*line-height:20px;*/
	}
	.contact-box .nav ul li a {
		font-size: 13px
	}
	.contact-form .vYear {
		width: 120px!important
	}
	.moblie-row .span2 .fa.fa-apple {
		line-height: 144px
	}
	.moblie-row .span2 .fa.fa-tablet {
		line-height: 102px
	}
	.moblie-row .span2 .fa.fa-android {
		line-height: 111px
	}
	.moblie-row .span2 .fa.fa-windows {
		line-height: 132px
	}
	.address-box .text-box {
		width: 180px
	}
	.address-box .text-box p {
		font-size: 13px
	}
	.address-box .fa {
		width: 20px
	}
	#portfolios-details .text-slide {
		top: 22%
	}
	#portfolios-details .text-slide .caption2 {
		font-size: 1.6em
	}
	#portfolios-details .text-slide .caption3 {
		width: 100%
	}
	.portfolio-title ul.portfolio-icon-left li {
		margin: 0
	}
	.portfolio-title h4 {
		font-size: 24px;
		margin: 25px 0 0
	}
	.portfolio-title-right h4 {
		font-size: 24px;
		margin: 25px 0 0
	}
	.service-pages .services-provider .img {
		width: 50px
	}
	.service-pages .services-provider .cotnent {
		font-weight: 500;
		font-size: 13px
	}
	.ftr-address {
		width: 75%
	}
	.home-testimonials .client-box {
		/*margin: 20px auto;text-align: center;float: none;*/
	}
}

@media(max-width:979px) {
	#banner .caption h1 {
		font-size: 38px;
		line-height: 38px
	}
	#banner .caption h3 {
		font-size: 38px;
		line-height: 38px
	}
	#banner .bx-wrapper .bx-controls-direction a {
		margin: 0;
		height: 40px;
		width: 25px
	}
	#banner .bx-wrapper .bx-prev {
		background: url("../images/arrow-mini.png") no-repeat scroll 0 0!important
	}
	#banner .bx-wrapper .bx-prev:hover {
		background: url("../images/arrow-mini-hover.png") no-repeat scroll 0 0!important
	}
	#banner .bx-wrapper .bx-next {
		background: url("../images/arrow-mini.png") no-repeat scroll -25px 0!important
	}
	#banner .bx-wrapper .bx-next:hover {
		background: url("../images/arrow-mini-hover.png") no-repeat scroll -25px 0!important
	}
	.service-inner li a {
		font-size: 18px
	}
	.service-inner li a i {
		font-size: 50px;
		padding-bottom: 20px
	}
	.service-inner li a img {
		height: 65px;
		margin-top: 4px;
		padding-bottom: 18px
	}
	.contact-address strong {
		font-size: 20px;
		line-height: 24px
	}
	.contact-form .vDate {
		width: 90px!important
	}
	.contact-form .vMonth {
		width: 90px!important
	}
	.contact-form .vYear {
		width: 120px!important
	}
	.view-section ul li {
		padding: 0 10px 10px 0
	}
	.built-text span {
		font-size: 20px;
		line-height: 22px
	}
	.contact-form .checklist.cl1 {
		height: 18.5em
	}
	.contact-form .human-verification label {
		margin-top: 7px
	}
	.contact-form .human-verification img {
		margin-top: 7px
	}
	.contact-form .human-verification #secure_code {
		float: left;
		width: 100%
	}
	.our-super-support .team-box {
		margin: 0!important;
		width: 50%!important
	}
	.our-super-support .team-box:nth-child(3) {
		margin-top: 2em!important
	}
	.our-super-support .team-box:nth-child(4) {
		margin-top: 2em!important
	}
	.choosehiring_outer .choosehiring_middle {
		min-height: 270px
	}
	.services_page_left ul li {
		width: 100%
	}
	.why_choose_box_left_content_right h3 {
		line-height: 20px;
		font-size: 16px
	}
	.why_choose_box_left_content_left .fa {
		font-size: 18px
	}
	.why_choose_box_left {
		min-height: 220px
	}
	.easy-steps .block-2 ul li {
		width: 180px
	}
	.easy-steps .block-2 ul li span {
		background-size: 60% auto
	}
	.easy-steps .block-2 ul li em {
		font-size: 14px;
		line-height: 16px
	}
	.easy-steps .block-2 ul li::before {
		margin-left: 70px
	}
	.hire-testimonials .testimonials-title {
		top: -12px;
		width: 32%;
		left: 7.6%;
		padding-left: 0;
		text-align: center;
	}
	.hire-testimonials:after {
		right: 59%
	}
	.custom-tabs-to-accordian .tab-content {
		max-height: 341px;
	}
}


}
@media(min-width:768px) and (max-width:843px) {
	#portfolio_selected_filters {
		width: 80%
	}
	
	.contact-address .input-box-1 .apply-now input[type="submit"] {
		margin-bottom: 10px!important
	}
	
	.top-project .holder ul li {
		padding: 0 2px 0 0
	}
	
	.security-code-input {
		width: 100%;
		margin-bottom: 10px
	}
	
	.services-box {
		height: 294px
	}
}
@media (max-width:824px) {
	.hire-testimonials .testimonials-title {
		width: 31%;
		left: 7.6%;
	}
	
	.main-hireus-wrap .hire-developer-banner img {
		min-height: 250px
	}
	
	.main-hireus-wrap .banner-text-slide {
		top: 22%;
	}
	
	.main-hireus-wrap .banner-text-slide img {
		padding: 0 20%;
		min-height: auto !important;
	}
	
	.hire-testimonials .hire-testimonials-box {
		width: 100%;
	}
	
	.hire-testimonials .hire-testimonials-img {
		margin: 0 0 40px;
		position: relative;
	}
	
	.hire-testimonials .hire-testi-text {
		width: 100%;
	}
	
	.custom-tabs-to-accordian h4.panel-title a {
		background: #ff5a34;
		padding: 15px;
		color: #fff;
		display: flex;
	}
	
	.custom-tabs-to-accordian h4.panel-title a.collapsed {
		background: #ff5a34;
		color: #fff;
		border: none;
	}
	
	.custom-tabs-to-accordian .collapse .panel-body {
		padding: 10px;
		border: solid 1px #e1e1e1;
		max-height: 150px;
		margin-bottom: 15px;
		overflow: auto;
	}
	
	#hire-developer-banner .hire-developer-banner {
		height: 350px;
	}
	
	#hire-developer-banner .banner-left {
		width: 55%;
	}
}
@media (max-width: 767px) {
	body:after{display: none;}
	#home-banner-main .banner-img {
		min-height: 780px
	}
	
	.modal.fade.in {
		top: 60px
	}
	
	.modal-header .close {
		margin: 2px 0 0 0;
		padding: 0
	}
	
	.thaks-page-inner {
		padding: 40px 40px 30px
	}
	
	.our-mission h2 {
		font-size: 24px
	}
	
	.custom-solutions .u-titleMd {
		font-size: 20px;
		line-height: 30px
	}
	
	.custom-solutions .Banner-description {
		font-size: 18px
	}
	
	.worldmap-bg .generic-heading h2 {
		font-size: 24px;
		line-height: 34px
	}
	
	.custom-solutions {
		background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ff7a05 50%, #0061a3 50%) repeat scroll 0 0
	}
	
	.blog-section {
		padding-top: 20px
	}
	
	.blog-section .blog-item {
		margin-bottom: 30px
	}
	
	.blog-section .blog-item .blog-disc {
		margin-bottom: 10px
	}
	
	.hire-php-developer-banner {
		text-align: center
	}
	
	.ftr-location {
		margin-bottom: 10px
	}
	
	.ftr-location:last-child {
		margin-bottom: 0
	}
	
	.portfolio-services ul {
		display: none
	}
	
	.our-mission {
		padding: 25px 0
	}
	
	.our-mission p {
		font-size: 13px;
		line-height: 20px
	}
	
	.custom-solutions {
		background: #0061a3
	}
	
	.custom-solutions .custom-img img {
		display: none
	}
	
	.custom-img {
		padding-bottom: 0
	}
	
	.services_page_left h1 {
		font-size: 20px
	}
	
	.why-choose-us {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	
	.choose-accordion-box {
		margin-bottom: 30px
	}
	
	.choose-accordion-box .accordion-heading .accordion-toggle {
		font-size: 15px;
		padding: 10px 0;
	}
	
	.choose-accordion-box .accordion-heading .accordion-toggle img {
		height: 30px;
		margin-top: 5px;
	}
	
	.contact-form .fl.zero-spam {
		position: relative;
		width: 100%
	}
	
	.contact-form .btn-readmore.apply-now-btn {
		float: none;
		margin: 0 5px 0 0!important;
		padding: 6px 7px!important;
		width: 48%
	}
	
	.contact-form .btn-readmore.apply-now-btn:last-child {
		margin: 0!important
	}
	
	#banner .caption .holder-inner {
		display: none
	}
	
	.hidden-mobile {
		display: none !important
	}
	
	.row-fluid [class*="span"] {
		float: left;
		min-height: auto!important;
		width: 100%
	}
	
	h1 {
		font-size: 22px;
		line-height: 24px
	}
	
	h2 {
		font-size: 20px;
		line-height: 22px
	}
	
	h3 {
		font-size: 18px;
		line-height: 20px
	}
	
	.hide-mob {
		display: none
	}
	
	#banner .bx-wrapper .bx-controls-direction a {
		top: 32%
	}
	
	.holder-inner {
		display: block
	}
	
	#banner .caption {
		top: 10%
	}
	
	#banner .caption-inner {
		top: 74%!important
	}
	
	#banner .caption .subtitle {
		font-size: 20px;
		line-height: 30px
	}
	
	ul.list-type-2 {
		margin-bottom: 0
	}
	
	ul.list-type-2 li {
		padding: 0
	}
	
	.our-services {
		padding: 28px 0 28px 0
	}
	
	.our-services .generic-heading {
		margin: 0 0 69px 0
	}
	
	.services-box {
		width: 50%!important
	}
	
	.services-box.noma_8 {
		margin-bottom: 0!important
	}
	
	.services-box.noma_5 {
		height: 236px!important
	}
	
	.services-box.noma_8:nth-child(4) {
		margin-bottom: 0!important
	}
	
	.services-box h3.title-t {
		height: auto
	}
	
	.generic-heading-3 {
		margin-bottom: 40px
	}
	
	.generic-heading-3 h1 {
		font-size: 22px;
		line-height: 24px;
		margin: 0 0 4px 0
	}
	
	.generic-heading-3 strong.title-line {
		line-height: 24px
	}
	
	.generic-heading h2 {
		font-size: 24px
	}
	
	.like-what-you-see h2 {
		font-size: 26px;
		line-height: 30px
	}
	
	.like-what-you-see p {
		font-size: 16px;
		line-height: 22px
	}
	
	.product-content {
		margin-bottom: 1em;
		padding-bottom: 1.2em
	}
	
	.bookz-plus-main-title h4 {
		font-size: 20px;
		font-weight: 600;
		line-height: 24px
	}
	
	.bookz-plus-title h4 {
		font-size: 20px;
		font-weight: 600;
		line-height: 24px
	}
	
	.bookz-plus-icon h4 {
		font-size: 18px;
		font-weight: 600;
		line-height: 20px
	}
	
	.trial-btn {
		margin: 15px 0 0 0
	}
	
	.publication-features h3 {
		font-size: 20px;
		font-weight: 600;
		line-height: 24px;
		margin-bottom: 15px
	}
	
	.e-commerce-features h3 {
		font-size: 20px;
		font-weight: 600;
		line-height: 24px;
		margin-bottom: 15px
	}
	
	.real-estatez-plus-title h4 {
		font-size: 20px;
		font-weight: 600;
		line-height: 24px
	}
	
	.product-join-over h3 {
		font-size: 26px;
		line-height: 26px
	}
	
	.product-join-over p {
		font-size: 16px;
		line-height: 20px
	}
	
	.worldmap-bg {
		/*padding-bottom:0;*/
		background: rgba(0, 0, 0, 0) url("../images/texture-bg.jpg") repeat scroll center top
	}
	
	.span2.chirty-box {
		float: left;
		margin: 0 0 2em 0!important;
		width: 33%!important
	}
	
	.clients-section .span2 {
		display: inline-block;
		margin: 0 .3% 1% .4%!important;
		width: 32%!important
	}
	
	.home-testimonials .bx-wrapper .bx-pager {
		width: 100%;
		z-index: 99
	}
	
	.home-testimonials .testimonials-text {
		max-width: 100%;
		margin: 0;
		padding: 15px
	}
	
	.home-testimonials .testimonials-frame {
		margin: 0 0 20px;
		width: 100%
	}
	
	.home-testimonials .client-box {
		float: left;
		width: 100%;
		padding: 20px;
		text-align: center
	}
	
	.footer-top-section {
		height: 100%;
		padding: 0
	}
	
	.footer-top-section .left {
		margin: 0
	}
	
	.footer-top-section .right {
		padding: 15px 0;
		margin: 0
	}
	
	.contact-form h2 {
		font-size: 20px;
		line-height: 24px
	}
	
	.about-box-1 {
		margin-bottom: 25px
	}
	
	.about-box-1 h4 {
		font-size: 20px;
		line-height: 24px
	}
	
	.recent-work .input-box-1 label {
		font-size: 20px;
		line-height: 24px
	}
	
	.view-section ul {
		margin: 0
	}
	
	.view-section ul li {
		height: 140px;
		margin: 0 10px 30px 0;
		padding: 0 10px 10px 0;
		width: 46%
	}
	
	.view-section ul li:nth-child(2) {
		border: 0 none;
		padding: 0
	}
	
	.key-features {
		margin-top: 30px
	}
	
	.contact-box {
		margin: 0 0 15px 0
	}
	
	.sales-enquiries {
		margin-top: .5em
	}
	
	.our-super-support {
		padding: 26px 0 30px 0
	}
	
	.nav-list>li>a {
		line-height: 40px
	}
	
	.service-img {
		margin-top: 30px
	}
	
	.moblie-row .span2 .fa {
		height: auto!important;
		line-height: 100%!important;
		padding-bottom: 10px!important
	}
	
	.go-to-next h1 {
		font-size: 2em
	}
	
	.keyFeatures {
		margin-top: 15px
	}
	
	.contact-detail {
		padding: 20px 0
	}
	
	.mg-bottom {
		margin-bottom: 15px
	}
	
	.like-what-you-see {
		padding: 20px 0 24px
	}
	
	.like-what-you-see h2 {
		margin-bottom: 5px
	}
	
	.like-what-you-see p {
		margin-bottom: 10px
	}
	
	.portfolio-product-content {
		float: left;
		margin-bottom: 20px
	}
	
	#portfolios-details .text-slide .caption3 {
		font-size: none;
		width: 100%
	}
	
	#portfolios-details .text-slide {
		padding-left: 10%
	}
	
	#portfolios-details .text-slide {
		top: 24%
	}
	
	#portfolios-details .text-slide .caption1 {
		font-size: 20px
	}
	
	#portfolios-details .text-slide .caption2 {
		font-size: 1.5em
	}
	
	#portfolios-details-bottom.portfolio-contact-detail {
		height: 250px
	}
	
	#about-details .about-banner .about-banner-big {
		min-height:350px;
	}
	
	.our-services .item-inner {
		padding: 5px
	}
	
	.our-services .item-inner .w-image-box {
		min-height: auto;
		float: left;
		width: 50%;
		height: auto
	}
	
	.our-services .item-inner .item-info {
		cursor: default;
		float: right;
		margin-top: 15%;
		padding: 0;
		position: relative;
		vertical-align: middle;
		width: 50%
	}
	
	.our-services .services-box h3 {
		display: none
	}
	
	.our-services .services-box a.readmore {
		border: medium none;
		border-radius: 3px;
		bottom: 0;
		font-size: 13px;
		font-weight: 500;
		height: 30px;
		line-height: 29px;
		width: 100px !important
	}
	
	.our-services .services-box a.readmore,
	.our-services .services-box a.readmore::before {
		background: #0188cc;
		color: #fff;
		width: auto;
		height: auto
	}
	
	.our-services .services-box {
		display: block;
		clear: both;
		margin-bottom: 15px;
		width: 100%!important;
		box-sizing: border-box;
		box-shadow: none
	}
	
	.our-services .services-box a.readmore .fa {
		color: #fff;
		font-size: 18px;
		vertical-align: middle
	}
	
	.our-services .fa-arrow-right:before {
		content: "\F105"
	}
	
	.our-services .item-inner,
	.our-services .item-inner .w-image-box .item-image,
	.our-services .item-inner .w-image-box .item-image img,
	.our-services .services-box:before {
		min-height: auto;
		height: auto
	}
	
	.our-services .item-inner .item-info:before,
	.our-services .services-box:hover {
		background: #fff
	}
	
	.our-services .item-inner .item-info:before,
	.our-services .services-box:before,
	.our-services .services-box:hover::after,
	.our-services .services-box:before {
		opacity: 1;
		position: relative
	}
	
	.our-services .services-box:hover h3,
	.our-services .services-box:hover p {
		color: #000
	}
	
	.services-box:hover::after,
	.services-box::after {
		display: block
	}
	
	.our-services .item-inner:hover .item-info,
	.our-services .item-inner .item-info {
		transform: none;
		display: block;
		opacity: 1;
		-moz-transform: none;
		-webkit-transform: none;
		-ms-transform: none
	}
	
	#home-banner .banner-img {
		min-height: 560px
	}
	
	#home-banner>li.ban-hid {
		display: none!important
	}
	
	#banner .bx-wrapper .bx-controls-direction a {
		display: none
	}
	
	#service-inner .owl-controls {
		top: 20%
	}
	
	.services-box.noma_5 {
		height: auto!important
	}
	
	.services-round {
		height: 74px;
		width: 74px;
		margin-bottom: 5px
	}
	
	.services-round a {
		font-size: 35px;
		line-height: 75px
	}
	
	.services-box h3 {
		overflow: visible;
		height: auto;
		line-height: 20px
	}
	
	.services-box p {
		overflow: visible;
		height: auto;
		margin: 5px 0 0
	}
	
	.services-box a.readmore {
		bottom: -20px
	}
	
	.portfolio-title ul.portfolio-icon-left li {
		margin: 0
	}
	
	.portfolio-title h4 {
		font-size: 1.2em;
		margin: 0
	}
	
	.portfolio-title-right h4 {
		font-size: 1.2em;
		margin: 0
	}
	
	.other-ervices {
		margin-top: 30px
	}
	
	.choosehiring_outer .choosehiring_middle {
		min-height: 100%
	}
	
	.choosehiring_outer .choosehiring_inner h4 {
		font: 500 16px/16px "Raleway";
		margin: 0 0 10px;
		padding: 0 0 10px
	}
	
	.choosehiring_outer .choosehiring_inner p {
		font: 14px/18px "Raleway"
	}
	
	.choosehiring_outer .choosehiring_middle h4 {
		font: 500 20px/20px "Raleway";
		margin: 0 0 10px;
		padding: 0 0 10px
	}
	
	.choosehiring_outer .choosehiring_middle p {
		font: 14px/16px "Raleway"
	}
	
	.services_page_left ul li {
		width: 100%
	}
	
	.why_choose_box_left {
		min-height: 100%;
		width: 100%
	}
	
	.why_pro_test_main {
		padding-bottom: 25px
	}
	
	.why_pro_test_right {
		margin-bottom: 25px
	}
	
	.footer-section-3 {
		padding-bottom: 5px
	}
	
	.about-mobile ul li {
		float: left;
		width: 50%
	}
	
	#about-details .text-slide h1 {
		font-size: 1.8em
	}
	
	.sitemap-heading h2 {
		font-size: 22px;
		line-height: 24px
	}
	
	ul.sitemap {
		margin: 20px 0 0
	}
	
	.easy-steps-wrapper {
		padding-bottom: 0
	}
	
	.easy-steps .block-2 ul li {
		margin-bottom: 30px
	}
	
	.openings-page {
		margin-bottom: 20px;
		margin-top: 10px
	}
	
	.retated-logo-main span em {
		line-height: 20px
	}
	
	.keyFeatures ul {
		max-height: 220px
	}
	
	.home-testimonials .testimonials-text .fa-quote-left {
		margin-bottom: 0
	}
	
	.easy-steps-flowline {
		left: 0;
		max-width: 100%;
		width: 100%
	}
	
	.easy-steps .block-2 ul li {
		width: 25%;
		padding: 0 5px
	}
	
	#hire-best-steps .hire-best-steps-box {
		width: 96%;
	}
	
	#hire-best-steps .hire-best-steps-box li {
		margin: 2% 4% 0;
		;
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-ms-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
	}
}
@media (max-width:767px) {
	.subscribe-btn {
		display: none;
	}
	
	.subscribe-modal .modal.fade.in {
		height: auto;
		top: 10px !important;
		margin: 0;
		width: auto;
	}
	
	.subscribe-modal .subscribenw-image {
		display: none;
	}
	
	.subscribe-modal .modal-header {
		padding: 43px 20px 20px;
	}
	
	.subscribe-modal .subscribe-text {
		margin-bottom: 20px;
	}
	
	.hire-choose-us-block p:nth-child(3) {
		display: none;
	}
	
	#hire-developer-banner .hire-developer-banner .hire-us-banner img {
		min-height: 440px;
	}
	
	.services_page_left p:nth-child(3) {
		display: none;
	}
	
	.services_page_left p:nth-child(4) {
		display: none;
	}
	
	.services_page_left p:nth-child(5) {
		display: none;
	}
	
	#android-apps-dev .owl-controls {
		margin-top: 20px !important;
	}
	
	#hire-dedicated-web-dev {
		padding: 0;
	}
	
	#hire-our-services {
		padding-top: 0;
	}
	
	#hire-our-services .span4.text-center {
		margin-top: 30px;
	}
	
	#android-apps-dev {
		padding-top: 0px;
	}
	
	#hire-best-steps {
		padding-bottom: 30px;
	}
	
	.services-project-text .box-2,
	.services-project-text ul {
		display: none;
	}
	
	.hire-choose-us-block {
		margin-bottom: 50px;
	}
	
	.custom-blue-border-block {
		margin-top: 20px;
	}
	
	.custom-blue-border-block:nth-child(2) {
		float: right;
		margin-bottom: 30px;
		margin-top: 40px;
	}
	/*.hire-testimonials {margin:20px 0 0 0;padding: 40px 20px 20px;}*/
	/*.home-testimonials-video {margin-bottom: 0px;display: flex;}*/
	/*.home-testimonials .testimonials-frame {margin: 20px auto;text-align: center;float: none;}*/
	
	.home-testimonials .client-box strong.title {
		width: 100%;
	}
	
	.home-testimonials .client-box a.btn-readmore {
		float: none;
		margin-top: 10px;
	}
	
	.hire-testimonials h1:nth-child(1) {
		display: none;
	}
	
	.hire-testimonials p:nth-child(2) {
		display: none;
	}
	
	.hire-related-logo .span2 {
		width: 33% !important;
	}
	/* cookies-section Start */
	
	.cookies-section .container {
		width: 100%;
		padding: 0
	}
	
	.cookies-section strong.copy {
		padding: 8px 6% 6px 6%;
		border-radius: 0
	}
	
	.cookies-section a {
		display: inline-flex;
	}
	
	.cookies-section .copyrights-remove {
		position: absolute;
		right: -4px;
		top: 4px;
	}
	
	.custom-tabs-to-accordian .collapse .panel-body {
		max-height: 250px;
	}
	
	.hire-process-block {
		padding: 12px 4px;
		margin-top: 25px;
	}
	
	.commitment-client-says-wrap {
		padding: 22px 0px 0px 0px;
	}
	
	.hire-testimonials .testimonials-title {
		left: 6.5%;
		padding-left: 0;
		width: 184px;
		text-align: center;
	}
	
	.commitment-client-says-wrap .hire-testimonials {
		padding: 30px 20px;
	}
	
	.hire-testimonials::after {
		right: 62%;
	}
	
	.hire-testimonials .testimonials-title {
		width: 30%;
		left: 7%
	}
	
	.main-hireus-wrap .banner-text-slide img {
		padding: 0 2%;
	}
	
	.hire-technologies-list li {
		width: 100%
	}
	
	.custom-blue-border-block {
		display: table;
		float: none;
		margin: 20px auto 70px;
		width: 270px;
	}
	
	.custom-blue-border-block:nth-child(2) {
		float: none;
		margin-top: 100px;
	}
}
@media (max-width: 736px) {
	#hire-developer-banner .banner-left {
		top: 6%;
		width: 96%;
	}
	
	#hire-developer-banner .parameters {
		display: none;
	}
	
	.home-testimonials .video-play-icon {
		height: 40px;
		width: 40px;
	}
}
@media (max-width: 667px) {
	#service-inner .owl-controls {
		top: 20%
	}
	
	.services-box.noma_5 {
		height: auto!important
	}
	
	.services-round {
		height: 74px;
		width: 74px;
		margin-bottom: 5px
	}
	
	.services-round a {
		font-size: 35px;
		line-height: 75px
	}
	
	.services-box h3 {
		overflow: visible;
		height: auto;
		line-height: 20px
	}
	
	.services-box a.readmore {
		bottom: -20px
	}
	
	#portfolios-details .text-slide {
		padding-left: 10%
	}
	
	#service-details .text-slide {
		top: 3%;
		width: 90%
	}
	
	.banner-right {
		left: 3%;
		right: auto;
		top: 30%;
		width: 100%
	}
	
	.banner-services-details .b-solution-heading {
		font-size: 18px;
		padding: 0
	}
	
	.banner-services-details ul li {
		font-size: 14px;
		padding: 3px 0
	}
	
	.quick-inquiry-section .btn-quick-inquiry {
		font-size: 13px;
		line-height: 36px;
		padding: 0 20px
	}
	
	.quick-inquiry-section {
		margin-top: 10px
	}
	
	.quick-inquiry-section .call {
		font-size: 13px;
		margin: 10px 0 0
	}
	
	#hire-developer-banner .hire-banner .b-solution-heading,
	#hire-developer-banner .hire-banner .b-solution-heading.cross-platform {
		width: 100%;
	}
	
	#hire-developer-banner .hire-banner ul li {
		font-size: 15px;
	}
	
	.android-apps-dev .owl-theme .owl-controls {
		margin-top: 0 !important;
	}
	
	.hire-testimonials {
		padding: 30px 15px 10px;
	}
	
	.hire-testimonials::before {
		left: 3.5%;
	}
	
	.hire-testimonials::after {
		right: 62%;
	}
	
	.copyrights-section .container {
		width: 100% !important;
	}
	
	.main-hireus-wrap .banner-text-slide {
		top: 21%;
	}
	
	.main-hireus-wrap .hire-developer-banner img {
		min-height: 250px
	}
	
	.main-hireus-wrap .banner-text-slide h1 {
		font-size: 22px;
		margin-bottom: 4px
	}
	
	.main-hireus-wrap .banner-text-slide img {
		min-height: 0;
		margin-top: 8px;
		width: 94%
	}
	
	.hire-testimonials .testimonials-title {
		left: 5.4%;
		padding-left: 0;
		width: 32%;
		text-align: center;
	}
	
	.hire-testimonials .testimonials-title {
		left: 5.1%;
		padding-left: 0;
		width: 32%;
		text-align: center;
	}
}
@media (max-width: 600px) {
	.service-inner li a {
		font-size: 16px
	}
	
	.service-inner li a img {
		height: 50px;
		padding-bottom: 5px
	}
	
	.example-animation {
		padding-top: 42px
	}
	
	.span2.chirty-box {
		width: 48%!important
	}
	
	.inner-banner img {
		height: 180px
	}
	
	.built-text span {
		font-size: 18px;
		line-height: 20px;
		margin: 0 0 10px
	}
	
	.built-text h3 {
		font-size: 14px;
		line-height: 18px
	}
	
	.address-box .text-box {
		width: 180px
	}
	
	.address-box .fa {
		width: 20px;
		height: 20px
	}
	
	#hire-developer-banner .hire-developer-banner .hire-us-banner img {
		min-height: 320px;
	}
	
	.main-hireus-wrap .banner-text-slide {
		top: 24%;
	}
	
	.hire-testimonials .testimonials-title {
		left: 5.4%;
		padding-left: 0;
		width: 31%
	}
	
	.chirty-box .frame {
		height: 120px;
		width: 120px
	}
	
	.chirty-box .frame p {
		font-size: 16px;
		line-height: 20px;
		margin: 20px auto 10px
	}
	
	.chirty-box .frame p strong {
		font-size: 30px;
		line-height: 40px
	}
	
	#about-details .protfolio-banner-text.text-slide .chirty-box .frame p {
		line-height: 20px;
		margin: 20px auto 10px;
	}
}
@media (max-width: 480px) {
	.inner-banner img {
		height: 150px
	}
	
	.services-box {
		width: 100%!important
	}
	
	.our-services .item-inner .item-info p {
		font-size: 13px;
		line-height: 16px;
		margin: 8px 0
	}
	
	.easy-steps .block-2 ul li:nth-child(odd) {
		margin-top: 26px
	}
	
	.easy-steps .block-2 ul li:nth-child(odd) span.es-img {
		margin: 8px 0 0 0
	}
	
	.easy-steps .block-2 ul li:nth-child(even) span.es-img {
		margin: 0
	}
	
	.easy-steps .block-2 ul li span.es-img img {
		max-width: 80%
	}
	
	.hire-testimonials::after {
		right: 38%;
	}
	
	.main-hireus-wrap .banner-text-slide {
		top: 24%;
	}
	
	.hire-testimonials .testimonials-title {
		left: 5.8%;
		width: 54%;
		text-align: center;
	}
	
	.laravel-dev-banner .banner-left .hire-now-btn {
		width: 290px !important;
	}
	
	.laravel-dev-banner .banner-left .hire-now-btn a {
		font-size: 15px;
	}
}
@media (max-width: 479px) {
	.clients-section .span2 {
		display: inline-block;
		margin: 0 1% 1%!important;
		text-align: center;
		width: 47%!important
	}
	
	.contact-form .vDate {
		width: 70px!important
	}
	
	.contact-form .vMonth {
		width: 70px!important;
		margin: 0 10px!important
	}
	
	.contact-form .vYear {
		width: 90px!important
	}
	
	.contact-form input[type="submit"] {
		margin: 0 auto!important
	}
	
	.our-super-support .team-box {
		margin-top: 2em!important;
		width: 100%!important
	}
	
	.our-super-support .team-box:first-child {
		margin-top: 0!important
	}
	
	.team-box h3 {
		height: auto
	}
	
	.go-to-next img {
		height: 150px
	}
	
	#portfolios-details .text-slide {
		top: 10%;
		padding-left: 10%
	}
	
	#about-details .text-slide {
		top: 28%
	}
	
	#about-details .text-slide p {
		font-size: 15px
	}
	
	#service-details .text-slide h1 {
		font-size: 1.2em
	}
	
	#service-details .text-slide p {
		font-size: 15px;
		line-height: 18px;
		margin: 5px 0 0
	}
	
	.easy-steps .block-2 ul li::before {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		margin-left: 0
	}
	
	.address-box {
		width: 100%!important;
		margin: 0 0 15px
	}
	
	.address-box .text-box {
		width: 85%;
	}
	
	.hire-testimonials .hire-testimonials-img {
		left: 12px;
		top: 23px;
	}
	
	.hire-testimonials .hire-testimonials-img img {
		height: 136px;
		width: 136px;
	}
	
	.hire-related-logo .span2 {
		width: 48% !important;
	}
	
	.tooltip .tooltiptext {
		left: 45%;
	}
	
	.hire-related-logo .span22 img {
		width: 100%;
	}
	
	.protfolio-banner-text .portfolio-xl-btn {
		margin-bottom: 20px;
	}
	
	#about-details .text-slide {
		top: 20%
	}
	
	#about-details .our-services-banner {
		min-height: 300px;
	}
}
@media (max-width: 414px) {
	.hire-testimonials .testimonials-title {
		left: 6.4%;
	}
	
	.main-hireus-wrap .banner-text-slide {
		top: 12%;
	}
	
	#hire-best-steps .hire-best-steps-box li {
		margin-bottom: 5%;
	}
}
@media (max-width: 374px) {
	.inner-banner img {
		height: 120px
	}
	
	.portfolio-banner h1 {
		font-size: 1.6em
	}
	
	.portfolio-title ul.portfolio-icon-left {
		padding-left: 0
	}
	
	.portfolio-title-right {
		float: none;
		margin: 0
	}
	
	.portfolio-title-right ul.portfolio-icon-right {
		padding-left: 0;
		width: 100%;
		text-align: left
	}
	
	.get-in-touch h1 {
		font-size: 1.6em;
		padding: 10px 0;
		line-height: 28px
	}
	
	.banner-right {
		top: 35%
	}
	
	.our-services .item-inner .item-info {
		margin-top: 5%
	}
	
	.easy-steps .block-2 ul li em {
		font-size: .4rem;
		line-height: 1.4
	}
	
	.hire-testimonials .testimonials-title {
		left: 6.8%;
		width: 52%
	}
	
	#hire-developer-banner .hire-developer-banner {
		height: 330px;
	}
	
	#hire-developer-banner .hire-banner ul li {
		line-height: 26px;
	}
}
@media (max-width: 360px) {
	#hire-developer-banner .hire-developer-banner {
		height: 360px;
	}
	
	#about-details .text-slide {
		top: 16%
	}
}
@media (max-width: 320px) {
	.our-services .item-inner .item-info {
		margin-top: 0;
	}
	
	#hire-developer-banner .hire-developer-banner .hire-us-banner img {
		min-height: 340px;
	}
}
@media (max-width:1023px) {
	.header_hiring {
		display: none;
	}
}

/***** New css ****/
.careers-tab {
	margin: 0;
}
.careers-tab-left,
.careers-tab-right {
	margin: 0;
	padding: 0 15px;
	width: 50%;
}
.careers-tab .accordion-heading p {
	font-size: 18px;
	font-weight: 600;
	margin: 6px 0 0 10px;
	width: auto;
	display: inline-block;
}
.careers-tab .accordion-heading p span {
	display: inline-block !important;
	font-weight: 600;
	color: #ff7603 !important;
	letter-spacing: 0.5px;
	font-size: 16px;
}
.careers-tab .accordion-body h6 {
	font-size: 15px;
	line-height: 22px;
	color: #1b1b1b;
	font-weight: 400;
}
.careers-tab .accordion-body h6 strong {
	font-weight: 600;
}
.careers-tab .choose-accordion-box .accordion-inner {
	float: left;
	width: 100%;
	border: 1px solid #d4d4d4;
	padding: 15px;
	background-color: #fff;
	margin: 0 0 0px 0;
	border-top: 0;
}
.careers-tab .accordion-body h4 {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 10px;
	padding-top: 0px;
}
.careers-tab .accordion-body {
	margin: 0;
	width: 100%;
}
.careers-tab .accordion-body ul {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}
.careers-tab .accordion-body ul li {
	background: rgba(0, 0, 0, 0) url(../images/li-icon.png) no-repeat scroll 0 5px;
	float: left;
	margin: 5px 0 !important;
	padding: 0 0 0 25px !important;
	width: 100% !important;
	font-size: 15px;
	line-height: 26px;
}
.careers-tab .choose-accordion-box .accordion-heading .accordion-toggle:before {
	margin: 3px 0 0 0;
}
.careers-tab .choose-accordion-box .accordion-heading .accordion-toggle {
	color: #1b1b1b;
	background: #fff;
	padding: 15px 15px 15px 15px;
	border: 1px solid #0061a3;
	border-bottom: solid 6px #0061a3;
}
.careers-tab .choose-accordion-box .accordion-group {
	margin: 10px 0;
	width: 100%;
	float: left;
	padding: 0;
}
.careers-tab .accordion-heading .accordion-toggle img {
	float: left;
	margin-right: 10px;
	width: auto;
	display: inline-block;
}
.careers-tab .apply-now {
	width: 100%;
}
.careers-tab .span12 {
	width: 100%;
	margin: 0;
}
#accordion3 {
	width: 100%;
	margin: 0;
	float: left;
}
.job_pos_select {
	border: 1px solid #0061a3;
	background: #f5f5f5;
}
.orange-bold {
	font-weight: 600;
	color: #ff7603 !important;
}
.request-quote-form input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	
	color: #000 !important;
}
.request-quote-form input::-moz-placeholder {
	/* Firefox 19+ */
	
	color: #000 !important;
}
.request-quote-form input:-ms-input-placeholder {
	/* IE 10+ */
	
	color: #000 !important;
}
.request-quote-form input:-moz-placeholder {
	/* Firefox 18- */
	
	color: #000 !important;
}
.request-quote-form textarea::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	
	color: #000 !important;
	opacity: 1;
}
.request-quote-form textarea::-moz-placeholder {
	/* Firefox 19+ */
	
	color: #000 !important;
	opacity: 1;
}
.request-quote-form textarea:-ms-input-placeholder {
	/* IE 10+ */
	
	color: #000 !important;
	opacity: 1;
}
.request-quote-form textarea:-moz-placeholder {
	/* Firefox 18- */
	
	color: #000 !important;
	opacity: 1;
}
.menu-container {
	float: left !important;
	width: 90% !important;
}
.header_hiring {
	float: right;
	margin: 7px 0 0 0;
}
.menu>ul>li a {
	margin: 0 0 0 25px;
}
.request-quote-form .input-box-1 input {
	color: #000 !important;
}
.laravel-dev-banner {
	background: rgba(0, 0, 0, 0) url(../images/slider/LaravelLiveIndia-bg.jpg) no-repeat right top !important;
}
.laravel-dev-banner .banner-left {
	position: static !important;
	margin: 55px 0 0 0;
	width: 35%;
	float: left;
}
.laravel-dev-banner .banner-left .b-solution-heading {
	width: 100% !important;
}
.laravel-dev-banner .banner-right {
	width: 65% !important;
	float: left;
	margin: 0;
	position: static !important;
	margin: 30px 0 0 0;
	text-align: left !important;
}
.laravel-dev-banner .banner-right .first {
	padding: 0 0 0 50px;
}
.laravel-dev-banner .banner-right .first h5 {
	color: #fff;
	display: block;
	font-size: 21px;
	font-weight: 600;
	padding: 0;
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
}
.laravel-dev-banner .banner-right .first p {
	float: left;
	width: 100%;
	padding: 0;
	color: #fff;
	margin: 3px 0 10px 0;
	font-size: 14px;
}
.laravel-dev-banner .banner-right .first h6 {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 15px;
}
.laravel-dev-banner .banner-right .first ul {
	float: left;
	width: 100%;
	text-align: left;
	margin: 5px 0 20px 0;
}
.laravel-dev-banner .banner-right .first ul li {
	width: 33.33%;
	float: left;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	background: rgba(0, 0, 0, 0) url(../images/li-icon.png) no-repeat;
	background-position: 0 6px;
	padding: 0 0 0 20px;
}
.laravel-dev-banner .banner-right .first ul li span {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #fff;
	font-weight: 300;
	line-height: 12px;
}

/* =========== START CSS CASE STUDY FOOTER 22-06-2019 =========== */
.case-study-footer {
	background: #212121 !important;
	border-top: 5px solid #212121 !important;
	padding: 40px 0 0px 0;
}
.case-study-footer .footer-section-3 {
	background: #212121;
	padding: 0px 0 30px 0;
}
.btn-hire-now {
	position: absolute;
	right: 0;
	text-align: right;
	top: -70px;
}
.btn-hire-now img {
	/*width: 55px;*/
}
.hc-world-ofc-map {
	/*padding-bottom: 292px;*/
	
	background: url("../images/case-study/hc-world-ofc-map.png") 20px 50px no-repeat;
	min-height: 335px;
}
.contact-box strong.title {
	font-size: 24px;
	line-height: 30px;
	color: #fc9e20;
	font-weight: 600;
	border-bottom: 0;
	padding-bottom: 12px;
}
.contact-box .footerborderOut {
	margin: 0 0 18px 0;
}
.contact-box .footerborderOut .footerborder {
	height: 1px;
	background: #fc9e20;
}
.contact-box .nav ul li a {
	font-weight: 500;
	color: #fff;
	font-size: 20px;
	line-height: 36px;
	font-family: 'Karla', sans-serif;
}
.footer-top-section {
	padding: 25px 0 25px 0;
	background: #212121;
	border-top: 1px solid #434343;
}
.footer-top-section .left {
	padding: 0;
}
.footer-top-section .left strong.title {
	font-size: 16px;
	line-height: 22px;
	padding: 0;
	text-align: center;
}
.footer-top-section .left strong.title span {
	color: #fc9e20;
}
.footer-top-section .left p {
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
}
.footer-top-section .left p span {
	color: #fc9e20;
}
.copyrights-section {
	padding: 25px 0 25px 0;
	background: #212121;
	border-top: 1px solid #434343;
	border-bottom: 1px solid #434343;
}
.copyrights-section strong.copy {
	font-size: 14px;
	line-height: 22px;
	text-align: center;
}
.copyrights-section strong.copy a,
.copyrights-section strong.copy a.web {
	color: #fc9e20;
}
.footer-case-icon {
	padding-top: 30px;
}
.footer-case-icon ul {
	padding: 0;
	margin: 0;
	text-align: center;
}
.footer-case-icon ul li {
	text-align: center;
	padding: 0;
	margin: 0 20px 0 20px;
	display: inline-block;
	cursor: pointer;
}
.footer-case-icon ul li img {
	transition: ease-in all .3s
}
.footer-case-icon ul li:hover {
	opacity: .5;
}

/* =========== END CSS CASE STUDY FOOTER  22-06-2019 =========== */
@media (max-width: 767px) {
	.menu-container {
		width: auto !important;
	}
}
.real-estatez-plus-page .product-content {
	margin: 50px 0 0 0px;
	float: left;
	width: 100%;
}
.real-estatez-plus-page .product-content .span7 {}
.product-join-over {
	float: left;
	width: 100%;
	padding: 30px 0;
}
.product-join-over p {
	margin: 0 0 15px 0;
	text-align: center;
}
.real-estatez-plus-title h4 {
	margin: 0 0 15px 0;
}
@media (max-width: 767px) {
	.menu-container {
		width: auto !important;
	}
}
.apply-now .btn-readmore {
	background: #0061a3;
	color: #fff;
	padding: 8px 15px;
}

/********** NEW CSS CREATED BY PRANTHESH ********/
@media screen and (orientation:portrait) {
	.horizontal {
		display: block;
	}
	
	.landscape {
		display: none;
	}
}
@media screen and (orientation:landscape) {
	.horizontal {
		display: none;
	}
	
	.landscape {
		display: block;
	}
}


/* =========== STARTNEW CSS CREATED BY 6/27/2019 BRIJ =========== */

.botto-sticky {display: none;}


/* =========== STARTNEW CSS CREATED BY 6/27/2019 BRIJ =========== */

.clutch-and-extract-wrap {
padding-top: 30px;
padding-bottom: 30px;
background:#dddddd;
}

.clutch-and-extract ul li {
display: inline-block;
padding: 10px;
}


/* .serve-industries-wrap {
 background-size: 100% 100%;
}

.serve-industries-wrap .serve-industries-info {
    margin-top: 0;
    position: absolute;
    bottom:50px;
}
 */




/* =========== START CSS NEW FOOTER 4:30 PM 7/13/2019 BRIJ =========== */

@font-face {
  font-family: 'ITCAvantGardeStd-Bold';
  src:  url('../fonts/ITCAvantGardeStd-Bold.eot') format('embedded-opentype'),  
      url('../fonts/ITCAvantGardeStd-Bold.otf')  format('opentype'),
      url('../fonts/ITCAvantGardeStd-Bold.woff') format('woff'), 
      url('../fonts/ITCAvantGardeStd-Bold.ttf')  format('truetype'), 
      url('../fonts/ITCAvantGardeStd-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.footer {
  	font-family: 'Karla', sans-serif !important;
	width: 100%;
	float: left;
	margin: 0;
	padding: 40px 0;
	background: #212121;
}


.footer .container {
padding: 0 15px;
}
.footer_1, .footer_2 {
	width: 25%;
	margin-left: 0;
	padding: 0 15px;
}
.footer_3 {
	width: 50%;
	margin-left: 0;
	padding: 0 15px;
}

.footer_1 h3 {
	margin: 0;
	width: 100%;
	color: #fc9e20;
	font-size: 28px;
	text-transform: uppercase;
	font-weight: 600;
}
.footer_1 h3:after {
	background: #ff9630;
	display: block;
	width: 80px;
	height: 1px;
	content: ' ';
	margin: 15px 0 25px 0;
	background-repeat: no-repeat;
}
.footer_1 ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer_1 ul li {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 33px;
}
.footer_1 ul li a {
	color: #fff;
	text-decoration: none;
}
.footer_1 ul li a:hover {
	color: #fc9e20;
}
.footer_3 img {
	max-width: 100%;
	float: right;
	margin: 60px 0 0 0;
}
.footer_top_section {
	border-bottom: 1px solid #575757;
	padding: 0 0 30px 0;
	float: left;
	width: 100%;
}
.footer_midd_section {
	padding: 30px 0 0px 0;
	text-align: center;
	float: left;
	width: 100%;
}
.footer_midd_section p {
    font-family: 'Karla', sans-serif !important;
	width: 100%;
	float: left;
	padding: 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 22px;
	margin: 0 0 0 0;
	text-align: center;
}
.footer_midd_section p span {
	color: #fc9e20;
}
.footer_midd_section h6 {
  	font-family: 'Karla', sans-serif !important;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 13px;
	line-height: 22px;
	font-weight: 400;
}
.footer_midd_section h6 span {
	color: #fc9e20;
	text-transform: uppercase;
}
.footer_third_section {
	border-bottom: 1px solid #575757;
	padding: 30px 0 30px 0;
	text-align: center;
}
.footer_third_section p {
  	font-family: 'Karla', sans-serif !important;
	width: 100%;
	float: left;
	padding: 0;
	color: #fff;
	font-size: 16px;
	margin: 0 0 0 0;
}
.footer_third_section p span {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	color: #fc9e20;
}
.footer_social_section {
	padding: 30px 0 0 0;
}
.footer_social_section ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.footer_social_section ul li {
	display: inline-block;
	margin: 0 20px;
}


/* START CSS COPYRIGHT */

.copyright {
	width: 100%;
	float: left;
	margin: 0;
	text-align: center;
}
.copyright p {
	font-size: 13px;
	color: #000;
	margin: 0;
	padding: 10px 0;
}
.copyright p a {
	color: #0061a3;
	font-weight: 800;
	text-decoration: none;
}
.copyright {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0px;
	background: #fff;
}
.copyright p {
	font-size: 14px;
	color: rgb(0, 0, 0);
	margin: 0px;
	padding: 5px 0px;
	text-align: center;
	font-family: 'Karla', sans-serif !important;
}
.copyright p a {
	color: rgb(0, 97, 163);
	font-weight: 800;
	text-decoration: none;
	font-size: 14px;
}
.sticky_footer
{
	display: none;
}
#menu-topmenu li.rqest-btn img
{
	display: none !important;
}
#menu-topmenu li.rqest-btn a span
{
	display: block !important;
}
#menu-topmenu li.rqest-btn a {
    border: 0 none;
    margin: 0;
    padding: 0;
    background: #ff7a05;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    width: 120px;
    text-align: center;
    height: 30px;
    border-radius: 25px;
    line-height: 30px;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}
#related-services .generic-heading-3 strong.title-line:before
{
	bottom: -12px;
}
#related-services .generic-heading-3 strong.title-line:after
{
	bottom: -14px;
}

/* =========== START CSS RESPONSIVE =========== */

/* START CSS FOOTER */ 

@media all and (min-width: 320px) and (max-width: 480px) {
.footer_1, .footer_2, .footer_3 {
		margin: 0 0 30px 0;
		float: left;
		width: 100%;
	}
  .footer_3 {margin: 0 ;}	

	.footer_1 h3 {
		text-align: center;
		font-size: 20px;
	}
	
	.footer_1 h3:after {
		margin: 15px auto 25px;
	}
	
	.footer_1 ul li {
		font-size: 16px;
		line-height: 26px;
		text-align: center;
	}
	
	.footer_3 img {
		margin: 0;
	}
	
	.footer_midd_section p {
		font-size: 13px;
		margin: 0 0 5px 0;
	}
	
	.footer_midd_section h6 {
		font-size: 12px;
	}
	
	.copyright p {
		padding: 10px 10px;
		font-size: 12px;
	    line-height: 20px;
	    margin: 0 0 50px 0;
	}
	.lets_discuss_btn
	{
		width: 100%;
		text-align: center;
	}
	.sticky_footer
	{
		position: fixed;
	    z-index: 99;
	    bottom: 0;
	    background: #ff7900;
	    height: 50px;
	    width: 100%;
	    display: block;
	}
	.sticky_footer p
	{
		font-size: 15px;
		color: #fff;
		text-align: center;	
		width: 60%;
		float: left;
		line-height: 50px;
		font-weight: 600;
		text-transform: uppercase;
	}
	.sticky_footer p a
	{

		text-decoration: none;
		color: #fff;
	}
	.sticky_footer .envelope
	{
		width: 20%;
		float: left;
		text-align: center;
		font-size: 25px;
		color: #fff;
		background: #4cb050;
		height: 50px;
		line-height: 50px;
	}
	.sticky_footer .phone
	{
		width: 20%;
		float: left;
		text-align: center;
		font-size: 25px;
		color: #fff;
		background: #107bff;
		height: 50px;
		line-height: 50px;
	}
	.crisp-client
	{
		display: none !important;
	} 
	#service-details .text-slide
	{
		/*display: none;*/
	}
	.banner-right
	{
		top: 20px;
	}
}
@media all and (min-width: 481px) and (max-width: 640px)
{
	.lets_discuss_btn
	{
		width: 100%;
		text-align: center;
	}
	.copyright p {
		padding: 10px 10px;
		font-size: 12px;
	    line-height: 20px;
	    margin: 0 0 50px 0;
	}
	.lets_discuss_btn
	{
		width: 100%;
		text-align: center;
	}
	.sticky_footer
	{
		position: fixed;
	    z-index: 99;
	    bottom: 0;
	    background: #ff7900;
	    height: 50px;
	    width: 100%;
	    display: block;
	}
	.sticky_footer p
	{
		font-size: 15px;
		color: #fff;
		text-align: center;	
		width: 60%;
		float: left;
		line-height: 50px;
		font-weight: 600;
		text-transform: uppercase;
	}
	.sticky_footer p a
	{

		text-decoration: none;
		color: #fff;
	}
	.sticky_footer .envelope
	{
		width: 20%;
		float: left;
		text-align: center;
		font-size: 25px;
		color: #fff;
		background: #4cb050;
		height: 50px;
		line-height: 50px;
	}
	.sticky_footer .phone
	{
		width: 20%;
		float: left;
		text-align: center;
		font-size: 25px;
		color: #fff;
		background: #107bff;
		height: 50px;
		line-height: 50px;
	}
	.crisp-client
	{
		display: none !important;
	}
	#service-details .text-slide
	{
		/*display: none;*/
	}
	.banner-right
	{
		top: 20px;
	}
}
@media all and (min-width: 641px) and (max-width: 767px)
{
	.lets_discuss_btn
	{
		width: 100%;
		text-align: center;
	}
	.copyright p {
		padding: 10px 10px;
		font-size: 12px;
	    line-height: 20px;
	    margin: 0 0 50px 0;
	}
	.lets_discuss_btn
	{
		width: 100%;
		text-align: center;
	}
	.sticky_footer
	{
		position: fixed;
	    z-index: 99;
	    bottom: 0;
	    background: #ff7900;
	    height: 50px;
	    width: 100%;
	    display: block;
	}
	.sticky_footer p
	{
		font-size: 15px;
		color: #fff;
		text-align: center;	
		width: 60%;
		float: left;
		line-height: 50px;
		font-weight: 600;
		text-transform: uppercase;
	}
	.sticky_footer p a
	{

		text-decoration: none;
		color: #fff;
	}
	.sticky_footer .envelope
	{
		width: 20%;
		float: left;
		text-align: center;
		font-size: 25px;
		color: #fff;
		background: #4cb050;
		height: 50px;
		line-height: 50px;
	}
	.sticky_footer .phone
	{
		width: 20%;
		float: left;
		text-align: center;
		font-size: 25px;
		color: #fff;
		background: #107bff;
		height: 50px;
		line-height: 50px;
	}
	.crisp-client
	{
		display: none !important;
	}
	#service-details .text-slide
	{
		/*display: none;*/
	}
	.banner-right
	{
		top: 20px;
		width: 100%;
    	right: -20px;
	}
}

@media all and (min-width: 768px) and (max-width: 991px) {
	.footer_1 h3 {
		font-size: 18px;
	}
	
	.footer_1 ul li {
		font-size: 12px;
		line-height: 25px;
	}
	
	.footer_midd_section p {
		font-size: 15px;
	}
	
	.footer_midd_section h6 {
		font-size: 13px;
	}
}


@media all and (min-width: 641px) and (max-width: 767px)
{
/*   .footer_1{margin: 0 0 30px 0;width: 50%;}
  .footer_1 h3{text-align: center; font-size: 20px;}
  .footer_1 h3:after{margin: 15px auto 25px;}
  .footer_1 ul li{font-size: 16px;line-height: 26px;text-align: center;}
  .footer_3 img{margin: 0;} */
}

@media (max-width:767px) {
.footer_1, .footer_2, .footer_3 {margin: 0 0 30px 0;float: left;width: 100%;padding: 0;}
.footer_1 h3 {text-align: center; font-size: 20px;}
.footer_1 h3:after {margin: 15px auto 25px;}
.footer_1 ul li {font-size: 16px;line-height: 26px;text-align: center;}
.footer_3 img {margin: 0;}
.footer_top_section {padding:0;}

}

/* END CSS FOOTER */





@media (max-width:1390px) {
	#service-details .about-banner-img.case-study-page-banner {
		min-height: 570px;
	}
}


@media only screen and (max-width:1199px) {
	.caseStudySec .case_study_block {
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 50px;
		padding-bottom: 50px
	}
	
	.viewCaseBtn {
		padding: 15px 32px;
	}
}


@media (max-width:1199px) {
	.case-study-page #service-details .text-slide p {
		font-size: 20px;
	}
	
	.case-study-page.dutble-case-study-page #service-details .text-slide p {
		font-size: 16px;
	}
	
	.research-planning-wrap .research-planning .tec img {
		width: 200px;
	}
	
	.research-planning {
		padding-top: 100px;
	}
	
	.research-planning h4 {
		font-size: 28px;
		line-height: 30px;
	}
	
	.the-solution-inner img {
		height: 120px;
	}
	
	.the-solution-inner h4 {
		font-size: 24px;
		line-height: 30px;
		padding-bottom: 0;
	}
	
	.result-icons-bg p {
		font-size: 22px;
		line-height: 30px;
		margin: 0;
	}
	
	.result-icons-bg img {
		height: 80px;
	}
	
	.other_case_studies .box_area .span4 a {
		font-size: 22px;
		line-height: 50px;
	}
	
	.hc-world-ofc-map {
		background-position: 0 50px;
		background-size: 90%;
	}
	
	.contact-box .nav ul li a {
		font-weight: 500;
		color: #fff;
		font-size: 16px;
		line-height: 30px;
	}
}


@media only screen and (max-width:991px) {
	.case-study-page #service-details .text-slide p {
		font-size: 18px;
	}
	
	.caseName {
		font-size: 20px
	}
	
	.caseStudySec .case_study_block {
		padding-left: 0;
		padding-right: 34px;
		padding-top: 30px;
		padding-bottom: 20px;
		width: 100%;
		display: inline;
		float: left;
	}
	
	.caseStudySec .case_study_block h2 {
		font-size: 26px;
		line-height: 38px;
	}
	
	.research-planning-wrap .research-planning .tec img {
		width: 160px;
	}
}


@media (max-width:825px) {
	.case-study-page #service-details .text-slide p {
		font-weight: 500;
		font-size: 17px;
	}
	
	.viewCaseBtn {
		padding: 12px 22px;
	}
	
	.research-planning {
		padding-top: 60px;
	}
	
	.result-icons-bg p {
		margin-top: 20px;
	}
	
	.hc-world-ofc-map {
		background-position: 0 100px;
	}
}


@media only screen and (max-width:767px) {
.chirty-box .frame {
transition: all .0s ease 0s;
-webkit-transition: all .0s ease 0s;
-moz-transition: all .0s ease 0s;
-o-transition: all .0s ease 0s
}

	.caseImg {
		height: 400px;
		background-position: center center !important
	}
	
	.caseName {
		font-size: 18px;
	}
	
	.caseName span {
		margin-top: 15px;
	}
	
	.caseStudySec .case_study_block {
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.caseStudySec .caseBtn {
		margin-top: 10px
	}
	
	.caseStudySec .case_study_block h2 {
		font-size: 20px;
		line-height: 30px;
	}
	
	.caseStudySec .case_study_block .study_title span {
		color: #116dc2
	}
	
	.caseStudySec .case_study_block .study_title span:after {
		display: none
	}
	
	.other_case_studies {
		padding: 30px 0 20px 0;
	}
	
	.other_case_studies .box_area .span4 {
		margin: 0 0 15px 0;
	}
}


@media (max-width:767px) {
	#service-details .about-banner-img {
		min-height: 340px;
	}
	
	.f-80 {
		font-size: 40px !important;
	}
	
	#service-details .about-banner-img.case-study-page-banner {
		min-height: 480px;
	}
	
	.case-study-page.dutble-case-study-page #service-details .text-slide p {
		margin-top: 1rem;
		line-height: 24px;
	}
	
	.case-study-page p {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 30px;
	}
	
	.casestudy-logo a {
		font-size: 40px;
		line-height: 40px;
	}
	
	.challenges-wrap .box-2 ul li {
		font-size: 20px;
		line-height: 30px;
		margin: 0 0 10px !important;
	}
	
	.btn-hire-now img {
		width: 100px;
	}
	
	.hc-world-ofc-map {
		background-position: 0 0px;
	}


}


@media (max-width:480px) {
	#service-details .text-slide {
		top: 15%;
	}
	
	#service-details .about-banner-img.case-study-banner {
		min-height: 460px;
	}
	
	.case-study-page p {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 20px;
	}
	
	.caseImg {
		height: 250px;
	}
	
	.viewCaseBtn {
		padding: 10px 14px;
	}
	
	.hc-world-ofc-map {
		padding-bottom: 152px;
	}
	
	.min-height {
		min-height: 175px;
	}
}


@media (max-width:320px) {
	#service-details .about-banner-img.case-study-page-banner {
		min-height: 320px;
	}	
	.case-study-page #service-details .text-slide p {
		margin-top: 1rem;
	}
	

	.caseImg {
		height: 200px;
	}
	
	.hc-world-ofc-map {
		padding-bottom: 142px;
	}
	
	.contact-box .nav ul li a {
		font-size: 15px;
		line-height: 28px;
	}
}

/* =========== END CSS RESPONSIVE =========== */

