/*body.sub .fullimg .box.box-2:hover {
	opacity: 0.8;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}*/
body.sub .fullimg .col-md-3{
overflow:hidden;
}
.col-sm-12.col-md-6.col-lg-3{
padding-left:0px !important;
padding-right:0px !important;
}
.text-blue {
	color:#43d7ef
}
.text-orange {
	color:#ee5a24
}
.breeserif {font-family:'Bree Serif', serif}
.flamabook {font-family: 'Flama-Book' !important;}
.flamaitalic {font-family: 'Flama-Italic' !important;}
.flamabasic {font-family: 'Flama-Basic' !important;}
.flamalight {font-family: 'Flama-Light' !important;}
.font21 {font-size: 21px !important;}
.font24 {font-size: 24px !important;}
.lineheight11 {line-height: 1.1 !important;}
.lineheight12 {line-height: 1.2 !important;}
.lineheight13 {line-height: 1.3 !important;}
.pad-top-10 {padding-top: 10px;}
.pad-bot-10 {padding-bottom: 10px;}
.pad-left-10 {padding-left: 10px;}
.pad-right-10 {padding-right: 10px;}
.pad-10 {padding: 10px;}
.pad-top-20 {padding-top: 20px;}
.pad-bot-20 {padding-bottom: 20px;}
.pad-left-20 {padding-left: 20px;}
.pad-right-20 {padding-right: 20px;}
.pad-20 {padding: 20px;}
.pad-top-40 {padding-top: 40px;}
.pad-bot-40 {padding-bottom: 40px;}
.pad-left-40 {padding-left: 40px;}
.pad-right-40 {padding-right: 40px;}
.pad-40 {padding: 40px;}




body {
	background:#020c21;
	color:#fff;
	font-family: 'Flama-Light';
	padding-bottom:5%
}
body.sub {
	background:#fff;
	padding:0;
	color:#686d73;
	font-family: 'Flama-Light';
}
body.sub .navbar.navbar-default {
	background:none;
	border:0;
	margin:0;
	padding:15px 0;
	min-height:10px
}
body.sub .navbar.navbar-default .navbar-brand {
	height:auto;
	padding:0
}
body.sub .navbar-nav>li>a {
	padding:25px 20px;
	font-size:16px;
	color:#686d73;
	position:relative;
}
body.sub .navbar-nav>li>a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 30px;
    right: 100%;
    bottom: 15px;
    background: #21cab8;
    height: 3px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
body.sub .navbar-nav>li>a:hover:before, body.sub .navbar-nav>li>a:focus:before, body.sub .navbar-nav>li>a.active:before {
  right: 30px;z-index:1;
}
body.sub .navbar-nav>li.active>a {
	background:none;	
}
.team {
	background:url(../images/heaer.png) no-repeat top center;
	background-size:cover;
	color:#fff;
}
.teaminner2{
  background-color: rgba(148,199,213,.6);
}
.teaminner {
/*    background-color: black;*/min-height:280px;
background:linear-gradient(to right, rgba(17, 77, 135,.80) 0,transparent 80%);
    z-index: 99999999;
    display: block;
}
body.sub .team h1 {
	font-size: 62px;
	padding:30px 0
}
body.sub .team img {
	position:absolute;
	top:-35px;
	/* right:-120px; */
	width:100%;
}
body.sub .infobox {
	background:#fff;
	padding:40px 0 75px
}
body.sub .infobox p {
	font-size:21px;
	color:#686d73
}

body.sub .infobox p span{
	font-family: 'Flama-Basic';
}


