/*
Theme Name: FastPencil
Author: Mike Carson
Author URI: http://www.mikexcarson.com
Description: Responsive theme that looks great on any device.
Version: 1.6
*/


/* =============================================================================================================
		GLOBAL ELEMENTS & STYLES
==============================================================================================================*/

body {
	background-color: #25282a;
	font-family: 'Open Sans',sans-serif;
	color: #25282a;
}

a:link,
a:visited {
  color: #0b9eb4; /* #20b2aa */
  text-decoration: none;
}
a:active,
a:hover {
  color: #007485;
  text-decoration: none;
}

main {
	width: 100%;
	padding-bottom: 30px;
	background-color: #ffffff;
}

nav {
	padding: 0px;
}

p, li, blockquoate {
	font-size: 16px;
}

.basic-container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  }
	.basic-container:before {
    display: table;
    content: " ";
  	}
	.basic-container:after {
    display: table;
    content: " ";
		clear: both;
		}
    @media (min-width: 768px) {
      .basic-container {
        width: 750px;
      }
    }
    @media (min-width: 992px) {
      .basic-container {
        width: 970px;
      }
    }
    @media (min-width: 1200px) {
      .basic-container {
        width: 1170px;
      }
		}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.gal-container {
	padding: 0px;
	margin: 0px;
	display: table;
	}

.thumbnail {
	border: none !important;
	padding: 0px;
	width: 175px;
	margin-right: 25px;
	}

		/* Extra Small Device Styles */
		@media (max-width: 767px) {
				.gal-container {
					width: 100%;
					}
				}

.flip {
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
}

.inline {
	display: inline;
	position: relative;
}

.page-title {
	font-size: 50px;
	line-height: 60px;
	text-align: center;
	padding-bottom: 20px;
	color: #a2aaad;
}

.page-content {
	padding-right: 40px;
}
		/* Extra Small Device Styles */
		@media (max-width: 767px) {
				.page-content {
					padding-right: 15px;
         	}
				}

.page-sidebar {
  padding-top: 25px;
	padding-left: 25px;
	padding-bottom: 25px;
	border-left: 1px solid #dddddd;
}

    .page-sidebar select {
         display: block;
         margin : 0 auto;
    		}

		/* Extra Small Device Styles */
		@media (max-width: 767px) {
				.page-sidebar {
					padding-left: 15px;
					padding-bottom: 0px;
					margin-top: 35px;
					border-top: 1px solid #dddddd;
					border-left: none;
         	}
				}

.page-floater {
  padding-top: 25px;
	padding-left: 25px;
	padding-bottom: 40px;
}
		/* Extra Small Device Styles */
		@media (max-width: 767px) {
				.page-floater {
					padding-top: 0px;
					padding-left: 0px;
					padding-right: 0px;
					padding-bottom: 0px;
					margin-top: 0px;
         	}
				}

.required {
	fontweight: bold;
	color: #d0006f;
}

.top-padding {
	padding-top: 30px;
}

.widget-item {
	width: 100%;
	display: block;
	margin: 0px auto 25px auto;
	padding: 0px 0px 25px 0px;
	border-bottom: 1px dotted #dddddd;
	font-size: 14px;
}

.widget-item p {
	font-size: 14px;
	line-height: 18px;
}

.widget-title {
	width: 100%;
	display: block;
	margin: 0px auto 10px auto;
	padding: 0px;
	border: none;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	text-align: center;
}

		/* Extra Small Device Styles */
		@media (max-width: 767px) {
				.widget-title {
        	font-size: 18px;
        	line-height: 22px;
         	}

				.widget-item,
				.widget-item p {
        	font-size: 16px;
        	line-height: 20px;
         	}
				}

/* Images */

img {
	max-width: 100%;
	border: none;
	text-decoration: none;
	}

.alignleft  {
	float: left;
	width: auto;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	}
.alignright  {
	float: right;
	width: auto;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	}
.aligncenter  {
	display: block;
	text-align: center;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	}

.wp-caption {
	padding: 0px;
	text-align: center;
	color: #674529;
	}
.wp-caption img{
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-right: 0px;
	background: none;
	border: 1px solid #333333;
	}

.wp-caption-text {
	margin: 0px;
	padding: 0px 4px 0px 4px;
	font-size: 11px;
	text-align:center;
	}
.wp-caption a:hover {
	border: none !important;
	}


/* === FORM STYLES === */

.has-warning .form-control {
  border-color: #e9d107;
}
.has-warning .form-control:focus {
  border-color: #ffff00;
}
.has-warning .input-group-addon {
  color: #e9d107;
  background-color: #fcf8e3;
  border-color: #e9d107;
}
.has-warning .form-control-feedback {
  color: #000;
	font-size: 20px;
	background-color: #e9d107;
	text-shadow: none !important;
	border-radius: 0px 3px 3px 0px;
}


/* =============================================================================================================
		HEADER
==============================================================================================================*/

header {
  z-index: 1000;
  position: relative;
	width: 100%;
	margin-top: 0px;
	background-color: #25282a; /* rgba(1,5,7,0.75) */
	box-shadow: 0px 0px 10px #000000;
}
 header:before,
    header:after {
      display: table;
      content: " ";
    }
    header:after {
      clear: both;
    }

  	header a:link,
  	header a:visited {
  		color: #ffffff;
  		text-decoration: none;
  	}

  	header a:active,
  	header a:hover {
  		color: #ffC600;
  		text-decoration: none;
  	}

		header a img {
			border: none;
			text-decoration: none;
		}

.h-attributes {
	height: 50px;
	max-height: 50px;
	padding: 10px 15px 10px 15px;
}


.logo {
	float: left;
  margin-left: 0px;
	margin-right: 0px;
	background-color: #ffffff;
}
	.logo img {
			max-width: 100%;
	}

	/* Laptops & Desktops*/
    @media (min-width: 992px) {
    	.logo {
    	}
    }

	/* Tablets */
    @media (min-width: 768px) {
    	.logo {
    	}
    }

	/* Small Mobile Devices */
    @media (max-width: 767px) {
    	.logo {
				float: left;
				display: block;
        width: 100%;
				max-width: 100%;
    	}
  			.logo img {
  				display: block;
					margin-left: auto;
					margin-right: auto;
  			}
    }


