body {
  padding-top: 50px;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
}
p, li {
	font-size: 15px;
	color: #333;
	font-weight: 100;
	line-height: 1.75em;
}
h1 {
	font-size: 40px !important;
}
h2 {
	font-size: 22px !important;
}
h3 {
	font-size: 19px !important;
}
/* Buttons */
.btn {
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}
.btn-primary {
	background: #f26336 !important;
	border: #f26336 !important;
}
.btn-primary:hover {
	background-color: #b34a28 !important;
	border: #b34a28 !important;
	transition-timing-function: ease-in;
	transition: 0.55s;
}
.btn-white-bordered {
	background: transparent;
	border: solid 1px #fff;
	color: #fff;
}
.btn-white-bordered:hover {
	background: #f2f2f2;
	border: solid 1px #f2f2f2;
	color: #333;
	transition-timing-function: ease-in;
	transition: 0.55s;
}
.btn-orange-bordered {
	background: transparent;
	border: solid 1px #f26336;
	color: #f26336;
}
.btn-orange-bordered:hover {
	background: #b34a28;
	border: solid 1px #b34a28;
	color: #fff;
	transition-timing-function: ease-in;
	transition: 0.55s;
}
.btn-white {
	background: #fff !important;
	border: #fff !important;
	color: #f26336;
}
.btn-white:hover {
	background-color: #f2f2f2 !important;
	border: #f2f2f2 !important;
	transition-timing-function: ease-in;
	transition: 0.55s;
}
/* Navigation */
.navbar-default {
	background: #2b2c44 !important;
	border-bottom: #2b2c44 !important;
	color: #fff !important;
	-webkit-box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.39);
	box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.39);
	padding: 12px 0px;
}
.navbar-default li a {
	color: #fff !important;
  font-size: 20px !important;
  margin-left: 3px !important;
  margin-right: 3px !important;
  font-weight: 300;
}
.navbar li:last-child a {
    background: #f26336 !important;
}
.navbar-default li a:hover {
	background: #151521 !important;
}
.nav>li>a:focus, .nav>li>a:hover {
	background: #151521 !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background: #151521 !important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background: #151521 !important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: #202032 !important;
}
.dropdown-menu {
	background: #202032 !important;
  left: 10px !important;
}
.dropdown-menu>li>a, .dropdown-menu li:last-child a {
	font-size: 14px !important;
  background: none !important;
}
.dropdown-menu>li>a:hover {
	background: #151521 !important;
}
/* Home */
.hero {
	background: url('images/hero-bg.jpg') center no-repeat;
	background-size: cover;
	min-height: 550px;
	padding-top: 130px;
	color: #fff;
}
.hero .btn-primary {
  margin: 5px auto !important;
}
.hero h1 {
	font-size: 3.3em;
	font-weight: bold
}
.hero h2 {
	font-size: 1.8em;
	font-weight: 300;
}
.process {
		margin-top: 50px;
		margin-bottom: 50px;
}
.customer-a{
	background: url('images/customer-a.jpg') center no-repeat;
	background-size: cover;
	min-height: 300px;
	padding: 80px 30px;
  	margin-top: 10px;
  	margin-bottom: 10px;
}
.customer-b {
	background: url('images/customer-b.jpg') center no-repeat;
	background-size: cover;
	min-height: 300px;
	padding: 80px 30px;
  	margin-top: 10px;
  	margin-bottom: 10px;
}
.customer-c {
	background: url('images/customer-c.jpg') center no-repeat;
	background-size: cover;
	min-height: 300px;
	padding: 40px 30px;
  	margin-top: 10px;
  	margin-bottom: 10px;
}
.customer-c p {
	color: #fff;
}
/* Inner Pages */
.content {
	margin-top: 20px;
}
.inner-page {
  min-height: 800px;
  padding-bottom: 50px;
}
.inner-form {
	background: #f2f2f2;
	padding: 15px;
}
.inner-nav-pills>li+li {
  margin-left: 0px !important;
}
.image-selectors-inner-page {
  padding-top: 30px;
  padding-bottom: 120px;
}
.intro {
	margin-top: 50px;
}
.gradient-orange {
	color: #fff;
	min-height: 250px;
	background-image: -ms-linear-gradient(top, #FF9669 0%, #D4522F 100%);
	background-image: -moz-linear-gradient(top, #FF9669 0%, #D4522F 100%);
	background-image: -o-linear-gradient(top, #FF9669 0%, #D4522F 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF9669), color-stop(100, #D4522F));
	background-image: -webkit-linear-gradient(top, #FF9669 0%, #D4522F 100%);
	background-image: linear-gradient(to bottom, #FF9669 0%, #D4522F 100%);
}
.gradient-purple {
	color: #fff;
	min-height: 250px;
	background-image: -ms-linear-gradient(top, #777ABD 0%, #2B2C44 100%);
	background-image: -moz-linear-gradient(top, #777ABD 0%, #2B2C44 100%);
	background-image: -o-linear-gradient(top, #777ABD 0%, #2B2C44 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777ABD), color-stop(100, #2B2C44));
	background-image: -webkit-linear-gradient(top, #777ABD 0%, #2B2C44 100%);
	background-image: linear-gradient(to bottom, #777ABD 0%, #2B2C44 100%);
}
.spacer {
  min-height: 100px;
}
.img-sample {
  margin-top: 25px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.31);
  -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.31);
  box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.31);
}
/* Global */
.gray {
	background: #f2f2f2;
	min-height: 550px;
	padding-top: 80px;
	padding-bottom: 80px;
}
.white {
	background: #fff;
	min-height: 550px;
	padding-top: 80px;
	padding-bottom: 80px;
}
.gray h3 {
	font-size: 30px;
}
.orange {
	background: #f26336;
	min-height: 400px;
	padding-top: 80px;
	padding-bottom: 80px;
}
.orange h3 {
	font-size: 30px !important;
	color: #fff;
}
.orange p {
	color: #fff;
}
.graphic {
	background: url('images/graphic-bg.png') center no-repeat #f26336;
	background-size: cover;

}
.thin {
	font-weight: 100 !important;
}
.smaller {
	font-size: 15px;
}
.small {
  font-size: 70% !important;
}
.big {
  font-size: 32px !important;
}
.samples{
  margin-top: 50px;
  margin-bottom: 50px;
}
.samples h3{
  font-size: 30px !important;
}
.well {
  min-height: 0px !important;
  padding: 0px  !important;
  margin-bottom: 0px  !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0px !important;
  -webkit-box-shadow: 0px !important;
  box-shadow: inset 0px !important;
}
.nav-tabs {
  border-bottom: none !important;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills li a:hover {
  color: #fff !important;
  font-weight: bold !important;
  font-size: 20px !important;
  background-color: #3a4060 !important;
}
.nav-pills>li a, .nav-pills>li a img{
  color: #333 !important;
  font-weight: bold !important;
  font-size: 20px !important;
  background-color: transparent !important;
}
.well {
     min-height: 0px !important;
     padding: 0px !important;
     margin-bottom: 0px !important;
     background-color: none !important;
     border: none !important;
     border-radius: 0px !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
}
.box {
  	background: #fff;
  	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.31);
  	-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.31);
  	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.31);
  	margin-top: 10px;
  	margin-bottom: 10px;
}
.box-white {
  	background: #fff;
  	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.31);
  	-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.31);
  	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.31);
  	padding: 30px;
  	margin-top: 10px;
  	margin-bottom: 10px;
}
.footer {
	background: #353854;
	min-height: 350px;
	padding-top: 80px;
	padding-bottom: 80px;
}
.footer p, .footer h4, .footer a {
	color: #fff !important;
	font-size: 14px !important;
}
.copy {
	background: #292c42;
	min-height: 60px;
	padding-top: 15px;
	padding-bottom: 10px;
}
.copy p, .copy a {
  color: #fff !important;
}
/* Responsive */
@media (min-width: 768px) {
.navbar-nav {
    float: right !important;
}
}
@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .hero h1 {
      font-size: 2.5em !important;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
      border: none !important;
    }
}

.posts-row{
	display:flex;
}
@media (max-width: 768px) {
.nav-justified>li {
  float: left !important;
}
.posts-row{
	display: block;
}
}

/* Images */
.align_left {float:left;margin: 5px;}
.align_right{float:right;margin: 5px;}
.align_center{margin: 0px auto; display:block;}

/* Pricing Tables */

.clickable{
		    cursor: pointer;
		}

		.panel-heading div {
			margin-top: -18px;
			font-size: 15px;
		}
		.panel-heading div span{
			margin-left:5px;
		}
		.panel-body{
			display: none;
		}
		.panel-primary {
			border-color: #f26336 !important;
		}
		.panel-primary>.panel-heading {
			background-color: #f26336 !important;
			border: #f26336 !important;
		}
/* Blog */
/*=== Navigation bar and pagination ON/Active state ===*/
.post-image {
	margin-top: 10px;
	}
.post-details {
	font-size: 13px !important;
    color: #828282 !important;
    font-weight: 300 !important;
}
#nav li.on, #nav li.on a, .MarkupPagerNav li.MarkupPagerNavOn a,.MarkupPagerNav li a:hover {color: #E59342;}

ul#navbar a:hover {background-color: #FFF1F0;}/* pale pink */

div#top-nav li a{
	padding-right: 40px;
	background-color: #FFF1F0;
}

