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

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	background: #f7f6f0;
}
h1,
h2,
h3 {
	color: #3b3b3b;
	font-weight: 300;
}
h4 {
	text-transform: uppercase;
	color: #3b3b3b;
}
.align_left {
	float: left;
	margin-right: 10px;
}
.align_right {
	float: right;
	margin-left: 10px;
}
img.align_center {
    display: block;
    margin: auto;
}
/* Cookie */
.alert-cookie {
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.6);
    border-radius: 0;
}
.alert-cookie a {
    color: #eee;
    text-decoration: underline;
}

/* Bootstrap hack */
  .table-row {
    display: table;
    table-layout: fixed;
  }

  .table-row [class^="col-"] {
    display: table-cell;
    float: none;
  }
.large-margin-top {
    margin-top: 40px;
}
.margin-top {
    margin-top: 20px;
}

/* Main container */
.main-container {
	margin-top: 100px;
}
/* Text content */
.text-content {
	padding-top: 40px;
	padding-bottom: 40px;
}
.text-content p {
	color: #828282;
	font-size: 16px;
	line-height: 1.6em;
}
.text-content strong {
	color: #000;
	font-weight: 400;
}
.text-content h1 {
	font-weight: 300;
	text-transform: uppercase;
	color: #000;
}
/* Bootstrap override */
.btn,
.jumbotron {
	border-radius: 0px !important;
}
.btn-primary {
	background: #0071b6;
	border: none;
}
.btn-warning {
	background: #fbbf00;
	border: none;
}
.navbar-default {
	background: rgba(255,255,255,0.95);
	border-width: 0;
}
.container-fluid {
	padding: 0;
}




/* Features */
.feature0 {
    padding: 40px;    
}

.feature1,
.feature2,
.feature3,
.feature4,
.feature5 {
    box-shadow: inset 0px 0px 100px rgba(0,0,0,0.4);
    padding: 100px 0;
    background: #fff;    
}
.feature1 p,
.feature2 p,
.feature3 p,
.feature4 p,
.feature5 p {
    font-size: 16px;
}

.feature1 {
    background: #fcfcf6 top right no-repeat;
    background-image: url(images/feature1bg.jpg);
}
.feature2 {
    background: url(images/feature2bg.jpg) top left no-repeat;
    color: #444;
}
.feature3 {
    background: url(images/feature3bg.jpg) top right no-repeat;
    color: #444;
}
.feature4 {
    background: #528ba6 url(images/feature4bg.jpg) top left no-repeat;
    color: #fff;
}
.feature4 h3 {
    color: #fff;
}
.feature5 {
    background: #f1f0f6 url(images/feature5bg.jpg) top right no-repeat;
}
.feature4 h3 {
    color: #fff;
}
.learnmore {
    text-align: center;
    padding: 40px 0;
}

/* retina stuff */

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	a.navbar-brand {
		background: url(images/excosoft_logo_x2.png) top left no-repeat;
		text-indent: -9999px;
		width: 160px;
		margin: 15px 10px 0 0px;
		margin-left: 0px;
	}
}
ul.navbar-nav {
	margin: 10px 15px;
}
a.navbar-brand {
	background: url(images/excosoft_logo.png) top left no-repeat;
	text-indent: -9999px;
	width: 160px;
	margin: 15px 10px 0 0;
	margin-left: 15px;
}
/* Startpage */
.hero-start {
	background: url(../images/home-hero-image.jpg);
	background-size: 100%;
	min-height: 550px;
}
.hero-start .container {
	padding-top: 330px;
}
.hero-start .container h1 {
    color: #fff;
	line-height: 1.33;
	font-size: 42px;
	padding: 20px 40px;
	display: inline-block;
}

.customer-logos {
    padding: 40px 0;
    background: #fff;
    text-align: center;
}

.demorequest {
    padding: 20px 0 0 0;
}


