@font-face {
    font-family: OpenSans-Bold;
    src: url(fonts/OpenSans-Bold.ttf);
}
@font-face {
    font-family: OpenSans-Semibold;
    src: url(fonts/OpenSans-Semibold.ttf);
}
@font-face {
    font-family: roboto-bold;
    src: url(fonts/roboto-bold.ttf);
}
@font-face {
    font-family: Roboto-Medium;
    src: url(fonts/Roboto-Medium.ttf);
}
@font-face {
    font-family: roboto-light;
    src: url(fonts/roboto-light.ttf);
}
body, html, p {
	font-family: 'Open Sans Regular';
}
#slider h2, p {
	color:#2d2f3a
}
.ca-item-main, body.slide-active {
	overflow:hidden
}
.about-links ul, .bottomBody ul, ul {
	list-style-type:none
}	
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.slow, .slower {
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.slow {
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s
}
.slower {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.slowest {
	-webkit-animation-duration:3s;
	animation-duration:3s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.fadeInDown, .fadeInLeft, .fadeInRight, .fadeInUp {
	opacity:0;
	-webkit-transform:translateX(400px);
	transform:translateX(400px);
	-ms-transform:translateX(400px)
}

@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1;
display:block
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1;
display:block
}
}
.fadeIn {
	opacity:0
}
.fadeIn.go {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-400px)
}
50% {
opacity:.3
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
transform:translateX(-400px)
}
50% {
opacity:.3
}
100% {
opacity:1;
transform:translateX(0)
}
}
@-ms-keyframes fadeInLeft {
0% {
opacity:0;
-ms-transform:translateX(-400px)
}
50% {
opacity:.3
}
100% {
opacity:1;
-ms-transform:translateX(0)
}
}
@-o-keyframes fadeInLeft {
0% {
opacity:0;
transform:translateX(-400px)
}
50% {
opacity:.3
}
100% {
opacity:1;
transform:translateX(0)
}
}
.fadeInLeft {
	opacity:0;
	-webkit-transform:translateX(-400px);
	transform:translateX(-400px)
}
.fadeInLeft.go {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(400px)
}
50% {
opacity:.3
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
transform:translateX(400px)
}
50% {
opacity:.3
}
100% {
opacity:1;
transform:translateX(0)
}
}
@-ms-keyframes fadeInRight {
0% {
opacity:0;
-ms-transform:translateX(400px)
}
50% {
opacity:.3
}
100% {
opacity:1;
-ms-transform:translateX(0)
}
}
@-o-keyframes fadeInRight {
0% {
opacity:0;
transform:translateX(400px)
}
50% {
opacity:.3
}
100% {
opacity:1;
transform:translateX(0)
}
}
.fadeInRight {
	opacity:0;
	-webkit-transform:translateX(400px);
	transform:translateX(400px)
}
.fadeInRight.go {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight
}
@keyframes fadein {
from {
opacity:0
}
to {
	opacity:1
}
}
@-moz-keyframes fadein {
from {
opacity:0
}
to {
	opacity:1
}
}
@-webkit-keyframes fadein {
from {
opacity:0
}
to {
	opacity:1
}
}
@-ms-keyframes fadein {
from {
opacity:0
}
to {
	opacity:1
}
}
@-o-keyframes fadein {
from {
opacity:0
}
to {
	opacity:1
}
}
body, html {
	background-color:#fff;
	font-size:12px;
	color:#354052;
	overflow-x:hidden
}
.show-xs {
	display:none
}
h1, h2 {
	text-transform:uppercase
}
.paddingtb30 {
	padding-top:30px;
	padding-bottom:30px
}
.paddingtb40 {
	padding-top:40px;
	padding-bottom:40px
}
.paddingtb50 {
	padding-top:50px;
	padding-bottom:50px
}
.paddingtb60 {
	padding-top:60px;
	padding-bottom:60px
}
.paddinglr30 {
	padding-left:30px;
	padding-right:30px
}
p {
	font-size:14px
}
.text-normal {
	text-transform:none!important
}
.navbar-top {
	background:#4f4f4f;
	min-height:auto;
	display:block
}
.navbar-top ul li a {
	padding-top:2px;
	padding-bottom:4px;
	margin:5px 2px;
	font-size:13px;
	font-family: 'Open Sans Regular';
	color:#FFF;
}

.navbar-brand > img {
	width: 100px;
}

.casestudywraper{
	width:100%;
	float:left;
	background:url(../images/banner-top.jpg) left top no-repeat;
	padding:136px 0 112px 0;
	background-size:cover;
}
/*.container1{
	max-width:1410px;
	margin:0 auto;
}*/
.casestudytop-left{
	width:60%;
	float:right;
	text-align:right;
	
}
.casestudytop-heading{
	font-size:36.17px;
font-family: 'Open Sans', sans-serif;
	font-weight:700;
	margin-top:110px;
  animation: 3s ease 0s normal none 1 running fadeInLeft;
  
}

.casestudywraper2{
	width:100%;
	float:left;
	background:#3c4a5c;
	padding:50px 0 70px;
}
.casestudyheading{
	width:100%;
	float:left;
	text-align:center;
	padding-bottom:40px;
	font-size:24px;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	text-transform:uppercase;
}

.casestudyfirst{
	width:38%;
	float:left;
	background:url(../../../../../www.jobatar.co.uk/index.html) no-repeat left;
	/*padding:0px 0px 0px 56px;*/
	background-size:contain;
	height:42px;
	line-height:24px;
	
}

.casestudysecond{
	width:38%;
	float:left;
		background:url(../../../../../www.jobatar.co.uk/index.html) no-repeat left;
	/*padding:0px 0px 0px 56px;*/
	 height: 42px;
	 background-size:contain;
	 line-height:42px;
}
.casestudythird{
	width:24%;
	float:left;
		background:url(../../../../../www.jobatar.co.uk/index.html) no-repeat left;
	/*padding:0px 0px 0px 56px;*/
 height: 42px;
	 background-size:contain;
	 line-height:24px;
	
}
.firstimg {
    float: left;
    background: #239500;
    border-radius: 22px;
	width: 41px;
}
.secondimg {
    float: left;
    background: #239500;
    border-radius: 22px;
	width: 41px;
}
.thirdimg {
    float: left;
    background: #239500;
    border-radius: 22px;
	width: 41px;
}
.casestudytext{
	color:#239500;
	font-size:20px;
		font-family: 'Open Sans', sans-serif;
	font-weight:600;
	padding-top:0px;
	margin-left:0px;
	line-height:1.2;
	padding-left:56px;
}

.casestudywraper3{
	width:100%;
	float:left;
	background:#fff;
	padding:80px 0;
}
.casestudyleft-side{
	width:44%;
	float:left;
	text-align:left;
}

.casestudyright-side{
	float:right;
	width:56%;
	text-align:center;
	margin-top:7px;
}

