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

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);
/*placeholders*/
@-ms-viewport {
  width: device-width;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #909090 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909090 !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909090 !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #909090 !important ;
}
html, body {
  height: 100% !important;
  overflow-x:hidden;
}
body {
  background: #fff;
  font-family: 'Segoe UI',sans-serif;
  color: #4e4e4e;
  line-height: 22px;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  font-family: 'calibri',sans-serif;
  color: #4e4e4e;
}

h1 {
  font-size: 32px;
  padding-bottom:20px;
  color:#1F3F00;
 }

h2 {
  font-size: 20px;
   color:#438702; /*5d8c30*/
   font-weight:600;
}

h3 {
    color: #438dbe;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
	
}
.product h3 a{
	 color: #438dbe;
	 text-decoration:underline;
	}
h4 {
  font-size: 16px;
}

a {
  color: #5fc001;/*#397301*/
  -webkit-transition: color 300ms,background-color 300ms;
  -moz-transition: color 300ms,background-color 300ms;
  -o-transition: color 300ms,background-color 300ms;
  transition: color 300ms,background-color 300ms;
}

a:hover,a:focus {
   color: #397301;
   }
ul li{
list-style-type:square;	
	list-style-position: inside;
	}
.skdslider ul.slides li{
list-style-position: outside;	
}	
ul.slide-navs li,ul.dropdown-menu li{
list-style-type:none;
	list-style-position: outside;	
	}	
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
.no-margin{margin:0;}
.no-padding{padding:0;}
.navbar-brand,.navbar-brand > img{
	height:70px;
	padding-top:0;
	}
.navbar-collapse.collapse{
	background-color:#1B2B28;
		}
.navbar-inverse .navbar-toggle{
	border-color:#5d8c30;
	}
.navbar-toggle{
	background-color:#449D44;
	}	
.navbar-toggle:hover,.navbar-toggle:focus{
	background-color:#5d8c30 !important;
	}	
button.synUS{
	border-radius:50px;
	padding:6px 20px;
	box-shadow:inset 2px 1px 1px 0px #eee;
	}	
	
.synergyUS{
	PADDING:10PX 0PX;
	}	
.skdslider{
	background:rgba(0,0,0,0) !important;
	}
	
.rightPanel ul{
	padding:0;
}
.rightPanel li {
    background:  #438DBE;; /*5d8c30*/
    list-style-type: none;
    margin: 5px;
    padding: 5px;
}
.rightPanel li:hover{
	 background:#1B2B28;
	 color:#fff;
	}
.rightPanel li a{
	color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
	}
.navbar-right .dropdown-menu {
    left: auto;
    right: auto;
}
.cNavbar{
	border: medium none;
    border-radius: 0;
    margin: 0;
	background-color:#fff;
	padding: 20px 0;
	}

 .navbar-nav > .active > a,  .navbar-nav > .active > a:focus,  .navbar-nav > .active > a:hover,.navbar-nav > li > a:hover,.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #438DBE ;
    color: #fff ;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
	border-color:#7fccff;
	}
.navbar-nav > li > a {
    color: #fff ;
	padding-top:10px;
	padding-bottom:10px;
	border-left:1px solid #7fccff;
}
.dropdown-menu{
	border-radius:0;
	background-color:#1B2B28;
	border-left:4px solid #7fccff;
	}
.dropdown-menu > li > a{
	color: #fff ;
	font-size:12px;
	line-height:24px;
	font-weight:600;
	}	
	
.dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover{
	background-color:#7fccff;
	color: #1B2B28 ;
	}
.breadcrum .container{
	padding:3px 0px;
}
.breadcrum .content{
	line-height:55px;
	}	
.mainBody{
	padding-bottom:50px;
	}	
.mainBody h1.heading{
	font-size: 26px;
    padding: 15px 0;
	 font-weight: normal;
	}
.mainBody h2.heading{
	padding:0 0 15px;
	}	
.product{
	padding:0 0 5px;
	}	
.mainBody ul.prodFeatures li{
	list-style-type:square;	
	}
.mainBody footer{
	padding-top:40px;
	}
	
center.copyright{
	color:#2e2e2e;
	font-size:12px;
	bottom:10px;
	}
.IntraKonnect_Items{
	margin-bottom:20px;
	width:14.2%;
	/*color:#fff;*/
	height:100%;
	}	
.IntraKonnect_Items h5{
	/*color:#fff;*/
	margin:0;
	}	
.IntraKonnect_Items span{
	font-size:75px;
	line-height:90px;
	display:inline-block;
		}	
.IntraKonnect_Items:hover,.IntraKonnect_Items:hover > a{
	background-color:rgb(105,156,55);
	border-radius:3px;
	color:#fff !important;
	}

.IntraKonnect_Items:hover > h5{
	font-weight:600;
	color:#fff;
	}	
.IntraKonnect_Items > p{
	display:none;}	
.IntraKonnect_Items:hover > p{
	display:block;
	text-decoration:underline;
	}		
.IntraKonnect_accordion ul li{
list-style-type:square;	
list-style-position:outside;
	}	
.panel{
margin:0px 0 40px !important;
}	
h4.panel-title{
	color:#5d8c30;
	font-size:20px;
	}
.panel-title a{
	width:100%;
	display:block;
	}	
.panel-body h4{
	color:#333;
	}	
.panel-default > .panel-heading{
	background-color: #ecf2e7;
	}	
.ExecutiveTeam{
padding:20px;	
border-bottom:1px solid #438DBE;
	}
.ExecutiveTeam	h3{
	margin-top:0;
	font-size:18px;
	color:#438702;
	
	}