.effect-ruby .btn-default, .infobox .btn-default{color: #fff;
    background-color: #00cbb8;
    border-color: #00cbb8;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 100px;
	border-width: 2px;
    font-weight: 700;
    margin-top: 30px;
    padding: 13px 42px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
	
.fullimg .box .btn-default, .hire .box .btn-default, .hire2 .box .btn-default{
	color: #fff;
    background-color: #00cbb8;
    border-color: #00cbb8;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 100px;
	border-width: 2px;
    font-weight: 700;
    /* margin-top: 30px;*/
    padding: 13px 42px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;

}	

.infobox .btn:hover {
    background-color: #ffffff;
    border-color: #00cbb8;
	border-width: 2px;
	color: #00cbb8;
}


.fullimg .box.box-1 .btn:hover {background:none; border-color:#6bb5cd}
.fullimg .box.box-2 .btn:hover  {background:none;border-color:#02b3cb}
.fullimg .box.box-3 .btn:hover  {background:none;border-color:#018bd7}
.fullimg .box.box-4 .btn:hover  {background:none;border-color:#0175cc}
.hire .box.box-5 .btn:hover  {background:none;border-color:#00cbb8}
.hire2 .box.box-6 .btn:hover  {background:none;border-color:#00c98f}

.fullimg .box.box-1 .btn-default {background:#6bb5cd;border-color:#6bb5cd}
.fullimg .box.box-2 .btn-default {background:#02b3cb;border-color:#02b3cb}
.fullimg .box.box-3 .btn-default {background:#018bd7;border-color:#018bd7}
.fullimg .box.box-4 .btn-default {background:#0175cc;border-color:#0175cc}
.hire .box.box-5 .btn-default {background:#00cbb8;border-color:#00cbb8}
.hire2 .box.box-6 .btn-default {background:#00c98f;border-color:#00c98f}
.infobox .btn-default .fa{padding-left: 13px;}

.infobox-video h1{
	text-align: center;
    color: #000;
    font-size: 66px;
	position:relative;
}

.infobox-video .video-bg{
	background: #fff;
    position: relative;
	padding: 9px;
    z-index: 0;
}

.infobox-video h1:before{background:#00cbb8;position:absolute;content:"";width:100%;height:3px;margin-top:-2px;left:0;right:0;top: 50%;}	
.infobox-video p{
	font-size: 24px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.infobox-video img{
	margin-bottom: 80px;
	-moz-box-shadow: 0 15px 14px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 15px 14px rgba(0, 0, 0, 0.4);
    box-shadow: 0 15px 14px rgba(0, 0, 0, 0.4);
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.hire {
	background:url(../images/home-services-5.jpg) no-repeat top center;
	background-size:cover;
	color:#fff;
	padding:60px 0;
}
.hire2 {
	background:url(../images/home-services-6.jpg) no-repeat top center;
	background-size:cover;
	color:#fff;
	padding:60px 0;
}

.why-section, .services-section {
	padding: 50px 0 !important;
}

.services-temp{
    background: url(../images/services-temp.jpg) no-repeat top right;
    background-size: cover;
    color: #fff;
}

.services-temp-to-perm{
    background: url(../images/services-temp-to-perm.jpg) no-repeat top left;
    background-size: cover;
    color: #fff;
}

.services-direct{
    background: url(../images/services-direct.jpg) no-repeat top right;
    background-size: cover;
    color: #fff;
}

.services-onsite{
    background: url(../images/services-onsite.jpg) no-repeat top left;
    background-size: cover;
    color: #fff;
}

.services-hr{
    background: url(../images/services-hr.jpg) no-repeat top right;
    background-size: cover;
    color: #fff;
}
.services-managed{
    background: url(../images/services-managed.jpg) no-repeat top left;
    background-size: cover;
    color: #fff;
}

.placeholder {
    background: linear-gradient( to right, rgba(9,133,172,1) 60%, rgba(0,0,0, 0) );
    background-size: cover;
    color: #fff;
}
.placeholder-two {
    background: linear-gradient( to right, rgba(2,179,203,1) 60% , rgba(0,0,0, 0) );
    background-size: cover;
    color: #fff;
}
.placeholder-three {
    background: linear-gradient( to right, rgba(1,139,215,1) 60% , rgba(0,0,0, 0) );
    background-size: cover;
    color: #fff;
}
.placeholder-four {
    background: linear-gradient( to right, rgba(1,117,204,1) 60% , rgba(0,0,0, 0) );
    background-size: cover;
    color: #fff;
}


body.sub .hire h1, body.sub .hire2 h1 {
	font-size:42px
}
body.sub .hire p, body.sub .hire2 p {
	font-size:24px;
	margin-top:30px;
}
body.sub .hire .btn-default {
    color: #fff;
    background-color: #00cbb8;
    border-color: #00cbb8;
    text-transform: uppercase;
    font-size: 18px;
	border-width: 2px;
    border-radius: 100px;
    font-weight: 700;
    margin-top: 30px;
    padding: 13px 42px;
}
body.sub .hire2 .btn-default {
    color: #fff;
    background-color: #00c98f;
    border-color: #00c98f;
	border-width: 2px;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 100px;
    font-weight: 700;
    margin-top: 30px;
    padding: 13px 42px;
}
body.sub .onsite {
	background:url(../images/onsite-program.jpg) no-repeat top center;
	background-size:cover;
	color:#686d73;
	padding:60px 0;
	margin-bottom:40px
}
body.sub .onsite h1 {
	font-size:48px
}
body.sub .onsite p {
	font-size:24px
}
body.sub .fullimg .row {
	margin:0
}
body.sub .fullimg .row .col-md-3 {
	padding:0
}
body.sub .fullimg .box {
	color:#fff;
	padding: 60px 40px 10px;
	position:relative;
-webkit-transition:all .6s ease-in-out;
transition:all .6s ease-in-out;

/*	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
*/
}

/*body.sub .fullimg .box:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(55, 55, 55, 0.75);
-webkit-transition:all .6s ease-in-out;
transition:all .6s ease-in-out
}*/
body.sub .fullimg .box h4 {
    font-size: 40px;
    margin-bottom: 240px;
    text-align: center;
    position: relative;
}
body.sub .effect-ruby h4 {
	font-size:40px;
	margin-bottom:100px;
	text-align:center;
	position:relative
}
body.sub .fullimg .box p {
	font-size:21px;
	position:relative;
	text-align:center;
	margin-bottom:20px;
}
body.sub .fullimg .box.box-1 {
	background:url(../images/home-services-1.jpg) no-repeat top center;
	background-size:cover
}
body.sub .fullimg .box.box-2 {
	background:url(../images/home-services-2.jpg) no-repeat center;
	background-size:cover
}
body.sub .fullimg .box.box-3 {
	background:url(../images/home-services-3.jpg) no-repeat center;
	background-size:cover
}
body.sub .fullimg .box.box-4 {
	background:url(../images/home-services-4.jpg) no-repeat top center;
	background-size:cover
}

body.sub .fullimg .box.box-5 {
	background:url(../images/home-services-5.jpg) no-repeat top center;
	background-size:cover
}

body.sub .fullimg .box.box-6 {
	background:url(../images/home-services-6.jpg) no-repeat top center;
	background-size:cover
}


/* body.sub .fullimg .box.box-1:before {
	background:#6bb5cd;opacity:.75;
}
body.sub .fullimg .box.box-2:before {
	background:rgba(109, 185, 209, 0.75)
}
body.sub .fullimg .box.box-3:before {
	background:rgba(37, 141, 205, 0.75)
}
body.sub .fullimg .box.box-4:before {
	background:rgba(44, 116, 187, 0.75)
} */

.angled-content {
	position:relative;
	background:#020c21 url(../images/bg/bg-people.png) no-repeat bottom center;
	background-size:cover;
	overflow:hidden
}
.angled-content:before {
	position:absolute;
	content:"";
	-ms-transform:skewX(28deg);
	-webkit-transform:skewX(28deg);
	transform:skewX(28deg);
	top:0;
	bottom:0;
	right:21%;
	width:100%;
	background:rgba(2, 12, 33, 0.7)
}
header {
	padding:5% 0 0;
	position:relative
}
header .welcome {
	padding:18% 0 30%;
	font-size:60px
}
header .welcome h1, header .welcome h2 {
	font-size:60px
}
header .menu {
	font-size:20px;
	text-transform:uppercase
}
header .menu.affix {
	position:fixed;
	top:0;
	z-index:100;
-webkit-transition:all .6s ease-in-out;
	line-height:50px
}
header .menu.affix:before {
	position:fixed;
	content:"";
	width:100%;
	top:0;
	left:0;
	right:0;
	background:#020c21;
	z-index:-1;
	height:50px
}
header .menu li {
	margin-right:20px
}
header .menu a {
	color:#ee5a24
}
header .menu a:hover {
	text-decoration:none;
	color:#fff
}
.about {
	position:relative;
	padding:10% 0
}
.about img {
	position:absolute;
	right:0;
	bottom:0
}
.about h2 {
	font-size:60px
}
.about h3 {
	font-size:30px;
	margin:8% 0 4%;
	line-height:1.4
}
.about p {
	font-size:22px
}
.moto {
	padding:8% 0
}
.moto h3 {
	font-size:30px;
	margin:8% 0 4%;
	line-height:1.4
}
.moto p {
	font-size:22px
}
.expert {
	padding:8% 0;
	background:url(../images/bg/expert.png) no-repeat center;
	background-size:cover
}
.expert h2 {
	font-size:36px;
	line-height:1.4;
	margin:0 0 30px
}
.expert h2 span {
	display:block
}
.expert p {
	font-size:22px;
	line-height:1.3
}
.skew {
	position:relative;
	top:-100px
}
.skew .row {
	margin:0
}
.skew .col-sm-6 {
	padding:0
}
.skew .skew-box {
	position:relative
}
.skew .skew-box:before {
	background:url(../images/bg/skew-1.jpg) no-repeat center;
	-ms-transform:skewY(12deg);
	-webkit-transform:skewY(12deg);
	transform:skewY(12deg);
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%
}
.skew .skew-box:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(49, 72, 96, 0.8);
	-ms-transform:skewY(12deg);
	-webkit-transform:skewY(12deg);
	transform:skewY(12deg)
}
.skew .skew-box.two:before {
	background:url(../images/bg/skew-2.jpg) no-repeat center;
	-ms-transform:skewY(-12deg);
	-webkit-transform:skewY(-12deg);
	transform:skewY(-12deg)
}
.skew .skew-box.two:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(22, 44, 58, 0.8);
	-ms-transform:skewY(-12deg);
	-webkit-transform:skewY(-12deg);
	transform:skewY(-12deg)
}
.skew .skew-box h2, .skew .skew-box p {
	position:relative;
	padding:0 22%;
	z-index:1
}
.skew .skew-box h2 {
	font-size:36px;
	line-height:1.3;
	margin:0 0 30px;
	padding-top:10%
}
.skew .skew-box h2 span {
	display:block
}
.skew .skew-box p {
	padding-bottom:12%;
	font-size:18px
}
.main-bg{background:url(../images/bg/main-bg.png) no-repeat;background-size:cover;}
.work-done h1{color:#02b3cb;margin-bottom: 40px;}
.work-done p{font-size: 21px;
    color: #686d73;}
.work-done{margin-bottom: 150px;margin-top:50px;}
.work-done-con h1{position: relative;
    padding-bottom: 30px;}
.workforce .infobox-video .video-bg{background:#efefef;}	
.workforce .infobox-video h1:before{background: #02b3cb;}	
.work-done-con h1:after{background: #02b3cb;
    position: absolute;
    content: "";
    width: 50%;
    height: 2px;
    left: 0;
    top: 50px;}
.human h1:after{top: 95px;}
.work-done-con{margin-bottom: 150px;margin-top:50px;}
.work-done-con p{font-size: 21px;
    color: #686d73;}

.footer .list-unstyled>li a{
	text-transform: uppercase;
    font-size: 16px;
    line-height: 1.7;
    color: #686d73;
}

.footer .list-inline .fa{color: #fff;
    background: #4e71a8;
    width: 40px;
    height: 40px;
    border-radius: 130px;
    text-align: center;
    padding-top: 13px;}
.footer .list-inline .twitter .fa{background:#1cb7eb;}
.footer .list-inline .linked .fa{background:#1686b0;}
.footer .copy-right{border-top: 2px solid #02b3cb;
    margin-top: 0px;}
.footer .list-unstyled{
	margin: 30px;
}	

	
@media (max-width: 1400px) {
.skew .skew-box h2, .skew .skew-box p {
padding-left:8%;
padding-right:8%
}
header .menu {
font-size:17px
}
}
@media (max-width: 767px) {

body.sub .navbar-nav > li > a::before{background:#fff;}
.swiper-container {
    max-height: 300px;
}

header .welcome h1, header .welcome h2, .about h2 {
font-size:36px
}
.skew .skew-box:before, .skew .skew-box:after, .skew .skew-box.two:before, .skew .skew-box.two:after {
transform:none
}
.angled-content:before {
transform:none;
right:0
}
header .welcome {
padding:15% 0 0
}
.expert h2 {
font-size:21px
}
.about h3, .moto h3 {
font-size:21px
}
.about p, .moto p, .expert p {
font-size:16px
}
.skew {
top:0
}
.skew .skew-box h2, .skew .skew-box p {
padding:0 15px
}
.skew .skew-box h2 {
padding-top:5%
}
.skew .skew-box p {
margin:0;
padding-bottom:8%;
line-height:1.3
}
body.sub .team img {
position:static
}
.work-done-con h1{font-size:26px;}
.workforce .infobox-video .video-bg{background:#fff;}
footer, footer .text-right {
	text-align:center	
}
}



/* */

.grid {
	position: relative;
	list-style: none;
	text-align: center;
}

/* Common style */
/*
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}
*/
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
}	
.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity:.5;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*Sectional hover effects*/



#box1 {
	background-color: #6bb5cd;	
}
#box2 {
        background-color: #02b3cb;
}
#box3 {
        background-color: #018bd7;
}
#box4 {
        background-color: #0175cc;
}
figure.effect-ruby img {
/*	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15); */
}

figure.effect-ruby:hover img {
	opacity: 0.8;
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

figure.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-ruby p{
	margin: 1em 0 0;
	padding: 3em;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 
figure.effect-ruby div {
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,20px,0) scale(1.1);
        transform: translate3d(0,20px,0) scale(1.1);
}
figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}
figure.effect-ruby:hover div {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale(1);
        transform: translate3d(0,0,0) scale(1);
}

@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}
img#box1:before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #002f4b, #dc4225);
  opacity: .6;
}
@media screen and (max-width:1500px){
 figure.effect-ruby p{
         padding:1em !important;
 }
 body.sub .effect-ruby h4 {
    font-size: 40px;
    margin-bottom: 25px;
}
}

#mycontainer{position:relative}

.infobox-video .video-bg{font-family:'Bree Serif', serif}

body.sub .infobox p, body.sub .fullimg .box p, body.sub .hire p,body.sub .hire2 p , body.sub .hire2 p{
	font-family: 'Flama-Light';
	line-height:1.4
}
.effect-ruby .btn-default, .infobox .btn-default, .infobox-video p, body.sub .hire .btn-default, body.sub .hire2 .btn-default{font-family: 'Flama-Light';}

body.sub .navbar-nav>li>a, footer{font-family: 'Flama-Book';}



.swiper-container {
        width: 100%;
        margin: 20px auto;
		height:500px;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        width: 80%;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		background-size:cover;
		background-position:center;
    }
/*    .swiper-slide:nth-child(2n) {
        width: 10%;
    }
    .swiper-slide:nth-child(3n) {
        width: 10%;
    }
.teaminnermain {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;	
}*/
body.sub .team .teaminnermain h1{padding:70px 0}
.equal-info{min-height:200px;}

@media (max-width:1280px){
body.sub .fullimg .box h4{font-size: 36px;}	
body.sub .fullimg .box p{font-size:17px}
body.sub .navbar-nav > li > a{padding: 25px 12px;}
}

@media (min-width:1600px){
.container-fluid {
padding:0px;}
	
.container{
	width: 1370px !important;
}
	
body.sub .team img {
	width:78%	
}
.teaminner{ min-height:365px;}
body.sub .team .teaminnermain h1 {
    padding: 105px 0;
}
}
body.sub .navbar-nav > li > a:hover::before, body.sub .navbar-nav > li > a:focus::before, body.sub .navbar-nav > li.active > a::before {
    right: 40px;
    z-index: 1;
    left: 40px;
}
.second-p{min-height:110px;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img{max-width:200% !important;}

          *::after, *::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}element {}.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}.swiper-pagination-bullet-active {opacity: 1;background: #00cbb8;}

body.sub .navbar-nav > li.active > a{background:none !important}
.why-block{min-height:600px !important;}

.swiper-button-prev, .swiper-button-next {
    background-image: none !important;
    color: #00cbb8;
    margin: -20px .4em 0px;
}
.videobox-one, .videobox-two, .videobox-three, .videobox-one img, .videobox-two img, .videobox-three img, .videobox-four, .videobox-five, .videobox-six, .videobox-four img, .videobox-five img, .videobox-six img {
    width: 100%;
}

footer hr{border-top:3px solid #00cbb8;margin:60px 0 0}

@media (max-width: 1605px) {
body.sub .team.about-team img {
    top: -15px !important;
    width: 71% !important;
}
}

.save{
    background: url("../images/why-save.jpg") #6bb5cd no-repeat center;
    background-size: cover;
    color: #fff;
}
.reduce{
    background: url("../images/why-reduce.jpg") #02b3cb no-repeat center;
    background-size: cover;
    color: #fff;
}
.rely{
    background: url("../images/why-rely.jpg") #018bd7 no-repeat center;
    background-size: cover;
    color: #fff;
}
.benefit{
    background: url("../images/why-benefit.jpg") #0175cc no-repeat center;
    background-size: cover;
    color: #fff;
}
.services-section.six ul{
	padding-top:20px;
}
.services-section.six li {
    font-size: 19px;
    text-align: left;
    padding-bottom: 13px;
    line-height: 1;
}
.services-section.one p, .services-section.three p, .services-section.five p {
    opacity: 0;
    position: relative;
    left: -110%;
}
.services-section.two p, .services-section.four p, .services-section.six p, .services-section.six li {
    opacity: 0;
    position: relative;
    right: -50%;
}
.break {
    display: none;
}

@media (max-width: 767px) {
	body.sub .team h1 {
		font-size: 55px;
		text-align:center;
	}
	.infobox-video h1 {
		font-size: 48px;
	}
	.infobox-video .video-bg {
		line-height:1.2	
	}
	.services-temp, .services-direct, .services-hr {
		background-position: 80%;
	}
	.services-temp-to-perm, .services-onsite, .services-managed {
		background-position: 20%;
	}
}

.st13 {
    fill: #3CBEB1;
}.st14 {
    fill: #238ACA;
}
.st15 {
    fill: none;
    stroke: url(#SVGID_3_);
    stroke-width: 3;
    stroke-miterlimit: 10;
}
.st112, .st111 {
    fill: url(#SVGID_2_);
}
.st011, .st012 {
    fill: #FFFFFF;
}
#landone, #landtwo {
    padding-left: 0px;
    padding-right: 0px;
}
.panel-default > .panel-heading, .panel, .panel-body {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

@media (max-width: 700px) {
.panel-title {
    text-align: center;
    display: block;
}
.panel-title a, .panel-body p {
    max-width: 240px;
    display: block;
    text-align: left;
    margin: 0 auto;
}
.more-less {
    left: -30px;
    top: 10px;
}
.glyphicon.glyphicon-plus, .glyphicon.glyphicon-minus {
    font-size: 10px !important;
}
.dontend {
    font-size: 25px;    display: inline;
}
.panel-body p {
    font-size: 18px !important;
}
}
.swiper-button-next {right:30px;}
.swiper-button-next:before {
	content: "\f0a9"; font: normal normal normal 14px/1 FontAwesome;   font-size: 4em;
}

.swiper-button-prev:before {
	content: "\f0a8"; font: normal normal normal 14px/1 FontAwesome;   font-size: 4em;
}