/*.right-side img{
	border-radius:5px;
	max-width:634px;
	width:100%;
}
.right-side img:hover{
	-webkit-box-shadow: 1px 10px 14px 7px rgba(230,230,230,1);
-moz-box-shadow: 1px 10px 14px 7px rgba(230,230,230,1);
box-shadow: 1px 10px 14px 7px rgba(230,230,230,1);
}*/
.casestudyright-side iframe{
	border-radius:5px;
	max-width:634px;
	width:100%;
	border-color:transparent;
}
.casestudyright-side iframe:hover{
	-webkit-box-shadow: 1px 10px 14px 7px rgba(230,230,230,1);
-moz-box-shadow: 1px 10px 14px 7px rgba(230,230,230,1);
box-shadow: 1px 10px 14px 7px rgba(230,230,230,1);
}

.casestudyheading2{
	font-size:24px;
	color:#2d2f3a;
			font-family: 'Open Sans', sans-serif;
	font-weight:700;
	padding-bottom:25px;
}

.casestudytext2, .casestudytext2 p{
	font-size:15px;
	color:#2d2f3a;
	padding-bottom:55px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}


.casestudytext3 , .casestudytext3 p{
	font-size:15px;
	color:#2d2f3a;
	padding-bottom:0px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}

.casestudycenter-left{
	width:54%;
	float:left;
	padding:45px 65px 75px 0px;

		background:#f4f4f4;
}

.casestudycenter-right{
	width:46%;
	float:right;
	padding:45px 30px 70px 36px;
	background:#239500;

}

.casestudyleft-heading{
		color:#373737;
	font-size:30px;
	font-family: ' Open Sans', sans-serif;
	font-weight:700;
		padding-bottom:50px;
}

.casestudyright-heading{
		color:#fff;
	font-size:30px;
	font-family: ' Open Sans', sans-serif;
	font-weight:700;
		padding-bottom:50px;
}

.casestudytext4 , .casestudytext4 p{
	color:#2d2f3a;
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	
}
.cookie-notice-container {
	width:1009px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
}
#cookie-notice .button.bootstrap {
	width:auto !important;
	float:right !important;
}
.casestudytext5{
	color:#fff;
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;

	
}

.casestudywraper4{
	width:100%;
	float:left;
	background:#f4f4f4;
}

.casestudysub-heading{
	font-weight:600;
	padding-bottom:24px;
}
.casestudysub-heading1{
	font-weight:600;
	padding:24px 0;
}

.casestudywraper5{
	width:100%;
	float:left;
	background:#fff;
	padding:100px 0 95px;
}
.casestudycontainer2{
	max-width:1050px;
	width:100%;
	margin:0 auto;
}
.casestudycomma-left{
	float:left;
}
.casestudycomma-right{
	float:right;
}

.casestudycomma-text{
	width:89%;
	font-size:22px;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	float:left;
	text-align:center;
	padding:0 25px 0 48px;
}

.casestudypeet{
	font-size:24px;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	width:100%;
	float:left;
	color:#2d2f3a;
	text-align:center;
	padding-top:26px;
	padding-bottom:12px;
}

.casestudyhead{
	font-size:14px;
	width:100%;
	float:left;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
		color:#2d2f3a;
		line-height:5px;
		padding-top:3px;
}

.casestudybutton{
	width:100%;
	float:left;
	text-align:center;
}
.casestudybt{
	padding:16px 0px;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	background:#239500;
	color:#fff;
	max-width:325px;
	width:100%;
	border-radius:5px;
	border:1px solid #239500;
	margin-bottom:0px;
	margin-top:45px;
}
.casestudybt:hover{
	color: #fff;
	background: #E85397;
	border-color: #E85397;
	
}
#slidemenu .navbar-nav li a, .carousel-caption .btn-default, .navbar-form .btn-default {
	text-transform:uppercase;
	font-size:15px;
	font-family: 'Open Sans Regular';
}
.navbar-form .btn-default:hover, .navbar-top ul li.active a, .navbar-top ul li:hover a {
	background:#239500;
	color:#fff
}
.no-margin-top {
	margin-top:0!important
}
#page-content {
	position:relative;
	left:0
}
#page-content.slide-active {
	padding-top:0;
	position:fixed
}
#slide-nav .navbar-toggle {
	cursor:pointer;
	position:relative;
	line-height:0;
	float:left;
	margin:0;
	width:30px;
	height:40px;
	padding:10px 0 0;
	border:0;
	background:0 0
}
#slide-nav .navbar-toggle>.icon-bar {
	width:100%;
	display:block;
	height:3px;
	margin:5px 0 0
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
	background:orange
}
#slide-nav {
	background-color:transparent;
	padding:15px 0
}
.navbar-brand {
	padding:7px 15px
}
.navbar-header, .navbar.slide-active {
	position:relative
}
.navbar {
	margin-bottom:0;
	border-radius:0
}
.carousel-caption .btn-default, .navbar-form .btn-default {
	border:2px solid #354052;
	background:0 0;
	padding:6px 30px;
	border-radius:0;
	color:#354052
}

.navbar-form .btn-default {
    border: 2px solid #239600;
    background: #239600;
    padding: 6px 30px;
    border-radius: 5px;
    color: #fff;
}

#slidemenu .navbar-nav li {
	padding:14px 8px
}
#slidemenu .navbar-nav li a {
	padding:2px;
	color:#373737
}
#slidemenu .navbar-nav li a:before, .footer-contact a:before, .footer-menu ul li a:before, #slidemenu .navbar-nav li.current-menu-item a:before, .footer-menu ul licurrent-menu-item a:before{
	content:"";
	position:absolute;
	width:100%;
	height:1px;
	bottom:0;
	left:0;
	background-color:#373737;
	visibility:hidden;
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s
}
#slidemenu .navbar-nav li a:hover:before, .footer-contact a:hover:before, .footer-menu ul li a:hover:before, #slidemenu .navbar-nav li.current-menu-item a:before, .footer-menu ul li.current-menu-item a:before {
	visibility:visible;
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color:#555;
	background-color:transparent
}
.navbar.navbar-fixed-top.slide-active {
	position:fixed
}
.carousel-caption {
	right:20%;
	left:12%;
	padding-bottom:30px;
	top:30%;
	text-align:left;
	color:#354052
}

.wraper8{
	width:100%;
	float:left;
	background:#fff;
	padding:85px 0 40px 0;
}
.container1 {
    max-width: 1120px;
    margin: 0 auto;
}
.bottom-left{
	width:50%;
	float:left;
}

.bottom-right{
	width:50%;
	float:right;
}

.bottom-heading{
	padding:14px 0 0px;
	width:100%;
	float:left;
	text-align:left;
	font-size:24px;
	color:#2d2f3a;
		font-family: OpenSans-Bold;
	
}