@media (min-width: 1163px) {
    .header-menu-visibility {
			visibility: visible;
    	display: block !important;
    }
    .header-mobile-menu-visibility {
			visibility: hidden;
    	display: none !important;
    }
}

@media (max-width: 1162px) {
    .header-menu-visibility {
			visibility: hidden;
    	display: none !important;
    }
    .header-mobile-menu-visibility {
			visibility: visible;
    	display: block !important;
    }
}

.nav-gradient {
	float: left;
	width: 75px;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(37,40,42,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(37,40,42,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(37,40,42,0) 100%); /* Chrome10-25,Safari5.1-6 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.hnav {
	float: right;
	min-width: 165px;
	max-width: 100%;
}

	/* Laptops & Desktops */
    @media (min-width: 992px) {
    	.hnav {
    	}
    }

	/* Tablets */
    @media (min-width: 768px) {
    	.hnav {
    	}
    }

	/* Small Mobile Devices */
    @media (max-width: 767px) {
    	.hnav {
				float: none;
				display: table;
				width: 100%;
				max-height: 43px !important;
				max-width: 100%;
      	background: transparent;
				padding-top: 6px !important;
				padding-bottom: 6px !important;
    	}
    }

.topnav {
	list-style: none;
	padding: 2px 5px 0px 0px;
	margin: 0px;
}

.topnav li {
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin-left: 22px;
	font-size: 16px;
	line-height: 24px;
}

.header-icon {
	float: right;
	margin-top: 4px;
	margin-left: 15px;
	vertical-align: middle;
}

.admin-icon {
	font-size: 20px;
	margin-left: 6px;
}
    a:link .admin-icon,
    a:visited .admin-icon {
    	color: #eeeeee;
    }
    a:active .admin-icon,
    a:hover .admin-icon {
    	color: #ffc600;
    }

.message-icon {
	margin-top: -4px;
	margin-left: 8px;
	font-size: 20px;
}

.message-count {
	margin-left: 1px;
	font-size: 16px;
}
    a:link .message-count,
    a:visited .message-count {
    	color: #d0006f;
    }

    a:active .message-count,
    a:hover .message-count {
    	color: #ffc600;
    }

.cart-display {
	float: right;
	margin-top: 4px;
	margin-left: 15px;
	vertical-align: middle;
}

.cart-icon {
	margin-top: -6px;
	font-size: 20px;
}

.items-in-cart {
	margin-left: 5px;
	font-size: 16px;
}
    a:link .items-in-cart,
    a:visited .items-in-cart {
    	color: #4dd2e6; /* #40e0d0 */
    }

    a:active .items-in-cart,
    a:hover .items-in-cart {
    	color: #ffc600;
    }

.header-login {
	float: right;
	background: transparent;
	border: 1px solid transparent;
	padding: 0px;
	margin-top: 4px;
	margin-left: 15px;
}

    .header-login a:link,
    .header-login a:visited {
    	padding: 3px 10px 4px 10px;
    	background-color: #ffc600;
    	border-radius: 4px;
    	text-align: center;
    	color: #25282a;
    	font-weight: bold;
    	text-decoration: none;
    	}

    .header-login a:active,
    .header-login a:hover {
    	background-color: #f2a900;
    	color: #25282a;
    	text-decoration: none;
    	}

.header-avatar {
	float: right;
	margin-top: 4px;
	margin-left: 15px;
	text-align: center;
	vertical-align: middle;
}
	.header-avatar:hover {
		cursor: pointer;
	}
	.header-avatar img {
		max-width: 25px;
		max-height: 25px;
		border-radius: 50px 50px;
		border: 0px solid #cccccc;
		box-shadow: 0px 0px 6px 0px #dddddd;
	}
	.header-avatar img:hover {
		box-shadow: 0px 0px 8px 2px #ffc600;
	}

.avatar-icon {
	font-size: 16px;
	padding: 3px;
	background-color: #cccccc;
	border-radius: 50px 50px;
}
  a:hover .avatar-icon,
	a:active .avatar-icon {
  	color: #25282a;
  	background-color: #ffc600;
  }

.dropdown-menu {
  position: absolute;
  top: 100%;
	right: 0;
	left: auto;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: rgba(0,0,0,0.85);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #ffffff;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #25282a;
  text-decoration: none;
  background-color: #ffc600;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}



/* === MOBILE HEADER NAVIGATION == */

.navmenu-toggle {
  position: relative;
	margin-top: 2px;
  padding: 3px 6px;
  background-color: transparent;
  background-image: none;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
	font-size: 18px;
	line-height: 10px;
	color: #ffffff;
}
.navmenu-toggle:focus,
.navmenu-toggle:hover {
  outline: 0;
	background-color: transparent;
	border: 1px solid #888888;
	color: #888888;
	box-shadow: inset 0px 0px 10px #000000;
}

	/* Tablets */
    @media (min-width: 768px) {
    	.navmenu-toggle {
        /* float: right !important; */
    	}
    }

.mobile-header-nav {
	z-index: 98;
	background-color: rgba(0,0,0,0.75);
	box-shadow: 0px 4px 8px #000000;
	margin-top: 12px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 8px;
	border-radius: 0px 0px 4px 4px;
}

.mobile-header-nav li {
	list-style-type: none;
	text-align: center;
	font-size: 18px;
	line-height: 38px
}

	/* Phones */
    @media (max-width: 767px) {
    	.mobile-header-nav {
				background: transparent;
				box-shadow: none;
    	}
    }


/* =============================================================================================================
		HOMEPAGE
==============================================================================================================*/

/* FEATURED CONTENT CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
#hpcarousel.carousel {
  height: 450px;
  margin-bottom: 30px;
  background-color: #000000;
}

/* Since positioning the image, we need to help out the caption */
#hpcarousel .carousel-caption {
  z-index: 10;
	top: 50px;
	text-shadow: none;
}
#hpcarousel .carousel-caption h1 {
  margin-top: 0px;
  padding-top: 0px;
	font-weight: bold;
	font-size: 40px;
}

#hpcarousel .carousel-caption p {
	font-size: 25px;
}
	/* Laptops & Desktops */
    @media (max-width: 1024px) {
    	#hpcarousel .carousel-caption {
				padding-top: 30px;
    	}
      #hpcarousel .carousel-caption p {
        margin-bottom: 20px;
        font-size: 23px;
        line-height: 1.4;
      }
    }
	/* Tablets */
    @media (max-width: 991px) {
      #hpcarousel .carousel-caption h1 {
        font-size: 33px;
      }
      #hpcarousel .carousel-caption p {
        margin-bottom: 20px;
        font-size: 22px;
        line-height: 1.4;
      }
	}

	/* Small Mobile Devices */
    @media (max-width: 767px) {
			#hpcarousel .carousel-caption {
      	top: 25px;
       	padding-top: 15px;
    	}
      #hpcarousel .carousel-caption h1 {
        font-size: 30px;
				text-shadow: 0px 4px 6px rgba(0,0,0,0.5);
      }
      #hpcarousel .carousel-caption p {
        font-size: 20px;
				color: #ffffff;
      }
      #hpcarousel .first-slide p,
      #hpcarousel .second-slide p,
      #hpcarousel .third-slide p
			 {
				color: #ffffff !important;
				text-shadow: 0px 4px 6px rgba(0,0,0,0.5);
      }
    }

