/* Custom styles */

body, ul, ol, dl, p{font-size:0.9rem;}
a.button {background-color:#f37021; font-weight:bold; }
a.button.small {font-size:0.9rem;}
a:hover.button{background-color:#e3671c;}
button:hover, button:focus, .button:hover, .button:focus{background-color:#e3671c;}
.button-container .radius{border-radius:10px; text-align:center;}
.button-align{margin:0rem 1rem;}

/* --- top navigation --- */
#top-nav-container{
	background:#000;
	padding:0.5rem 0rem;
	color:#fff;
}

.top-nav{float:right;}

#top-nav-container ul{
	color:#fff;
	font-size:0.8125rem;
}

#top-nav-container .inline-list{margin:0 0 0 -1.375rem}

#top-nav-container ul li a{
	color:#fff;
}

#top-nav-container ul li a:hover{
	text-decoration:none;
}

#top-nav-container .inline-list > li{margin-left:0.8rem;}

/* --- logo container --- */
#logo-container{padding:1rem;}
.callus-container{padding-bottom:20px; text-align:right;}
.callus{font-size:0.8125rem; color:#954e1b;  }
#logo-container input[type="text"]{background-color:#eee; color:#000; box-shadow:none; border:none;margin:1rem 0 0; }
#logo-container .button{background-color:#eee; color:#000; margin:1rem 0 0; }
#logo-container .button:hover{background-color:#aaa; color:#000;}

/* --- main nav --- */
#main-nav-container, #main-nav-container .top-bar, #main-nav-container section.top-bar-section ul li > a{ background-color:#f4ede9; color:#000; border-color:#000; font-size:1rem;}
#main-nav-container section.top-bar-section ul li > a:hover{ background-color:#6a645f; color:#fff; border-color:#000;}
#main-nav-container section.top-bar-section ul li.current a{ background-color:#6a645f; color:#fff; border-color:#000;}
#main-nav-container .top-bar-section ul.dropdown li a{font-size:0.8rem; line-height:25px; background-color:#f4ede9;  }

#main-nav-container .top-bar-section ul li ul.dropdown li a{background-color:#f4ede9; color:#000;}/* submenu */
#main-nav-container .top-bar-section ul li ul.dropdown li a:hover{background-color:#6a645f; color:#fff}/* submenu hover*/
#main-nav-container .top-bar-section ul li ul.dropdown li.current a{background-color:#6a645f; color:#fff;}/* active submenu */

#main-nav-container .top-bar-section ul.dropdown li a.current{background-color:#f4ede9;}
#main-nav-container .top-bar-section .has-dropdown > a:after {
	border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;
 }

