@import url(https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700); /*300 light, 400 normal, 500 medium, 600 semibold, 700 bold  font-family: 'Rajdhani', sans-serif; */

*{outline:none;}

html, button, input, select, textarea {

    font-family: 'Rajdhani', sans-serif;

}

img, img.responsive{max-width:100%;height:auto!important}

body {

    color: #333;

    font-size: 18px;

    line-height: 1.5;

    margin: 0;padding:0;background:#fff;

}

h1, h2, h3, h4, h5, h6, .nav_box ul li a{margin:0;}

body, ul{padding:0}

.container, h1{position:relative}

img{border:0}

img.responsive{width:100%;}

a{color:#E2709B;text-decoration:none;position:relative; cursor:pointer;}

a:hover{color:#000;}

ul{margin:0 0 0 20px}

ul li{list-style:disc;text-align:left;}

.clear{clear:both}

.container{max-width:1200px;margin:0 auto;}

.show-menu, ul.nav li ul{width:100%;display:none}

ul.nav{margin:0; margin-right:0;}

ul.nav li{list-style:none;display:inline-block;position:relative;padding: 0 11px; position:relative;}

ul.nav li:last-child{ padding-right:0;}

ul.nav li li{ border-right:none;}

ul.nav li li:after{ display:none;}

ul.nav li a{display:block;color:#000;  font-weight:400;font-size:18px;position:relative;padding-bottom: 5px;line-height: normal;}

ul.nav li a:after{ background:#000; width:0px; height:1px; content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;}

ul.nav li.apply-btn a:after{ display:none;}

ul.nav li.apply-btn a{ text-transform:uppercase; background:#E9C46A;padding: 18px 22.5px; font-weight:700;}

ul.nav li.apply-btn a:hover{ background:#000; color:#E9C46A;}

ul.nav li a:hover:after,ul.nav li a.selected:after{ width:40%;}

ul.nav li ul{list-style:none;margin:0;padding:0;display:none;position:absolute;top:27px;left:0;z-index:99999;background-color:#000;-moz-border-radius:5px;border-radius:5px;width:170px;}

.submenu:hover, ul.nav li:hover a+.submenu {display: block;}

.show-menu{text-align:center}

.menu-trigger .menu-bar{position:absolute;border-radius:2px;width:30px;transition:.5s;}

.menu-trigger .menu-bar-top{border:4px solid #fff;border-bottom:none;top:0;box-sizing:border-box;}

.menu-trigger .menu-bar-middle{height:4px;background-color:#fff;margin-top:6px;margin-bottom:7px;top:4px;box-sizing:border-box;}

.menu-trigger .menu-bar-bottom{border:4px solid #fff;border-top:none;top:20px;box-sizing:border-box;}

.button-open .menu-bar-top{transform:rotate(45deg) translate(8px, 6px);-webkit-transform:rotate(45deg) translate(8px, 6px);-moz-transform:rotate(45deg) translate(8px, 6px);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;box-sizing:border-box;}

.button-open .menu-bar-middle{transform:translate(230px);transition:.1s ease-in;opacity:0;}

.button-open .menu-bar-bottom{transform:rotate(-45deg) translate(8px, -7px);-webkit-transform:rotate(-45deg) translate(8px, -7px);-moz-transform:rotate(-45deg) translate(8px, -7px);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;box-sizing:border-box;}

.show-menu button{color:#fff;background:transparent;border:none;cursor:pointer;position:absolute;width:30px;height:23px;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);margin:0;padding:0;overflow:hidden;}

.sidebar-menu-arrow{position:absolute;right:0;top:16px;color:#fff;}

.sidebar-menu-arrow::after{content:"\f067";font-family:'FontAwesome';position:relative;}

.sidebar-menu-arrow.minus::after{content:"\f068";font-family:'FontAwesome';position:relative;}

.sidebar-menu-arrow:hover:after{cursor:pointer;color:#fff;}

.show-menu{width:100%;display:none}

ul.nav li ul li{float:none;margin:0;padding:0;display:block;border-bottom:1px solid #6abb46;}

ul.nav li ul li:last-child{box-shadow:none;border-bottom:none;}

ul.nav li ul li a{padding:10px;height:auto;line-height:1;display:block;white-space:nowrap;float:none;text-transform:none;color:#fff;margin-right:0;}

ul.nav li ul li a:hover::after{background:none;height:0;content:'';width:0;}

ul.nav li ul li a:hover{color:#fff;border-bottom:none;text-shadow:none;background:#333;}

ul.nav li ul li:first-child a{border-radius:5px 5px 0 0;}

ul.nav li ul li:first-child a:after{content:"\f0d8";position:absolute;left:22px;top:-9px;width:0;height:0;background:none;font:normal normal normal 14px/1 FontAwesome;color:#000;}

ul.nav li ul li:first-child a:hover:after{border-bottom-color:#000;}

ul.nav li ul li:last-child a{border-radius:0 0 5px 5px;}

ul.nav:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

.show-menu{color:#fff;cursor:pointer;margin:0;float:right;background:#6abb46;width:50px;height:50px;}

.show-menu a{color:#C52126;}

h1, h2, h3, h4, h5, h6 {

    clear: both;

    font-family: 'Rajdhani', sans-serif;

    line-height: 1.3;

}

p {

    margin: 0 0 24px;

}





#masthead {

	float:left;

	width:100%;

	clear:both;

}

.logo {

	float: left;

	margin:15px 0px;

}

.site-header {

	position: relative;

}

.site-header .home-link {

	color: #141412;

	display: block;

	margin: 0 auto;

	max-width: 1080px;

	min-height: 230px;

	padding: 0 20px;

	text-decoration: none;

	width: 100%;

}

.site-header .site-title:hover {

	text-decoration: underline;

}

.site-title {

	font-size: 60px;

	font-weight: bold;

	line-height: 1;

	margin: 0;

	padding: 58px 0 10px;

}

.site-description {

	font: 300 italic 24px "Source Sans Pro", Helvetica, sans-serif;

	margin: 0;

}

.site {

    margin: 0 auto;

    max-width: 1200px;

    width: 100%;

}

/**



 * 4.2 Navigation



 * ----------------------------------------------------------------------------



 */







.main-navigation {

	margin: 0 auto;

	max-width: 1080px;

	min-height: 45px;

	position: relative;

	float:right;

}

.top-bar-menu {

	position:absolute;

	width:100%;

	top:0;

	z-index:999;

	opacity:0.9;

}

.nav-logo {

	width:100%;

	float:left;

	background:#fff;

}

.nav-logo .logo .site-info-title {

	display:none;

	float:left;

	text-align:left;

	margin-left:10px;

	font-size:18px;

}

.nav-logo.sticky {

	font-size: 16px;

	text-align: left;

	padding-left: 20px;

	position:fixed;

	top:0;

}

.logged-in .nav-logo.sticky {

	top:32px;

}

.wp-pagenavi {

	margin-top:50px;

}

.nav-logo.sticky .logo img {

	float:left;

	width:auto;

	height:auto;

}

.nav-logo.sticky .nav-menu li a {

	font-size:16px;

}

.nav-logo.sticky ul.nav-menu, div.nav-menu > ul {

	margin: 14px 0px;

}

.top-bar {

	padding: 3px;

	font-size:14px;

	color:#fff;

	line-height:22px;

	font-weight:500;

}

.top-bar a {

	color:#6ABB46;

}

.top-bar .social-icons {

	text-align:right;

}

.top-bar .social-icons div.fa {

	font-size:20px;

	line-height:20px;

	color:#ccc;

	margin-left:5px;

}

.top-bar .social-icons div.fa:hover {

	color: #6ABB46;

}

header .slider {

	width:100%;

	float:left;

	position:relative;

}

header .slider img {

	width:100%;

	max-width:100%;

}

ul.nav-menu,  div.nav-menu > ul {

	margin: 32px 0px;

	padding: 0 40px 0 0;

}

.nav-menu li {

	display: inline-block;

	position: relative;

}

.nav-menu li a {

	color: #6D6E70;

	display: block;

	font-size: 18px;

	line-height: 1;

	padding: 8px 20px;

	text-decoration: none;

	font-family: 'Rajdhani', sans-serif;

	font-weight:500;

	border: 1px solid transparent;

	border-radius: 30px;

}

.nav-menu li:hover > a,  .nav-menu li a:hover,  .nav-menu li:focus > a,  .nav-menu li a:focus {

	color: #6ABB46;

}

.nav-menu .sub-menu,  .nav-menu .children {

	background-color: #220e10;

	border: 2px solid #f7f5e7;

	border-top: 0;

	padding: 0;

	position: absolute;

	left: -2px;

	z-index: 99999;

	height: 1px;

	width: 1px;

	overflow: hidden;

	clip: rect(1px, 1px, 1px, 1px);

}

.nav-menu .sub-menu ul,  .nav-menu .children ul {

	border-left: 0;

	left: 100%;

	top: 0;

}

ul.nav-menu ul a,  .nav-menu ul ul a {

	color: #fff;

	margin: 0;

	width: 200px;

}

ul.nav-menu ul a:hover,  .nav-menu ul ul a:hover,  ul.nav-menu ul a:focus,  .nav-menu ul ul a:focus {

	background-color: #db572f;

}

ul.nav-menu li:hover > ul,  .nav-menu ul li:hover > ul,  ul.nav-menu .focus > ul,  .nav-menu .focus > ul {

	clip: inherit;

	overflow: inherit;

	height: inherit;

	width: inherit;

}

.nav-menu .current_page_item > a,  .nav-menu .current_page_ancestor > a,  .nav-menu .current-menu-item > a,  .nav-menu .current-menu-ancestor > a {

	border: 1px solid #6ABB46;

	border-radius: 30px;

	color: #6ABB46;

}

.menu-toggle {

	display: none;

}

.nav-menu li a::before,  .nav-menu li a::after {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100%;

    height: 100%;

    border: 1px solid #6ABB46;

    border-radius: 30px;

    content: '';

    opacity: 0;

    color: #6ABB46;

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

    -moz-transition: -moz-transform 0.3s, opacity 0.3s;

    transition: transform 0.3s, opacity 0.3s;

    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);

    -moz-transform: translateX(-50%) translateY(-50%) scale(0.2);

    transform: translateX(-50%) translateY(-50%) scale(0.2);

   }

    .nav-menu li a::after {

    width: 85%;

    height: 75%;

    border-width:0px;

    border-color:#8BC53F;

    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);

    -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);

    transform: translateX(-50%) translateY(-50%) scale(0.8);

    color: #6ABB46;

   }

    .nav-menu li a:hover::before,  .nav-menu li a:hover::after,  .nav-menu li a:focus::before,  .nav-menu li a:focus::after {

    opacity: 1;

    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);

    -moz-transform: translateX(-50%) translateY(-50%) scale(1);

    transform: translateX(-50%) translateY(-50%) scale(1);

    color: #6ABB46;

   }

/* Navbar */



.navbar {

	margin: 0 auto;

	max-width: 1200px;

	width: 100%;

}

.site-header .search-form {

	position: absolute;

	right: 20px;

	top: 1px;

}

.site-header .search-field {

	background-color: transparent;

	background-image: url(images/search-icon.png);

	background-position: 5px center;

	background-repeat: no-repeat;

	background-size: 24px 24px;

	border: none;

	cursor: pointer;

	height: 37px;

	margin: 3px 0;

	padding: 0 0 0 34px;

	position: relative;

	-webkit-transition: width 400ms ease, background 400ms ease;

	transition:         width 400ms ease, background 400ms ease;

	width: 1px;

}

.site-header .search-field:focus {

	background-color: #fff;

	border: 2px solid #c3c0ab;

	cursor: text;

	outline: 0;

	width: 230px;

}



.slider-caption {

	font-size:80px;

	font-family: 'Rajdhani', sans-serif !important;

	font-weight: 400;

	text-align:center;

	line-height:80px;

	opacity: 1 !important;

	position: absolute;

	left: 0px;

	bottom: 0px;

	background: none repeat scroll 0% 0% #000;

	color: #FFF;

	width: 100%;

	z-index: 8;

	padding: 5px 10px;

	overflow: hidden;

	box-sizing: border-box;

}

.slider-caption div span {

	color:#6ABA46;

}

.slider-h1 {

    margin: 0 auto;

    max-width: 1200px;

    font-size: 80px !important;

    font-family: 'Rajdhani', sans-serif !important;

    font-weight: 400 !important;

    text-align: center;

    line-height: 80px !important;

}

.slider-h1 span {

    color: #6ABA46 !important;

}

.slider-caption .btn {

    padding: 10px 30px;

    border: 5px solid #fff;

    color: #6ABB46;

    background: transparent;

    font-size: 30px;

    text-transform: uppercase;

    line-height: 35px;

    font-weight: 600;

    display: inline-block;

    margin: 21px 0;

}

.slider-caption .btn:hover {

    color: #fff;

    border-color: #fff;

    opacity: 1;

}

.first-section {

    text-align: center;

    font-family: Rajdhani, sans-serif;

    font-weight: 400;

    font-size: 30px;

    padding: 26px 0 10px;

}

.first-section-inner {

    font-size: 24px;

    max-width: 880px;

    margin: 5px auto;

    font-weight: 300;

}





#section_7{

    background: url(images/thing-we-do-best.jpg) fixed;

    background-position: center;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    clear: both;

}

#section_7 h2 {

    font-size: 60px;

    color: #999;

    font-family: Rajdhani, sans-serif;

    text-align: center;

    font-weight: 400;

    padding-top: 25px;

    margin: 0px;

}

.page-content {

    margin: 0 auto;

    width: 100%;

	padding: 10px 0;

	display:inline-block;

}

/*************Box effects********************************/

.ch-item {

	width: 100%;

	height: 100%;

	min-height:299px;

	position: relative;

	cursor: default;

	font-family: 'Rajdhani', sans-serif!important;

	color:#666!important;

	font-size:18px!important;

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}

.ch-item h2 {

	font-family: 'Rajdhani', sans-serif!important;

	font-weight:500!important;

	color:#333!important;

	font-size:24px!important;

	padding:20px 0 0!important;

	border-top:2px solid #eee;

}

.ch-img-1 {

	background:#fff;

	position: absolute;

	padding:28px;

}

.ch-img-2 {

	background:#fff;

	position: absolute;

	padding:28px;

}

.ch-img-3 {

	background:#fff;

	position: absolute;

	padding:28px;

}

.ch-img-1 .fa, .ch-img-2 .fa, .ch-img-3 .fa {

	color:#ccc!important;

	padding:0 0 30px!important;

}

.ch-img-1 .fa {

	font-size:50px;

}

.ch-img-2 .fa {

	font-size:50px;

}

.ch-img-3 .fa {

	font-size:50px;

}

.ch-info {

	position: absolute;

	background: #7dc55f;

	background: -moz-radial-gradient(center, ellipse cover, #7dc55f 16%, #60ad3f 84%);

	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(16%, #7dc55f), color-stop(84%, #60ad3f));

	background: -webkit-radial-gradient(center, ellipse cover, #7dc55f 16%, #60ad3f 84%);

	background: -o-radial-gradient(center, ellipse cover, #7dc55f 16%, #60ad3f 84%);

	background: -ms-radial-gradient(center, ellipse cover, #7dc55f 16%, #60ad3f 84%);

	background: radial-gradient(ellipse at center, #7dc55f 16%, #60ad3f 84%);

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dc55f', endColorstr='#60ad3f', GradientType=1 );

	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-o-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	-webkit-backface-visibility: hidden;

	padding:28px;

	color:#fff;

}

.ch-info .fa {

	font-size:50px;

	color:#fff!important;

	padding:0 0 30px!important;

}

.ch-info h2 {

	font-family: 'Rajdhani', sans-serif!important;

	font-weight:500!important;

	color:#fff!important;

	font-size:24px!important;

	padding:20px 0 0!important;

	border-top:2px solid #5BA53D;

}

.ch-info p {

color: #fff;

-webkit-transition: all 1s ease-in-out 0.4s;

-moz-transition: all 1s ease-in-out 0.4s;

-o-transition: all 1s ease-in-out 0.4s;

-ms-transition: all 1s ease-in-out 0.4s;

transition: all 1s ease-in-out 0.4s;

}

.ch-info p a {

	display: block;

	color: #fff;

	color: rgba(255, 255, 255, 0.7);

	font-style: normal;

	font-weight: 700;

	text-transform: uppercase;

	font-size: 9px;

	letter-spacing: 1px;

	padding-top: 4px;

}

.ch-info p a:hover {

	color: #fff222;

	color: rgba(255, 242, 34, 0.8);

}

.ch-item:hover .ch-img-1 {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	opacity: 0;

}

.ch-item:hover .ch-img-2 {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	opacity: 0;

}

.ch-item:hover .ch-img-3 {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	opacity: 0;

}

.ch-item:hover .ch-info {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	opacity: 1;

}

.ch-item:hover .ch-info p {

	opacity: 1;

}

.ch-item a{ display: block;}

.ch-grid {

	margin: 0;

	padding: 0;

	list-style: none;

	display: block;

	text-align: center;

	width: 100%;

}

.ch-grid .box-sep{ margin-bottom: 40px;}

.ch-grid:after,  .ch-item:before {

	content: '';

	display: table;

}

.ch-grid:after {

	clear: both;

}

.ch-grid .box {

	width: 31.2%;

	min-height:280px;

	display: inline-block;

}

 .ch-grid .box:nth-child(2) {

 margin-left:30px;

 margin-right:30px;

}





#section_9{

    background: url(images/want-to-hire-us-new2.jpg) fixed;

    background-position: center;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    clear: both;

}

#section_9 {

	padding:50px 0;

}

#section_9 h2 {

	text-align:left;font-size: 60px;

    font-weight: 400;

    color: #fff;

    margin: 0px;

    padding: 8px 0px;

}

.hire-left {

	width:56%;

	float:left;

	padding-right:7%;

	color:#fff;

	font-size:24px;

}

.hire-right {

	width:37%;

	float:left;

}

nav.cl-effect-11 a {

	position: relative;

	min-width:418px;

	display: inline-block;

	margin: 0;

	outline: none;

	color: #fff;

	text-decoration: none;

	text-transform: uppercase;

	font-weight:700;

	font-size:40px;

	line-height:40px;

	border:5px solid #fff;

	padding:20px 12px;

	-webkit-transition: border 1s;

	-moz-transition: border 1s;

	transition: border 1s;

	-webkit-transition-property:color, text, border;

	-webkit-transition-duration: 1s, 1s;

	-webkit-transition-timing-function: linear, ease-in;

	-moz-transition-property:color, text;

	-moz-transition-duration:1s;

	-moz-transition-timing-function: linear, ease-in;

	-o-transition-property:color, text;

	-o-transition-duration:1s;

	-o-transition-timing-function: linear, ease-in;

}

nav.cl-effect-11 a:hover,  nav.cl-effect-11 a:focus {

	outline: none;

	border: 5px solid #6ABB46;

	color: #6ABB46;

	-webkit-transition: border 1s;

	-moz-transition: border 1s;

	transition: border 1s;

	-webkit-transition-property:color, text, border;

	-webkit-transition-duration: 1s, 1s;

	-webkit-transition-timing-function: linear, ease-in;

	-moz-transition-property:color, text;

	-moz-transition-duration:1s;

	-moz-transition-timing-function: linear, ease-in;

	-o-transition-property:color, text;

	-o-transition-duration:1s;

	-o-transition-timing-function: linear, ease-in;

}





#section_47 h2 {

    padding-top: 25px;

    color: #aaa;

}

section h2 {

    font-size: 60px;

    line-height: 60px;

    font-weight: 400;

    text-align: center;

    color: #fff;

    margin: 0px;

    padding: 8px 0px;

}

/*-------------Portfolio Slider Style --------------------------------*/



#portfolioslider {

	position: relative;

	overflow: hidden;

	width:100% !important;

	margin-bottom:20px;

	height: auto!important;

}

#portfolioslider ul {

	position: relative;

	padding: 0;

	list-style: none;

	margin:0 auto;

	text-align:center;

}

#portfolioslider ul li {

	position: relative;

	display: block;

	float: left;

	padding: 0;

	margin:0;

	width: 600px !important;

}

#portfolioslider ul li img {

	float:left;

	visibility:visible;

	border:5px solid #ccc;

}

#portfolioslider ul li img:hover {

	border:5px solid #6ABB46;

}

#portfolioslider a.control_prev, #portfolioslider a.control_next {

	position: absolute;

	top: 40%;

	z-index: 999;

	display: block;

	padding: 1.4% 2%;

	width: auto;

	height: auto;

	background: #7DC55F;

	color: #fff;

	text-decoration: none;

	font-weight: 600;

	font-size: 24px;

	opacity: 0.9;

	cursor: pointer;

}

#portfolioslider a.control_prev:hover, #portfolioslider a.control_next:hover {

	opacity: 1;

	-webkit-transition: all 0.2s ease;

}

#portfolioslider a.control_prev {

	border-radius: 0 2px 2px 0;

}

#portfolioslider a.control_next {

	right: 3.5%;

	border-radius: 2px 0 0 2px;

}



nav.cl-effect-12 a {

	position: relative;

	display: inline-block;

	margin: 0;

	outline: none;

	color: #ccc;

	text-decoration: none;

	text-transform: uppercase;

	font-weight:700;

	font-size:40px;

	line-height:40px;

	border:5px solid #ccc;

	padding:20px 12px;

	-webkit-transition: border 1s;

	-moz-transition: border 1s;

	transition: border 1s;

	-webkit-transition-property:color, text, border;

	-webkit-transition-duration: 1s, 1s;

	-webkit-transition-timing-function: linear, ease-in;

	-moz-transition-property:color, text;

	-moz-transition-duration:1s;

	-moz-transition-timing-function: linear, ease-in;

	-o-transition-property:color, text;

	-o-transition-duration:1s;

	-o-transition-timing-function: linear, ease-in;

}

nav.cl-effect-12 a:hover,  nav.cl-effect-12 a:focus {

	outline: none;

	border: 5px solid #6ABB46;

	color: #6ABB46;

	-webkit-transition: border 1s;

	-moz-transition: border 1s;

	transition: border 1s;

	-webkit-transition-property:color, text, border;

	-webkit-transition-duration: 1s, 1s;

	-webkit-transition-timing-function: linear, ease-in;

	-moz-transition-property:color, text;

	-moz-transition-duration:1s;

	-moz-transition-timing-function: linear, ease-in;

	-o-transition-property:color, text;

	-o-transition-duration:1s;

	-o-transition-timing-function: linear, ease-in;

}



#section_61{

    background: url(images/testimonial-bg2.jpg) fixed;

    background-position: center;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    clear: both;

}

#section_61 h2 {

    padding-top: 25px;

    color: #fff;

}



/*-------------Testimonial Slider Style --------------------------------*/



#testimonialslider {

	position: relative;

	overflow: hidden;

	border-radius: 4px;

}

#testimonialslider ul {

	position: relative;

	margin: 0;

	padding: 0;

	height: 300px;

	list-style: none;

	margin-left:0px;

}

#testimonialslider ul li {

	position: relative;

	display: block;

	float: left;

	margin: 0;

	padding: 0;

	width: 980px;

	height: 300px;

}

.testimonial-img {

	float:left;

	width:18%;

	text-align:right;

}

.testimonial-img img {

	border-radius:100%;

}

#testimonialslider ul li .testimonial-desc {

	float:right;

	width:95%;

	font-size: 1.2em;

	font-style: italic;

	font-weight: 300;

	color:#fff;

}