#hpcarousel .carousel-control:link {
	color: #ffffff;
}

/* Declare heights because of positioning of img element */
#hpcarousel.carousel .item {
  height: 450px;
}

#hpcarousel > .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 450px;
}

#hpcarousel a {
  border: none;
	font-weight: bold;
}

#hpcarousel a.btn {
	margin-top: 25px;
	padding: 5px 12px 10px 12px;
	font-weight: bold;
	font-size: 30px;
}
	/* Tablets */
    @media (max-width: 1024px) {
      #hpcarousel a.btn {
        margin-top: 15px;
      }
	}

	/* Small Mobile Devices */
    @media (max-width: 767px) {
			#hpcarousel a.btn {
    	}
    }



/* Slide Accent Colors */

	/* Pomegranate */

#hpcarousel .slide-accent-color-pomegranate h1 {
  color: #d0006f;
}

#hpcarousel .slide-accent-color-pomegranate a.btn:link,
#hpcarousel .slide-accent-color-pomegranate a.btn:visited {
  background-color: #d0006f;
  color: #ffffff;
}
#hpcarousel .slide-accent-color-pomegranate a.btn:hover,
#hpcarousel .slide-accent-color-pomegranate a.btn:active {
  background-color: #b1005e;
}


	/* Purple */

#hpcarousel .slide-accent-color-purple h1 {
  color: #7774b6;
}

#hpcarousel .slide-accent-color-purple a.btn:link,
#hpcarousel .slide-accent-color-purple a.btn:visited {
  background-color: #7774b6;
  color: #ffffff;
}
#hpcarousel .slide-accent-color-purple a.btn:hover,
#hpcarousel .slide-accent-color-purple a.btn:active {
  background-color: #625fa5;
}


	/* Tangerine */

#hpcarousel .slide-accent-color-tangerine h1 {
  color: #ff8674;
}

#hpcarousel .slide-accent-color-tangerine a.btn:link,
#hpcarousel .slide-accent-color-tangerine a.btn:visited {
  background-color: #ff8674;
  color: #ffffff;
}
#hpcarousel .slide-accent-color-tangerine a.btn:hover,
#hpcarousel .slide-accent-color-tangerine a.btn:active {
  background-color: #ff5c39;
}


	/* Turquoise */

#hpcarousel .slide-accent-color-turquoise h1 {
  color: #0b9eb4;
}

#hpcarousel .slide-accent-color-turquoise a.btn:link,
#hpcarousel .slide-accent-color-turquoise a.btn:visited {
  background-color: #0b9eb4;
  color: #ffffff;
}
#hpcarousel .slide-accent-color-turquoise a.btn:hover,
#hpcarousel .slide-accent-color-turquoise a.btn:active {
  background-color: #007485;
}

	/* Yellow */

#hpcarousel .slide-accent-color-yellow h1 {
  color: #ffc600;
}

#hpcarousel .slide-accent-color-yellow a.btn:link,
#hpcarousel .slide-accent-color-yellow a.btn:visited {
  background-color: #ffc600;
  color: #25282a;
}
#hpcarousel .slide-accent-color-yellow a.btn:hover,
#hpcarousel .slide-accent-color-yellow a.btn:active {
  background-color: #f2a900;
}


/* Slide Text Colors */

#hpcarousel .slide-text-color-white p {
  color: #ffffff;
}

#hpcarousel .slide-text-color-black p {
  color: #25282a;
}


/* Slide Backgrounds */

#hpcarousel .slide-bg img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}



/* FEATURED CONTENT TABS
-------------------------------------------------- */

.hp-tab-nav {
	display: block;
	margin: 0px;
	padding: 0px;
}

.hp-tab-nav li {
  list-style-type: none;
  text-align: center;
}

.hp-tab-nav li a {
  display: inline-block;
  width: 100%;
  padding-bottom: 4px;
}
  .hp-tab-nav li a:link,
	.hp-tab-nav li a:visited {
    color: #999999;
  }
  .hp-tab-nav li a:hover,
	.hp-tab-nav li a:active {
		color: #007485; /* #20b2aa */
  }

  .hp-tab-nav li.active a,
  .hp-tab-nav li.active a:hover,
  .hp-tab-nav li.active a:focus {
		color: #25282a;
    border-bottom: 4px solid #ffc600;
  }