/* --- banner container --- */
#banner-container{background-color:#f15a23;}
.orbit-bullets {
margin: -50px 20px 20px auto;
text-align:right;
z-index:100;
}
.orbit-bullets li {	
background: #fff;
}
.orbit-bullets li.active {
  background: #000; }
  
/* --- integreatz different container --- */
#content-container1{padding:1rem;}
#content-container1  h1{font-size:1.5rem; }
#content-container1 ul{padding:1rem; list-style-type:none;}
#content-container1 ul li{color:#676767}
.orange-text{color:#f15a23; line-height:18px;}
.icon-bullet{color:#f6bb7f;}
#content-container1 .fi{padding-right:0px;}
.fi-check{font-size:30px; margin-right:10px; color:#f6bb7f; vertical-align:middle;}
#content-container1 .text-align{padding:5px 0px; line-height:15px; margin-bottom:5px;  vertical-align:middle; }


#content-container1 .button-container{padding:10px 0px;}
/*#content-container1 ul.side-nav{padding:0px; margin:0px;}*/
#secondary-nav ul.side-nav li{padding:0px; margin:0px;}
#secondary-nav ul.side-nav li a{
background: -webkit-linear-gradient(white, #eee); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(white, #eee); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(white, #eee); /* For Firefox 3.6 to 15 */
background: linear-gradient(white, #eee); /* Standard syntax (must be last) */ 
padding:10px; 
border-bottom: 1px solid #d5d5d5;
border-top: 1px solid #d5d5d5;
color:#5f5f5f;}

#secondary-nav ul.side-nav li a:hover{color:#f37021;}
#secondary-nav ul.side-nav li a.active{color:#f37021;}

.hide-video { display: none; }


/* --- integreatz milestones --- */
#content-container2{background-color:#eae8cc; padding:1rem;}
#content-container2 h1{font-size:1.5rem; padding-bottom:1rem;}
#content-container2 .divider{border-top:2px dashed #5e5e5e; position:relative; top:75px; left:10px;}
.circle-container{background: #5e5e5e; width: 150px; height: 150px; border-radius: 50%; text-align:center;}
.stat-data{position:relative; top:60px; color:#fff; font-size:2rem; font-weight:bold;}
.stat-text{padding:20px 0px; color:#5e5e5e; font-size:1.5rem; text-align:center;}

/* --- success stories --- */
#content-container3{background-color:#fef9e9; padding:1rem; min-height:400px;}
#content-container3 h1{font-size:1.5rem;}
#content-container3 #player{margin-top:10px;}
#content-container3 a{color:#f37021;}
#content-container3 a:hover{text-decoration:underline;}
#content-container3 a .fi{padding-right:5px;}
.video-container{padding:10px 0px;}
.news-container{padding:15px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom:10px; background-color:#fff; height:auto; border-left:4px solid orange; border-right:4px solid orange;}
.news-container ul li {margin-left:15px;}
.last{margin-top:15px;}
.news-text{padding:6px 0px; font-size:1.1rem; line-height:1.6; font-weight:bold; color:#585858;}
.recognition{border:1px solid #e8e8e8; min-height:265px; margin-top:18px; padding:10px;}
.vticker {height:auto; padding-bottom:20px; }
.ticker-controls{margin-bottom:10px; text-align:right;}
.testimonial-container{}
.testimonial-section{background:none; padding:0px 40px;}
.testimonial-section .orbit-bullets-container{display:none;}
.testimonial-section p{ font-size:13px;}
.downloads ul{padding:0; margin:0;}
.downloads ul li{padding:10px 10px;  border-bottom:1px dashed orange; list-style-type:none;}
.downloads ul li a{line-height:30px; margin-left:20px; background:#e3671c; padding:5px; color:#fff; text-align:right;}
.downloads ul li a:hover{ background:#e3671c;}

.search-result ul {margin:20px auto 0px; padding:0;}
.search-result ul li {list-style-type:none; margin-bottom:15px; border-bottom:1px dashed #ccc;}
.search-result ul li h4 a{font-size:13px; font-weight:bold; color:orange;}
.search-result ul li h4 a:hover{color:gray;}
.search-result ul li p{font-size:13px; line-height:18px;}
.search-result ul li p span{font-size:13px; font-style:italic; color:gray;}

.pagination{border-top:1px solid #ccc; padding:15px;}

/* --- footer container --- */
#footer-container{background-color:#6d6d6d; border-top:2px solid #000; padding:1rem; }
#footer-container ul li{padding:0 0 0.5rem 0;}
#footer-container ul li a{color:#d3d3d3; } 
#footer-container ul li a:hover{/*color:#ff8d4c;*/ text-decoration:underline; } 


.fi-play {color:#ff8d4c;}
.fi-play, .fi-social-facebook, .fi-social-twitter, .fi-social-youtube{padding-right:10px;  }
.social-media-text{position:relative; top:-5px;}

.copyright{font-size:0.75rem; color:#fff; padding-left:10px;}


/* --- sub page styles --- */
.banner{height:160px;}

#breadcrumb-container{padding:1rem 0px;}
#breadcrumb-container ul{margin:0px; padding:0px;}
#breadcrumb-container .breadcrumbs {
  display: block;
  padding: 0.5625rem ;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-bottom:1px dashed #afafaf;
  border-top:none; border-left:none; border-right:none;
  background-color: #fff;
  border-radius:0;
 }
#breadcrumb-container .breadcrumbs li a {color:#f37021;}
#breadcrumb-container .breadcrumbs .current a{color:#aaa;}
#subpage-container {/*padding:1rem 0px;*/ margin-bottom:2rem;}
#subpage-container .columns{padding-left:0.5375rem;}
#subpage-container h1{font-size:1.5rem; color:#575757; text-transform:uppercase;}
#subpage-container h2{font-size:1.2rem; color:#575757;}
#subpage-container h4{font-size:1rem; color:#575757;}
#subpage-container .button-container{padding:20px 0px;}

#customer-logos{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-top:20px; margin-bottom:15px;}
#customer-logos ul li{height:140px; background-color:#fff;}
#customer-logos ul li .logo-container{position:relative; float:left; height:120px; line-height:120px; width:120px; border:1px solid #eaeaea; text-align:center; padding:0px 5px;	}
#customer-logos ul li .logo-container img{position: absolute; margin:auto; top:0; left:0; right:0; bottom:0;}
#customer-logos ul li .logo-container p{position: relative; margin: auto; top:0; left:0; right:0; bottom:0; color:#585858; font-size:14px; display: inline-block;
  vertical-align: middle;  line-height: normal; font-weight:bold;}
/*#customer-logos ul li .company-name{position:relative; float:left; text-align:center; width:100%; margin-top:5px;}
#customer-logos ul li .company-name p{font-size:.7rem; text-align:center; color:#878787;}*/


#industry-list ul {margin:20px 0 20px; padding:0; width:95%; }
#industry-list ul li {list-style-type: none; border-bottom:1px dashed #ffa97b;  padding:3px 0px}
#industry-list ul li:first-child {border-top:1px dashed #ffa97b;}
#industry-list ul li a{text-transform:uppercase; font-size:13px; list-style-type: none; color:#646464;}
#industry-list ul li a:hover{color:orange;}
#industry-list ul li.current a{color:#000; font-weight:bold; background:url(../img/active-arrow.png) no-repeat 0px 2px; padding-left:15px;}

.features-section-head {background: url(../img/features-head-corner-img.png) no-repeat top right #9a9a9a; margin-top:10px; padding-top:10px; padding-bottom:0px;}
.features-section-head p{font-size:18px; text-transform:uppercase; color:#fff; padding-bottom:0; line-height:24px;}
.features-section-head p span{font-size:24px; font-weight:bold; line-height:24px;}

.features-list{margin-bottom:20px;}
.features-list h5, .products-section h5, .general-content h5{font-weight:bold; font-size:15px; color:orange; margin-top:20px;}
.features-list ul {margin:0; padding:0;}
.features-list ul li{font-size:13px; margin-left:20px; color:#646464}

.location-map {}

@media only screen and (max-width: 50em) {
#main-nav-container, #main-nav-container .top-bar, #main-nav-container section.top-bar-section ul li > a{  font-size:0.76rem;}
#main-nav-container .top-bar-section ul.dropdown li a{ font-size:0.76rem;}
}


@media only screen and (max-width: 40em) {
#logo-container img{ margin:auto;}
#top-nav-container .inline-list > li{margin-left:0.55rem;}

#main-nav-container, #main-nav-container .top-bar, #main-nav-container .top-bar.expanded .title-area, #main-nav-container .top-bar.expanded .toggle-topbar a{background-color:#f15a23; color:#fff;}
.callus-container{padding:20px 0px 10px 0px; text-align:center;}
#content-container1 a.button{font-size:0.84rem;}
.button-container{text-align:center;}
/* --- integreatz milestones --- */
.circle-container{background: #5e5e5e; width: 75px; height: 75px; border-radius: 50%; text-align:center; }
.stat-data{position:relative; top:30px; color:#fff; font-size:0.9rem; font-weight:bold;}
.stat-text{padding:20px 0px; color:#5e5e5e; font-size:0.9rem; text-align:center;}

/* --- success stories --- */
.heading-news{padding-top:20px; line-height:24px; height:auto;}
}