#testimonialslider ul li .testimonial-desc .location {

	font-weight: bold;

	font-style: normal;

}

#testimonialslider ul li .testimonial-desc .company-name {

	font-size: 16px;

	color: #040604;

	font-style: normal;

	font-weight: 700;

}

#testimonialslider a.control_prev, #testimonialslider a.control_next {

	position: absolute;

	top: 40%;

	z-index: 999;

	display: block;

	padding: 4% 3%;

	width: auto;

	height: auto;

	background: #2a2a2a;

	color: #fff;

	text-decoration: none;

	font-weight: 600;

	font-size: 18px;

	opacity: 0.8;

	cursor: pointer;

}

#testimonialslider a.control_prev:hover, #testimonialslider a.control_next:hover {

	opacity: 1;

	-webkit-transition: all 0.2s ease;

}

#testimonialslider a.control_prev {

	border-radius: 0 2px 2px 0;

}

#testimonialslider a.control_next {

	right: 0;

	border-radius: 2px 0 0 2px;

}



.site-info {

    margin: 0 auto;

    max-width: 1040px;

    padding: 30px 0;

    width: 100%;

}

.site-footer {

	color: #333;

	font-size: 16px;

	text-align: center;

 font-family: 'Rajdhani', sans-serif;

	font-weight:400;

	background: #eee;

}