.hp-tab-nav .glyphicons,
.hp-tab-nav .fa {
	vertical-align: middle;
	font-size: 36px;
	line-height: 36px;
}
	.hp-tab-nav .glyphicons-picture {
		margin-left: 8px;
		font-size: 34px;
		margin-top: 5px;
		line-height: 31px;
	}

	.hp-tab-nav .glyphicons-ipad {
  	font-size: 26px;
		line-height: 36px;
  }

  .hp-tab-nav .fa-plus {
  	font-size: 15px;
  	line-height: 15px;
  	margin-left: 8px;
  	margin-right: 8px;
  }

	.hp-tab-nav .glyphicons-dashboard {
		margin-right: 15px;
	}

  .hp-tab-nav .fa-truck {
  	margin-right: 8px;
  }

.hp-tab-nav .title {
	display: block;
	margin-top: 8px;
	font-size: 18px;
	font-weight: bold;
}

.homepage.tab-content {
	display: block;
	min-height: 300px;
	margin-top: 3px;
	margin-bottom: 20px;
	padding-top: 25px;
	border-top: 1px solid #eeeeee;
}

.homepage.tab-content p {
	font-size: 16px;
}

.hp-tab-nav-visibility {
	visibility: visible;
	display: block;
}

	/* Tablets, Desktops and Larger */
    @media (min-width: 769px) {
    	.homepage > .tab-pane > .panel-image {
        float: right !important;
      }
		}

	/* Small Mobile Devices */
    @media (max-width: 768px) {
			nav.hp-tab-nav-visibility {
				visibility: hidden;
    		display: none !important;
			}
      .homepage.tab-content {
      	padding-top: 0px;
      	border-top: none;
      }
      .homepage > .tab-pane {
        display: block;
				border-top: 1px solid #cccccc;
				margin-top: 20px;
				padding-top: 20px;
      }
      .homepage > .tab-pane.active {
				margin-top: 0px;
				padding-top: 0px;
				border-top: 0px;
      }
			.homepage > .tab-pane > .panel-image,
			.homepage > .tab-pane > .panel-content {
        float: none !important;
				display: block;
      }
			.homepage.tab-content h3 {
      	text-align: center;
      }
		}

.homepage.tab-content img {
	max-width: 100%;
}

.homepage.tab-content li {
	margin-bottom: 10px;
}

.homepage.tab-content a.btn {
	display: block;
	max-width: 250px;
	margin-top: 25px;
	padding: 10px 10px;
	border: 4px solid;
	border-radius: 4px 4px;
	background: transparent;
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
	text-align: center;
	color: #0b9eb4;
}

.homepage.tab-content a.btn:hover,
.homepage.tab-content a.btn:active {
	color: #007485; /* #20b2aa */
}
	/* Small Mobile Devices */
    @media (max-width: 768px) {
      .homepage.tab-content a.btn {
      	margin-left: auto !important;
				margin-right: auto !important;
      }
		}





/* =============================================================================================================
		BLOG
==============================================================================================================*/

.blog-title {
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	padding-bottom: 10px;
	color: #a2aaad;
}

.byline {
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 0px;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
}


.post-pagination {
	display: table;
	width: 100%;
	padding-top: 40px;
	font-size: 18px;
	text-align: center;
}

.cat-btn {
	display: block;
	margin: 10px auto 10px auto;
	padding: 3px 10px 4px 10px;
	background-color: #ffc600;
	border: none;
	border-radius: 4px;
	text-align: center;
	color: #25282a;
	font-weight: bold;
	text-decoration: none;
}

    .cat-btn:hover {
    	background-color: #f2a900;
    	color: #25282a;
    	text-decoration: none;
    	}


.posts-btn {
	display: table;
	width: 100%;
}

.posts-btn a.btn {
	display: block;
	max-width: 250px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 12px 10px 12px;
	font-weight: bold;
	font-size: 20px;
	border: 4px solid;
}
	/* Tablets */
    @media (max-width: 1024px) {
      .posts-btn a.btn {
        margin-top: 15px;
      }
	}

	/* Small Mobile Devices */
    @media (max-width: 767px) {
			.posts-btn a.btn {
    	}
    }

.posts-btn a.btn:link,
.posts-btn a.btn:visited {
  color: #7774b6;
}
.posts-btn a.btn:hover,
.posts-btn a.btn:active {
  color: #625fa5;
}



/* --------------- FEATURED ARTICLES ---------------------- */

.featured-articles {
	display: table;
  height: 450px;
	padding: 0px;
  margin-bottom: 30px;
	color: #ffffff;
	text-align: left;
}

.featured-articles a:link,
.featured-articles a:visited,
.featured-articles a:active,
.featured-articles a:hover {
	color: #ffffff;
	text-decoration: none;
}

.featured-articles a:link .featured-byline,
.featured-articles a:visited .featured-byline,
.featured-articles a:active .featured-byline,
.featured-articles a:hover .featured-byline {
	color: #eeeeee;
}

.article-container {
	float: left;
	width: 25%;
	height: 450px;
	max-height: 450px;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	overflow: hidden;
	background-size: auto 100%;
	background-position: center top;
	padding: 0px;
	margin: 0px;
}

	/* Small Mobile Devices */
    @media (max-width: 767px) {
			.article-container {
			 	float: none;
				display: block;
			 	width: 100%;
				border-top: 1px solid #333333;
      	border-left: none;
      	border-right: none;
      	margin: 0px 0px 25px 0px;
    	}
		}

.article-inner-container {
	margin-top: 185px;
	height: 50%;
	max-height: 50%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
	padding: 15px;
	text-shadow: 0px 4px 6px rgba(0,0,0,0.5);
	overflow: hidden;
}

.article-inner-container h1 {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 0px;
	font-size: 25px;
	line-height: 32px;
	font-weight: bold;
	color: #ffffff;
}

.featured-byline {
	color: #eeeeee;
	font-size: 16px;
	line-height: 24px;
}