.clienttext{
	text-align:left;
	width:90%;
	color:#2d2f3a;
		font-family: 'Open Sans Regular';
	font-size:15px;
}
.clientimg img {
	width:90%
}
.clientimg iframe {
	width:90%;
	border:transparent;
	border-radius:4px;
}
.clientimg iframe:hover {
	 box-shadow: 0 0 50px 0px rgba(192,192,192,0.9) ;
}
.bottomsub-heading {
    font-size: 14px;
    font-family: 'Open Sans Regular';
    color: #2d2f3a;
    padding-bottom: 30px;
    padding-top: 0px;
	font-style:italic;
	font-weight:bold;
	width:90%;
}
.bt{
	background:#239500;
	color:#fff;
	padding:13px 0;
	max-width:137px;
	width:100%;
	margin-top:44px;
	border-radius:4px;
	border:1px solid #239500;
	font-size:16px;
	font-family: Roboto-Medium;
	margin-bottom:78px;
	
}
.bt:hover{
	color: #fff;
background: #E85397;
border-color: #E85397;
	
}
.multi2{
	width:100%;
	float:left;
		color:#373737;
	font-size:30px;
	 font-family: OpenSans-Bold;
	text-align:center;
	padding-bottom:62px;
	padding-top:62px;
	text-transform:uppercase;
}

.banner-caption {
	margin-top:14%;
	margin-left:8px;
	text-align:right;
}
.banner-caption h1, .carousel-caption h1 {
	font-size:25px;
	font-family: 'Open Sans Regular';
	text-transform:none;
	color:#354052;
	font-weight:400;
	word-spacing:-4px;
	-webkit-animation:fadeInLeft 1s;
	-moz-animation:fadeInLeft 1s
}
.banner-caption p, .carousel-caption p {
	font-size:18px;
	font-family: 'Open Sans Regular';
	color:#5e5e5e;
	text-transform:capitalize;
	-webkit-animation:fadeInLeft 2s;
	-moz-animation:fadeInLeft 2s
}
.banner-caption .btn-default, .carousel-caption .btn-default {
	background:#239500;
	color:#fff;
	padding:15px;
	width:330px;
	text-transform:uppercase;
	margin-top:20px;
	border:1px solid #239500;
	font-size:16px;
	-webkit-animation:fadeInLeft 3s;
	-moz-animation:fadeInLeft 3s
}
.banner-caption .btn-default:hover {
	background:#3A485F
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	width:auto;
	height:auto
}
.carousel-indicators li {
	width:20px;
	height:20px;
	background-color:#fff;
	border:3px solid #fff;
	-ms-border-radius:10px
}
.carousel-indicators .active {
	width:22px;
	height:22px;
	background-color:none
}
#carousel-top .item {
	background:url(../images/home-banner.jpg) center center no-repeat;
	background-size:cover;
	height:600px;
	width:100%
}
.home-blocks .block {
	width:100%;
	text-align:center;
	background:#f6f6f6;
	padding:45px 38px;
	cursor:default;
}
.home-blocks .col-sm-4, .home-blocks .col-sm-6 {
	padding-right:5px;
	padding-left:5px
}
.home-blocks .block h5 {
	margin-bottom:20px
}
.home-blocks .block h5 a,
.home-blocks .block h5 {
	color:#239500;
	font-size:20px;
	font-family: 'Open Sans Semibold';
	letter-spacing:-.5px
}
.inner-carousal, .inner-carousal .container {
	position:relative
}
#slider {
	margin-bottom:40px
}
#slider h2 {
	font-size:24px;
	font-family: 'Open Sans Light';
	text-align:center;
	margin:2px 10px;
	text-transform:none
}
.slider-desc h4, .slider-desc p {
	color:#2d2f3a;
	padding-right:30px;
	margin-right:-37px
}
.slide-item {
	display:none
}
.item-head {
	margin-top:10px;
	margin-bottom:50px
}
.slide-item.active {
	display:block
}
.slide-item.active .slider-inner {
	-webkit-animation:fadein 1s ease-in-out;
	-moz-animation:fadein 1s ease-in-out;
	-ms-animation:fadein 1s ease-in-out;
	-o-animation:fadein 1s ease-in-out;
	animation:fadein 1s ease-in-out;
}
.slider-img img {
	width:100%
}
.slider-img {
	width:67%;
	float:left;
	background:url(../images/thumb-pin.png) 2% 30% no-repeat;
	position:relative;
}
.slider-inner {
	position:absolute;
	top:11%;
	bottom:11%;
	left:12%;
	right:12%;
	max-width:75.8%;
}
.slider-desc {
	text-align:right;
	width:29%;
	float:left;
	padding-left:7%;
	padding-top:10%
}
.slider-desc h4 {
	font-size:20px;
	font-family: 'Open Sans Semibold';
}
.slider-desc p {
	font-size:15px;
	font-family: 'Open Sans Regular';
}
#slider .arrowSlider {
	position:absolute;
	top:50%
}
#slider .right {
	right:1%
}
#slider .left {
	left:1%
}
.progress-numbers {
	background-color:#0bb4fa;
	padding-bottom:50px
}
.features h2, .progress-numbers h2 {
	font-size:30px;
	font-family: OpenSans-Bold;
	color:#fff;
	text-align:center;
	margin-bottom:40px;
	text-transform:none
}
.progress-bar {
	position:relative;
	height:200px;
	width:200px;
	background:0 0;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none
}
.progress-bar div {
	position:absolute;
	height:200px;
	width:200px;
	border-radius:50%
}
.progress-bar div.circle-in div {
	position:absolute;
	font-size:37px;
	font-family: 'Open Sans Semibold';
	padding-top:50px;
	height:175px;
	width:175px;
	left:12.5px;
	top:12.5px;
	text-align:center;
	border-radius:50%;
	background-color:#0bb4fa;
	color:#2d2f3a
}
.progress-bar .circle-in span.data-desc {
	font-family: 'Open Sans Regular';
	font-size:16px;
	color:#fff;
	display:block;
	margin-top:10px;
	letter-spacing:-.3px
}
.progress-bar .background {
	background-color:#b3cef6
}
.progress-bar .rotate {
	clip:rect(0 100px 200px 0);
	background-color:#4b86db
}
.progress-bar .left {
	clip:rect(0 100px 200px 0);
	opacity:1;
	background-color:#b3cef6
}
.progress-bar .right {
	clip:rect(0 100px 200px 0);
	transform:rotate(180deg);
	opacity:0;
	background-color:#4b86db
}

/* About slider */
.heading1{
	width:100%;
	float:left;
	text-align:center;
	padding:0px 0 55px 0;
	color:#373737;
	font-size:26px;
	font-family: OpenSans-Bold;
	text-transform:uppercase;
}

.container2{
	max-width:1240px;
	width:100%;
	margin:0 auto !important;
	background:#fff;
	position:relative;
	padding-right:22px;	
}

.container2 ul li{
	width: 100%; 
	float:left;
	padding:0 25px;
	background:#fff;
	margin-left: 5.5px;
}
.wraper{
	float:left;
	width:100%;
	background:#fff;
}
ul li p{
	margin:0 auto;
	padding:0;
}
.text-box{
	float:left;
	width:100%;
	padding:15px 30px 35px 20px;
	background:#f6f6f6;
}
.text-box p{
	padding-top:15px;
	color:#484848;
	font-family: 'Open Sans Semibold';
}

