@charset "utf-8";
/* CSS Document */

@import url('http://fonts.googleapis.com/css?family=Lato');

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

html{ width:100%; overflow-x:hidden}
body { padding-top: 0px; padding-bottom: 0px; font-family: 'Open Sans'; font-size: 14px; color:#666666 }
a:focus { outline:none}

header { padding-bottom: 40px; /*margin-bottom:-110px;*/
position: relative; overflow: hidden }
 ul.list_bul {margin-left:0; padding-left:0px;}
 ul.list_bul li { list-style:none; }
ul.list_bul li:before { content: "\e013";font-family: 'Glyphicons Halflings'; font-size:14px; margin-right:10px; color:#2B297A  }
h3{ color:#222; font-size:24px; margin-bottom:15px; display:inline-block; font-weight:300px;}
p { margin-bottom:20px;}
.blutxt{color:#2b297a} 
.orgtxt{ color:#FEBE10}
.whttxt{ color:#FFFFFF}


section { /*margin-bottom: 40px;*/ padding-top: 80px;  width: 100%; min-width: 100%; /*padding-bottom: 40px;*/ position: relative;  }
.jumbotron { color: #fff; background: url(../images/header_bg.jpg); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; height: 100vh; }
section .page-header { margin-top: 20px; border:none; margin:0 0 20px 0 }
footer { display: inline-block; width: 100%; min-width: 100%; padding-top: 50px; padding-bottom: 50px; min-height: 300px; background: #e0e0e0; }
footer address{ font-size:16px;}
.footer-links { font-size:16px; padding-left:0px;}.footer-links li{ list-style:none}
.footer-links img { max-width:250px; /*margin-top:8px;*/}


.heading { padding: 0px 0; color: #4E80BC; text-align: right; font-size: 3em;  }
.heading2 { padding: 10px 0; color: #4E80BC; text-al ign: right; font-size: 2em }
.right_content { border: 1px solid #4E80BC; border-width: 1px 0px 0px 0px; padding-top: 35px;  }
.right_content h4 { margin-top:22px;}
.right_content .bg_grey { background-color:#E6E6E6;}
.right_content .collab_img { height:300px; overflow:hidden;}
.right_content .collab_img img { width:350px; padding-top:30px;}
.logo12 { /*position: absolute;*/ font-size:14px; }.logo12 img{ max-width:235px;}.logo12 p { margin-bottom:5px;}
.logo{ width:200px; height:100px; background:url(../ico/logo.svg)}
.speech-bubble { position: relative; margin: 0em auto; padding: 1em; width: 10em; height: 4em; border-radius: .25em; transform: rotate(-4deg) rotateY(15deg); -webkit-transform: rotate(-4deg) rotateY(15deg); -ms-transform: rotate(-4deg) rotateY(15deg); background: #7E8C8C; font: 2em/4 Century Gothic, Verdana, sans-serif; text-align: center; }
.speech-bubble img { width: 85%; vertical-align: top }
.speech-bubble:before, .speech-bubble:after { position: absolute; z-index: -1; content: ''; }
.speech-bubble:after { top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; transform: rotate(2deg) translate(.35em, -.15em) scale(1.02); -webkit-transform: rotate(2deg) translate(.35em, -.15em) scale(1.02); -ms-transform: rotate(2deg) translate(.35em, -.15em) scale(1.02); background: #ECF0F1; }
.speech-bubble:before { border: solid 0 transparent; border-right: solid 2.5em #ECF0F1; border-bottom: solid .25em #7E8C8C; bottom: .25em; left: 1.25em; width: 0; height: 1em; transform: rotate(45deg) skewX(75deg); -webkit-transform: rotate(45deg) skewX(75deg); -ms-transform: rotate(45deg) skewX(75deg); }





ul.top_social {
  text-align: right; margin-left:0px; padding-left:0px; margin-bottom:0 }
  ul.top_social li {
    display: inline-block;
	font-size:16px;
	margin-right:5px; 
    
	 border-radius:2px;
    overflow: hidden;


	
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;  }
    
ul.top_social li:last-child { border:none; padding-right:0px; margin-right:0px; }

  ul.top_social li a { font-size:12px; color:#999; background:#ddd; padding:2px 4px 0; line-height:20px; display:block} 


/****************** NAVIGATION STYLES *************************/
	
.navbar-collapse { padding:37px 0 0 0}	  
.navbar .nav > li { margin-top: 0px; }
.navbar .nav > li > a { float: none; padding: 8px 13px 8px; color: #777777; text-decoration: none; text-shadow: none; font-size: 12px; font-weight:normal; text-transform: uppercase; }
.navbar .nav > .active > a,  .navbar .nav > .active > a:hover,  .navbar .nav > .active > a:focus { color: #fff ; text-decoration: none; background: #4E80BC; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.navbar .brand { padding: 15px 0px 15px; }
.navbar-btn { margin: 0px; }
.home_text { position: absolute; bottom: 150px; color: #7C080A; width: 500px; }
.navbar-default { font-weight: bold; border-color: #ccc; background: rgba(255,255,255,1); padding-top: 5px; padding-bottom:5px; }
.nav { padding-left: 20px;  }
.navbar .nav > li > a { color: #111 }
.navbar .nav > li > a span{ color:#4E80BC; margin-right:5px;}
.navbar .nav > li.active > a span{ color:#fff}

.navbar-fixed-top, .navbar-fixed-bottom { border-width: 0 0 1px; }
.logo { width: 400px; height: 118px; background: url(../ico/logo.svg) }
.slogo { width: 135px; height: 40px; background: url(../ico/logo.svg); margin-right: 20px; }
.JB_FWS * { margin: 0;  }
.JB_FWS { width: 100%; height: 430px; background: #000; float: left; position: relative; overflow: hidden; z-index: 10; /*margin-top:65px;*/
}
.JB_Border { width: 100%; height: 15px; position: absolute; }
.JB_Border.Top { top: 0; left: 0; }
.JB_Border.Bottom { bottom: 0; left: 0; }
/*.JB_Border.Top.ZigZag { background-image: url("../images/zigzag_border_top.png"); background-repeat: repeat-x; background-position: 0px 0px; }
.JB_Border.Bottom.ZigZag { background-image: url("../images/zigzag_border_bottom.png"); background-repeat: repeat-x; background-position: 0px 100%; }
.JB_Border.Top.Paper { background-image: url("../images/torn_paper_bg_top.png"); background-repeat: repeat-x; background-position: 0px 0px; }
.JB_Border.Bottom.Paper { background-image: url("../images/torn_paper_bg_bottom.png"); background-repeat: repeat-x; background-position: 0px 100%; }*/
.JB_Button_Left { padding: 15px; width: 21px; height: 30px; background-image: url("../images/left_arrow.png"); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; top: 48.6%; left: -10px; cursor: pointer; color: rgba(255,255,255,1.00); font-size: 30px; }
.JB_Button_Left_BG { width: 50px; height: 50px; background-color: #000; opacity: 0.44; position: absolute; top: 50%; left: 0; }
.JB_Button_Right { padding: 15px; width: 21px; height: 30px; background-image: url("../images/right_arrow.png"); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; top: 48.5%; right: 25px; cursor: pointer; color: rgba(255,255,255,1.00); font-size: 30px; }
.JB_Button_Right_BG { width: 50px; height: 50px; background-color: #000; opacity: 0.44; position: absolute; top: 50%; right: 0; }
.JB_Container { width: 9999px; height: 430px; margin: 0 auto; position: relative; overflow: hidden; left: 0; cursor: hand; cursor: grab!important; cursor: -moz-grab; cursor: url(https://mail.google.com/mail/images/2/openhand.cur), pointer!important; cursor: -webkit-grab; }




.JB_Slide { height: 430px; float: left; position: relative; }
.JB_Slide > div { background-size:100%}
.JB_Slide_Content { width: 100%; margin: 0 auto; margin-top: 6%; position: relative; }
.JB_Pagination { width: 100%; height: 12px; position: absolute; bottom: 15px; left: 0; }
.JB_Pages { display: table; margin: 0 auto; }
.JB_Page { background-image: url("../images/pagination_button.png"); background-repeat: no-repeat; background-position: 0px 0px; width: 13px; height: 12px; float: left; margin-left: 5px; cursor: pointer; }
.JB_Page:hover, .JB_Page.active { background-position: -13px 0px; }
.JB_ReadMore { float: left; color: #FEBE10; margin-top: 15px; position: relative; }
.JB_ReadMore_BG { top: 0; left: 0;position: absolute; background: #fff; opacity: 0.8; width: 100%; height: 100%;
-webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px;  }
.JB_ReadMore a { padding: 10px 30px 10px 20px; position: relative; float: left;  color: #222; font-weight: normal; text-decoration: none; list-style: none; background-image: url("../images/button_arrow.png"); background-repeat: no-repeat; background-position: 90% 50%; font-size: 14px; }

.JB_Container .JB_Slide:nth-child(3) .title{ color:#fff !important}
.JB_Container .JB_Slide:nth-child(3) .JB_ReadMore_BG{ background:#fff !important}
.JB_Container .JB_Slide:nth-child(3) p{ color:#fff !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}


.JB_Container .JB_Slide:nth-child(4) .title{ color:#fff !important}
.JB_Container .JB_Slide:nth-child(4) .JB_ReadMore_BG{ background:#FF8B25 !important}

.JB_Container .JB_Slide:nth-child(2) .title{ color:#fff !important}
.JB_Container .JB_Slide:nth-child(2) .JB_ReadMore_BG{ background:#0A8C4A !important; }
.JB_Container .JB_Slide:nth-child(2) .JB_ReadMore a {color:#fff !important;}
.JB_Container .JB_Slide:nth-child(2) p{ color:#fff !important}

.about-img { margin-top:28px; }
.about_slider img { border-radius:8px;}

.news_wrap { background:rgba(215,215,215,.50); padding:10px; margin-top:29px; border-radius:8px;}
.news { padding:8px 0; } .news_wrap h3 { margin-top:0px;}
.news img {height:195px; width:auto; float:left; margin-right:10px; border-radius:8px; }
.news h4 { font-size:30px; margin-top:0px;}
.news_wrap .owl-controls { position:absolute; margin-top:26px !important; width:100%}


.accred  { margin-top:5px;}
.accred .item img { border-radius:8px;}


#news_events { background: url(../images/skills.jpg) 0 0 fixed; 
    height: auto;  
    margin: 20px auto; 
    width: 100%; 
    position: relative; 
	color:#fff;
	background-size:100%;

	
   
    padding: 70px 0;}
	
	#team { background: url(../images/team_bg.jpg) 0 0 fixed; 
    height: auto;  
    margin: 20px auto; 
    width: 100%; 
    position: relative; 
	color:#fff;
	background-size:100%;

	
   
    padding: 70px 0;}
	
#team .util-theme-default .util-pagination { width:85%;}
	
#news_events .item { padding:18px 10px; background:rgba(255,255,255,0.69); margin-top:0; border-radius:8px;}


.no_padd { padding:0px;}
#capabilities  { 
    background: url(../images/skills.jpg) 0 0 fixed; 
    height: auto;  
    margin: 20px auto; 
    width: 100%; 
    position: relative; 
	color:#fff;
	background-size:100%;
    padding: 70px 0;
}

#capabilities iframe { margin-top:30px;}

/*#capabilities  p{text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}*/
/*.cap_head { background-color:#fff; opacity:0.5;}
*/
.cap_head_p { font-size:18px; line-height:28px; margin:30px 0;}
#capabilities h2 { color:#fff;}
#capabilities h2 small.white{ color:#fff;}
#capabilities h3 { color:#fff; font-weight:bold; /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);*/	}
#capabilities .heading small{ color:#0075A7}
/*#capabilities h4 { font-size:24px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}*/

.service_itm > h3 { display:block; margin-bottom:10px; margin-top:0px; font-size:24px; font-weight:normal; height:75px; overflow:hidden;}

.service_itm h2 img  { max-height:60px;}

.service_itm { margin-bottom:50px;}
.service_itm a {  background:#4E80BC; color:#fff; border-radius:3px; padding:5px 8px; font-size:12px}
.service_itm p { margin-bottom:18px; height:62px; overflow:hidden;}

.pipeline_tbl { border:1px solid #ccc; padding:10px; border-collapse:separate}
.pipeline_tbl .hit { width:20px; height:20px; background:#18859B}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td { vertical-align:middle}

 

.nicescroll-rails { z-index:100000 !important;}

/* --- MEDIA QUERY --- */


@media only screen and (max-width: 1024px) {
/*.JB_Slide_Content { width: 600px; }*/
}
/* --- DEMO SLIDES CONTENT BELOW (Not important demo styles) YOU CAN REMOVE THE STYLE BELOW --- */

h2 { width: 100%; }
.big_text {color:rgba(68, 67, 139, 0.498039);
  /*font-family:League-Gothic, Courier;*/
  font-size:70px;
  margin:250px auto 0px auto;
  text-align:left;
  text-shadow:rgba(245, 130, 32, 0.498039) 5px 5px 0;
  text-transform:uppercase; }
.image { float: left; margin-top: 150px; /*margin-left:38px;*/ max-width:450px; }
.image img { max-width:310px;}


.title  {  color: #fff; font-weight: bold; margin: 150px 0 20px 0 ; float: left; font-size:40px; }
.title h1 { font-size:60px; margin-bottom:30px; 	}
.title p { color:#222; margin-top:10px;}
.text { float: left;  font-size: 30px; color: #fff;  margin: 20px 0; }
.list { font-size: 13px; color: #fff; float: left; margin-top: 12px; line-height: 20px; }
.list li { background-image: url(../images/button_arrow.png); background-repeat: no-repeat; background-position: left; text-indent: 15px; list-style-type: none; }
.text_box { float: left; /*width:650px;*/ overflow:hidden; padding:0px}


.bg {
  background:url(../images/slide_2.jpg) no-repeat center center;
  position: fixed;
  width: 100%;
  height: 350px; /*same height as jumbotron */
  top:0;
  left:0;
  z-index: -1;
}

.jumbotron {
  height: 350px;
  color: white;
  text-shadow: #444 0 1px 1px;
  background:transparent;
}



.skillset-list {
display: table;
width: 100%;
padding: 0px;
margin: 0px;
}
.skillset-list li {
position: relative;
float: left;
clear: right;
width: 100%;
list-style: none;
text-align: left;
font-size: 1em;
font-weight: 300;
color: #fff;
}
.skillset-list li .bar {
display: table;
float: left;
width: 100%;
height: 10px;
margin: 10px 0px 10px 0px;
background-color: #f5f5f5;
}
 @-webkit-keyframes create-full {
 0% {
 opacity: 0.4;
 z-index: 100;
 -ms-transform: scale(0.6); /* IE 9 */
 -webkit-transform: scale(0.6); /* Chrome, Safari, Opera */
 transform: scale(0.6);
}
 50% {
 opacity: 0.8;
 z-index: 150;
 -ms-transform: scale(1.5); /* IE 9 */
 -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
 transform: scale(1.5);
}
 100% {
 opacity: 1;
 z-index: 200;
 -ms-transform: scale(1.0); /* IE 9 */
 -webkit-transform: scale(1.0); /* Chrome, Safari, Opera */
 transform: scale(1.0);
}
}
 @keyframes create-full {
 0% {
 opacity: 0.4;
 z-index: 100;
 -ms-transform: scale(0.6); /* IE 9 */
 -webkit-transform: scale(0.6); /* Chrome, Safari, Opera */
 transform: scale(0.6);
}
 50% {
 opacity: 0.8;
 z-index: 150;
 -ms-transform: scale(1.5); /* IE 9 */
 -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
 transform: scale(1.5);
}
 100% {
 opacity: 1;
 z-index: 200;
 -ms-transform: scale(1.0); /* IE 9 */
 -webkit-transform: scale(1.0); /* Chrome, Safari, Opera */
 transform: scale(1.0);
}
}
.skillset-list li .bar .full {
position: relative;
z-index: 100;
float: left;
height: 10px;
background-color: #2B297A;
border-right: 1px solid #f3b60f;
-webkit-animation: create-full 0.5s 1;
-moz-animation: create-full 0.5s 1;
-o-animation: create-full 0.5s 1;
animation: create-full 0.5s 1;
}
 @-webkit-keyframes create-empty {
 0% {
 opacity: 0.4;
}
 50% {
 opacity: 0.8;
}
 100% {
 opacity: 1;
}
}
 @keyframes create-empty {
 0% {
 opacity: 0.4;
}
 50% {
 opacity: 0.8;
}
 100% {
 opacity: 1;
}
}
.skillset-list li .bar .empty {
float: left;
height: 10px;
background-color: #999;
border-right: 1px solid #e0e0e0;
-webkit-animation: create-bar 0.5s 1;
-moz-animation: create-bar 0.5s 1;
-o-animation: create-bar 0.5s 1;
animation: create-bar 0.5s 1;
}
.skillset-list li #list-info {
position: absolute;
bottom: 90px;
right: 0px;
z-index: 100;
opacity: 0;
width: 200px;
padding: 8px;
background-color: #333333;
border: 1px solid rgba(255,255,255,0.9);
-webkit-transition: opacity 0.2s ease-out, bottom 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out, bottom 0.2s ease-out;
-o-transition: opacity 0.2s ease-out, bottom 0.2s ease-out;
transition: opacity 0.2s ease-out, bottom 0.2s ease-out;
}
.skillset-list li #list-info p {
color: #ffffff;
font-weight: 400;
font-size: 0.9em;
}

.skillset-list li{ width:45%; float:left; margin-bottom:20px;}
.skillset-list li:nth-child(2n+2){ float:right}



#services p { font-size:14px}


/*Our Team*/

.util-fade-in,.util-flip-in-x,.util-flip-in-y,.util-zoom-in {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.util-fade-in {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
}

@-webkit-keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg) scale(.3);
    transform: perspective(400px) rotateX(90deg) scale(.3);
    opacity: 0;
  }
  
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg) scale(1);
    transform: perspective(400px) rotateX(0deg) scale(1);
    opacity: 1;
  }
}

@keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg) scale(.3);
    -ms-transform: perspective(400px) rotateX(90deg) scale(.3);
    transform: perspective(400px) rotateX(90deg) scale(.3);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg) scale(1);
    -ms-transform: perspective(400px) rotateX(0deg) scale(1);
    transform: perspective(400px) rotateX(0deg) scale(1);
    opacity: 1;
  }
}

.util-flip-in-x {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flip-in-x;
  animation-name: flip-in-x;
}

@-webkit-keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg) scale(.3);
    transform: perspective(400px) rotateY(90deg) scale(.3);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg) scale(1);
    transform: perspective(400px) rotateY(0deg) scale(1);
    opacity: 1;
  }
}

@keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg) scale(.3);
    -ms-transform: perspective(400px) rotateY(90deg) scale(.3);
    transform: perspective(400px) rotateY(90deg) scale(.3);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg) scale(1);
    -ms-transform: perspective(400px) rotateY(0deg) scale(1);
    transform: perspective(400px) rotateY(0deg) scale(1);
    opacity: 1;
  }
}

.util-flip-in-y {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flip-in-y;
  animation-name: flip-in-y;
}
@-webkit-keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.util-zoom-in {
  -webkit-animation-name: zoom-in;
  animation-name: zoom-in;
}



.util-carousel {
	display: none;
	position: relative;
	-ms-touch-action: pan-y
}
.util-carousel .util-wrapper-holder {
	overflow: hidden;
	position: relative;
	width: 100%
}
.util-carousel .util-wrapper {
*zoom:1;
	position: relative;
	display: none
}
.util-carousel .util-wrapper:before, .util-carousel .util-wrapper:after {
	display: table;
	content: "";
	line-height: 0
}
.util-carousel .util-wrapper:after {
	clear: both
}
.util-carousel .util-item {
	float: left
}
.dragging, .dragging * {
	cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), move
}
.util-theme-default .util-pagination {
	text-align: center;
	margin-top: 16px
}
.util-theme-default .util-page span {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #bbb;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	margin: 5px
}
.util-theme-default .util-page {
	display: inline-block;
	cursor: pointer;
	zoom: 1;
*display:inline
}
.util-theme-default .util-page.active-page span {
	background-color: #4E80BC
}
.util-theme-default .util-page:hover span {
	background-color: #888
}
.util-theme-default .util-navigation {
	text-align: center
}
.util-theme-default .util-prev, .util-theme-default .util-next {
	display: inline-block;
	padding: 4px 8px;
	margin: 5px;
	background-color: #bbb;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
	font-size: 13px;
line-height:-webkit-transition:all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.util-theme-default .util-prev:hover, .util-theme-default .util-next:hover {
	background-color: #555
}
.util-theme-default .util-disable, .util-theme-default .util-disable:hover {
	background-color: #bbb;
	opacity: .4;
	cursor: default
}
.demo-carousel .team {
				font-size: 20px;
				background-color: #ccc;
				padding: 2px 2px;
				text-align: center;
				margin: 5px 0 0 0  ;
				display:table;
				width:85%;
				
				border-radius: 8px;
				color: #111;
				transition: background-color 0.2s;
			}
			.demo-carousel .team p { display:table-row-group; font-size:14px;}
			.demo-carousel .team a { font-size:14px;}
			.demo-carousel .team .team_detail { height:125px; overflow-y:scroll; text-align:left !important}
			 .team .team_detail p { text-align:left !important}
	.accred .owl-item { padding:12px 0; background:#fff;border-radius: 8px;}		
			
			
#ourteam { 
    background: url(../images/ourteam_bg.jpg) 50% 0 fixed; 
    height: auto;  
    margin: 20px auto; 
    width: 100%; 
    position: relative; 
   
    padding: 50px 0;
}



#contact h4 { margin-top:0px;}
#contact h3 { margin-bottom:30px;}
.content-item {
  background:#EBEBEB;
  height: 170px;
  padding:5px 0;
  width:100%;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
  width: 70%; vertical-align:middle;
  display:table-cell;
  border-radius:8px 8px 0px 0px;
}

.content-item img{  max-height:162px; max-width:200px; vertical-align:middle; border-radius:8px;}


.content-item .overlay {
  border-bottom: 100px solid #4E80BC;
  border-left: 100px solid transparent;
  bottom: 0;
  height: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 0;

}
.content-item:hover .overlay {
  border-bottom: 800px solid #fff;
  border-left: 800px solid transparent;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.content-item .corner-overlay-content {
  bottom: 15px;
  color: #fff;
  position: absolute;
  right: 15px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  font-size:16px;
}



.content-item:hover .corner-overlay-content {
  /*opacity: 1;*/
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.content-item .overlay-content {
  bottom: 0;
  color: #000;
  left: 0;
  opacity: 0;
  padding: 30px;
  position: absolute;
  right: 0;
  top: 0;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.content-item .overlay-content h2 {
  border-bottom: 1px solid #fff;
  padding: 0 0 12px;
  margin-top:0px;
  color:#222;
  font-size:20px;
  
}.content-item .overlay-content h4, .content-item .overlay-content p { font-size:14px; text-align:center; margin:inherit 0; display:block}
.content-item:hover .overlay-content {
  opacity: 1;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}


ul.social {
  text-align: center; margin-left:0px; padding-left:0px; }
  ul.social li {
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    background: #404040;
    border-radius: 100%;
		margin-bottom:.5em;
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;  }
    ul.social li:hover {
      background: #F3B60F;
      box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.3); }
      ul.social li:hover a {
        color:#FFFFFF }
    ul.social li a {
      display: block;
      width: 100%;
      height: 200%;
      position: relative;
      top: 0;
      color: #F3B60F;
      -webkit-transition: top 0.7s;
      -moz-transition: top 0.7s;
      -o-transition: top 0.7s;
      transition: top 0.7s; }
      ul.social li a:after {
        text-align: center;
        position: absolute;
        width: inherit;
        height: 50%;
        left: 0;
        bottom: 0;
        line-height: 40px;
        color: #404040; }




/*-----------------------------------------------------------------------------------------------------*/


.examples-parallax {
	width:100%;	
	overflow: hidden;

}
.parallax-it {
	padding: 0;
	font-size: 80px;
	position: relative;
}

.parallax-it-left {
	position:absolute;
	font-size: 120px;
	/*left: -160px;*/
	color: #C5C3DE;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=5);
	overflow: hidden;
}

.parallax-it-right {
	position:absolute;
	font-size: 100px;
	left: 0px;
	color: #C5C3DE;
	opacity: 0.25;
	-moz-opacity: 0.25;
	filter:alpha(opacity=2.5);
	overflow: hidden;
	
}











@media only screen and (max-width: 1200px) {
.content-item img { max-height:130px;}
.content-item { height:135px;}
}
@media only screen and (max-width: 1199px) {
.news img { height:145px;}
}
@media only screen and (max-width: 1024px) {
	.JB_FWS { height:auto !important;}
.text_box { /*width: 380px;*/ margin-left:0px; }
.title { font-size: 30px; margin-top:100px; }
.text { font-size: 20px; }
.image { width: 200px; height: 187px; margin-top:100px; }
.image img { width: 290px;  margin-top: 10px; }
.image iframe { width: 289px; height: 180px; margin-top: 15px; }
.big_text { font-size:50px; width: 100%; }.JB_Button_Left, .JB_Button_Right, .JB_Button_Left_BG, .JB_Button_Right_BG{ display:none}
}
@media only screen and (max-width: 1024px) {
	.logo12 img { max-width:194px;}
}
@media only screen and (max-width: 790px) {
	
/*.image{ display:none}*/

.text_box{/*width: 100% !important; margin: auto; margin-top:50px; margin-left:80px;*/ }

.logo12 { margin-left:0px;}
}

@media only screen and (max-width: 767px) {
	
	.logo12 { margin-left:70px;}
	.image img { display:none;}

}

.fsp-wrapper { /*padding:50px 100px;*/ color:#fff; z-index:100000000; height:100vh !important; overflow:hidden !important }

.fsp-close { font-size:50px; color:#222} 
.pop_con {/*margin:50px;*/ margin-top:0px; background:#fff; color:#4E80BC; line-height:1.5em; border-radius:8px; overflow:hidden; /*padding:20px; */}

.pop_con h1 { margin-bottom:20px;}
.pop_con p { color:#000;}
.pop_con img { max-width:100%;  border-radius:8px;}
.pop_con .padd { padding-bottom:16px;}
/*.pop_con .popup_ico_counter { float:left; width:150px; text-align:center; margin-left:70px;}
*/.pop_con .popup_ico_counter img { max-height:35px; padding-right:8px; text-align:center;}
.pop_con .popup_ico_counter a { font-size:36px; vertical-align:middle; color:#000; text-align:center;}
.pop_con .popup_ico_counter p { text-align:left;}
ul.med_ch li { color:#000; line-height:30px;}
.alert-info { line-height:25px; color:#000;}

.fsp-content { height:100vh; padding:50px; overflow-y:auto; }

.service_count { margin-bottom:30px; margin-top:30px; padding-top:20px; /*text-align:center;*/ border-top:1px solid #ddd;}
.service_count img { max-height:45px; padding-right:10px;}
.service_count a { font-size:36px; vertical-align:middle}
.service_count p { font-size:18px !important;}
/* counter */

.counter {
font-size: 36px;
color: #000;
/*font-weight:bold;*/
/*margin-top: 50px;
*/display: inline-block;
/*font-weight: 400;
text-align: center;*/
vertical-align:middle;
}
/*
 @media only screen and (max-width: 1024px) {
span {
	
	
font-size: 33px;
margin-bottom: 200px;
}
}
 @media only screen and (max-width: 800px) {
div > span {
font-size: 66px;
display: block;
width: 100% !important;
margin-bottom: 100px;
}
span {
font-size: 66px;
}

}
*/



















.simform {
	position: relative;
	
	padding: 7.5em 0 0 0;
	max-width: 860px;
	width: 100%;
	text-align: left;
	font-size: 2.5em;
}

.simform .submit {
	display: none;
}

/* Question list style */
.simform ol {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	-webkit-transition: height 0.4s;
	transition: height 0.4s;
}

.simform ol:before {
	content: '';
	background-color:#D7D7D7;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 105px;
}

.questions li {
	z-index: 100;
	position: relative;
	visibility: hidden;
	height: 0;
	-webkit-transition: visibility 0s 0.4s, height 0s 0.4s;
	transition: visibility 0s 0.4s, height 0s 0.4s;
}

.questions li.current,
.no-js .questions li {
	visibility: visible;
	height: auto;
	-webkit-transition: none;
	transition: none;
}

/* Labels */
.questions li > span {
	display: block;
	overflow: hidden;
}

.questions li > span label {
	display: block;
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	font-size:0.6em;
	color:#fff;
	padding-top:30px;
}

.questions li.current > span label,
.no-js .questions li > span label {
	-webkit-transition: none;
	transition: none;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.show-next .questions li.current > span label {
	-webkit-animation: moveUpFromDown 0.4s both;
	animation: moveUpFromDown 0.4s both;
}

@-webkit-keyframes moveUpFromDown {
	from { -webkit-transform: translateY(100%); }
	to { -webkit-transform: translateY(0); }
}

@keyframes moveUpFromDown {
	from { -webkit-transform: translateY(100%); transform: translateY(100%); }
	to { -webkit-transform: translateY(0); transform: translateY(0); }
}

/* Input field */
.questions input {
	display: block;
	margin: 0em 0 0 0;
	padding: 0.59em 1em 0.5em 0.7em;
	width: calc(100% - 2em);
	height:105px;
	border: none;
	background: #4E80BC;
	color: #fff;
	font-size: 1em;
	line-height: 1;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.questions .current input,
.no-js .questions input {
	opacity: 1;
}

.questions input:focus,
.simform button:focus {
	outline: none;
}

/* Next question button */
.next {
	position: absolute;
	right: 0;
	bottom:0em; /* padding-bottom of form plus progress bar height */
	display: block;
	padding: 0;
	width: 2.2em;
	height: 100px;
	border: none;
	background: none;
	color: #403E81;
	text-align: center;
	opacity: 0;
	z-index: 100;
	cursor: pointer;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(-20%);
	transform: translateX(-20%);
	pointer-events: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.next:hover {
	color: rgba(0,0,0,0.5);
}

.next::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "\e171";
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'Glyphicons Halflings';
	line-height: 2;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.next.show {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	pointer-events: auto;
}

/* Progress bar */
.simform .progress {
	width: 0%;
	height: 0.15em;
	background: rgba(0,0,0,0.3);
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
}

.simform .progress::before {
	position: absolute;
	top: auto;
	width: 100%;
	height: inherit;
	background: rgba(0,0,0,0.05);
	content: '';
}

/* Number indicator */
.simform .number {
	position: absolute;
	right: 0;
	overflow: hidden;
	margin: 0em 0;
	width: 3em;
	font-weight: 700;
	font-size: 0.4em;
}

.simform .number:after {
	position: absolute;
	left: 50%;
	content: '/';
	opacity: 0.4;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.simform .number span {
	float: right;
	width: 40%;
	text-align: center;
}

.simform .number .number-current {
	float: left;
}

.simform .number-next {
	position: absolute;
	left: 0;
}

.simform.show-next .number-current {
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.simform.show-next .number-next {
	-webkit-animation: moveUpFromDown 0.4s both;
	animation: moveUpFromDown 0.4s both;
}

/* Error and final message */
.simform .error-message,
.simform .final-message {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
	color:#fff;
}

.simform .error-message {
	padding: 0em 3.5em 0 0;
	width: 100%;
	color: rgba(0,0,0,0.7);
	font-style: italic;
	font-size: 0.4em;
}

.final-message {
	top: 110%;
	left: 0;
	padding: 0.5em;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.error-message.show,
.final-message.show {
	visibility: visible;
	opacity: 1;
}

.final-message.show {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

/* Final hiding of form / showing message */
.simform-inner.hide {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
	transition: opacity 0.3s, visibility 0s 0.3s;
}

/* No JS Fallback */
.no-js .simform {
	font-size: 1.75em;
}

.no-js .questions li {
	padding: 0 0 2em;
}

.no-js .simform .submit {
	display: block;
	float: right;
	padding: 10px 20px;
	border: none;
	background: rgba(0,0,0,0.3);
	color: rgba(0,0,0,0.4);
}

.no-js .simform .controls {
	display: none;
}

/* Remove IE clear cross */
input[type=text]::-ms-clear {
    display: none;
}

/* Adjust form for smaller screens */
@media screen and (max-width: 44.75em) {
	.simform {
		font-size: 1.8em;
	}
}

@media screen and (max-width: 33.5625em) {
	.simform {
		font-size: 1.2em;
	}
}


.form section {
	padding: 5em 2em 10em;
	background: #2dcb89;
	text-align: center;
}

.form section.related {
	padding: 3em 1em 4em;
	background: #465650;
	color: rgba(0,0,0,0.4);
	font-size: 1.5em;
}

.related > a {
	max-width: 80%;
	border: 2px solid rgba(0,0,0,0.3);
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
	-webkit-transition: color 0.3s, border-color 0.3s;
	transition: color 0.3s, border-color 0.3s;
}

.related a:hover {
	border-color: rgba(0,0,0,0.6);
}

.related a img {
	max-width: 100%;
	opacity: 0.4;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.related a:hover img,
.related a:active img {
	opacity: 1;
}

.related a h3 {
	margin: 0;
	padding: 0.5em 0 0.3em;
	max-width: 300px;
	font-weight: 400;
	font-size: 0.75em;
	text-align: left;
}


.contact_id { color:#ED1F24}

.address img { height:50px; margin-right:20px; margin-bottom:20px}
.address { border:1px solid #ccc; min-height:320px; padding:10px; margin-bottom:20px}
.address p { margin-bottom:8px}


@media screen and (max-width: 44.75em) {
	section { padding: 1em 2em; }
}

@media screen and (max-width: 25em) {
	.codrops-header { font-size: 0.8em; }
	section.related { font-size: 1.2em; }
	.codrops-icon span { display: none; }
}

.map { width: 100%; height: 550px; position:absolute; z-index:10; background:url(../images/map_bg.jpg) center center  }
.contact_wrap{ width:100%; height:550px; position:relative}
.contact_form { width:100%; height:550px; position:absolute; z-index:100; background:rgba(255,255,255,0)}
.headconntact{ position:absolute; z-index:}