.featured-byline .author {
	font-size: 14px;
}

	/* Tablets */
    @media (max-width: 1024px) {

      .article-inner-container h1 {
        font-size: 20px;
				line-height: 24px;
      }

			.featured-byline {
      	font-size: 14px;
      	line-height: 22px;
      }

      .featured-byline .author {
      	font-size: 12px;
      }
	}

.featured-article-btn {
	width: 100%;
	height: 40px;
	max-height: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 40px;
}

.fab-1 {
	background-color: #d0006f;
}
	.fab-1:hover {
    	background-color: #b1005e;
    }

.fab-2 {
	background-color: #ff8674;
}
	.fab-2:hover {
    	background-color: #ff5c39;
    }

.fab-3 {
	background-color: #0b9eb4;
}
	.fab-3:hover {
    	background-color: #007485;
    }

.fab-4 {
	background-color: #7774b6;
}
	.fab-4:hover {
    	background-color: #625fa5;
    }



/* --------------- ARTICLE GRID VIEW ---------------------- */

.other-articles-title {
	text-align: center;
	margin-bottom: 25px;
}

.blog-articles {
	float: left;
	max-width: 30.33333333%;
  border: 1px solid #eeeeee;
	border-radius: 4px 4px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 25px 23px;
}

	/* Tablets */
    @media (max-width: 1024px) {
      .blog-articles {
        max-width: 44%;
      }
	}

	/* Small Mobile Devices */
    @media (max-width: 767px) {
			.blog-articles {
				width: 100%;
				max-width: 100%;
    	}
    }

.blog-articles:hover {
	margin-top: -4px;
  border: 3px solid #ffffff; /* 3px solid #625fa5 */
	border-radius: 4px 4px;
	padding: 0px 0px 15px 0px;
	margin-bottom: 25px;
	box-shadow: 0px 4px 6px rgba(0,0,0,0.5);
}

.blog-articles img {
	max-width: 100%;
  border: none;
	border-radius: 4px 4px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}

.blog-articles img.pt-spacer {
	width: 100%;
	height: 175px;
	background-color: #333333;
}


.article-title-links {
	display: block;
	max-width: 100%;
	height: 95px;
	max-height: 95px;
	overflow: hidden;
	padding: 8px 15px 0px 15px;
	font-size: 14px;
	line-height: 19px;
	text-align: center;
	font-weight: bold;
}

.article-meta-links {
	display: block;
	max-width: 100%;
	height: 46px;
	max-height: 46px;
	overflow: hidden;
	padding: 8px 15px 0px 15px;
	font-size: 12px;
	line-height: 17px;
	text-align: center;
}

	/* Tablets */
    @media (max-width: 1024px) {
      .article-title-links {
        height: 105px;
				max-height: 105px;
				font-size: 13px;
				line-height: 17px;
      }

      .article-meta-links {
        font-size: 10px;
				line-height: 15px;
      }
	}



/* --------------- AUTHOR BIO BOX ---------------------- */

#author-bio-box {
	display: table;
	margin-top: 50px !important;
	margin-bottom: 30px!important;
	padding: 15px;
	border-top: dotted 2px #aaaaaa !important;
	border-bottom: dotted 2px #aaaaaa !important;
	background-color: #ffffff !important;
}

#author-bio-box h3 {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 22px;
	text-align: left;
}

.bio-gravatar img {
	float: left;
	margin-right: 20px;
	margin-bottom: 0px;
	border: 1px solid #cccccc;
	border-radius: 4px 4px;
}

#author-bio-box .bio-icon {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-color: transparent;
  background-image: url('images/sprite.png');
  background-repeat: no-repeat;
	display: inline-block;
  margin-right: 3px;
	height: 16px;
	width: 16px;
}

#author-bio-box .bio-icon:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7
}

#author-bio-box .bio-icon-twitter {
	background-position:0 0
}

#author-bio-box .bio-icon-facebook {
	background-position: -16px 0
}
#author-bio-box .bio-icon-googleplus {
	background-position: -32px 0
}
#author-bio-box .bio-icon-linkedin {
	background-position: -48px 0
}
#author-bio-box .bio-icon-website {
	background-position: -64px 0
}
#author-bio-box .bio-icon-flickr {
	background-position: -80px 0
}
#author-bio-box .bio-icon-tumblr {
	background-position: -95px 0
}
#author-bio-box .bio-icon-vimeo {
	background-position: -111px 0
}
#author-bio-box .bio-icon-youtube {
	background-position: -127px 0
}
#author-bio-box .bio-icon-instagram {
	background-position: -143px 0
}
#author-bio-box .bio-icon-pinterest {
	background-position: -159px 0
}

.bio-description {
	font-style: italic;
}

	/* Small Mobile Devices */
    @media (max-width: 767px) {

      #author-bio-box h3 {
				padding-bottom: 10px;
      	text-align: center;
      }

			.bio-gravatar {
				display: block;
				width: 100%
    	}

			.bio-gravatar img {
				float: none;
				display: block;
				margin: 0px auto 20px auto;
    	}
    }


/* ---------------- Comments --------------------- */

.comments-title {
	padding-bottom: 6px;
	margin-top: 40px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	line-height: 23px;
	}

ol.commentlist {
	list-style-type: none;
	margin: 0px 0px 35px 0px;
	padding: 0px 0px;
	width: 100%;
	}

.commentlist li {
	margin: 0px 0px 10px 0px;
	padding: 15px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background-color: #fafafa;
	}

.comment .avatar {
	float: left;
	border: 1px solid #444444;
	margin: 4px 10px 0px 0px;
	}

.pending-comment {
	color: #7d0a15;
	}

.commentmetadata {
	margin-top: 0px;
	color: #555555;
	font-size: 12px;
	font-style: italic;
	line-height: 14px;
	}

.comment-text {
	margin-top: 20px;
	width: 100%;
	}


/* 5.2 Comments Form */

#commentform  {
	margin: 0px;
	}

.respond {
	font-size: 24px;
	text-align: center;
	margin: 40px auto 25px auto;
	font-weight: bold;
}

.form-field-line {
	padding-bottom: 10px;
}