.img-box{
	width:100$;
	float:left;
	margin:10px 0 90px;
}
.img{
	float:left;
}
.img img{
	max-width:45px
}
.owl-theme .owl-controls .owl-buttons div {
	top:32% !important;
}
.text{
padding-top: 4px;
font-family: 'Open Sans',sans-serif;
font-size: 13px;
margin-left:61px;
}
.text-box img {
	max-height:22px;
}
.name{
	color:#009fff;
	text-transform:uppercase;
	font-family: OpenSans-Bold;
	font-size:13px;
}
.country{
	font-size:13px;
	font-family: 'Open Sans Semibold';
	color:#484848;
}
/* About slider end */
@keyframes toggle {
0% {
opacity:0
}
100% {
opacity:1
}
}
.features {
	padding:80px 0;
	background:#f4f4f4;
	
}
.features h2 {
	color:#373737
}
.tabbable .col-sm-3 {
	padding-right:0;
	padding-top:4%
}
.tabbable ul li {
	margin-bottom:3px
}
.tabbable ul li a {
	color:#4c4c4c;
	font-family: 'Open Sans Regular';
	font-size:14px;
	border-radius:2px 0 0 2px;
	padding:8px 15px
}
.banner-heading, .cap-heading {
	font-family: roboto-bold;
	font-size:26px;
}
.tabbable ul li.active>a, .tabbable ul li.active>a:focus, .tabbable ul li.active>a:hover, .tabbable ul li:hover a {
	color:#fff;
	background:#85bd58
}
#box-search .thumbnail>img {
	height:500px
}
.thumbnail {
	position:relative;
	border:none;
	padding:0;
	box-shadow:4px -1px 7px #F3F0F0
}
.thumbnail .caption {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:rgba(0,0,0,.7);
	color:#fff;
	padding:9px 19px
}
.cap-heading {
	font-size:20px
}
.thumbnail .caption p {
	color:#fff
}
.inner-banner {
	background:url(../images/inner-banner.jpg) 0 no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	-o-background-size:cover;
	padding:6% 0
}
.banner-heading {
	color:#fff;
	font-size:26px;
	margin-bottom:35px;
	text-transform:uppercase
}