.footer-social-icons div.fa {

	font-size: 32px;

	line-height: 32px;

	color: #BBB;

	margin-left: 10px;

}

.footer-social-icons div.fa:hover {

	color:#6ABB46;

}

.site-footer .widget-area,  .sidebar .site-footer {

	text-align: left;

}

.site-footer a {

	color: #686758;

}





#popup-form {

	max-width:768px;

	margin: 0 auto;

}

#popup-form textarea {

	height:120px;

}

.contact-form-main {

	width:95%;

	margin:20px auto;

}

.contact-form-main .form-label {

	font-size:18px;

	font-weight:600;

}

.contact-form-main span.wpcf7-list-item {

	float:left;

}

.contact-form-main .contact-form-left {

	display: inline-block;

	width:45%; margin-bottom: 24px;

}

.contact-form-main .contact-form-right {

	float:right;

	width:40%; margin-bottom: 24px;

}

.contact-form-main .btn {

	border: 5px solid #6ABB46;

	color: #6ABB46;

	background:transparent;

	font-size:18px;

	text-transform:uppercase;

	width:110px;

	height:48px;

	padding: 0 0px 0 0;

	font-weight: 600;

	-webkit-transition: border 1s;

	-moz-transition: border 1s;

	transition: border 1s;

	transition-property: border;

	transition-duration: 1s;

	transition-timing-function: ease;

	-webkit-transition-property: color, text, border;

	-webkit-transition-duration: 1s, 1s;

	-webkit-transition-timing-function: linear, ease-in;

	-moz-transition-property: color, text;

	-moz-transition-duration: 1s;

	-moz-transition-timing-function: linear, ease-in;

	-o-transition-property: color, text;

	-o-transition-duration: 1s;

	-o-transition-timing-function: linear, ease-in;

}