div#nav a:hover, div#main a:hover, div#sidebar a:hover {color: #D05;}

ul.MarkupPagerNav {
	clear: both;
	margin: 14px 0 0 0;
	padding: 0 0 50px 0;
}

.MarkupPagerNav li {
	display: inline;
	list-style: none;
	margin: 0;
}

.MarkupPagerNav li a, .MarkupPagerNav li.MarkupPagerNavSeparator, a.button-prev, a.button-next {
	display: block;
	float: left;
	padding: 5px 11px;
	margin-right: 3px;
	font-weight: bold;
	color: #1D8ACB;
	border: 1px solid #1D8ACB;
}

.MarkupPagerNav li.MarkupPagerNavOn a,.MarkupPagerNav li a:hover, a.button-prev:hover, a.button-next:hover {
	text-decoration: none !important;
	color: #1D8ACB;
	background: #ECF7FD;
}

/* general links */
a {
	color: #1D8ACB;
	text-decoration: none;
	cursor: pointer;
}

/* input */
textarea {
	overflow: auto;
	vertical-align: top;
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* divs: header, nav, main, sidebar, etc. */
div#header {padding-left: 14px;}

div#nav h4, div#sidebar h4{padding: 7px 14px 3px;}

div#nav ul, div#sidebar ul {
	list-style: none;
	padding: 0 14px;
}