.btn-full, .inner-banner .btn {
	margin-right:6px;
	padding:13px 20px;
	background:#239500;
	color:#fff;
	font-family: Roboto-Medium;
	font-size:16px;
	text-transform:uppercase;
	border-radius:3px;
	width:27%
}
.blogs {
	padding-bottom:50px
}
.blog-detail h1, .blogs h1, .inner-block h1 {
	color:#373737;
	font-family: roboto-bold;
	font-size:26px
}
.blogs .topic select {
	padding:6px 2px;
	margin-left:5px;
	width:200px;
	border:1px solid #E2E2E2;
	background:url(../images/icon-drop-arrow.png) 97% 50% no-repeat;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	text-indent:.01px;
	text-overflow:''
}
.blogs .topic select, .blogs .topic span {
	color:#2d2f3a;
	font-family:  'Open Sans Light';
	font-size:18px
}
.blogs .topic {
	text-align:right;
	margin-top:20px;
	margin-bottom:10px
}
#contact h1, .article, .top-banner, .top-banner h1 {
	text-align:center
}
.blog-head {
	width:100%;
	float:left;
	padding:30px 0
}
.article {
	margin:20px 0;
	padding-right:8px;
	min-height:395px;
}
.article img {
	margin-bottom:20px;
	width:100%;
	height:234px
}
.article .blog-heading {
	margin-bottom:10px
}
.article .blog-heading a {
	color:#575961;
	font-family: 'Open Sans Semibold';
	font-size:20px
}
.article p {
	padding:0 4px;
	color:#575961
}
.top-banner {
	padding:80px 0;
	background-position:0;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	-o-background-size:cover
}
.top-banner h1 {
	font-family: Roboto-Medium;
	font-size:48px;
	text-transform:none;
	margin:20px 0;
	color:#354052;
	-webkit-animation:fadeInLeft 3s;
	-moz-animation:fadeInLeft 3s
}
.time_line .btn-default, .top-banner .btn-default {
	font-family: Roboto-Medium;
	font-size:16px;
	color:#fff;
	background:#239500;
	border-color:#239500;
	padding:14px 10px;
	width:27%;
	margin-top:30px;
	margin-bottom:20px;
	border-radius:4px
}
.top-banner .btn-default {
	-webkit-animation:fadeIn 5s;
	-moz-animation:fadeIn 5s
}
#blog {
	/*background-image:url(../images/blog-banner.jpg);*/
	background:#239500;
	height:290px;
	padding:7% 0
}
.blog-detail h1 {
	margin-bottom:30px
}
.blog-detail h2, .blog-detail h3 {
	color:#2d2f3a;
	font-family:  'Open Sans Regular';
	font-size:22px;
	text-transform:none;
	margin-bottom:25px;
	margin-top:30px
}
.about-links ul li a, .btn-empty, .footer-head, .js-name span.name, footer ul li a {
	text-transform:uppercase
}
.blog-detail p {
	color:#2d2f3a;
	font-family: 'roboto-light';
	font-size:22px;
	margin-bottom:20px
}
#contact h1, .article-heading a, .blue-heading {
	font-family: 'Open Sans Semibold';
}
.blog-right {
	background:#f0f0f0;
	padding:22px 19px;
	width:78%;
	margin:3px auto 0
}
.blog-right img {
	width:100%
}
.blue-heading {
	color:#239500;
	font-size:20px;
	margin-bottom:25px
}
.article-heading a {
	color:#54565e;
	font-size:18px
}
.article-heading {
	margin:20px 0
}
.blog-right p {
	margin-bottom:30px;
	color:#54565e;
	font-size:15px
}
#contact h1 {
	color:#354052;
	font-size:28px;
	text-transform:none;
	margin-bottom:50px
}
.blue .block {
	height:230px
}
.block-img {
	width:54px;
	height:49px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover
}
.blue #questions .block-img {
	background-image:url(../images/icon-question.png)
}
.blue #help .block-img {
	background-image:url(../images/icon-help.png);
	width:47px;
	height:47px
}
.blue #call .block-img {
	background-image:url(../images/icon-tel.png);
	width:47px;
	height:47px
}
.blue .block:hover {
	background:#239500
}
.blue .block:hover a {
	color:#fff
}
.blue .block:hover p {
	color:#2d2f3a
}
.blue .block p {
	font-size:15px
}
.blue #questions:hover .block-img {
	background-image:url(../images/icon-question-hover.png)
}
.blue #help:hover .block-img {
	background-image:url(../images/icon-help-hover.png)
}
.blue #call:hover .block-img {
	background-image:url(../images/icon-tel-hover.png)
}
.conatct-number {
	color:#354052;
	font-family: 'Open Sans Light';
	font-size:30px;
	margin-bottom:30px
}
.conatct-number a {
	font-family: 'Open Sans Semibold';
	color:#354052
}
.contact-info {
	padding-top:50px
}
.contact-info p {
	color:#2d2f3a;
	font-family: 'Open Sans Light';
	font-size:22px
}
.map {
	border-top:1px solid #e5e5e5
}
.map span {
	color:#2d2f3a;
	font-family: 'Open Sans Semibold';
	font-size:20px;
	padding:10px 0;
	width:100%;
	float:left
}
#map {
	width:100%;
	height:369px
}
#my-map-canvas {
	height:100%;
	width:100%;
	max-width:100%
}
#candidate-top {
	background-image:url(../images/candidate-banner.jpg)
}
.blue #faq .block-img {
	background-image:url(../images/icon-faq.png);
	height:54px
}
.blue #tips .block-img {
	background-image:url(../images/icon-tips.png);
	height:54px
}
.blue #faq:hover .block-img {
	background-image:url(../images/icon-faq-hover.png)
}
.blue #tips:hover .block-img {
	background-image:url(../images/icon-tips-hover.png)
}
#gallery {
	padding-top:60px
}
.ca-container {
	position:relative;
	margin:25px auto 20px;
	width:93%;
	height:268px
}
.ca-item, .ca-wrapper {
	position:relative;
	height:100%
}
.ca-wrapper {
	width:95%;
	margin:0 auto
}
.ca-item {
	float:left;
	/*width:380px*/
}
.ca-item-main {
	padding:10px;
	position:absolute;
	top:5px;
	left:0;
	right:20px;
	bottom:5px;
	margin-right:7px
}
.ca-review {
	background:#f6f6f6;
	padding:20px 15px;
	margin-bottom:10px;
	height:170px
}
.ca-review p {
	color:#484848;
	margin-top:10px
}
.js-detail img {
	float:left
}
.js-name {
	float:left;
	margin-left:10px
}
.js-name span {
	width:100%;
	float:left;
	font-family: 'Open Sans Regular';
	font-size:13px
}
.fhead, .timeline-title {
	font-family: 'Open Sans Semibold';
}
.js-name span.name {
	color:#009fff
}
.js-name span.loc {
	color:#484848
}
.ca-nav span {
	width:34px;
	height:64px;
	background:url(../images/icon-left-arrow.png) top left no-repeat;
	position:absolute;
	top:25%;
	left:-40px;
	text-indent:-9000px;
	opacity:.7;
	cursor:pointer;
	z-index:100
}
.ca-nav span.ca-nav-next {
	left:auto;
	right:-40px;
	background:url(../images/icon-right-arrow.png) top left no-repeat
}
.ca-nav span:hover {
	opacity:1
}
#learn {
	background-image:url(../images/learn-banner.jpg);
	padding:92px 0
}
#blog h1, #learn h1 {
	margin:25px 0 5px
}
#learn h1 {
	margin-bottom:30px
}
.inner-wrapper {
	width:75%;
	margin:0 auto
}
#about-vision h1, #learn-video h1 {
	margin-bottom:40px
}
.time_line {
	padding-bottom:60px;
	padding-top:40px
}
.time_line .btn {
	margin-top:10px
}
.timeline {
	position:relative;
	padding:90px 0 70px;
	list-style:none;
	width:90%;
	margin:0 auto
}
.timeline:before {
	content:" ";
	position:absolute;
	top:-36px;
	bottom:0;
	left:50%;
	width:3px;
	margin-left:-1.5px;
	background:url(../images/timeline.png) no-repeat;
	background-size:cover
}
.timeline>li {
	position:relative;
	text-align:right
}
.timeline>li.timeline-inverted {
	text-align:left
}
.bottom, .bottomBody ul, footer {
	text-align:center
}
.timeline>li:after, .timeline>li:before {
	content:" ";
	display:table
}
.about-links ul li, .bottomBody ul li {
	display:inline-block
}
.timeline>li:after {
	clear:both
}
.timeline>li>.timeline-panel {
	float:left;
	width:46%;
	padding:20px 0;
	height:120px
}
.timeline>li>.timeline-badge {
	position:absolute;
	top:26px;
	left:51.4%;
	width:18px;
	height:18px;
	margin-left:-25px;
	border-radius:50%;
	background-color:#fff;
	border:3px solid #239500;
}
.timeline>li.timeline-inverted>.timeline-panel {
	float:right
}
.timeline-title {
	margin-top:0;
	color:#239500;
	font-size:20px;
	font-family:OpenSans-Bold;
	
}
.timeline-panel p {
	font-size:15px;
	font-family:OpenSans-Semibold;
}
.timeline-body>p, .timeline-body>ul {
	margin-bottom:0
}
#feature {
	background-image:url(../images/feature-banner.jpg);
	padding:10% 0;
	height:368px
}
#feature h1 {
	font-size:37px;
	margin:0
}
.f-top {
	padding-top:94px;
	padding-bottom:30px
}
#fintro {
	width:85%
}
.fitems {
	padding:55px 0
}
.grey {
	background-color:#f7f7f7
}
.fdesc {
	padding-top:30px;
	padding-left:10px;
	padding-right:10px
}
.fhead {
	color:#239500;
	font-size:18px;
	margin-bottom:20px
}
#f-inner {
	background-image:url(../images/blue-banner.jpg);
	background-position:right center
}
#f-inner .btn {
	background:#fff;
	color:#239500
}
#about {
	background-image:url(../images/about-banner.jpg);
	padding:10% 0;
	height:368px
}
#about h1 {
	font-size:35px;
	margin:0
}
.about-links {
	padding:20px 0;
	border-bottom:1px solid #dbdbdb;
	margin-bottom:20px
}
.about-links ul {
	padding:0;
	margin:0
}
.about-links ul li a {
	font-family: 'Open Sans Regular';
	font-size:15px;
	color:#373737;
	padding:5px 14px
}
.about-links ul li.active a, .about-links ul li:hover a, .btn-empty {
	color:#239500;
	text-decoration:none;
}
#about-vision {
	width:77%
}
#about-vision img {
	margin-top:4px
}
.blockquote {
	margin-top:42px
}
.blockquote span {
	float:left;
	width:7%
}
.blockquote p {
	width:83%;
	float:left
}
.inner-block {
	border:none;
	float:left;
	width:100%;
	padding:0px 20px 0px;
	margin:60px 0 40px
}
.btn-empty, .copyrights a, .social-icons a {
	margin-right:6px
}
.btn-empty {
	padding:13px 20px;
	border:2px solid #239500;
	background:0 0;
	font-size:16px;
	border-radius:3px;
	width:27%
}
.inner-banner .btn:hover, .inner-block .btn:hover, .subscription .navbar-form .btn:hover, .time_line .btn-default:hover, .top-banner .btn-default:hover {
	background:#E85397;
	border-color:#E85397;
	color:#FFF;
}
.inner-block .btn {
	width:34%;
	font-family: 'Open Sans Regular';
	border:2px solid #239500;
	margin-bottom:5px;
	background:#239500;
	color:#fff;
}
.about-name, .footer-head, .social-icons h3, .subscription h4 {
	font-family: 'Open Sans Semibold';
}
.about-name {
	font-size:20px;
	color:#2d2f3a;
	width:100%;
	float:left
}
.newsletter {
	background:#f4f4f4
}
.social-icons {
	padding:30px 0
}
.social-icons a:hover {
	opacity:.8
}
.social-icons h3 {
	font-size:30px;
	color:#373737;
	margin-bottom:30px;
	margin-top:30px
}
.subscription {
	padding:50px 0 50px 30px;
	border-left:1px solid #ccc
}
.subscription h4 {
	font-size:20px;
	color:#2d2f3a
}
.subscription .navbar-form {
	padding-left:0
}
.subscription .navbar-form .form-control {
	border-radius:0;
	width:60%;
	height:50px
}
.subscription .navbar-form .btn {
	border-radius:0;
	width:20%;
	height:50px;
	background:#239500
}
.bottom {
	/*background:url(../images/footer-back.jpg) 0 no-repeat;*/
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	-o-background-size:cover;
	color:#fff
}
.footer-head {
	margin:20px 0 30px;
	font-size:30px;
	color:#373737
}
.clients-logos a {
	margin-right:50px
}