.contact-form-main .btn .fa {

	margin-left:5px;

}

.slider-caption .btn {

	padding:10px 30px;

	border: 5px solid #fff;

	color: #6ABB46;

	background:transparent;

	font-size:30px;

	text-transform:uppercase;

	line-height: 35px;

	font-weight: 600;

	display: inline-block;

	margin: 10px 0 20px;

}

.slider-caption .btn:hover {

	color:#fff;

	border-color:#fff;

	opacity:1;

}

.contact-form-main .btn:hover {

	border-color:#000;

	color:#000;

	-webkit-transition: border 1s;

	-moz-transition: border 1s;

	transition: border 1s;

	transition-property: border;

	transition-duration: 1s;

	transition-timing-function: ease;

	-webkit-transition-property: color, text, border;

	-webkit-transition-duration: 1s, 1s;

	-webkit-transition-timing-function: linear, ease-in;

	-moz-transition-property: color, text;

	-moz-transition-duration: 1s;

	-moz-transition-timing-function: linear, ease-in;

	-o-transition-property: color, text;

	-o-transition-duration: 1s;

	-o-transition-timing-function: linear, ease-in;

}

.contact-form-main .form-label {

    font-size: 18px;

    font-weight: 600; display: block;

}

.contact-form-main button,.contact-form-main input,.contact-form-main select,.contact-form-main textarea {

    font-size: 100%;

    margin: 0;

    width: 100%;

    vertical-align: baseline; padding: 4px; border: 1px solid #ccc;

}