div#nav p, div#sidebar p {padding: 0 14px;}

div#main {
	padding: 0 30px;
	min-height: 700px;
}

#recent-posts {
	margin-bottom: 10px;
}

.date {
	font-size: 14px !important;
	color: #000;
	font-weight: normal;
	}

.links a{
	font-size: 13px !important;
	color: #828282;
	font-weight: normal;
	}

.post-category a {
	font-size: 13px !important;
	color: #828282;
	font-weight: normal;
}


div#recent-posts, div#recent-comments {position: relative;} /* need to properly postion the rss icons */


/* posts */
div.post {margin-bottom: 15px;}	/*border-bottom: 1px dotted #1D8ACB;*/


div.no-author div.post{	border-bottom: 1px dotted #1D8ACB;}/*border at bottom of post [just before comments] if post-author widget unavailable */

div.post-foot {margin-bottom: 15px;}

span.edit {margin-left: 3px;}

.post-foot p {
	margin: 0;
	font-weight: bold;
}

.post-foot a, .posts-group a, a.more, #sidebar a.more {
	font-weight: normal;
    font-size: 14px;
    color: #f26336;
	}

.post-foot span {margin-right: 3px;}

.prev-post {
	float: left;
	width: 45%;
	margin-right: 5%;
	text-align: left;
}

.next-post {
	float: right;
	width: 45%;
	text-align: right;
	position: relative;
	left: -14px;
}

div#post-author  {
	background-color: #f5f5f5;
	padding: 15px;
}

div#post-author h4 {
	color: #434769;
	background: none;
	border: none;
	margin-bottom: 5px;
	font-weight: bold;
}

div#post-author h4 small {
	font-size: 70%;
	font-weight: normal;
}

div#post-author p {
	margin-top: 0;
	font-size: 14px;
	color: #858585;
}


.next-post span, .prev-post span {color: #1D8ACB;}

/* tags */
ul.posts-group {
	list-style: none;/* alphabetical list of tags */
	padding-left: 0;
}

/* comments + comments form */

div#comments {
	margin-top: 30px;
	/*border-top: 1px dotted #1D8ACB;*/
}

h4#comments-disallowed, h4#comments-closed, h4#comments-login, h4#comments-empty, h4#no-posts {color: #D05; text-align: center; margin: 45px 0;}

#comments .num-comments-icon {
	float: left;
	position: relative;
	top: 0;
}

/*.CommentForm_text {clear: left;}*/

.num-comments-icon {
	background: #ECF7FD;
	color: #1D8ACB;
	display: inline-block;
	position: relative;
	font-size: 0.857em;
	line-height: 22px;
	height: 20px;
	width: 30px;
	text-align: center;
	z-index: 1;
	font-weight: bold;
	margin-right: 7px;
}