.CaseStudies p{
 background: -moz-linear-gradient(45deg, #438DBE 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #438DBE), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, #438DBE 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, #438DBE 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, #438DBE 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, #438DBE 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#397301',GradientType=1 ); /* ie6-9 */
	padding:5px;
	font-weight:bold;
	color:#1b2b28;
	font-size:12px;
}
.CaseStudies p a{
color:#1b2b28;
}
.CaseStudies p a:hover{
	color:#fff;
	text-decoration:underline;
}	
.employees{
    background: #e6f4fe none repeat scroll 0 0;
    padding: 20px 10px;
}
.careers .row{
 background: #e6f4fe ;
 margin:0 0 4px;
}
.contact figcaption{
font-weight:bold;
padding:8px 0;
}
.contact h2{
margin-top:0;
}
.liLeft li{
float:left;
width:50%
}
/*.intraknonnectBG{
    height: 200px;
    margin: 30px 0 20px;
	}*/
.overlay{
	 height:150px;
    margin: 30px 0 20px;
	}
.ScreensOverlay{
	background:rgba(0,0,0,0.5);
	padding:60px;
	overflow:hidden;
	}	
.ScreensOverlay img{
	box-shadow:0 0 6px 1px #222;
	}	
.ScreensOverlay img:hover{
	transform:scale(1.1,1.1);
	transition:all linear 0.3s;
	cursor:pointer;
	}	
.screensBg{
	background:url(../ImagesNew/intraKonnectBanner_1.jpg) no-repeat fixed center;
	background-size:cover;
	}	
.intraKonnectBTNS{
	margin:0px 10px 10px;}	
.intrakonnectBanner_BG{
	height:250px;
	background:url(../ImagesNew/intraKonnectBanner-2.jpg) no-repeat center 50%;
	background-size:cover;
	}
.intraKonnectBanner{
	height:450px;
	background:url(../ImagesNew/intraKonnectBG.jpg) no-repeat center 50%;
	background-size:cover;
	}	
.ppt_preview_section{
	margin: 30px 0px;
    background: #f5f5f5;
    padding: 15px 0px 30px;
	}	
.ppt_preview_section h2,.sectionIntrakonnect h2{
	font-weight: normal;
    padding: 0 0 20px;
    font-size: 28px;
	}	
.ppt_preview{
	margin:20px 0px;}	
ul.ppt-nav{
	padding:0;
	}	
ul.ppt-nav  li{
	float:left;
	list-style-type:none;
	padding:0px 25px;
	}	
.single-ppt-info{
	background: #fff;
    overflow: hidden;
    padding: 5px 10px;
	}	
.single-ppt-info h4 strong{
	color:#438702;
	}	
.slick-prev, .slick-next{
	background:#438702;
	}
.moreOnCollaboration a h4{
	color:#fff;
	}	
.moreOnCollaboration span{
font-size: 78px;
    line-height: 50px;
	}
.resource{
	margin:10px 0px;
	}	
.resourceInner{
	background-color: #438dbe;
    padding: 5px 0px;
    overflow: hidden;
    color: #fff;
	}
.resourceInner:hover{
	background-color:#5fc001;
	}	
/*.ppt-nav .slick-dots {
  text-align: center;
  margin-bottom: -30px;
}
.ppt-nav .slick-dots li {
  border-radius: 50%;
  width: 20px;
  display: inline-block;
  float: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}*/
.hoverEffect{ 
    position: absolute;
    z-index: 9999;
    background-color: rgba(0,0,0,0.5);
    height: 100%;
    width: 87%;
    padding: 30%;
	display:block !important;
	color:#fff;
	font-size:20px;
	text-align:center;
	}
/*.ppt_preview figure	img.img-thumbnail{
	border:1px solid #aaa;
	}*/
/*.ppt_preview figure	img.img-thumbnail:hover{
	border:15px solid #ddd;
	transition: all 1s;
	border-radius:0px;
	}*/	
@media (max-width: 480px){
	.ppt_preview iframe{
		width:100% !important;
		height:254px !important;
		}		
	}
@media (max-width: 767px){
	.overlay{
		height:auto;
		}
	section.banner{
		height:90px;
		}
	.banner object{
		height:100%
		}	
	
	.navbar-brand > img {
    display: block;
    height: 85px;
    padding: 6px 0 0;
	}	
	.rightPanel h3{
		font-size:14px !important;
		}
	.rightPanel li a{
		font-size:11px;
		line-height:11px;
		}
	h2{
		font-size:15px;
		}
	h1{
		font-size:25px;
		}
	.breadcrum .content{
		font-size: 13px;
    	line-height: 25px;
		}
	.breadcrum{	
		margin-top: 100px;	
	}
	.IntraKonnect_Items{
	display: inline-block;
    margin-bottom: 8px;
    width: 45%;
	height:95px;
		}	
	.IntraKonnect_Items span{
	line-height: 50px;
	font-size: 50px;
    }		
	.IntraKonnect_Items p{
		line-height:12px;
		}
	.skdslider{
	height:auto !important;
	background:rgba(0,0,0,0) !important;
	}	
	.ppt_preview iframe{
		width:100% !important;
		height:400px !important;
		}		
	}	
@media (min-width: 768px) and (max-width: 991px){
	.navbar-nav > li > a{
		 padding: 10px 8px;
		 font-size:12px;
		 }
	body{
		font-size:13px;
		}	
	section.banner{
		height:190px;
		}
	.banner object{
		height:100%
		}
	.breadcrum{
		margin-top:25px;
		}
	.IntraKonnect_Items{
		display: inline-block;
   		 width: 24%;
		 margin-bottom: 0;
		}	
	.IntraKonnect_Items span{
	line-height: 60px;
    padding-top: 15px;
		}
		.overlay{
			height:auto;}
.liLeft li{

}		
	}
@media (min-width: 992px) and (max-width: 1199px){}
@media (min-width: 1200px){}