.contact-form-main input:focus,.contact-form-main select:focus,.contact-form-main textarea:focus {

    border: 1px solid #6ABB46;

    outline: 0;

}

.interested-list-item input{ width: auto; margin-right: 5px;}

.interested-list-item{ display:flex; align-items: center;margin: 0 0 0 1em;}

.interested-in,.budget-range,.your-message{ margin-bottom: 24px;}



.about-header {

    width: 100%;

    position: relative;

    margin-bottom: 20px; z-index: 11;

}

.about-header img {

    width: 100%;

}

.about-header .about-title {

    position: absolute;

    top: 52%;

    left: 19%;

}

.about-header h1 {

    color: #FFF;

    font-size: 80px;

    font-weight: 400;

    margin: 0px;

    text-transform: uppercase;

}

#section_64{

    background: url(images/mission-statement-bg1.jpg) fixed;

    background-position: center;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    clear: both;

}

.portfolio-btns {

    padding: 40px 0px;

}

.developing-tools {

    padding: 20px 0px;

}

img.aligncenter {

    margin: 5px auto; display: block;

}

#page{ clear: both;}



#section_102{

    background: url(images/portfolio-btn-bg1.jpg) fixed;

    background-position: center;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    clear: both;

}

#section_107,#section_89{

    background: url(images/thing-we-do-best.jpg) fixed;

    background-position: center;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    clear: both;

}



