@charset "utf-8";
/*=================================================
1 HEADER
================================================== */
#top-panel  {
  width:100%;
  height: 50px;
  background:#FFF;  
  font-family: 'Roboto';  
  font-size:16px; 
  text-transform: uppercase; 
  color:#231f20; 
  border-bottom: 1px solid #aaa;
}
#top-panel .logo                                        {width:auto; float: left; padding-left: 10px; height: 50px; border-left: 1px solid #a3a3a3; }
#top-panel .logo a                                      {float:left; margin-top:10px;}
#top-panel .language-panel                              {width:125px;height:50px; float:right; position:relative; cursor:pointer; padding-left:35px; line-height:50px; background:url(../images/glob-s.png) no-repeat 12px 16px}
#top-panel .language-panel.dropdown-open                {background:url(../images/glob-s.png) no-repeat 12px -66px }
#top-panel .language-panel.dropdown-open:before         {font-family: 'FontAwesome', sans-serif;  font-style:normal; content:"\f107"; margin-left:10px;position:absolute; left:5px; top:15px; color:#5b983e;}
#top-panel .language, #top-panel  .language .dropdown-menu  { min-width:30px}

.login                                                 {position: relative;z-index: 45; text-transform: uppercase; text-decoration: none; background:#f1592a; color:#FFFFFF !important;  transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; text-decoration:none;}
.login > a                                             {padding: 0 20px;  display: block;line-height:50px;color:#231f20;text-decoration: none;position: relative; z-index: 45; color:#fff;}
.login-panel                                           {width:250px; padding:5px 15px 15px 15px !important; background:#f1592a !important;}
.login-panel li                                        { border:none !important; padding:10px 0 0 0 !important;}
.login-panel input[type="text"],.login-panel input[type="password"]                    {border:none;}
.login-panel input[type="password"]                    {width:70%;}
.login-panel .btn                                      {width:30%; padding:6px 5px 5px 5px; border:#FFF solid 2px; line-height:21px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.login-rws                                             {margin-right:10px !important; background:#f1592a !important}

.jumbotron {
  padding-top: 0px;
  padding-bottom: 0px;
}

.zetta-jumbo-bg {
  padding-bottom: 0 !important;
  /* background-image: url('/static/images/main-banner-bg.jpg'); */
  background-size: cover;
}
.no-bg-image {
  background-image: none !important;
}
.zetta-slide-item {
  box-sizing: border-box;
  width: 600px;
  padding: 40px;
  margin: 100px auto;
  text-align:center; background:rgba(0,0,0,0.5);
}
.zetta-slide-item p {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-transform: none;
  margin: 20px 0 0 0;
}
.zetta-slide-item a {
  margin: 20px 0 0 0;
  font-size: 18px;
  display:inline-block
} /* text-transform:uppercase; */
.zetta-slide-item h2 {
  font-family: 'Roboto Slab';
  font-style: normal; 
  font-weight: 300; 
  color: #fff; 
  font-size: 70px;
  text-transform:none; margin:0;
}

.products {
  margin-bottom: 30px;
}
.product * p {
  text-align: justify;
}
.product-title {
  margin-top: 10px;
}
.product-icon {
  font-size: 100px !important;
  text-align: center;
}

.product-btn {
  display: block !important;
  margin: auto;
}

.contact-section {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #FFF;
}
.contact-section * h1, h2, h3 {
  margin-top: 0;
}

.customer-refs {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #FFF;
}
.customer-refs * h1, h2, h3 {
  margin-top: 0;
}

/* Signup */
.signup-section {
  background: url(../images/bg.jpg) no-repeat;
  background-position: 40% 80%;
  padding: 45px;
}

.signup-section a:link {
  display: inline-block;
  border: 0px;
  padding: 15px 25px 15px 25px;
  font-size: 24px;
  color: #fff;
  background-color: #f1592a;
  text-decoration: none;
}

.signup-section a:visited {
  color: #FFF;
  background-color: #f1592a;
}

.signup-section a:hover {
  color: #FFF;
  background-color: #23a736;
}

.social-links {
  font-size: 40px;
  margin-top: 20px;
}

/*=================================================
1 PAGE CONTENT
================================================== */
.panel-one                                               {width:100%; height:auto; float:left;}
.panel-two                                               {width:100%; height:auto; float:left; background:#f3f3f3}
.wrap                                                    {width:100%; height:auto; float:left; margin-top:50px;}


.srb-steps                                                {width:31.33%; height:230px; position:relative; border-right:#ededed solid 1px;}
.srb-steps.b-r-none                                       {border:none;}
.srb-steps .step                                          {width:80px; height:60px; padding:20px 0 0 0; position:absolute; right:0px; top:0px; background:#ebf2e7; border-radius:50% 0 50% 50%; font-family: 'Roboto Slab'; font-size:20px; font-weight:bold; text-align:center; color:#5f9b3d;}


/*=================================================
DJANGO FILER
================================================== */

.filer_image { max-width: 100%; }
.left { float: left; }
.right { float: right; }

/* custom */
.img_center_wrapper {
	display: block;
	height: 100%;
	text-align: center;
	margin: 0;
}
.img_center {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.filer_image_center {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
}
.filer_boxed {
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
    border: 1px solid #999;
}
.filer_image_info {
    display: block;
    padding: 10px;
    color: #777;
}

/*=================================================
ARTICLE CONTENT
================================================== */

.article { margin-bottom: 25px; }
.article ul, ol { margin-left: 18px; margin-top: 15px; line-height: 1.3em;}
.article li { margin-bottom: 5px; }
.article p { margin-top: 15px; margin-bottom: 15px; clear: both; }
.article a { color: #2A803C; }

/* header sizes */
.article h1 { font-size: 32px; margin: 20px 0 10px 0 !important; }
.article h2 { font-size: 28px; margin: 18px 0 10px 0 !important; }
.article h3 { font-size: 24px; margin: 16px 0 10px 0 !important; }
.article h4 { font-size: 20px; margin: 14px 0 10px 0 !important; }
.article h5 { font-size: 18px; margin: 12px 0 10px 0 !important; }
.article h6 { font-size: 16px; margin: 10px 0 10px 0 !important; }

/* .article h1, h2, h3, h4, h5, h6 { margin-top: 30px; } */

/* Headers at < 768
@media only screen and (max-width: 767px) {
	.article h1 { font-size: 22px }
	.article h2 { font-size: 20px; }
	.article h3 { font-size: 18px; }
	.article h4 { font-size: 16px; }
	.article h5 { font-size: 16px; }
	.article h6 { font-size: 16px; }
*/

.article pre {
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace !important;
  background: #23241f;
  color: white;
  white-space: pre-wrap;
  padding: 4px 7px 4px 7px;
  margin: 12px 0px 12px 0px;
}

.hljs > *, pre { font-family: Menlo,Monaco,Consolas,"Courier New",monospace; font-size: 14px; }


/* Definition List */

.article dl {
  border: 3px double #ccc;
  padding: 0.5em;
}
.article dt {
  float: left;
  clear: left;
  width: 120px;
  text-align: right;
  font-weight: bold;
  font-family: 'Roboto';
  font-size: 14px;
  color: #23a736;
}
.article dt:after {
  content: ":";
}
.article dd {
  margin: 0 0 0 130px;
  padding: 0 0 0.5em 0;
  font-family: 'Roboto';
  font-size: 14px;
}

/* table overrides */
.article table                                          {max-width: 100%; background-color: transparent; }
.article table thead > tr > th,
.article table tbody > tr > th,
.article table tfoot > tr > th,
.article table thead > tr > td,
.article table tbody > tr > td,
.article table tfoot > tr > td                           {padding: 5px 5px;line-height: 1.428571429; vertical-align:left;text-align:left; font-family: 'Roboto';}

.article table thead > tr > th                           {padding: 5px 5px;  font-family: 'Roboto Slab'; font-size:14px; color:#989898; background:none; text-transform:uppercase; text-align:center }

.article table  tbody tr  td                             {font-size:14px; border-top:#ececec solid 1px; border-bottom:#ececec solid 1px; border-left:#e4e4e4 solid 1px; color:#4f4f4f; }
.article table  tbody tr  td:first-child                 { border-left:none;}
.article table  tbody tr  td .btn                        {margin:0px;}

/* tags */

.page-tag-container {
  display: block;
  padding-top: 10px;
}

.page-tag {
  display: inline;
  background-color: #4683ea;
  color: #fff;
  border-radius: 6px;
  font-size: 14px;
  padding: 2px 6px 2px 6px;
  border: 1px solid #aaa;
  margin: 10px 0px 0px 0px;
}

.article-list-entry {
  display: block;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
/*
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
*/
}

.article-list-entry .title {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.article-list-entry .desc {
  margin-top: 5px;
  color: #555;
}

.article-list-entry:link {
  text-decoration: none;
} 

.article-list-entry:hover {
  background-color: #ddd;
  border-color: #000;
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
} 

.article-list-entry .tags {
  padding-bottom: 4px;
}

.article-list-entry .tags .page-tag {
  font-size: 12px;
}
/*=================================================
 NAVIGATION
================================================== */

.sidebar-tweak {
  padding-left: 0px;
  padding-right: 0px;
}

.sidebar {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sidebar-header {
	display: block;
	padding: 15px 0px 10px 8px;
	color: #f1592a;
	font-weight: bold;
	font-size: 16px;
	clear: both;
}

.sidebar-nav {
	margin: 0px 0px 15px 0px;
	padding: 8px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.sidebar-nav li {
	list-style-type: none;
	margin: 0;
	padding: 8px 0;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}

.sidebar.fix {
	width: inherit;
	position: fixed;
	top: 0;
	margin-top: 0px;
}

.nav-active { color: #23a736; }

/*=================================================
 MENU-ARTICLE
================================================== */

.content-with-menu { 
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #ddd;
  padding-left: 30px;
}

.grid-margin-strip {
  margin-left: 0px;
  margin-right: 0px;
}

/* Featured customers */

.featured-customer-box {
    height: 160px;
    border: 1px solid #aaa;
    white-space: nowrap;
    text-align: center;
    margin: 1em 0;
}

.featured-customer-box:hover {
    background-color: #eee;
}

/* SERVICES panel
================================================== */

.services-panel li                                       {width:33.333%; height:auto; float:left;  background:#f3f3f3}
.services-panel li:hover                                 {background:#f9f9f9}
.services-panel li .box-default                          {border-left:#c2c2c2 dashed 1px;}
.services-panel li:first-child .box-default              {border:none}
.services-panel li .box-default h4                       {margin:0px; width:auto; float:left}
.services-panel li .box-default figure                   {width:70px; float:right}
.services-panel li .box-default figure img               {width:100%; }
.services-panel li .box-default p                        {width:100%; float:left}