footer {
	background:#354052;
	color:#fff
}
.bottomBody ul {
	margin-bottom:0
}
footer ul li a {
	margin-right:32px;
	color:#fff;
	font-size:15px;
	font-family: 'Open Sans Regular';
	position:relative
}
footer ul li a:hover {
	color:#f4f4f4;
	text-decoration:none
}
.footer-menu {
	border-bottom:1px solid #576274;
	padding:35px 0
}
.footer-contact a {
	text-transform:none;
	font-family: 'Open Sans Regular';
}
.footer-contact .btn-default {
	text-transform:uppercase;
	padding:15px 0;
	margin-top:20px;
	background-color:transparent;
	color:#239500;
	border-color:#239500;
	width:307px;
	margin-left:15px
}
.footer-contact .btn-default:hover {
	background-color:#239500;
	color:#fff
}
.copyrights {
	background:#CCC;
	padding:8px 0;
	color:#576274
}
.copyrights ul li a {
	color:#373737;
	font-size:12px;
	font-family: 'Open Sans Regular';
}
.footer-contact a:before, .footer-menu ul li a:before {
	background-color:#f4f4f4
}
@media (min-width:768px) {
.container {
	width:95%
}
}
@media (min-width:992px) {
.container {
	width:970px
}
.tabbable ul li {
	margin-bottom:8px
}
.tabbable ul li a {
	font-size:15px;
	padding:13px 15px
}
}
@media (min-width:1200px) {
.container {
	width:1185px;
}
.banner-caption h1, .carousel-caption h1 {
	font-size:42px
}
.banner-caption p, .carousel-caption p {
	font-size:26px
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	width:100%;
	height:574px
}
#box-search .thumbnail>img {
	height:auto
}
}
@media (min-width:1280px) {
.container {
	width:1265px;
}
}
@media (min-width:1300px) {
.container {
	width:1298px
}
}
@media (min-width:768px) {
#page-content, .navbar-header {
	left:0!important
}
.navbar.slide-active {
	position:fixed
}
.blog-right {
	min-height:1250px
}
.fimg img {
	width:100%
}
}
@media (max-width:997px) {
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	max-width:1000px
}
#main-menu, .fitems .inner-wrapper {
	width:100%
}
.inner-banner .btn {
	width:40%
}
.timeline>li>.timeline-badge {
	left:52%
}
#box-search .thumbnail>img {
	height:500px
}
.progress-numbers .col-sm-3 {
	width:auto;
	margin-bottom:10px;
	float:left
}
}
@media (max-width:767px) {
#slide-nav .container {
	margin:0!important;
	padding:0!important;
	height:100%
}
#slide-nav .navbar-header {
	margin:0 auto;
	padding:0 15px
}
#slide-nav .navbar.slide-active {
	position:absolute;
	width:80%;
	top:-1px;
	z-index:1000
}
#slide-nav #slidemenu {
	background:#f7f7f7;
	left:-100%;
	width:80%;
	min-width:0;
	position:fixed;
	padding-left:0;
	z-index:2;
	top:-8px;
	margin:0;
	bottom:-1px;
	overflow-y:auto
}
#slide-nav #slidemenu .navbar-nav {
	min-width:0;
	width:100%;
	margin:0
}
#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
	min-width:0;
	width:80%;
	white-space:normal
}
#slide-nav {
	border-top:0
}
#slide-nav.navbar-inverse #slidemenu {
	background:#333
}
#navbar-height-col {
	position:fixed;
	top:0;
	height:100%;
	bottom:0;
	width:80%;
	left:-80%;
	background:#f7f7f7
}
#navbar-height-col.inverse {
	background:#333;
	z-index:1;
	border:0
}
#slide-nav .navbar-form {
	width:100%;
	margin:8px 0;
	text-align:center;
	overflow:hidden
}
#slide-nav .navbar-form .form-control, .blog-head h1, .blogs .topic, .fitems .inner-wrapper, .newsletter {
	text-align:center
}
.subscription {
	padding-left:10px;
	border:none
}
.subscription .navbar-form .form-control {
	margin:10px auto
}
#slide-nav .navbar-form .btn, .blog-right, .inner-wrapper {
	width:100%
}
.navbar-form .btn {
	margin-bottom:5px
}
.show-xs {
	display:block
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	max-width:900px
}
#slider .right {
	right:0
}
#slider .left {
	left:0
}
.inner-block .btn, .slider-desc, .slider-img {
	width:48%
}
#slider h2 {
	font-size:18px
}
.slider-desc {
	padding-left:7%;
	padding-top:5%
}
.slider-desc h4, .slider-desc p {
	margin-right:-24px
}
.progress-bar {
	margin-bottom:20px;
	margin-left:10px
}
.clients-logos img, .home-blocks .block, .inner-banner .btn {
	margin-bottom:10px
}
.home-blocks .col-sm-4 {
	width:33%;
	float:left
}
.article, .progress-numbers .col-sm-3 {
	width:50%;
	float:left
}
#carousel-top .item {
	background-position:left center;
	height:400px
}
.footer-contact {
	width:90%;
	margin:0 auto
}
.timeline>li>.timeline-badge {
	left:52.6%
}
}
@media (max-width:600px) {
.timeline>li>.timeline-badge {
	left:53.5%
}
}
@media (max-width:480px) {
#about-vision, .article, .banner-caption .btn-default, .footer-contact .btn-default, .home-blocks .col-sm-4, .inner-banner .btn, .inner-block .btn, .progress-numbers .col-sm-3, .slider-desc, .slider-img, .subscription .navbar-form .btn, .subscription .navbar-form .form-control, .timeline>li>.timeline-panel {
	width:100%
}
.time_line .btn-default, .top-banner .btn-default {
	width:70%
}
.slider-desc, .timeline {
	padding:0
}
.footer-contact .btn-default {
	margin-left:0
}
.slider-img, .timeline:before {
	background:0 0
}
.timeline>li>.timeline-badge {
	border:none;
	background:0 0
}
#slider .arrowSlider {
	top:76%
}
#slider h2, .cap-heading {
	font-size:14px
}
#slider .arrowSlider img {
	width:33px;
	height:33px
}
.thumbnail .caption p {
	font-size:11px
}
#box-search .thumbnail>img, .timeline>li>.timeline-panel {
	height:auto
}
.thumbnail .caption {
	position:relative
}
}
/*_____________________________________________________amjad styling_______________________________________________________*/
/*______________________________________________________accordian for FAQs_________________________________________________*/
.accordion_content{
	display:block !important;
}
.acc_title{
	cursor:pointer;
}
#accordian div.content {
  display: none;
}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {
	height:0;
}
.features .nav.nav-pills.nav-stacked.col-sm-3 {
	margin-left:0;
}
.copyrights .container {
	text-align:center;
}
.copyrights .container ul {
	display:inline;
	margin-left:0;
	padding-left:0;
}
.bottomBody ul {
	margin-left:0;
	padding-left:40px;
}
.wysija-paragraph {
	width:61%;
	float:left;
}
.wysija-paragraph input[type="text"] {
	background:#FFF;
}
.form-validation-field-0formError.parentFormform-wysija-2.formError {
	top:60px !important;
	left:210px !important;
}
.slide_text {
	width:70%;
	margin:0 auto;
}
.subscription .navbar-form .form-control{
	width:99%;
}
.navbar-top ul li.current-menu-item a{
	background:#239500;
	color:#fff
}
.single-wysijap #page-content .paddingtb60 .container .col-sm-4{
	display:none !important;
}
.hs-form div:first-child{
	float:left;
	width:60%;
}
.hs-form .hs_email{
	width:100% !important;
}
.hbspt-form .input{
	float:left;
	width:100%;
}
.hbspt-form .input .hs-input{
	width:99%;
	border-radius: 0;
    height: 40px;
	display: inline-block;
    vertical-align: middle;
	background:#FFFFFF;
}
.hs_submit{
	float:left;
	display:inline-block;
	width:20%;
	margin:23px 0 0 10px;
}
.hs_submit .actions{
	margin:0 !important;
	padding:0 !important;
}
.hs_submit .actions .hs-button{
	background: #239500 none repeat scroll 0 0;
    border-radius: 0;
    height: 40px;
    width: 100%;
    border: 0 none;
    color: #fff;
    font-weight: 700;
	padding:5px 18px;
}
.hs-form .hs-button:hover:not(.inactive), .hs-form .hs-button:focus:not(.inactive), .hs-form .hs-button.hovered:not(.inactive) {
    border-color: none !important;
    border-style: none !important;
    border-width:0 !important;
    box-shadow: none !important;
}
#f-inner .btn
{
    background: #E85397 none repeat scroll 0 0;
    color: #FFF;
}
.tabbable ul li.active>a, .tabbable ul li.active>a:focus, .tabbable ul li.active>a:hover, .tabbable ul li:hover a {
	background:#239500
}
.navbar-form .btn-default:hover,
.carousel-inner .btn-default:hover,
.hs_submit .actions .hs-button:hover{
    background: #239500 none repeat scroll 0 0;
	border: 2px solid #239500;
	border-radius:2px;
}
.home-blocks .block:hover{
	background: #239500;
}
.home-blocks .block:hover h5{
	color:#FFFFFF;
}
.home-blocks .block:hover p{
	color:#FFFFFF;
}
#menu-footer-menu li a:hover{color:#E85397;}
.single-resourses h1{color:#FFFFFF;}
.home-demo .block-img {
	background-image:url(../images/icon-clock.png);
	height:44px;
	width:39px;
}
.home-blocks .block.home-demo:hover .block-img {
	background-image:url(../images/icon-clock-white.png);
	height:44px;
	width:39px;
}
.home-resources .block-img {
	background-image:url(../images/icon-resources.png);
	width:49px;
	height:43px;
}
.home-blocks .block.home-resources:hover .block-img{
	background-image:url(../images/icon-resources-white.png);
	width:49px;
	height:43px;
}

.home-videoblock .block-img {
	background-image:url(../images/icon-video.png);
	width:46px;
	height:41px;
}
.home-blocks .block.home-videoblock:hover .block-img {
	background-image:url(../images/icon-video-white.png);
	width:46px;
	height:41px;
}
.home-blocks a:hover,
.home-blocks a:focus{
	text-decoration:none;
	color:#FFF;
}
.fdesc p{font-size:16px;}
.inner-banner .btn:hover{
	background:#E85397;
	border:1px solid #E85397;
}
ol{
	padding-left:35px;
}
ol li{
	font-family: "Open Sans Light";
	font-size:14px;
	line-height:20px;
	margin-bottom:10px;
}
#accordian ul{
	padding-left:35px;
}
#accordian ul li{
	font-family: "Open Sans Light";
	font-size:14px;
	line-height:20px;
	margin-bottom:10px;
}