.label-note {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}

#commentform input[type="text"],
#commentform textarea {
	border: 1px solid #cccccc;
	border-radius: 4px 4px;
	}

#commentform input[type="text"]  {
	width: 35%;
	margin: 0px 5px 10px 0px;
	padding: 5px 5px;
	}

	/* Small Mobile Devices */
    @media (max-width: 767px) {
    	#commentform input[type="text"] {
				width: 100%;
				margin: 0px auto 10px auto;
    	}
    }


.comment-input-area {
	padding-top: 10px;
}

#commentform textarea {
	width: 100% !important;
	padding: 5px;
	resize: none;
	}

#commentform #submit {
	display: block;
	max-width: 250px;
	margin: 10px auto 10px auto;
	padding: 10px 10px;
	border: 3px solid;
	border-radius: 4px 4px;
	background: transparent;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	text-align: center;
	color: #0b9eb4;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
	}
#commentform #submit:hover {
	cursor:pointer;
	color: #007485;
	}



/* =============================================================================================================
		PRESS PAGE
==============================================================================================================*/

.press-heading {
	font-weight: bold;
	text-align: center;
	margin-bottom: 35px;
}

.press a.btn {
	display: block;
	max-width: 150px;
	margin-top: 25px;
  margin-left: auto !important;
	margin-right: auto !important;
	padding: 10px 10px;
	border: 4px solid;
	border-radius: 4px 4px;
	background: transparent;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	text-align: center;
	color: #0b9eb4;
}

.press a.btn:hover,
.press a.btn:active {
	color: #007485; /* #20b2aa */
}



/* =============================================================================================================
		MEDIA COVERAGE
==============================================================================================================*/







/* =============================================================================================================
		PRESS RELEASES
==============================================================================================================*/

.press-releases h2 {
	margin-top: 20px;
	margin-bottom: 35px;
	font-size: 22px;
	text-align: center;
}

.press-releases h4 {
	margin-top: 20px;
	font-weight: bold;
}