.careers {

	border:1px solid #aaa;

	padding:5px;

	margin-bottom:10px;

}

.layer1 {

	margin: 0;

	padding: 0;

}

.layer1 .heading {

	cursor: pointer;

	position: relative;

	font-size:24px;

	font-weight:500;

	padding-left:15px;

	margin-top:10px;

}

.layer1 .content {

	border-left:1px solid #aaa;

	border-right:1px solid #aaa;

	border-bottom:1px solid #aaa;

	margin-top:-10px;

	padding:10px;

}

.layer1 .in-active {

	background-image: url('images/arrow-down.png');

	background-repeat: no-repeat;

	background-position:right;

	background-position: right 10px center;

}

.layer1 .active {

	background-image: url('images/arrow-up.png');

	background-repeat: no-repeat;

	background-position:right;

	background-position: right 10px center;

}

#career-first-active {

	background-image: url('images/arrow-up.png') !important;

	background-repeat: no-repeat;

	background-position:right;

	background-position: right 10px center;

}

layer1 .content {

	padding: 5px 10px;

	background-color:#fafafa;

}

#careers-first-div {

	display:block !important;

}

.career-left {

	float:left;

	width:50%;

}

.career-right {

	float: right;

	width: 23%;

	border: 1px solid #aaa;

	padding: 10px;

	margin-right: 3%;

	color: rgb(106, 186, 70);

}