#accordian ol li,
#accordian ul li{
	font-size:22px;
}
.slideframe{
	top: 80px;
    height: 403px;
    left: 485px;
    position: absolute;
    width: 645px;
}
.slideframe img{
	width:100%;
	height:100%;
}
#cn-notice-text p{
	color:#FFFFFF;
	text-align:center;
}
#cookie-notice{opacity:0.8;}
#cn-accept-cookie,
#cn-refuse-cookie{
    background: #239500 none repeat scroll 0 0 !important;
    border-radius: 3px;
    color: #fff;
    font-family: "Open Sans Regular";
    font-size: 16px;
    margin-right: 6px;
    padding: 13px 20px;
    text-transform: uppercase;
	display:inline-block;
}
#cn-accept-cookie:hover,
#cn-refuse-cookie:hover{
	background:#E85397 !important;
	text-decoration:none;
}
#cn-notice-text a{
	color:#FF0000;
	font-weight:bold;
}
.team-item{
	position:relative;
	min-height:375px;
}
.team-item img{
	display: block;
    margin: 0 auto;
    transition: all 0.5s ease 0s;
    width: 100%;
}
p.team-icons{
	margin:10px auto;
}
p.team-icons a{
	margin-right:5px;
}
p.team-icons a img{
	display:inline;
	width:24px;
	height:24px;
}
.team-item-con-back{
	display:none;
}
.team-item:hover .team-item-con-back{
	display:block;
}
.team-item:hover .team-item-con{
	display:none;
}
.team-item-con {
	background:#333333;
    box-sizing: border-box;
    color: #ccc;
    min-height: 140px;
    padding: 40px 20px 30px;
    transform-origin: 50% 100% 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.team-item .team-item-con a{
	color:#FFF;
}
.team-item-con-back {
	background:#77C9E1;
    min-height: 110px;
    padding: 40px 20px 30px;
    width: 100%;
	position:absolute;
	left:0;
	bottom:0;
}
.team-item-con-back a{
	color:#575961;
}
.team-item-con-back a:hover{
	color:#FFF;
}
.contact-number a{
	font-size:30px !important;
	color:#354052 !important;
}
.conatct-number a:focus,
.conatct-number a:hover{
	color:#354052 !important;
}

.source-logo img {
	width: 100% !important;
	max-width: 130px !important;
	height: auto !important;
}

.pr_container {
	width: 100%;
	max-width: 80%;
	margin: 0 auto;
}

.pr {
	background: #fff;
}

.pr_title {
	text-align: center;
	
}

.pr_title span {
	font-size: 18px;
	text-transform: uppercase;
	font-family: sans-serif;
	letter-spacing: .2em;
	line-height: 35px;
}

.pr_logos {
	border-top: 1px solid #373737;
	border-bottom: 1px solid #373737;
	padding: 20px 0;
	overflow: auto;
}

.pr_logos ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 100%;
}