.post-head .num-comments-icon {
	float: right;
	right: -5px;
	margin-left: 5px;
}

/*p.num-comments {display: none;} hide the text showing post's number of comments; using icons instead */

ul.CommentList {
	list-style: none;
	padding-left: 0;
}

p.comment-head, p.post-byline {font-weight: bold;}

div#CommentForm {
	background-color: #f5f5f5;
	padding: 15px;
}
div#CommentForm h4 {
	color: #434769;
}
div#CommentForm label {
	color: #858585;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 3px;
}

form#CommentForm_form input:focus, form#CommentForm_form textarea:focus {
	outline: none;
	border:1px solid #E28327; /* orange */
	padding: 3px;
}

.CommentForm_cite input, .CommentForm_email input, .CommentForm_website input, .CommentForm_text textarea {
	width: 100%;
	margin-top: 0;
	border: 1px solid #A9A9A9;/* pale grey */
	padding: 3px;
}

/* archives */
.archive h3 + .num-posts, .category h3 + .num-posts {
	float: right;
	position: relative;
	top: -45px;
	right: 10px;
}

.posts-group span {margin-left: 3px;}/* also for tags and authors */

/* authors */
.author-photo {
	float: left;
	margin: 0 14px 14px 0;
}

.clearfix:after {/* clear author photo's float */
	content: '\0020';
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

/* rss */
div#recent-posts a.rss, div#recent-comments a.rss {
	position: absolute;
	top: 10px;
	right:14px;
}

a.rss {
	background: url(images/rss-black.png) top left no-repeat;
	height: 14px;
	width: 14px;
	overflow: hidden;
	display: inline-block;
	text-indent: -9999px;
}

div.category .num-posts a.rss {
	position: relative;
	top: 2px;
	margin-left: 4px;
}

.next-prev-posts a, .next-prev-posts span{
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
small {font-size: 85%;}



/* Responsive Styles */
.mobile {display: none;}

/*=== Tablet ===*/
@media (max-width: 767px) {
	div#header, div#main, div#sidebar {padding: 0 30px;}
	div#main {min-height: 0px; margin-top: 15px;}
	div#nav, div#sidebar {padding: 0 20px;}
	div#top-nav form.mobile {margin-left: 14px;}
	div#sub-nav h4 {padding-left: 0;}
	div#recent-posts {margin-top: 15px;}
	ul#navbar {font-size: 2.5em;}
	.mobile {display: block;}
	.no-mobile {display: none;}
}

/* Search */
.openBtn {background: #f1f1f1;border: none;padding: 10px 15px;font-size: 20px;cursor: pointer;margin-top:20px;}
.openBtn:hover {background: #bbb;}
.overlay {height: 100%;width: 100%;display: none;position: fixed;z-index: 1;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.7);transition: 0.3s;}
.overlay-content {position: relative;top: 46%;width: 80%;text-align: center;margin-top: 30px;margin: auto;transition: 0.3s;}
.overlay .closebtn {margin-top: -80px;right: 45px;font-size: 60px;cursor: pointer;color: white;float: right;}
.overlay .closebtn:hover {color: #ccc;}
.overlay input[type=text] {padding: 15px;font-size: 17px;border: none;float: left;width: 68%;background: white;}
.overlay input[type=text]:hover {background: #f1f1f1;transition: 0.3s;}
.overlay button {float: left;width: 20%;padding: 15px;background: #ddd;font-size: 17px;border: none;cursor: pointer;transition: 0.3s;}
.overlay button:hover {background: #bbb;}
.overlay button .close {float: left;width: 20%;padding: 15px;background: #8f0000;font-size: 17px;border: none;cursor: pointer;transition: 0.3s;}
.overlay button .close:hover {float: left;width: 20%;padding: 15px;background: #700000;font-size: 17px;border: none;cursor: pointer;transition: 0.3s;}

/* Custom Page Layout */
.custom-layout{
	margin-top: 25px;
}
.py-80{
	padding: 80px 0px;
}

/* Alert Badge */
.notification {
	  background-color: #555;
	  color: white;
	  text-decoration: none;
	  padding: 15px 26px;
	  position: relative;
	  display: inline-block;
	  border-radius: 2px;
	}
	
	.notification:hover {
	  background: red;
	}
	
	.notification .badge {
	  position: absolute;
	  top: -10px;
	  right: -10px;
	  padding: 5px 10px;
	  border-radius: 50%;
	  background: red;
	  color: white;
	}