.press-callout {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

.press-info {
	margin-top: 35px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}


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

/* SERVICE TABS
-------------------------------------------------- */

.services-tab-nav {
	display: block;
	margin: 0px;
	padding: 0px;
}

.services-tab-nav li {
	list-style-type: none;
	position: relative;
	float: left;
  min-height: 1px;
	padding-left: 0px;
	padding-right: 0px;
	width: 50%;
  text-align: center;
	background-color: #eeeeee;
	border-radius: 6px 6px 0px 0px;
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}


  .services-tab-nav li.active,
  .services-tab-nav li.active,
  .services-tab-nav li.active {
		color: #25282a;
		background-color: #ffffff;
		padding-top: 4px;
		margin-top: -4px;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
		border-bottom: none;
  }

.services-tab-nav li a {
  display: inline-block;
  width: 100%;
  padding-bottom: 4px;
}
  .services-tab-nav li a:link,
	.services-tab-nav li a:visited {
    color: #999999;
  }
  .services-tab-nav li a:hover,
	.services-tab-nav li a:active {
		color: #007485; /* #20b2aa */
  }

  .services-tab-nav li.active a,
  .services-tab-nav li.active a:hover,
  .services-tab-nav li.active a:focus {
		color: #25282a;
  }

.services-tab-nav .glyphicons,
.services-tab-nav .fa {
	vertical-align: middle;
	margin-top: -3px;
}

.services-tab-nav .title {
	display: block;
	margin-top: 8px;
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
}

.services-tab-nav .active .title {
	font-size: 22px;
	line-height: 40px;
}

.services.tab-content {
	position: relative;
	float: left;
	width: 100%;
	min-height: 300px;
	margin-top: -1px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	border-width: 1px;
	border-style: solid;
	border-top: none;
	 -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aaaaaa), to(rgba(0, 0, 0, 0))) 1 10%;
	 -webkit-border-image: -webkit-linear-gradient(#aaaaaa, rgba(0, 0, 0, 0)) 1 100%;
	 -moz-border-image: -moz-linear-gradient(#aaaaaa, rgba(0, 0, 0, 0)) 1 100%;
	 -o-border-image: -o-linear-gradient(#aaaaaa, rgba(0, 0, 0, 0)) 1 100%;
	 border-image: linear-gradient(to bottom, #aaaaaa, rgba(0, 0, 0, 0)) 1 100%;
}


	/* Tablets, Desktops and Larger */
    @media (min-width: 768px) {
    	.services > .tab-pane > .panel-image {
        float: right !important;
      }
		}

	/* Small Mobile Devices */
    @media (max-width: 767px) {
      .services.tab-content {
      	padding-top: 0px;
      	border-top: none;
      }
      .services > .tab-pane {
        display: block;
				border-top: 1px solid #cccccc;
				margin-top: 20px;
				padding-top: 20px;
      }
      .services > .tab-pane.active {
				margin-top: 0px;
				padding-top: 0px;
				border-top: 0px;
      }
			.services > .tab-pane > .panel-image,
			.services > .tab-pane > .panel-content {
        float: none !important;
				display: block;
      }
			.services.tab-content h3 {
      	text-align: center;
      }
		}



/* PRICING TABLE
-------------------------------------------------- */

.pricing-table {
	margin-top: 60px;
}

.pricing-column  {
	position: relative;
	float: left;
  min-height: 1px;
	padding-left: 0px;
	padding-right: 0px;
	width: 20%;
}

@media (max-width: 768px) {
  	.pricing-column  {
			display: block;
    	position: relative;
    	float: none;
      min-height: 1px;
    	padding-left: 0px;
    	padding-right: 0px;
    	width: 100%;
    }
  }


.pricing {
  position: relative;
  margin-bottom: 15px;
  border: 1px solid #cccccc;
}

.pricing-head {
  text-align: center;
  border-bottom: solid 1px #cccccc;
}

.pricing-head h3,
.pricing-head h4 {
  margin: 0;
  line-height: normal;
}

.pricing-head h3 span,
.pricing-head h4 span {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-style: italic;
}

.pricing-head h3 {
	background-color: #eeeeee;
	color: #666666;
  font-weight: bold;
  padding: 12px 0;
  font-size: 27px;
  border-bottom: solid 1px #cccccc;
}

.pricing-head h4 {
  color: #25282a;
  padding: 5px 0;
  font-size: 54px;
  font-weight: bold;
}


.pricing-head h4 i {
  top: -8px;
  font-size: 28px;
  font-style: normal;
  position: relative;
}

.pricing-head h4 span {
  top: -10px;
  font-size: 14px;
  font-style: normal;
  position: relative;
}

/*Pricing Content*/

.pricing-content {
  padding: 0px 4px;
}
.pricing-content p  {
  color: #444444;
  font-size: 12px;
	font-weight: bold;
	text-align: center;
  padding: 7px 15px 0px 15px;
}

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

.pricing-content li {
  color: #444444;
  font-size: 12px;
	text-align: center;
  padding: 5px 4px;
  border-bottom: solid 1px #eeeeee;
}

/*Pricing Footer*/
.pricing-footer {
  color: #777;
  font-size: 11px;
  line-height: 17px;
  text-align: center;
  padding: 0 20px 19px;
}

/* Buttons */

.pricing-footer .btn {
	width: 80%;
	font-weight: bold;
	font-size: 18px;
  color: #ffffff;
  background-color: #0b9eb4;
}

.pricing-footer .btn:hover,
.pricing-footer .btn:focus,
.pricing-footer .btn:active {
    color: #ffffff;
    background-color: #007485;
}

/* Featured Service*/

.pricing-head.featured h4 {
  color: #36d7ac;
}
.pricing.featured {
  border: 3px solid #0b9eb4;
  margin-top: -10px;
}

.pricing.featured,
.pricing:hover {
  z-index: 9;
}

.pricing.featured h3 {
	background-color: #0b9eb4;
	color: #ffffff;
	padding-top: 3px;
  margin-top: -3px;
	border-bottom: 0px;
}

.pricing.featured h3 span{
	color: #ffc600;
}

.pricing.featured h4 {
  color: #0b9eb4;
}

.pricing.featured .btn {
  color: #25282a;
  background-color: #ffc600;
}
.pricing.featured .btn:hover,
.pricing.featured .btn:focus,
.pricing.featured .btn:active,
.pricing.featured .btn.active {
    color: #25282a;
    background-color: #f2a900;
}


/*

.free.btn {
  color: #ffffff;
  background-color: #e06287;
}
.free.btn:hover,
.free.btn:focus,
.free.btn:active,
.free.btn.active {
    color: #ffffff;
    background-color: #aa82aa;
}

.basic.btn {
  color: #ffffff;
  background-color: #ff8674;
}
.basic.btn:hover,
.basic.btn:focus,
.basic.btn:active,
.basic.btn.active {
    color: #ffffff;
    background-color: #ff5c39;
}


.professional.btn {
  color: #ffffff;
  background-color: #d0006f;
}
.professional.btn:hover,
.professional.btn:focus,
.professional.btn:active,
.professional.btn.active {
    color: #ffffff;
    background-color: #cfa500;
}

.premium.btn {
  color: #ffffff;
  background-color: #7774b6;
}
.premium.btn:hover,
.premium.btn:focus,
.premium.btn:active,
.premium.btn.active {
    color: #ffffff;
    background-color: #cfa500;
} */



/* A LA CARTE SERVICES
-------------------------------------------------- */

.service-table {
  display: table;
	width: 95%;
	margin: 0px auto 20px auto;
	padding-bottom: 10px;
	border-bottom: 4px dotted #cccccc;
}

.service-table h3 {
	font-size: 22px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
}

.service-table p {
	font-size: 14px;
}

h2.single-service {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 30px;
	background-color: #ff8674;
	color: #ffffff;
	padding: 5px 10px 8px 10px;
}


.service-price {
	padding-top: 0px;
	text-align: center;
	font-size: 30px;
	line-height: 30px;
}

	/* Small Mobile Devices */
    @media (max-width: 767px) {
  		.service-price {
      	padding-top: 20px;
      }
		}

.price-note {
	margin-top: -10px;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}

.single-service a.btn {
	display: block;
	max-width: 250px;
	margin-top: 10px;
	padding: 8px 8px;
	border: 3px solid;
	border-radius: 4px 4px;
	background: transparent;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
}

.single-service a.btn:hover,
.single-service a.btn:active {
	color: #007485; /* #20b2aa */
}
	/* Small Mobile Devices */
    @media (max-width: 767px) {
      .services.tab-content a.btn {
      	margin-left: auto;
				margin-right: auto;
      }

			.single-service a.btn {
				margin-bottom: 10px;
			}
		}



/* =============================================================================================================
		SCHEUDLE A CALL SIDEBAR
==============================================================================================================*/


.call-sidebar {
	display: block;
  width: 90%;
  padding: 0px 0px 10px 0px;
	margin-top: 0px;
  margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	border: 3px solid #a2aaad;
	border-radius: 4px 4px;
}

	/* Small Mobile Devices */
    @media (max-width: 994px) {
      .call-sidebar {
				width: 100%;
      }
		}

	/* Extra Small Mobile Devices */
    @media (max-width: 767px) {
      .call-sidebar {
      }
		}

.call-sidebar h4 {
	padding: 6px 15px 8px 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #a2aaad; /*  #625fa5  */
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}


	/* GRAY PALETTE */
      .call-sidebar.gray {
      	border-color-color: #a2aaad;
      }
      .call-sidebar.gray h4 {
      	background-color: #a2aaad;
      }


	/* POMEGRANATE PALETTE */
      .call-sidebar.pomegranate {
      	border-color: #b1005e;
      }
      .call-sidebar.pomegranate h4 {
      	background-color: #b1005e;
      }


	/* PURPLE PALETTE */
      .call-sidebar.purple {
      	border-color: #625fa5;
      }
      .call-sidebar.purple h4 {
      	background-color: #625fa5;
      }

	/* TANGERINE PALETTE */
      .call-sidebar.tangerine {
      	border-color: #ff8674;
      }
      .call-sidebar.tangerine h4 {
      	background-color: #ff8674;
      }

	/* TURQUOISE PALETTE */
      .call-sidebar.turquoise {
      	border-color: #007485;
      }
      .call-sidebar.turquoise h4 {
      	background-color: #007485;
      }


.call-sidebar .glyphicons {
	padding-right: 6px;
	margin-top: -4px;
	font-size: 18px;
	line-height: 16px;
}

.call-sidebar img {
	max-width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid #333333;
}

.call-sidebar p {
	padding-left: 14px;
	padding-right: 14px;
	font-size: 14px;
	text-align: center;
}

	/* Extra Small Mobile Devices */
    @media (max-width: 767px) {
      .call-sidebar p {
        font-size: 16px;
      }
		}

.call-sidebar a.btn {
	display: block;
	max-width: 165px;
	margin-top: 20px;
  margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	padding: 8px 8px;
	border: none;
	border-radius: 4px 4px;
	background-color: #ffb500; /* #25282a #d0006f */
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	text-align: center;
	color: #25282a;
}

.call-sidebar a.btn:hover,
.call-sidebar a.btn:active {
	background-color: #f2a900; /* #b1005e */
}


/* SERVICES PAGE VERSION */

.services div.call-sidebar {
  float: none;
	display: block;
  width: 60%;
  padding: 0px 0px 0px 0px;
  margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}


.services div.call-sidebar h4 {
	width: 100%;
	display: block;
	font-size: 20px;
	line-height: 20px;
}

.services div.call-sidebar p {
	margin-top: 10px;
}

.services .call-sidebar img {
	margin-bottom: 0px;
	border-right: 1px solid #333333;
	border-bottom: none;
}

.services div.table {
  display: table;
	border: none;
	margin: 0px;
	padding: 0px;
}

.services div.call-sidebar div.image-cell,
.services div.call-sidebar div.info-cell {
  display: table-cell;
	vertical-align: top;
}


.services div.call-sidebar div.image-cell {
  width: 30%;
}

.services div.call-sidebar div.info-cell {
  width: 70%;
}

	/* Small Mobile Devices */
    @media (max-width: 1025px) {
      .services div.call-sidebar {
  			width: 90%;
      }
		}

	/* Extra Small Mobile Devices */
    @media (max-width: 767px) {
      .services div.call-sidebar {
        float: none;
				display: block;
        width: 100%;
        margin-left: auto;
				margin-right: auto;
      }
			.services div.call-sidebar div.image-cell,
			.services div.call-sidebar div.info-cell {
				display: block;
				width: 100%;
			}
			.services div.call-sidebar div.info-cell {
				padding-bottom: 15px;
			}
		}

/*-------------------------------------------------------------------------------------------*/
/* MISC */
/*-------------------------------------------------------------------------------------------*/


/* 404 Error Screen */

.error-404 {
	font-size: 200px;
	line-height: 200px;
	font-weight: bold;
	color: #a2aaad;
	text-align: center;
	margin-top: 50px;
	}

.page-not-found {
	font-size: 75px;
	line-height: 75px;
	color: #a2aaad;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 50px;
	}




/* =============================================================================================================
		FOOTER
==============================================================================================================*/

footer {
	width: 100%;
	padding: 10px 0px;
	background-color: #25282a;
	color: #ffffff;
}
	footer a:link,
	footer a:visited {
		color: #ffc600;
		text-decoration: none;
	}
	footer a:active,
	footer a:hover {
		color: #f2a900;
		text-decoration: none;
	}

.footer-menu-items {
		padding: 0px 0px;
		margin: 0px;
		}

.footer-menu-items li {
		list-style-type: none;
		padding: 0px;
		margin: 4px 0px;
	}

	/* Mobile Footer Nav (Small Mobile Devices) */
    @media (max-width: 767px) {
			footer {
        text-align: center;
			}

			footer h4.first-item {
				padding-top: 40px;
			}

			footer h4 {
				padding-top: 25px;
			}
    }


.footer-contact {
	padding: 0px;
	margin: auto;
	width: 168px;
	max-width: 168px;
	text-align: center;
}
	/* Laptops & Desktops */
    @media (min-width: 992px) {
      .footer-contact {
        	float: right;
        }
    }

.social-media-buttons {
	padding: 0px;
	margin: 15px auto;
}

    .social-media-buttons li {
    	display: inline;
    	list-style-type: none;
    	padding: 0px;
			margin-top: -50px;
			margin-left: 2px;
			margin-right: 2px;
    	font-size: 26px;
    	text-align: center;
    }

    .social-media-buttons li a span {
				background-color: #ffc600;
        border-radius: 4px 4px;
      	width: 35px;
      	height: 35px;
				color: #25282a;
				line-height: 23px;
    		text-align: center;
				text-decoration: none;
        margin: 0px auto;
        padding-top: 4%;
    		}
					.social-media-buttons li a:hover .fa-facebook,
					.social-media-buttons li a:active .fa-facebook {
						color: #ffffff;
						background-color: #3b5998;
					}
					.social-media-buttons li a:hover .fa-twitter,
					.social-media-buttons li a:active .fa-twitter {
						color: #ffffff;
						background-color: #55acee;
					}
					.social-media-buttons li a:hover .fa-youtube,
					.social-media-buttons li a:active .fa-youtube {
						color: #b31217;
						background-color: #ffffff;
					}
					.social-media-buttons li a:hover .fa-wordpress,
					.social-media-buttons li a:active .fa-wordpress {
						color: #ffffff;
						background-color: #21759b;
					}


.copyright {
  padding-top: 20px;
  font-size: 10px;
  color: #cccccc;
  text-align: center;
}

.copyright .textwidget,
.copyright .textwidget p {
  font-size: 10px;
  color: #cccccc;
  text-align: center;
}