.career-right hr {

	margin: 0px 0px 5px;

}

.career-section{ margin-bottom: 60px;}

.career-section h2{ font-size: 48px;}

ol, ul {

    margin: 16px 0;

    padding: 0 0 0 40px;

}



#vertical {

	width:100%;

	margin:50px auto;

}

#vertical div.element {

	margin-right:2%;

	float:left;

	width:44%;

	padding:13.5% 0;

	margin-bottom: 20px;

	border:10px solid #fff;

	position:relative;

	overflow:hidden;

	box-shadow: 0px 0px 5px #888;

}

.wrap {

	display: block;

	height: 678px;

	width: 100%;

	position: absolute;

	top: 0;

}

.init {

	display: 

 block;

	height: 339px;

	width: 100%;

}

.short {

	display: block;

	height: 339px;

	width: 100%;

	background: #6ABB46;

	color:#fff;

	text-align:center;

	padding: 15% 0;

}

.short a {

	color:#fff;

}

.short h5 {

	padding:20px;

	margin:0px;

}



#section_154{

    background: url(images/thing-we-do-best.jpg) fixed;

    background-position: center;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    clear: both;

}

#section_154 h2 {

	display:none;

}

#section_154 .contact-section {

	padding:50px 0px;

	float:left;

}

.address {

    width: 31%;

    padding: 2%;

    background-color: #fff;

    color: #333;

    float: left;

}

.address h3, .contact-form h3 {

	font-size:24px;

	font-weight:500;

	margin:0 0 5px 0px;

}

#section_154 .contact-form {

	float: left;

    width: 58%;

    background-color: rgb(255, 255, 255);

    padding: 2%;

    margin-left: 3%;

}

#section_159{

    background: url(images/portfolio-btn-bg1.jpg) fixed;

    background-position: center;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    clear: both;

}

.page-template-contact-template .about-header h1 {

    color: #6ABB46;

    background: hsla(0, 0%, 100%, .7);

    padding-left: 5px;

    padding-right: 5px;

}

.fancybox__container{ z-index: 9999999!important;}



.pagination {

	display: flex;

	margin-top: 20px;

}

.pagination button {

	margin: 0 5px;

	padding: 5px 10px;

	border: 1px solid #BFBFBF; color: #ac0404;

	cursor: pointer;

}

.pagination button.active,.pagination button:hover {

	border-color: #000;

	color: #000;

}

.pagination button:disabled {

	background-color: #e0e0e0;

	cursor: not-allowed;

}

.whatsapp-widget {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: #25D366;
	color: white;
	padding: 15px;
	border-radius: 50px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	z-index: 1000;
  }

  .whatsapp-widget img {
	width: 30px;
	height: 30px;
  }

  .whatsapp-widget:hover {
	background-color: #1DA851;
  }


/**



 * 5.0 Content



 * ----------------------------------------------------------------------------



 */





 @media (max-width: 1599px) {

    .slider-h1 {

        font-size: 60px !important;

        line-height: 60px !important;

    }

}

@media (max-width: 1299px) {

    .slider-caption {

        font-size:40px !important;

        line-height:40px !important;

       }

        .slider-h1 {

       font-size: 40px!important;

       line-height: 40px!important;

       }

        .ch-grid {

        margin:0 auto;

       }

        .ch-img-1, .ch-info {

        padding:15px !important;

       }

        .ch-img-2, .ch-info {

        padding:15px !important;

       }

        .ch-img-3, .ch-info {

        padding:15px !important;

       }

        .ch-grid .box {

        width:46.1% !important;

        float:left;

        margin-left:2.1%;

        min-height:300px !important;

       }

        .ch-item h2 {

        font-size:20px !important;

       }

        .box-sep {

        margin-bottom:0px !important;

       }

        .ch-grid .box:nth-child(2) {

        margin-left:2.1% !important;

        margin-right:0px !important;

       }

        .tslider blockquote {

        max-width: 80%;

       }

        .portfolio-btns div {

        float:none !important;

        margin-left: 0px !important;

        margin-right: 0px !important;

        margin-bottom:20px;

        margin-top:20px;

       }

}

@media (max-width:1200px){

ul.nav li {padding: 0 5px;}

ul.nav li a {font-size: 16px;}

.container{ padding:0 2%;}

.site {

    padding: 0 2.5%;

    width: 95%;

}

}

@media (max-width: 1069px) {

    .slider-h1 {

        font-size: 30px !important;

        line-height: 30px !important;

    }

}