/* Spots */
.spot {
	margin-right: 0px;
	padding: 10px;
	position: relative;
	height: 200px;
	background: #eee;
	overflow: hidden;
}
.spot img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
}
.spot .spotcontent {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}
.spot .spotcontent h2,
.spot .spotcontent p {
	color: #fff;
}
.spot a.btn {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 3;
}
.startbody {
	padding: 20px 0;
	text-align: center;
}
.startbody p {
	color: #828282;
	font-size: 16px;
}
.startbody strong {
	color: #000;
	font-weight: 400;
}
.startbody h1 {
	font-weight: 300;
	text-transform: uppercase;
	color: #000;
}
.startbody i {
    margin: 20px 0;
    font-size: 40px;
    color: #828282;
}
/* Newsletter */
.newsletter {
	background: #929191;
	padding: 20px 0;
	color: #fff;
}
.newsletter h1,
.newsletter h2,
.newsletter h3,
.newsletter h4 {
	color: #fff;
}
ul.newsfeed {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}
ul.newsfeed li {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.newsfeed li a {
    display: block;
  padding: 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  margin: 0px 0px 10px 0px;
}
ul.newsfeed li a:hover {
}


.jumbotron {
	margin-top: 70px;
	background: #fff;
	position: relative;
}
.jumbotron ul.benefits {
	border-top: 1px solid #ccc;
	width: 100%;
	list-style: none;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.jumbotron ul.benefits li {
	width: 20%;
	float: left;
	list-style: none;
}
.jumbotron ul.benefits li a {
	font-size: 16px;
	color: #666;
}
/* Product page */
.hero-product {
	background: url(images/keyboard.jpg) no-repeat;
	background-size: 100%;
	min-height: 550px;
	margin-left: 0;
	margin-right: 0;
}
.hero-product .container {
    padding: 100px 0 0 0;
}
.hero-product h1 {
	color: #fff;
	line-height: 1.33;
	font-size: 42px;
	background: rgba(0,0,0,0.5);
	padding: 20px 40px;
	display: inline-block;
}
.hero-product .container h2 {
	color: #fff;
	line-height: 1.33;
	font-size: 30px;
	background: rgba(0,0,0,0.5);
	padding: 20px 40px;
	display: inline-block;
}

.product-row {
	padding: 60px 0 40px 0;
}
.product-menu {
	background: rgba(0,0,0,0.5);
	height: 35px;
	z-index: 1000;
}
.product-menu .container .row {
	margin-right: 0;
}
.product-menu.affix {
	top: 70px;
	width: 100%;
}
ul.product-nav li {
	float: left;
}
ul.product-nav li a {
	display: inline-block;
	color: #fff;
	padding: 7.5px 10px;
}
ul.product-nav li a:hover {
	background: #333;
	color: #fff;
}
/* tabs */
.tab-pane {
	padding: 20px;
	/* background-image: linear-gradient(#ffffff 0%, rgba(255,255,255,0) 40%); */
}
.panel-default>.panel-heading {
    background: #d9d7cf;
  color: #474747;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
}


/* skribenta add-ons */
.addon-row {
	padding: 60px 0 120px 0;
	background: #929191;
	color: #fff;
}
.addon-row h1,
.addon-row h2,
.addon-row h3 {
	color: #fff;
}
ul.addon-features {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.addon-features li {
	float: left;
	list-style: none;
	margin-right: 5px;
}
.addon-list {
	clear: both;
	margin-top: 20px;
}
.option {
	background: -webkit-linear-gradient(top, #d29716 0%,#d29716 0%,#f0c300 100%);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	text-align: center;
	padding-top: 20px;
	margin-top: 20px;
}
.option i {
	font-size: 60px;
	color: #b27e0c;
}
.option-content {
	text-align: left;
	min-height: 100px;
	padding: 0 15px; 

}
.option a {
}


/* case studies */
#casestudies {
	
}
.case-study-intro {
    background: url(../images/casestudy.jpg);
	background-size: 100%;
	min-height: 350px;
	position: relative;
}
.case-study-intro h1 {
	color: #fff;
	line-height: 1.33;
	font-size: 42px;
	background: rgba(0,0,0,0.5);
	padding: 20px 40px;
	display: inline-block;
    position: absolute;
    bottom: 40px;
    left: 20px;
}

/* learn */
.hero-training {
	background: url(../images/co-hero-image.jpg);
	background-size: 100%;
	min-height: 450px;
	position: relative;
}
.hero-training .training-content {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.hero-training .training-content h1 {
	color: #fff;
}
.hero-resources {
	background: url(../images/ex-hero-image.jpg);
	background-size: 100%;
	min-height: 450px;
}
.hero-resources .resources-content {
	position: absolute;
	bottom: 20px;
	left: 20px;	
}
.hero-resources .resources-content h1 {
	color: #fff;
}

/* blog */
.hero-blog {
	background: url(images/sunset.jpg) no-repeat;
	background-size: 100%;
	min-height: 500px;
}
.hero-blog .container {
	padding-top: 100px;
}
.hero-blog .container h1 {
	color: #fff;
	line-height: 1.33;
}
.hero-blog .container h1 {
	color: #fff;
	line-height: 1.33;
	font-size: 42px;
	background: rgba(0,0,0,0.5);
	padding: 20px 40px;
	display: inline-block;
}
.hero-blog .latest-post {
    background: rgba(0,0,0,0.5);
	padding: 20px 40px;
    color: #fff;
    display: table;
}
.hero-blog .container h2 {
	color: #fff;
	line-height: 1.33;
	font-size: 30px;
	}



.blog-post {
	padding-top: 40px;
}
.blogmenu h4 {
    margin: 20px 0 10px 0;
}

ul.sectionlist,
ul.authorlist,
ul.topiclist {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.sectionlist li,
ul.authorlist li,
ul.topiclist li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.sectionlist li a,
ul.authorlist li a,
ul.topiclist li a {
    display: block;
  padding: 10px;
  background: #d9d7cf;
  color: #474747;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  margin: 0px 0px 10px 0px;
}

ul.sectionlist li a {
display: block;
  padding: 10px;
  background: #0071b6;
  color: #fff;
}

.author-presentation {
    background: #fff;
    padding: 20px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    overflow: hidden;
}
.author-presentation img {
    float: left;
    margin: 0 20px 0 0;
    max-height: 100px;
}
.author-presentation h4 {
    font-size: 12px;
}

/* company */
.hero-company {
	background: url(images/sunset.jpg);
	background-size: 100%;
	min-height: 400px;
}
.hero-company .container {
	margin-top: 100px;
}
.hero-company .container h1 {
	color: #fff;
	line-height: 1.33;
}
.hero-company .container h1 {
	color: #fff;
	line-height: 1.33;
	font-size: 42px;
	background: rgba(0,0,0,0.5);
	padding: 20px 40px;
	display: inline-block;
}
.hero-company .container h2 {
	color: #fff;
	line-height: 1.33;
	font-size: 30px;
	background: rgba(0,0,0,0.5);
	padding: 20px 40px;
	display: inline-block;
}

.hero-hype {
    background: #fff;
}
/* footer */
footer {
	background: #fff;
	padding: 40px 0;
}
footer h4 {
	color: #666;
}
.socialmedia {
    padding: 20px 0;
}
.socialmedia a {
	font-size: 24px;
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	text-align: center;	
	background: #929191;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
	-webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.socialmedia a:hover {
	background: #ccc;
}
.socialmedia a i {
	  position: relative;
	  top: 50%;
	  transform: translateY(-50%);
	  -webkit-transform: translateY(-50%);
	  line-height: 2;
}


.pwedit {
	position: fixed;
	left: 0;
	top: 80px;
	background: #fff;
	padding: 7.5px 15px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
	z-index: 12000;
	color: #444;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.pwedit:hover {
	padding: 7.5px 15px 7.5px 25px;
	color: #222;
	text-decoration: none;
}

/* Generic start */
.generic-startrow {
    padding: 100px 0px 40px 0px;
}


/* Newsletter */
#mc_embed_signup {
    margin-top: 5px;
}
#mc_embed_signup .mc-field-group label {
    display: block;
    font-weight: 400;
}
#mc_embed_signup .mc-field-group input {
    width: 100%;
    color: #444;
    border: none;
}
.btn-subscribe {
    margin-top: 10px;
}
.ss-q-item-label {
    display: block;
}
.ss-q-short {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: none;
    color: #444;
}
.ss-q-long {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: none;
    color: #444;
}
/* Blog feed */
.blogpost img {
}
.blogpost h2 {
    margin-bottom: 30px; 
}
.type-event {
    background: #fff;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    padding: 20px;
    margin-bottom: 20px;
}
.type-blog-post {
    color: #444;
    padding: 20px;
    margin-bottom: 20px;
}
.type-blog-post p {
    color: #444;
    
}
.type-news {
    background: #eee;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    padding: 20px;  
    margin-bottom: 20px;
}

.back-button {
    padding: 10px;
    background: #d9d7cf;
    color: #474747;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0px 0px 10px 0px;
    display: inline-block;
}
.blog-post-list .back-button {
    margin: 20px 0px;
    
}

/* services */
.col1,
.col2,
.col3 {
    padding: 20px;
}
.cols-services .col1,
.cols-services .col2,
.cols-services .col3 {
    height: 560px;
    
}
.col1 a,
.col2 a,
.col3 a {
    text-decoration: underline;
} 
.col1 h2 {
    background: #f8c200;    
}
.col2 h2 {
    background: #0071b6;    
}
.col3 h2 {
    background: #929191
}
.col1 h2,
.col2 h2,
.col3 h2 {
    color: #fff;
    padding: 20px;
    margin: -20px -20px 30px -20px;
}
.col1 p,
.col2 p,
.col3 p {
    font-size: 16px;
}
.col-heading {
    position: relative;
    height: 180px;
    overflow: hidden;
}
.col-heading img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
     -webkit-filter: blur(2px); 
     filter: blur(2px)
     -webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.col-heading img:hover {
    opacity: 1;
     -webkit-filter: blur(0px);
     filter: blur(0px)
}
.col-heading i.fa {
    font-size: 80px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}
/* about page */
img.img-team {
   margin-top: 40px; 
}


.margin-bottom {
    margin-bottom: 20px;
}
/* Modal */

.modal-content {
    border-radius: 0px;
    background: #f7f6f0;
}
.modal-body {
        padding: 40px;

}
.modal-body input {
    padding: 10px;
    font-size: 16px;
    border: #e5e5e5 solid;
    border-width: 0px 0px 1px 0px;
    color: #444;
    border-radius: 0;
}


/* Anchor */
.anchor:target {
    padding: 100px 0 0 0;
}
/* Form */
.required {
    color: red;
}

/* Responsive */
@media (max-width: 768px) {
  .nav.pull-right {
      float: none !important;
  }
  
  
  .hero-start,
  .hero-product,
  .hero-blog,
  .case-study-intro {
    background-size: auto;
    min-height: 250px;
  }
  .hero-start .container {
      padding-top: 100px;
  }
  
  .hero-start h1,
  .hero-product h1,
  .case-study-intro h1 {
      font-size: 30px !important;
  }
  
    .feature0 {
    padding: 40px;    
    }

    .feature1,
    .feature2,
    .feature3,
    .feature4,
    .feature5 {
        padding: 200px 0 0 0;
    }
    .feature1 .col-md-6,
    .feature2 .col-md-6,
    .feature3 .col-md-6,
    .feature4 .col-md-6,
    .feature5 .col-md-6 {
        background: #fff;
        padding: 20px;
        color: #3b3b3b;
    }
    .feature1 .col-md-6 h3,
    .feature2 .col-md-6 h3,
    .feature3 .col-md-6 h3,
    .feature4 .col-md-6 h3,
    .feature5 .col-md-6 h3 {
        color: #3b3b3b;
    }
    #casestudies {
        display: none;
    }
  
}
@media (max-width: 992px) {
.navbar-nav>li>a {
    font-size: 14px;
    padding: 10px 0;
    margin: 0 7px;
}
  .hero-start,
  .hero-product,
  .hero-blog,
  .case-study-intro {
    background-size: auto;
    min-height: 250px;
  }
  .hero-start .container {
      padding-top: 100px;
  }
}


.nav-tabs {
    border-bottom: none;
}

body.modal-open nav.navbar-fixed-top {
    padding-right: 15px;
}
.commentform {
    
}
.commentform label {
    text-transform: uppercase;
    color: #3b3b3b;
    display: block;
    font-weight: 400;
    }
.CommentForm_cite, {
    
}

.comments ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.CommentListItem {
    list-style: none;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    overflow: hidden;
}
.CommentCite {
    text-transform: uppercase;
    color: #3b3b3b;
}
.CommentFormSubmit button {
    background: #0071b6;
    border: none;
    color: #fff;
}