.pr_logos ul li {
	display: inline-block;
	margin: 0 2%;
}

.pr_logos ul li img {
	height: 36px;
	width: aut0;
}

@media only screen and (max-width: 1285px) {
	.pr_logos ul li {
		margin: 0 1%;
	}
	.pr_logos ul li img {
		height: 25px;
	}
}

@media only screen and (max-width: 768px) {
	.pr_title span {
		font-size: 14px;
	}
	.bottom-left {
    width: 100% !important;
    text-align: center;
}
.bottom-right {
    width: 100% !important;
    text-align: center;
}
.clientimg {
    text-align: center;
}
.pr_logos ul li {
   
    width: 100%;
    padding: 15px;
}
.bottom-heading{
	text-align: center;
}
.clienttext{
	text-align: center;
}
.hs_submit .actions .hs-button {
	width: 20%;
}
.hs_submit{
	width:100%;
}
}


@media screen and (max-width: 1450px) and (min-width: 1200px){
	
		.casestudycontainer1{
			max-width:1170px;
		}
		.casestudycontainer{
			max-width:1200px;
			margin:0 auto;
		}
		.casestudytop-left{
			width:65%;
		}
		.casestudyfirst{
			width:35%;
		}
		.casestudysecond{
			width:37%;
		}
		.casestudythird{
			width:26%;
		}
		
}	

@media screen and (max-width: 1700px) and (min-width: 1451px){
	
		.casestudycontainer1{
			max-width:1170px;
		}
		.casestudycontainer{
			max-width:1200px;
			margin:0 auto;
		}
		.casestudytop-left{
			width:65%;
		}
		.casestudyfirst{
			width:35%;
		}
		.casestudysecond{
			width:37%;
		}
		.casestudythird{
			width:26%;
		}
		
}	

@media screen and (max-width: 1200px) and (min-width: 1100px){
	
		.casestudycontainer1{
			max-width:1070px;
		}
		.casestudytext{
			font-size:18px;
		}
		
		.casestudytop-left{
			width:65%;
		}
		.casestudyfirst{
			width:37%;
		}
		.casestudysecond{
			width:37%;
		}
		.casestudythird{
			width:26%;
		}
		.casestudytext3{
			font-size:14px;
		}
		.casestudytext2{
			font-size:14px;
			padding-bottom:40px;
		}
		.casestudyheading2{
			padding-bottom:18px;
		}
		.casestudyright-side{
			width:52%;
		}
}	

@media screen and (max-width: 1450px) and (min-width: 1200px){
	
		.casestudycontainer1{
			max-width:1170px;
		}
		.casestudycontainer{
			max-width:1200px;
			margin:0 auto;
		}
		.casestudytop-left{
			width:65%;
		}
		.casestudyfirst{
			width:35%;
		}
		.casestudysecond{
			width:37%;
		}
		.casestudythird{
			width:26%;
		}
}	

@media screen and (max-width: 1100px) and (min-width: 1000px){
	
		.casestudycontainer1{
			max-width:970px;
		}
		.casestudytext{
			font-size:16px;
		}
		
		.casestudytop-left{
			width:72%;
		}
		.casestudyfirst{
			width:37%;
		}
		.casestudysecond{
			width:37%;
		}
		.casestudythird{
			width:26%;
		}
		.casestudytext3{
			font-size:13px;
		}
		.casestudytext2{
			font-size:13px;
			padding-bottom:30px;
		}
		.casestudyheading2{
			padding-bottom:12px;
		}
		.casestudyright-side{
			width:52%;
		}
		.casestudycontainer2{
			max-width:950px;
		}
		.casestudycomma-text{
			width:88%;
			font-size:20px;
		}
}	
@media screen and (max-width: 1000px) and (min-width: 900px){
	
		.casestudycontainer1{
			max-width:870px;
		}
		.casestudytext{
			font-size:15px;
		}
		
		.casestudytop-left{
			width:80%;
		}
		.casestudyfirst{
			width:36.5%;
			padding-left:50px;
			line-height:20px;
		}
		.casestudysecond{
			width:36.5%;
			padding-left:50px;
		}
		.casestudythird{
			width:27%;
			padding-left:50px;
			line-height:20px;
		}
		.casestudytext3{
			font-size:12px;
		}
		.casestudytext2{
			font-size:12px;
			padding-bottom:20px;
		}
		.casestudyheading2{
			padding-bottom:8px;
		}
		.casestudyright-side{
			width:52%;
		}
		.ccasestudyontainer2{
			max-width:850px;
		}
		.casestudycomma-text{
			width:87%;
			font-size:17px;
		}
}

@media screen and (max-width: 900px) and (min-width: 800px){
	
	.casestudycontainer1{
		max-width:770px;
	}
.casestudytext{
			font-size:20px;
		}
		
		.casestudytop-left{
			width:100%;
		}
		.casestudyfirst{
			width:100%;
			padding-left:50px;
			line-height:20px;
			margin-bottom:20px;
		}
		.casestudysecond{
			width:100%;
			padding-left:50px;
			margin-bottom:20px;
		}
		.casestudythird{
			width:50%;
			padding-left:50px;
			line-height:20px;
			
		}
		.casestudytext3{
			font-size:12px;
		}
		.casestudytext2{
			font-size:12px;
			padding-bottom:20px;
		}
		.casestudyheading2{
			padding-bottom:8px;
		}
		.casestudyright-side{
			width:52%;
		}
		.casestudycontainer2{
			max-width:750px;
		}
		.casestudycomma-text{
			width:85%;
			font-size:15px;
		}
}
@media (max-width:800px){
	
	.casestudycontainer1{
		padding:0 20px;
	}
	.casestudytext{
			font-size:16px;
		}
		
		.casestudytop-heading{
			font-size:24px;
		}
		
		.casestudytop-left img{
			max-width:448px;
			width:100%;
		}
		
		.casestudytop-left{
			width:100%;
			text-align:center;
			
		}
		.casestudyfirst{
			width:100%;
			padding-left:50px;
			line-height:20px;
			margin-bottom:20px;
		}
		.casestudysecond{
			width:100%;
			padding-left:50px;
			margin-bottom:20px;
		}
		.casestudythird{
			width:100%;
			padding-left:50px;
			line-height:20px;
			
		}
		.casestudyleft-side{
			width:100%;
		}
	.casestudyright-side{
			width:100%;
			text-align:center;
			margin-top:20px;
		}
		.casestudytext3{
			font-size:12px;
		}
		.casestudytext2{
			font-size:12px;
			padding-bottom:20px;
		}
		.casestudyheading2{
			padding-bottom:8px;
		}
		.casestudycenter-left{
			width:100%;
		}
		.casestudycenter-right{
			width:100%;
		}
		
		.casestudycontainer2{
			max-width:750px;
			padding:0 20px;
		}
		.casestudycomma-text{
			width:76%;
			font-size:14px;
		}
		
}
@media (max-width:500px){
	.casestudycomma-left{
		display:none;
	}
	.casestudycomma-right{
		display:none;
	}
	.casestudycomma-text{
		width:100%;
		padding:0;
	}