@media (max-width:1024px){

h1{font-size:34px;}

h2{font-size:28px;line-height:normal;}

h3{font-size:26px;}

h4{font-size:22px;}

h5{font-size:18px;}

h6{font-size:16px;}

.logo-box {float: none;

    width: auto;

    margin-left: 0;

    text-align: center;}

.navpane {width: 100%;}

header {

    position: relative;

    top: 0;

	z-index: 9999;

	width:100%;

}

header.sticky{position:relative;}

.logo{width:100%;}

header.sticky .logo img{width:auto;}

.headersection{margin-left:0;}

.show-menu{display:block;position:absolute;left:5px;top: -50px;}

.show-menu a:hover{color:#050505;}

ul.nav{margin-left:0;}

ul.nav li{padding:0;margin:0;border:none;border-bottom:1px solid #E9C46A;float:none;display:block;}

ul.nav li a{line-height:18px!important;padding:12px 8px;border:none;color:#fff;margin:0;font-size:16px}

ul.nav li a:hover, ul.nav li a.selected{color:#fff;border-radius:0;background:#E9C46A;margin:0;border:none;}

.sidr{background:#050505;box-shadow:none;}

ul.nav li ul{position:relative;text-align:left;font-size:14px;width:100%;background:#333;margin-top:0;border-left:0;border-right:0;display:block;top:0;border-radius:0;}

ul.nav li ul li:first-child a:after{content:'';}

ul.nav li a:after{ display:none;}

.header-address-box{

    clear: both;

    width: 100%;

    margin: 15px auto 0;

    display: inline-block;

	text-align:center;

}

.navpane{padding:0;height:0;margin:0;border:none;float: none;}

ul.nav li:after{ display:none;}

header.sticky .social-box {display: block;}

header.sticky .logo img {height: auto!important;}

.header-address-box{ margin:0 auto;}

.sidr ul { width:100%;}

.banner-btn {

    margin-top: 50px;

}

header.sticky .logo-box {

    width: auto!important;

}

header.sticky {box-shadow: none;}

.main-navigation {

    float: none;

}

.top-bar{ display: none;}

.logo {

    width: 50%;

    float: none;

    margin: 0 auto;

    background: #fff;

    margin-top: 10px; text-align: center;

}

.top-bar-menu {position: relative;}

.sidr ul li a, .sidr ul li span {padding: 15px; border-radius: 0!important;}

}

@media (max-width: 999px) {

    .slider-h1 {

        font-size: 25px !important;

        line-height: 25px !important;

    }

    #testimonialslider {

        width:100% !important;

       }

        #testimonialslider ul {

        margin-left:0px !important;

        width:100% !important;

       }

        #testimonialslider ul li {

        width:100% !important;

       }

       nav.cl-effect-11 a {

        font-size:30px !important;

        padding: 10px 12px !important;

       }

       .about-header .about-title {

        left: 5%;

        top: 60%;

    }

    .about-header h1 {

        font-size: 60px;

    }

}

@media (max-width: 767px) {

    .top-bar-menu {

        position: relative;

    }

    .logo {

        width: 24%;

    }

    .slider-caption {

        font-size: 20px !important;

        line-height: 20px !important;

        position: relative !important;

        opacity: 1 !important;

    }

    .slider-caption .btn {

        padding: 5px 15px !important;

        font-size: 20px !important;

    }

    .first-section {

        font-size: 20px;

    }

    .first-section-inner {

        font-size: 18px;

    }

    #section_7 h2 {

        font-size: 30px;

    }

    .ch-grid .box {

        width: 95% !important;

    }

    #section_9 {

        padding: 10px 10px;

    }

 .hire-left {

 width:100%;

 padding:0;

 clear:both;

 font-size:20px;

}

 .hire-right {

 width: 100%;

 clear:both;

 margin-top:20px;

}

 nav.cl-effect-11 a {

 font-size:30px !important;

 padding: 10px 12px !important;

}

section h2,#section_9 h2 {

    font-size: 30px;

    text-align: center !important;

    line-height: 40px;

}

#section_9 {

    padding: 10px 10px;

}

section h2 {

    font-size: 30px;

    text-align: center !important;

    line-height: 40px;

}

#testimonialslider ul li .testimonial-desc {

    font-size: 0.9em;

    width: 100%;

}

.slider-h1 {

    font-size: 20px !important;

    line-height: 20px !important;

    padding-top: 20px;

}

.about-header .about-title {

    left: 5%;

}

.about-header h1 {

    font-size: 40px;

}

.career-left {

	width:100% !important;

	float:none !important;

   }

	.career-right {

	width:93% !important;

	float:none !important;

   }

   .address {

	width: 91% !important;

	margin-bottom: 20px;

}

.contact-form {

	width: 91% !important;

	margin-left: 0px !important;

}

}

@media (max-width: 643px) {

    .top-bar-menu {

        opacity: 1 !important;

    }

	.career-section h2 {

		font-size: 22px; font-weight: 700; line-height: normal; margin: 0; padding: 0;

	}

	#vertical div.element {

        width: 92.5% !important;

        padding: 26.5% 0 !important;

        margin: 0px 0px 20px auto;

        float: none !important;

    }

}

@media (max-width: 500px) {

    .top-bar {

        display: none;

    }

    .nav-logo {

        padding: 0px;

    }

    .logo {

        width: 50%;

        float: none;

        margin: 0 auto;

        background: #fff;

        margin-top: 10px;

    }

    .logo img {

        width: auto;

    }

    .logo img {

        max-width: 100%;

        width: 100%;

        display: block;

    }

    nav.cl-effect-11 a {

        min-width: inherit !important;

    }

    nav.cl-effect-12 a {

        font-size: 30px;

    }

    .about-header .about-title {

        top: 65%;

    }

	.contact-form-main .contact-form-left, .contact-form-main .contact-form-right {

        width: 100% !important;

    }

}