/*
Theme Name:		StartRight
Theme URI:		https://createandcode.com/wordpress-themes/startright/
Author:			  Create and Code
Author URI:		https://createandcode.com/
Description:	A startup WordPress theme - perfect for any business which needs a clean, highly professional look. It's perfect for any financial, consulting or startup firm. It is built on BootStrap, is responsive, clean, modern, flat and minimal. It has a widgetized footer and sidebar, is optimized for SEO and is Google Schema compliant. StartRight is Responsive, Retina-Ready, SEO Friendly and is one of the best business themes.
Version:		  1.2.1
=======
License:		  GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:	startright
Tags:			    two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, full-width-template, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

StartRight is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later

======
Note: Do not edit this file. If you wish to add your own CSS we strongly recommend creating your own child theme, or installing a custom CSS plugin.
======
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Global
	2.1 Global Grid
	2.2 Visual Composer
	2.3 Global Layout
  2.4 Heading
	2.5 Typography
	2.6 Common HTML Elements
	2.7 Forms
    2.7.1 Gravity Forms
    2.7.2 Contact Form 7
    2.7.3 Mailchimp
	2.8 Media
  2.9 Breadcrumbs
3.0 Header
4.0 Menus
  4.1 Sticky Menu
5.0 Pages
	5.1 Homepage
	5.2 Misc
6.0 Posts/Blog
	6.1 Blog Post
	6.2 Post Format Types
  6.3 Blog Pagination
	6.4 Comments
  6.5 Post Navigation
7.0 Widgets
8.0 Search
9.0 Footer
10.0 Crelly Slider
11.0 Responsive

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  font-weight: 300;
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  -ms-text-size-adjust: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

cite {
  font-style: normal;
  font-weight: bolder;
  display: block;
  margin-top: 15px;
}

a {
  transition: all 0.2s ease 0s;
  outline: 0;
}

input, button {
  transition: all 0.2s ease 0s;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

*:focus {
  outline: none;
}

img, object, embed, figure {
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
}

.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 0px;
  height: 0;
  margin-top: 40px;
  margin-bottom: 40px;
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

code {
  background-color: #ffffcc;
}

select {
  color: #333;
}

figure {
  margin: 0;
}

.screen-reader-text {
  position: absolute;
  top: -9999em;
  left: -9999em;
}

/*--------------------------------------------------------------
2.0 Global
--------------------------------------------------------------*/

/* -- Default Font -- */

body, input, select, textarea, h1, h2, h3, .content-area h4, h5, h6 {
  font-family: -apple-system, Helvetica, Arial, sans-serif;
}


/*--------------------------------------------------------------
2.1 Global Grid
--------------------------------------------------------------*/

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1100px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

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

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0px;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none;
  visibility: hidden;
}

.affix {
  position: fixed;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

/*--------------------------------------------------------------
2.2 Visual Composer
--------------------------------------------------------------*/
.wpb_row .container {
  padding-left: 0px;
  padding-right: 0px;
}

.wpb_row {
  margin-left: -15px !important;
  margin-right: -15px !important;
  overflow: hidden;
}

@media (max-width: 768px) {
  .wpb_row .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/*--------------------------------------------------------------
2.3 Global Layout
--------------------------------------------------------------*/

#startright-page-wrap {
  position: relative;
  top: -1px;
}

body.page-template-default .content-area {
  padding-bottom: 30px;
}

@media (min-width: 992px) {
  .left-content {
    padding-right: 50px;
  }
  .right-content {
    padding-left: 50px;
  }
}

/* -- SiteOrigin Page Builder (if enabled) -- */

body.siteorigin-panels .startright-content {
  padding-bottom: 0px;
}

/* -- 404 -- */

section.error-404.not-found {
  min-height: 400px;
  padding-top: 30px;
}

.content-area section.error-404.not-found input[type="submit"] {
  margin-top: 0px;
  background-color: transparent;
}


/*--------------------------------------------------------------
2.4 Heading
--------------------------------------------------------------*/

.entry-header {
  background-color: #eee;
  padding: 55px 0px;
  margin-bottom: 50px;
  background-position: top right;
  position: relative;
  background-image: url(images/heading-background.jpg);
  background-repeat: no-repeat;
}

.entry-header.has-featured-image:after {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.8;
}

.entry-header.has-featured-image .container {
  position: relative;
  z-index: 1;
}

.entry-header.has-featured-image h1 {
  color: #fff;
}

body.page .entry-header p {
  font-size: 18px;
  opacity: 0.7;
  margin-top: 10px;
  margin-bottom: 0px;
}

@media only screen and (min-width: 991px) {

  body.page .entry-header p {
    max-width: 75%;
  }

}

/*--------------------------------------------------------------
2.5 Typography
--------------------------------------------------------------*/

.startright-content {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

body,
button,
input,
select,
textarea {
  font-size: 16px;
  line-height: 1.55;
}

a {
  color: #117abc;
  outline: 0;
  text-decoration: none;
}

a, a:active, a:focus {
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #111;
  clear: both;
  margin-bottom: 10px;
}

h1 {
  font-size: 34px;
  line-height: 52px;
  margin-bottom: 0px;
}

h2 {
  font-size: 24px;
  line-height: 36px;
}

h3 {
  font-size: 18px;
  line-height: 27px;
}

h4 {
  font-size: 16px;
  line-height: 24px;
}

h5 {
  font-size: 14px;
  line-height: 21px;
}

h6 {
  font-size: 12px;
  line-height: 18px;
}

p {
  line-height: 1.55;
  margin-bottom: 20px;
}

b, strong {
  font-weight: bolder;
}

dfn, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 10px;
}

address {
  margin: 0 0 10px;
  font-style: normal;
}

pre {
  margin-bottom: 30px;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
  background: #fff9ee;
  font-size: 16px;
}

abbr, acronym {
  cursor: help;
}

mark, ins {
  background: #eee;
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}


/*--------------------------------------------------------------
2.6 Common HTML elements
--------------------------------------------------------------*/

/* -- Links --*/

.content-area p a, .content-area dd a, .content-area li a, .content-area table a {
    text-decoration: underline;
}

/* -- Ordered and Unordered Lists --*/

.content-area ul, 
.content-area ol {
  margin: 10px 0px 20px 15px;
}

.content-area ul {
  list-style: circle;
}

.content-area ol {
  margin-left: 0px;
  padding-left: 18px;
  list-style: decimal;
}

.content-area ol li {
  margin-bottom: 5px;
}

.content-area ol ol {
  padding-left: 30px;  
}

.content-area ul ul {
  padding-left: 30px;
}

/* -- Horizontal Rule --*/

.content-area hr {
  height: 0;
  margin-top: 38px;
  margin-bottom: 38px;
  border: 0;
  border-top: 1px solid #e9e9e9;
}

/* -- Notices --*/

.notice {
  display: flex;
  min-height: 72px;
  margin-bottom: 24px;
  padding: 36px;
  color: #ce8800;
  background: #fff9ee;
}

.notice--primary {
  padding: 36px;
  color: #0099aa;
  background: #effffe;
}

/* -- Headings -- */

.content-area h1, .content-area h2, .content-area h3, .content-area h4, .content-area h5, .content-area h6 {
    margin: 30px 0 13px;
    font-weight: 300;
}

.content-area h1 + h1, .content-area h1 + h2, .content-area h1 + h3, .content-area h1 + h4, .content-area h1 + h5, .content-area h1 + h6, .content-area h2 + h1, .content-area h2 + h2, .content-area h2 + h3, .content-area h2 + h4, .content-area h2 + h5, .content-area h2 + h6, .content-area h3 + h1, .content-area h3 + h2, .content-area h3 + h3, .content-area h3 + h4, .content-area h3 + h5, .content-area h3 + h6, .content-area h4 + h1, .content-area h4 + h2, .content-area h4 + h3, .content-area h4 + h4, .content-area h4 + h5, .content-area h4 + h6, .content-area h5 + h1, .content-area h5 + h2, .content-area h5 + h3, 
.content-area h5 + h4, .content-area h5 + h5, .content-area h5 + h6, .content-area h6 + h1, .content-area h6 + h2, .content-area h6 + h3, .content-area h6 + h4, .content-area h6 + h5, .content-area h6 + h6, .content-area p + h5 {
   margin-top: 0px;
}


/* -- Definition Lists --*/

dt {
  font-weight: bolder;
}

dd, dl {
  margin-bottom: 20px;
}

/* -- Blockquotes --*/

.content-area blockquote {
  padding: 30px 30px 30px 70px;
  margin: 30px 0px;
  border: none;
  background-color: #f8f8f8;
  position: relative;  
}

.content-area blockquote:before {
  color: #D4DAE0;
  content: "\f10d";
  font-family: "FontAwesome";
  font-size: 18px;
  font-style: normal;
  line-height: 44px;
  text-align: center;
  position: absolute;
  left: 16px;
  top: 22px;
  height: 46px;
  width: 46px;
}

.content-area blockquote p {
  margin-bottom: 0px;
}


/* -- Table styles --*/

table {
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}

.content-area table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  width: 100%;
  margin-bottom: 1.1em;
}

.content-area table th,
.content-area table td {
  padding: 15px 25px 15px 15px;
  margin: 0;
  overflow: visible;
  border-bottom: 1px solid #eee;
}

.content-area table thead {
  vertical-align: bottom;
  white-space: nowrap;
}

.content-area table th {
  font-weight: bolder;
}

.content-area table tbody > tr:nth-child(odd) > th,
.content-area table tbody > tr:nth-child(odd) > td { 
  background: #f9f9f9; 
}

.content-area caption {
  color: #111;
  text-align: center;
  padding: 2%;
}

/* -- WP layout styles --*/

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/* -- Blockquote and Heading margins -- */

body.search-results .content-area article > h2:first-child,
.startright-entry-content > blockquote,
.entry-content > .gform_wrapper,
.startright-entry-content > h1:first-child,
.startright-entry-content > h2:first-child,
.startright-entry-content > h3:first-child,
.startright-entry-content > h4:first-child,
.startright-entry-content > h5:first-child,
.startright-entry-content > h6:first-child {
  margin-top: 0px;
}


/*--------------------------------------------------------------
2.7 Forms
--------------------------------------------------------------*/

textarea,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], textarea {
  color: #555;
  background: #fff;
  padding: 8px 12px;
  border: 1px solid #e2e2e2;
  transition: all 0.15s ease 0s;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
  border: solid 1px #ccc;
  outline: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
}

.content-area fieldset {
  padding: 25px;
  border: 1px solid #eee;
  margin-bottom: 1em;
}

.content-area fieldset legend {
  font-size: 11px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 12px;
  background: #eee;
  color: #444;
}

.content-area input[type="text"],
.content-area input[type="tel"],
.content-area input[type="url"],
.content-area input[type="email"],
.content-area input[type="password"],
.content-area textarea {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #ddd;
  font-size: 1em;
  color: #111;
  background: #fff;
  border-radius: 0;
  -webkit-appearance: none;
  margin-top: 5px;
  margin-bottom: 0px;
}

.content-area input[type="file"] {
  padding: 10px;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.content-area textarea { 
  height: 190px; 
}

span.required,
body .gform_wrapper .gfield_required {
  color: #c91414;
}

.content-area input[type="text"]:focus,
.content-area input[type="tel"]:focus,
.content-area input[type="url"]:focus,
.content-area input[type="email"]:focus,
.content-area input[type="password"]:focus,
.content-area textarea:focus {
  outline: none;
  border-color: #ccc;
}

.content-area input[type="submit"],
.content-area input[type="reset"],
.content-area input[type="button"],
.jetpack_subscription_widget input[type="submit"],
.startright-content .widget a.button {
  padding: 16px 28px;
  margin: 0;
  border: none;
  border-radius: 2px;
  background: #24a3d8;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  -webkit-appearance: none;
  cursor: pointer;
  margin-top: 10px;
}

.startright-content .widget a.button {
  display: inline-block;
  font-size: 14px;
  padding: 14px 20px;
  margin-top: 0px;
}

.startright-content .widget a.button:hover {
  opacity: 0.8;
}

.jetpack_subscription_widget input[type="submit"] {
  padding: 12px 18px;
  font-size: 14px;
  margin-top: 5px;
  text-align: center;
  width: 100%;
}

.content-area input[type="submit"]:hover,
.content-area input[type="reset"]:hover,
.content-area input[type="button"]:hover,
.jetpack_subscription_widget input[type="submit"]:hover {
  opacity: 0.9;
}

.content-area input[type="reset"] {
  background-color: #eee;
  color: #333;
}

.content-area input[type="submit"] + input[type="reset"],
.content-area input[type="submit"] + input[type="button"],
.content-area input[type="reset"] + input[type="submit"],
.content-area input[type="reset"] + input[type="button"],
.content-area input[type="button"] + input[type="reset"],
.content-area input[type="submit"] + input[type="submit"] {
  margin-left: 5px;
}

input[type="submit"]:focus,
input[type="submit"]:active {
  outline: none;
  opacity: 0.85;
}

span.hint {
  font-size: 0.85em;
  opacity: 0.5;
  margin-left: 5px;
}


/* -- Select Styling -- */

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  background: #fff url("images/icons/down-arrow.png") right 0.5em center no-repeat;
  background-size: 16px 16px;
  border-radius: 0px;
  border: 1px solid #e2e2e2;
  padding: 0.4em 2em 0.4em 8px;
  max-width: 100%;
  text-indent: 0.01px;
  text-overflow: '';    
  margin-bottom: 5px;
  font-weight: inherit;
  width: 100%;
  font-size: 14px;
}

.content-area select {
  font-size: 16px;
  margin-top: 5px;
}


/* --------------------------------------------------------------
2.7.1 Gravity Forms
-------------------------------------------------------------- */

body .gform_wrapper .gsection .gfield_label, 
body .gform_wrapper span.gform_description,
body .gform_wrapper h2.gsection_title, 
body .gform_wrapper h3.gform_title {
  font-weight: inherit;
}

body .gform_wrapper .top_label .gfield_label {
  margin-bottom: 0em;
  font-weight: inherit;
}

body .startright-content .gform_wrapper label.gfield_label + div.ginput_container {
  margin-top: 0em;
  margin-bottom: 12px;
}

body .gform_wrapper h3.gform_title {
  margin-top: 0px;
}

body .gform_wrapper.gf_browser_gecko select {
  padding-left: 5px;
  margin-top: 6px;
  font-size: 16px;
}

body .gform_wrapper input[type="email"], 
body .gform_wrapper input[type="number"], 
body .gform_wrapper input[type="password"], 
body .gform_wrapper input[type="tel"], 
body .gform_wrapper input[type="text"], 
body .gform_wrapper input[type="url"],
body .gform_wrapper textarea {
  padding: 6px 8px;
}

body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
  font-size: 16px;
  margin-top: 0px;
}

.ginput_container_radio,
.ginput_container_checkbox {
  padding-top: 10px;
}

body .gform_wrapper.gf_browser_gecko .gfield_checkbox li input, 
body .gform_wrapper.gf_browser_gecko .gfield_checkbox li input[type="checkbox"], 
body .gform_wrapper.gf_browser_gecko .gfield_radio li input[type="radio"] {
  margin-top: 6px;
  margin-left: 0px;
  margin-right: 10px;
}

body .gform_wrapper .gfield_checkbox li, 
body .gform_wrapper .gfield_radio li {
  margin-bottom: 6px;
}

body .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label, 
body .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
  font-weight: 400;
}


/* --------------------------------------------------------------
2.7.2 Contact Form 7
-------------------------------------------------------------- */

.wpcf7 p {
  margin-bottom: 22px;
  font-size: 16px;
}

.wpcf7 input {
  margin-left: 0px;
}

.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {
  margin-right: 8px;
}

.wpcf7 .wpcf7-radio,
.wpcf7 .wpcf7-checkbox {
  padding-top: 10px;
  display: block;
}

.wpcf7 span.wpcf7-list-item {
  display: block;
  margin-right: 0px;
  margin-left: 0px;
}


/* --------------------------------------------------------------
2.7.3 Mailchimp
-------------------------------------------------------------- */

.mc4wp-form {
  position: relative;
  margin-top: 15px;
}

.mc4wp-form p label {
  display: none;
}

.mc4wp-form-fields {
  display: table;
  width: 100%;
}

.mc4wp-form p {
  margin-bottom: 0px;
  display: table-cell;
  vertical-align: top;
  width: 100%;
}

.mc4wp-form input {
  border: none;
  height: 50px;
  font-size: 14px;
}

.mc4wp-form input[type="email"] {
  width: 101%;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  padding: 0px 8px;
  border: 1px solid #e2e2e2;
  border-right: none;
  font-size: 16px;
}

.mc4wp-form input[type="email"]:focus {
  border-color: #ccc;
}

.mc4wp-form input[type="submit"] {
  height: 50px;
  border-radius: 0px;
  font-family: inherit;
  text-transform: capitalize;
  padding: 0px 15px;
  text-align: center;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  color: #fff;
  background-color: #24a3d8;
  cursor: pointer;
  font-size: 16px;
}

/*--------------------------------------------------------------
2.8 Media
--------------------------------------------------------------*/

.content-area .wp-caption { 
  max-width: 100%; 
  margin-bottom: 20px;
}

.content-area .alignleft,
.content-area .alignright {
  margin-bottom: 1.2em;
  max-width: 50%;
}

.content-area .wp-caption .alignleft,
.content-area .wp-caption .alignright {
  margin-bottom: 0;
}

.content-area .alignleft {
  float: left;
  margin-right: 30px;
}

.content-area .alignright {
  float: right;
  margin-left: 30px;
}

.content-area .aligncenter,
.content-area .aligncenter img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.content-area .aligncenter,
.content-area .alignnone {
  margin-top: 30px;
  margin-bottom: 30px;
}

.content-area .wp-caption p {
  margin-bottom: 0px;
}

.content-area .wp-caption-text,
.content-area .gallery-caption {
  margin: 4px auto 16px;
  font-size: 14px;
  line-height: 160%;
  color: #666;
  text-align: center;
  padding: 0px 10px;
}

.content-area .aligncenter .wp-caption-text {
  margin: 10px 0px 30px 0px;
}


/* -- Gallery -- */

.gallery a img {
  border: none;
  height: auto;
  width: 100%;
  max-width: 100%;
}

.gallery dd, .gallery figcaption {
  font-size: 15px;
  text-align: left;
  margin: 0 0 15px 0;
}

.gallery {
  margin-left: -7px;
  margin-right: -7px;
}

.gallery-item {
  margin-bottom: 25px;
  width: 25%;
  vertical-align: top;
  padding-left: 7px;
  padding-right: 7px;
  display: inline-block;
}

/* -- Tiled Galery -- */

.content-area .tiled-gallery {
  margin: 40px 0px;
}

/* -- Image hover class -- */

.image-hover img, img.image-hover {
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transform: translate3d(0, 0, 0);
}

.image-hover:hover img, img.image-hover:hover {
  transform: scale(1) translate3d(0, -0.6rem, 0);
}

/* -- Video -- */

.video-player, .mejs-container, .embed-youtube {
  margin-bottom: 20px;
}

/*--------------------------------------------------------------
2.9 Breadcrumbs
--------------------------------------------------------------*/

.startright-breadcrumbs {
  box-shadow: 0 2px 2px #eee;
  margin-top: -50px;
  margin-bottom: 40px;
  font-size: 14px;
  height: 48px;
}

.startright-breadcrumbs p {
  margin-bottom: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 14px 0px;
}

.breadcrumb_last {
  height: 48px;
}

.startright-breadcrumbs a {
  position: relative;
  padding-right: 20px;
  margin-right: 20px;
  font-size: 14px;
  display: inline-block;
}

.startright-breadcrumbs a:before, 
.startright-breadcrumbs a:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 29px;
  right: 0;
  background: #e2e2e2;
  margin-top: -14px;
  margin-bottom: -14px;
}

.startright-breadcrumbs a:before {
  top: -2px;
  transform: rotate(-30deg);
}

.startright-breadcrumbs a:after {
  bottom: -2px;
  transform: rotate(30deg);
}


/*--------------------------------------------------------------
3.0 Header
--------------------------------------------------------------*/

/* -- Top Bar */

.startright-header-topbar {
  padding: 10px 0px;
  line-height: 1.5em;
}

.startright-header-topbar .widget {
  font-size: 15px;
}

.startright-header-topbar a {
  opacity: 0.7;
}

.startright-header-topbar a:hover {
  opacity: 1;
}

.top-bar-right {
  text-align: right;
}

.startright-header-topbar span {
  margin-right: 5px;
  margin-left: 20px;
}

.startright-header-topbar .widget .textwidget span:first-child {
  margin-left: 0px;
}

.startright-header-topbar .widget .textwidget i {
  margin-right: 5px;
}

.startright-header-topbar .top-bar-left .widget:only-child,
.startright-header-topbar .top-bar-right .widget:only-child {
  margin-bottom: 0px;
}

.startright-header-topbar .widget h4,
.startright-header-topbar .widget_rss li .rss-date {
  color: inherit;
}

.startright-header-topbar .widget_wpcom_social_media_icons_widget ul {
  margin-top: 0px;
  position: relative;
  top: 2px;
}

.startright-header-topbar .widget_wpcom_social_media_icons_widget ul li a {
  margin-top: 0px;
  color: inherit;
  opacity: 0.85;
}

.startright-header-topbar .widget_wpcom_social_media_icons_widget ul li a:hover {
  opacity: 1;
}

.startright-header-topbar .top-bar-right .widget.widget_wpcom_social_media_icons_widget li {
    margin-left: 0.7em;
    margin-right: 0em;
}

.widget_wpcom_social_media_icons_widget .genericon.genericon-googleplus {
  font-size: 20px;
}

/* -- Main Header -- */

.startright-header-main {
  padding: 37px 0;
}

h1.startright-site-title {
  font-size: 32px;
  margin-bottom: 0;
  line-height: 1;
}

.startright-site-title a {
  text-decoration: none;
}

.startright-site-description {
  margin-bottom: 0;
  color: #555;
  font-size: 14px;
  margin-top: 5px;
}

.vertical-align {
  display: table;
  width: 100%;
  margin: 0px;
}

.col-lg-12.vertical-align {
  padding: 0px;
}

.startright-site-logo, .startright-site-logo a, .startright-site-text-logo, .startright-header-details {
  display: inline-block;
  vertical-align: middle;
}

.custom-logo-link img {
  max-width: 240px;
  max-height: 80px;
}

.sticky-header .custom-logo-link img {
  max-width: 240px;
  width: auto;
  max-height: 35px;
}

.startright-header-details .widget,
.startright-header-details-right .widget {
  margin-bottom: 0px;
  display: inline-block;
  margin-left: 25px;
  vertical-align: middle;
  font-size: 16px;
}

.startright-header-details-right .widget {
  margin-left: 0px;
}

/* -- Header Search -- */

.startright-header-details-right .widget_search {
  width: 100%;
}

.startright-header-details .widget.widget_text {
  text-align: left;
  padding-left: 25px;
  border-left: 1px solid #eee;
}

/* -- Left Header -- */

.startright-header-branding {
  display: table-cell;
  vertical-align: middle;
  width: 75%;
}

/* -- Right Header -- */

.startright-header-details-right {
  display: table-cell;
  vertical-align: middle;
  width: 25%;
  text-align: right;
  padding-left: 20px;
}


/*--------------------------------------------------------------
4.0 Menus
--------------------------------------------------------------*/

.startright-header-nav {
  background-color: #1D1D1D;
}

/* -- Mobile Menu -- */

.toggle-container {
  display: block;
  background: #1D1D1D;
}

.toggle {
  display: inline-block;
  position: relative;
  height: 57px;
  width: 32px;
  padding: 20px 0px;
}

.toggle:hover {
  cursor: pointer;
}

.nav-toggle {
  float: left;
}

.search-toggle {
  float: right;
}

.nav-toggle:hover {
  cursor: pointer;
}

.nav-toggle .bar {
  display: block;
  width: 24px;
  height: 3px;
  margin-top: 4px;
  background: #666;
}

.nav-toggle .bar:first-child {
  margin-top: 0;
}

.nav-toggle.active .bar {
  background-color: #FFF;
}

.search-toggle .metal,
.search-toggle .glass,
.search-toggle .handle {
  position: absolute;
}

.search-toggle .metal {
  width: 18px;
  height: 18px;
  top: 16px;
  left: 6px;
  border-radius: 999px;
  background: #555;
}

.search-toggle .glass {
  width: 12px;
  height: 12px;
  top: 19px;
  left: 9px;
  border-radius: 999px;
  background: #1D1D1D;
}

.search-toggle .handle {
  height: 4px;
  width: 13px;
  top: 32px;
  left: 18px;
  background: #555;
  border-radius: 2px 0 0 2px;
  transform: rotate(45deg);
}

.search-toggle.active .metal,
.search-toggle.active .handle {
  background: #FFF;
}

.mobile-menu {
  display: none;
}

.mobile-menu .container {
  padding: 0px;
  width: auto;
}

.mobile-menu li {
  position: relative;
}

.mobile-menu a {
  display: block;
  padding: 17px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
  color: rgba(255, 255, 255, 0.75);
  font-size: 16px;
}

.mobile-menu a:hover,
.mobile-menu .current-menu-item a {
  color: #FFF;
}

.mobile-menu ul a {
  width: 100%;
}

.mobile-menu ul a {
  padding-left: 0px;
}

.mobile-menu .dropdown-menu li a {
  padding-left: 20px;
  font-size: 14px;
}

.mobile-menu .dropdown-menu li .dropdown-menu li a {
  padding-left: 40px;
}

.mobile-menu .dropdown-menu {
  display: none;
}

.mobile-menu .dropdown-menu .dropdown-menu {
  display: none;
}

.mobile-menu .dropdown-open .dropdown-menu {
  display: block;
}

.mobile-menu .dropdown-open .dropdown-menu .dropdown-open .dropdown-menu {
  display: block;
}

.mobile-menu .dropdown-open .dropdown-submenu .dropdown-menu {
  display: none;
}

.mobile-menu .caret {
  height: 40px;
  width: 40px;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0px;
  margin-top: 10px;
}

.mobile-menu .caret:after {
  content: "";
  display: block;
  border: 7px solid transparent;
  border-top-color: #fff;
  position: absolute;
  right: 50%;
  top: 50%;
  margin-top: -3px;
  margin-right: -13px;
}

.mobile-menu .dropdown-open > a .caret:after {
  border-top-color: transparent;
  border-right-color: #fff;
  margin-top: -7px;
  margin-right: -11px;
}

/* -- Mobile Search -- */

.blog-search {
  margin-bottom: 20px;
}

.blog-search input.search-field {
  border: none;
}

.blog-search .search-form:before {
  display: none;
}


/* -- Desktop Menu -- */

.blog-menu li {
  position: relative;
}

.blog-menu > li {
  float: left;
  font-size: 16px;
}

.blog-menu > li:before {
  content: "";
  height: 28px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -13px;
  margin-left: -1px;
  font-size: 16px;
  color: #444;
  font-weight: 300;
  z-index: 1000;
}

.blog-menu > li:first-child:before {
  content: none;
}

.blog-menu a {
  display: block;
  padding: 20px 18px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
  text-decoration: none;
}

.blog-menu ul.children,
.blog-menu ul.sub-menu {
  box-shadow: 0px 1px 7px -4px rgba(0, 0, 0, 0.7);
}

.blog-menu li.current_page_item > a,
.blog-menu li.current_page_ancestor > a,
.blog-menu li.current_page_parent > a {
  color: rgba(255, 255, 255, 1);
}

.blog-menu li.current_page_item ul li a,
.blog-menu li.current_page_ancestor ul li a,
.blog-menu li.current_page_parent ul li a {
  color: #333;
}

ul.blog-menu li:first-child a {
  padding-left: 0;
}

.blog-menu a:hover,
.blog-menu .current-menu-item a {
  color: #FFF;
}

.blog-menu > .has-children a,
.blog-menu > .page_item_has_children a {
  padding-right: 35px;
}

.blog-menu > .has-children:after,
.blog-menu > .page_item_has_children:after {
  content: "";
  display: block;
  border: 4px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  z-index: 1001;
  right: 18px;
  top: 50%;
  margin-top: -2px;
}

.blog-menu li ul.children li.has-children:after,
.blog-menu li ul.sub-menu li.has-children:after {
  content: "";
  right: 18px;
  border: 4px solid transparent;
  border-left-color: rgba(0, 0, 0, 0.25);  
}

.blog-menu li:hover a {
  cursor: pointer;
}

.blog-menu li:hover > a {
  color: #FFF;
}

.blog-menu ul.children li:hover > a,
.blog-menu ul.sub-menu li:hover > a,
.blog-menu li ul li a:hover {
  color: #000;
}

.blog-menu ul.sub-menu li a span {
  left: 0px;
  transition: left .15s ease-out;
  position: relative; 
}

.blog-menu ul.sub-menu li a:hover span {
  left: 6px;
}

/* Sub menus --------------------------------------- */

.blog-menu ul {
  position: absolute;
  left: -9999px;
  display: none;
  z-index: 999;
}

.blog-menu ul li {
  float: none;
  display: block;
}

.blog-menu ul > .has-children::after,
.blog-menu ul > .page_item_has_children::after {
  content: "";
  display: block;
  border: 6px solid transparent;
  border-left-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  z-index: 1001;
  right: 10px;
  top: 50%;
  margin-top: -5px;
}

.blog-menu ul > .has-children:hover::after,
.blog-menu ul > .page_item_has_children:hover::after {
  border-right-color: #FFF;
}

.blog-menu ul li {
  width: 220px;
  background: #fff;
}

.blog-menu ul a {
  padding: 14px 0px;
  margin: 0 18px;
  line-height: 140%;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  font-size: 14px;
  color: #333;
}

.blog-menu ul > li:last-child a {
  border-bottom-width: 0;
}

.blog-menu li:hover > ul {
  opacity: 1;
  left: 0;
  display: block;
}

.blog-menu ul li:hover > ul {
  top: 0;
  left: 220px;
  margin-left: 0;
}


/*--------------------------------------------------------------
4.1 Sticky Menu
--------------------------------------------------------------*/

.sticky-header {
  background: #fff;
  width: 100%;
  position: fixed;
  top: 0px;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.4s ease-in-out; 
  box-shadow: 0 0px 6px #ccc;
}

.sticky-header .toggle-container {
  display: none !important
}

.sticky-header.stuck {
  opacity: 1;
  z-index: 10;
  transition: opacity 0.4s ease-in-out; 
}

.sticky-header .startright-site-description {
  display: none;
}

.sticky-header .display-table {
  display: table;
}

.sticky-header .startright-site-text-logo,
.sticky-header .startright-site-logo {
  display: table-cell;
}

.sticky-header .startright-site-logo a,
.sticky-header .startright-site-logo img {
  display: block;
}

.sticky-header .startright-site-logo img {
}

.sticky-header .blog-menu {
  float: right;
}

.sticky-header .blog-menu li:hover > a,
.sticky-header .blog-menu a {
  color: #222;
}

.sticky-header ul.blog-menu li:last-child a {
  padding-right: 0;
}

.sticky-header .blog-menu > .has-children:after, 
.sticky-header .blog-menu > .page_item_has_children:after {
  border-top-color: rgba(0, 0, 0, 0.2);
}

.sticky-header .blog-menu > li:before {
  background-color: rgba(0, 0, 0, 0.08);
}

.sticky-header .blog-menu > li.current_page_item > a, 
.sticky-header .blog-menu > li.current_page_ancestor > a, 
.sticky-header .blog-menu > li.current_page_parent > a,
.sticky-header .blog-menu > li > a:hover,
.sticky-header .blog-menu > li:hover > a {
    color: #222;
}

.sticky-header .container .container {
  width: auto;
  display: table-cell;
}

.sticky-header .container .container .col-lg-12 {
  padding: 0px;
}


/*--------------------------------------------------------------
5.0 Pages
--------------------------------------------------------------*/


/*--------------------------------------------------------------
6.0 Posts/Blog
--------------------------------------------------------------*/

/*-- Infinite Scrolling -- */

#infinite-handle {
  margin-bottom: 40px;
}

/* -- Archives -- */

body.blog .content-area,
body.archive .content-area {
  padding-bottom: 40px;
}

/* -- Blog Listings -- */

.startright-blog-loop-item {
  margin-bottom: 45px;
}

.startright-blog-image {
  margin: -36px -41px 35px -42px;
  transition: all 0.2s ease 0s;
}

.content-area .startright-blog-image img {
  margin-top: 0px;
  width: 100%;
}

/* -- Read More -- */

.ccfw-readmore {
  margin-top: 20px;
}

.content-area .more-link {
  background-color: #333;
  text-decoration: none;
  font-size: 15px;
  padding: 12px 28px;
  border-radius: 2px;
  display: inline-block;
  margin: 5px 0px;
  color: #fff;
}

.content-area .more-link:hover {
  opacity: 0.9;
  color: #fff;
}


/* -- Sharing and Likes -- */

body #content div.sharedaddy, body #main div.sharedaddy, div.sharedaddy {
  clear: none;
  float: left;
  padding: 15px 0px;
  margin-bottom: 5px;
}

.share-icons {
  display: inline-block;
  float: right;
}

body div.sharedaddy h3.sd-title {
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-bottom: 5px;
  font-weight: 400;
}

body div.sharedaddy h3.sd-title:before {
  display: none;
}

body div.sharedaddy.sd-sharing-enabled,
body div.sharedaddy.sd-link {
  float: left;
  clear: none;
}

body div.sharedaddy.sd-link iframe {
  margin-top: 4px;
}

body .wpl-count {
  clear: none;
}

body div.jetpack-likes-widget-wrapper {
  clear: none;
  float: left;
}

body .wpl-count-text {
  float: left;
  display: inline-block;
  position: relative;
  top: 2px;
}

/* -- Related Posts -- */

.content-area #jp-relatedposts h3.jp-relatedposts-headline em:before {
  margin-bottom: 1.4em;
}

.content-area #jp-relatedposts h3.jp-relatedposts-headline {
  font-size: 20px;
}

.content-area #jp-relatedposts h3.jp-relatedposts-headline,
.content-area #jp-relatedposts h3.jp-relatedposts-headline em {
  font-weight: inherit;
}

.content-area #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
  filter: inherit;
  -moz-opacity: inherit;
  opacity: inherit;
}

.content-area #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img {
  margin-bottom: 10px;
}

/*--------------------------------------------------------------
6.1 Blog Post
--------------------------------------------------------------*/

.startright-blog-loop-item {
  border: 1px solid #eee;
  border-left-width: 2px;
  padding: 35px 40px;
}

.startright-entry-header {
  margin-bottom: 20px;
}

.startright-entry-header h2 a {
  color: inherit;
}

.cat-links, .comments-link {
  margin-right: 20px;
}

.entry-footer .edit-link a {
  display: block;
  margin: 30px 0px;
  text-decoration: underline;
}

.content-area .startright-blog-loop-item .startright-entry-header h2 {
 margin: 0px; 
}

.startright-entry-meta,
.taxonomy-description p {
  font-size: 18px;
  color: #999;
  margin-top: 15px;
}

.entry-header.has-featured-image .startright-entry-meta,
.entry-header.has-featured-image .startright-entry-meta a {
  color: #ccc;
}

.content-area .startright-blog-loop-item .startright-entry-meta {
  font-size: 14px;
  margin-top: 7px;
  margin-bottom: 20px;
}

.startright-entry-meta .posted-on a,
.startright-entry-meta .byline a {
  color: #999;
}

.startright-entry-meta .comments-link {
  margin-left: 20px;
}

body.single-post img.attachment-ccfw-blog-featured-top {
  margin-bottom: 25px;
}

.entry-footer {
  clear: both;
}

.startright-entry-footer {
  font-size: 13px;
  border-top: 2px solid #f2f2f2;
  margin-top: 30px;
  padding-top: 20px;
  color: #777;
}

body.single-post .startright-entry-footer {
  border: none;
  padding: 5px 0px 15px 0px;
  clear: both;
}

.startright-entry-footer .edit-link {
  display: block;
  margin-top: 20px;
  font-size: 16px;
}

body.single-post .startright-entry-footer .edit-link {
  margin-top: 30px;
}

.startright-entry-footer .cat-links a,
.startright-entry-footer .tags-links a {
  color: #444;
  text-transform: capitalize;
}

.startright-entry-footer .cat-links a:hover,
.startright-entry-footer .tags-links a:hover {
  color: #111;
  text-decoration: none;
}

.startright-entry-footer .cat-links:before {
  content: '\f115';
  display: inline-block;
  font-family: 'FontAwesome';
  margin-right: 7px;
  font-size: 11px;
  opacity: 0.6;
}

.startright-entry-footer .tags-links:before {
  content: '\f097';
  display: inline-block;
  font-family: 'FontAwesome';
  margin-right: 7px;
  font-size: 11px;
  opacity: 0.6;
}

.startright-entry-meta .comments-link:before {
  content: '\f0e5';
  display: inline-block;
  font-family: 'FontAwesome';
  margin-right: 7px;
  font-size: 14px;
  opacity: 0.6;
  position: relative;
  top: -1px;
}


/* -- Dropcap and first paragraph styling -- */

.single-post .startright-entry-content p:first-child {
  font-size: 1.2em;
}

.single-post .dropcap {
  float: left;
  font-size: 58px;
  font-weight: 400;
  line-height: 0.8;
  margin-top: 9px;
  margin-right: 12px;
  text-shadow: #fff -3px -3px 0, #111 -4px -4px 0;
}

/* -- Sticky -- */

.sticky { 
  border-left-color: #117abc;  
}

/*--------------------------------------------------------------
6.2 Post Format Types
--------------------------------------------------------------*/

article.post_format-post-format-link p,
article.post_format-post-format-status p {
  border: 1px solid #f2f2f2;
  font-weight: 400;
  padding: 2em 4.6em;
  transition: all 0.2s linear;
  position: relative;
}

article.post_format-post-format-link p:before,
article.post_format-post-format-status p:before {
  color: #e2e2e2;
  font-size: 1.5em;
  position:absolute;
  left: 25px;
  top: 33px;
  font-family: FontAwesome;
}

article.post_format-post-format-link p:before {
  content: "\f0c1";
}

article.post_format-post-format-status p:before {
  content: "\f27a";
}


/*--------------------------------------------------------------
6.3 Blog Pagination
--------------------------------------------------------------*/

.startright-blog-pagination ul {
  padding: 0px;
  margin: 0px 0px 40px 0px;
}

.startright-blog-pagination ul li {
  display: inline-block;
  list-style-type: none;
  margin-right: 4px;
}

.startright-blog-pagination ul li a {
  text-decoration: none;
}

.blog-pagination ul li {
  list-style: none;
  float: left;
  margin-right: 5px;
}

.startright-blog-pagination ul li a {
  display: inline-block;
  border: 1px solid #ddd;
  padding: 10px 12px;
  border-radius: 2px;
  font-size: 14px;
  color: inherit;
}

.startright-blog-pagination ul li.active a {
  border-color: #333;
  background-color: #333;
  color: #fff;
}

body .content-area .startright-blog-pagination ul li.active a:hover {
  color: #fff;
}

.startright-blog-pagination ul li a:hover {
  border-color: #333;
}

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

.comments-area {
  display: block;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 16px;
}

h3.comments-title,
h3.comment-reply-title {
  margin-bottom: 20px;
}

#commentform {
  display: inline-block;
  width: 100%;
}

.comment-list #commentform {
  margin-top: 2%;
}

.comment-info {
  display: inline-block;
  margin: 5px 0 20px 0;
}

.content-area h2.comments-title {
  margin-top: 0px;
  margin-bottom: 25px;
  font-size: 26px;
}

.comment-meta {
  padding-left: 50px;
  position: relative;
}

.content-area .comment-meta a {
  text-decoration: none;
}

.comment-meta time,
.comment-meta .edit-link {
  font-size: 14px;
}

.comment-meta .edit-link {
  padding-left: 12px;
  margin-left: 8px;
  border-left: 1px solid #e2e2e2;
}

.content-area ol.comment-list {
  margin: 0px;
  padding: 0px;
}

.comment-content {
  background-color: #f5f5f5;
  padding: 30px 30px 12px 30px;
  position: relative;
  margin-top: 15px;
  margin-bottom: 10px;
}

.comment-content:after {
  bottom: 100%;
  left: 18px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-color: rgba(245, 245, 245, 0);
  border-bottom-color: #f5f5f5;
  border-width: 9px;
  margin-left: -10px;
}

.comment-content > h1:first-child,
.comment-content > h2:first-child,
.comment-content > h3:first-child,
.comment-content > h4:first-child,
.comment-content > h5:first-child,
.comment-content > h6:first-child {
  margin-top: 0px;
}

.content-area .comment-list,
.content-area .comment-list li {
  margin: 0;
  counter-reset: li;
}

.content-area .comment-list > li {
  list-style-type: none;
  margin-bottom: 4.5%;
}

.content-area .comment-list .children {
  margin: 6% 0 0 0;
  padding-left: 50px;
  border-left: solid 2px #f2f2f2;
}

@media (max-width: 600px) {
  .comment-list .children {
    padding-left: 15px;
  }
}

.content-area .comment-list .children li {
  margin-bottom: 6%;
}

.content-area .comment-list .children li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.content-area .comment-list .children > li {
  list-style: none;
}

.content-area .comment-list .reply {
  margin-bottom: 0;
  font-size: 14px;
}

.content-area .comment-list .reply a {
  color: #848a96;
}

.content-area .comment-list .reply a:hover {
  color: #343E47;
}

.comment-list .avatar {
  display: inline-block;
  border-radius: 50%;
  vertical-align: top;
  position: absolute;
  left: 0px;
  margin-top: 6px;
  margin-bottom: 0px;
}

.comment-wrap {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.comment-list .comment-reply-title {
  margin-bottom: 0px;
  border: none;
  padding: 0;
}

.comment-list .comment-reply-title small {
  float: right;
  margin-top: 4px;
}

.content-area h3.comment-reply-title {
  border-top: 1px solid #eee;
  padding-top: 35px;
}

.comment-navigation {
  font-size: 16px;
  margin: 0px;
  background: none;
}

.comment-navigation .button {
  display: inline-block;
}

.comment-navigation .button:empty {
  display: none;
}

/* -- Form Submit -- */

p.form-submit {
  margin-bottom: 30px;
}

/* -- Comment Subscription -- */

p.comment-subscription-form {
  margin-bottom: 8px;
  font-size: 14px;
}

p.comment-subscription-form input {
  margin: 0px 5px 0px 0px;
  position: relative;
  top: -1px;
}

/* -- Post Author -- */

.bypostauthor {  }


/*--------------------------------------------------------------
6.5 Post Navigation
--------------------------------------------------------------*/

.nav-links {
  padding: 0px;
  width: 100%;
  font-size: 18px;
  margin: 60px 0px;
}

.single-post .nav-links {
  margin: 0px;
}

.nav-links .nav-previous a:before {
  content: "\f104";
  font-family: "FontAwesome";
  margin-right: 10px;
}

.nav-links .nav-next a:after {
  content: "\f105";
  font-family: "FontAwesome";
  margin-left: 10px;
}

.nav-text {
  display: inline-block;
  vertical-align: top;
}

.post-navigation {
  background: #424a55;
  width: 100%;
  display: inline-block;
  margin-bottom: -10px;
}

.post-navigation .nav-post {
  display: inline-block;
  width: 50%;
  float: left;
  position: relative;
  padding: 5%;
  overflow: hidden;
}

.post-navigation .nav-post a {
  position: relative;
}

.post-navigation .nav-post span {
  display: block;
  position: relative;
}

.post-navigation .nav-label {
  background: #f35245;
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
}

.post-navigation .nav-post {
  display: inline-block;
  width: 50%;
  float: left;
  position: relative;
  padding: 5%;
}

.post-navigation a:only-of-type .nav-post {
  width: 100%;
}

.post-navigation span {
  display: inline-block;
  font-size: 22px;
  color: #fff;
}

.post-navigation span.meta-date {
  font-size: 16px;
  margin-top: 5px;
  opacity: 0.5;
}

.post-navigation span.meta-nav {
  background: #111;
  padding: 4px 8px;
  border-radius: 2px;
  font-size: 13px;
  color: #fff;
  display: inline-block;
  margin-bottom: 15px;
}

.nav-post-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-size: cover;
  background-position: center center;
}

.nav-post-background:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  transition: 0.15s ease-in-out;
}

.post-navigation a:hover .nav-post-background:after {
  opacity: 0.4;
}

/*--------------------------------------------------------------
7.0 Widgets
--------------------------------------------------------------*/

.widget {
  font-size: 14px;
  margin-bottom: 40px;
}

.startright-footer-msg .sep {
  margin: 0px 10px 0px 8px;
  border-left: 1px solid;
}

.widget-title {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: inherit;
}

/* -- Widget: Recent Comments -- */

.widget li.recentcomments {
  padding-top: 12px;
  margin-top: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* -- Widget: Tags -- */

.widget_tag_cloud a,
.widget_product_tag_cloud a {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.05);
  color: inherit;
  margin: 2px 0px;
  font-size: 12px !important;
  opacity: 0.8;
  padding: 3px 9px;
}

.widget_tag_cloud a:hover,
.widget_product_tag_cloud a:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 1;
}

/* -- Widget: RSS -- */

.widget_rss .widget-title img {
  width: 13px;
  height: 13px;
  margin-right: 2px;
  position: relative;
  bottom: -2px;
}

.widget_rss li {
  margin-bottom: 20px;
}

.widget_rss li a {
  display: block;
}

.widget_rss li .rss-date {
  display: block;
  margin-top: 2px;
  margin-bottom: 8px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #888;
}

.widget_rss li .rssSummary { 
  margin-top: 5px; 
}

.widget_rss li cite {
  display: block;
  margin-top: 8px;
  font-size: 0.9em;
}

.widget_rss li cite:before { 
  content: "— "; 
}


/* -- Widget: Calendar */

#wp-calendar {
  width: 100%;
  margin-top: 10px;
  background: #fff;
  border: 1px solid #eee;
  color: #222;
}

#wp-calendar caption {
  color: #fff;
  text-align: center;
  background: #444;
  padding: 7px 0px;
  margin-bottom: -1px;
}

#wp-calendar th, #wp-calendar td {
  text-align: center;
  font-size: 13px;
  padding: 2px;
}

#wp-calendar thead th {
  background-color: #f6f6f6;
  padding: 5px 0px;
  color: #888;
  font-weight: inherit;
  font-size: 13px;
}

#wp-calendar thead,
#wp-calendar tbody,
#wp-calendar tfoot {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

#wp-calendar tfoot {
  border-top: 1px solid #eee;
}

#wp-calendar tfoot td#prev {
  text-align: left;
  padding: 4px 12px;
}

#wp-calendar tfoot td#next {
  text-align: right;
  padding: 6px 10px;
}

#wp-calendar tfoot a {
  text-transform: uppercase;
  font-size: 12px;
}

#wp-calendar a:hover {
  text-decoration: none;
}


/* -- Widget: Recent Posts -- */

.widget_recent_entries li {
  padding-top: 12px;
  margin-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#secondary .widget_recent_entries li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.widget_recent_entries li a {
  display: block;
}

.widget_recent_entries li .post-date {
  display: block;
  margin-top: 2px;
  margin-bottom: 8px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: 0.6;
  position: relative;
  padding-left: 18px;
}

.widget.widget_recent_entries ul li .post-date:before {
  content: "\f017";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 2px;
  opacity: 0.7;
}

/* -- Widget: Listings -- */

.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li { 
  color: #888; 
  margin-bottom: 3px;
}


/* -- Widget: Advanced Sidebar Listings -- */

.advanced-sidebar-menu {
  margin-top: 15px;
}

.advanced-sidebar-menu ul li  {
  display: block;
}

.advanced-sidebar-menu ul li.current_page_item > a,
.advanced-sidebar-menu ul li.current_page_item > a:hover,
.advanced-sidebar-menu ul li.current_page_parent > a,
.advanced-sidebar-menu ul li.current_page_parent > a:hover {
  background-color: #117abc;
  border-color: #117abc;
  color: #fff;
}

.sidebar.right-sidebar .advanced-sidebar-menu ul li > a:hover {
  border-color: #117abc;
}

.advanced-sidebar-menu ul > li > a:hover {
  background-color: #f1f1f1;
}

.advanced-sidebar-menu ul li a:hover {
  color: #117abc;
}

.advanced-sidebar-menu ul li {
  margin-bottom: 0px;
}

.advanced-sidebar-menu ul li a {
  color: #343434;
  padding: 13px 12px 13px 16px;
  display: block;
  background: #f8f8f8;
  border-right: 2px solid #f1f1f1;
  margin-bottom: 3px;
  text-align: left;
  position: relative;
  transition: all 0.25s ease-in-out;
}

.advanced-sidebar-menu ul li a {
  display: block;
}

.advanced-sidebar-menu ul > li > a:hover,
.sidebar.right-sidebar .advanced-sidebar-menu ul > li > a:hover {
  border-color: #ccc;
}

.advanced-sidebar-menu ul ul.children li a {
  margin: 0px;
  padding-top: 8px;
  padding-bottom: 0px;
  font-size: 14px;
}

.advanced-sidebar-menu ul ul.children {
  margin-top: -14px;
  position: relative;
  z-index: 2;
  border: none;
}

.advanced-sidebar-menu ul ul.children li a,
.advanced-sidebar-menu ul ul.children li a:hover {
  font-size: 13px;
  color: #fff;
}

.advanced-sidebar-menu ul ul.children li:last-child a {
  padding-bottom: 14px;
}

.advanced-sidebar-menu ul ul.children li a:before {
  content: "\f125";
  font-family: 'Ionicons';
  font-style: normal;
  font-size: 9px;
  margin-left: 1px;
  margin-right: 8px;
  position: relative;
  top: -1px;
}

.advanced-sidebar-menu ul ul.children li.current_page_item a {
  font-weight: bolder;
}

/* -- Widget: Social media icons widget (Jetpack) -- */

.widget_wpcom_social_media_icons_widget ul {
  margin-top: 20px;
}

.widget.widget_wpcom_social_media_icons_widget li {
  margin-right: 0.7em;
}

.widget_wpcom_social_media_icons_widget ul li a {
  font-size: 18px;
}

/* -- Widget: Contact Info Widget (Jetpack) -- */

.widget_contact_info {
  font-size: 14px;
}

.widget_contact_info .contact-map {
  margin: 15px 0px;
}

.widget_contact_info .confit-address {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 10px;
  margin-bottom: 11px;
}

/* -- Widget: Subscribe by Email (Jetpack) -- */

.jetpack_subscription_widget {
  padding: 30px;
  background-color: #f5f5f5;
}

.jetpack_subscription_widget #subscribe-email input {
  width: 100%;
  font-size: 14px;
  padding: 8px 7px;
  border: 1px solid #e2e2e2;
}

.jetpack_subscription_widget #subscribe-email input:focus {
  border-color: #ccc;
}

.jetpack_subscription_widget #subscribe-email,
.jetpack_subscription_widget #subscribe-submit {
  margin-bottom: 0px;
}

/* -- Widget: Sidebar Feature -- */

.startright-content .widget_text.widget {
  padding: 35px 25px;
  border: 3px double #f1f1f1;
}

.startright-content .widget_text.widget p:last-child {
  margin-bottom: 0px;
}

.startright-content .widget_text.widget p.with-icon i {
  margin-right: 5px;
  font-size: 14px;
  color: #999;
  position: relative;
}

/* -- Widget: Selects -- */

.widget select {
  max-width: 100%;
  width: 100%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS */
  .widget select {
    padding-right: 0px;
    background-image: none;
  }
}


/*-------------------------------------------------------------------------*/
/*  8.0  Search
/*-------------------------------------------------------------------------*/

.search-form,
form.woocommerce-product-search {
  position: relative;
}

.search-form label {
  width: 100%;
}

input.search-field {
  background: #FFF;
  padding: 0px 14px 0px 12px;
  border: 1px solid #EEE;
  width: 100%;
  line-height: normal;
  height: 50px;
}

input.search-field:focus {
  border-color: #ccc;
}

.startright-header-details-right input.search-field {
  float: right;
}

.startright-header-details-right input.search-field:focus {
  width: 110%;
}

.search-form:before,
.woocommerce-product-search:before {
  content: "\f002";
  position: absolute;
  top: 0px;
  right: 13px;
  font-weight: 400;
  font-family: "FontAwesome";
  z-index: 0;
  color: #111;
  background: #fff;
  padding: 4px;
  font-size: 13px;
  height: 44px;
  margin-top: 1px;
  line-height: 42px;
}

.startright-header-topbar .search-form:before {
  top: 13px;
}

.search-form input.search-submit,
.woocommerce-product-search input[type="submit"] {
  position: absolute;
  border: none;
  z-index: 2;
  background: transparent;
  top: 0px;
  right: 0px;
  padding: 14px 24px;
  text-indent: -9999px;
  height: 50px;
  cursor: pointer;
}

/* -- Search Results -- */

body.search-results .content-area article {
  padding-top: 35px;
  border-top: 1px solid #eee;
  margin-top: 40px;
}

body.search-results .content-area article:first-child {
  border: none;
  padding: 0px;
  margin: 0px;
}

body.search-results .content-area article:last-child {
  margin-bottom: 60px;
}

body.search-results .startright-entry-meta {
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: -5px;
}

/* -- No Results -- */

.content-area .no-results h1 {
  font-size: 32px;
  margin-top: 0px;
}

.content-area .no-results {
  min-height: 300px;
}

.content-area .no-results input[type="submit"] {
  background-color: transparent;
}

/*-------------------------------------------------------------------------*/
/*  9.0  Footer
/*-------------------------------------------------------------------------*/

.startright-footer-container {
  position: relative;
  margin-top: -1px;
}

/* -- First Footer -- */

.startright-first-footer-wrapper {
  padding: 70px 0px 30px 0px;
}

.startright-first-footer-wrapper h4 {
  margin-bottom: 25px;
}

.startright-first-footer-wrapper .textwidget p {
  padding-right: 12px;
  line-height: 1.6;
}

.startright-first-footer-wrapper img.logo {
  max-height: 42px;
  display: block;
  margin-bottom: 20px;
}

.first-footer .widget_tag_cloud a,
.first-footer .widget_product_tag_cloud a {
  background-color: #333;
}

.first-footer .widget_tag_cloud a:hover,
.first-footer .widget_product_tag_cloud a:hover {
  background-color: #222;
}

.startright-first-footer-wrapper .widget_mc4wp_form_widget {
  margin-bottom: 30px;
}


/* -- Second Footer -- */

.startright-last-footer {
  padding: 24px 0px;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
}

.startright-last-footer a {
  padding-bottom: 1px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.startright-last-footer a:hover {
  border-color: rgba(255, 255, 255, 1);
}

.startright-last-footer strong {
  font-weight: inherit;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 13px;
  margin-left: 10px;
}

.startright-last-footer i {
  font-size: 0.75em;
  color: #e93320;
  margin: 0px 5px;
  position: relative;
  top: -1px;
}

/* -- Back to top -- */

#ccfw-back-to-top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 9999;
  width: 42px;
  height: 42px;
  font-size: 24px;
  text-align: center;
  line-height: 42px;
  background: #333;
  color: #fff;
  cursor: pointer;
  border: 0;
  text-decoration: none;
  transition: all 0.3s ease-in-out 0s;
  opacity: 0;
}

#ccfw-back-to-top:hover {
  transform: translate3d(0, -5px, 0);
  -webkit-transform: translate3d(0, -5px, 0);
}

#ccfw-back-to-top.show {
  opacity: 1;
}

/* --------------------------------------------------------------
10.0 Crelly Slider
-------------------------------------------------------------- */

#slider .kc_column {
  padding-left: 0px;
  padding-right: 0px;
}

.content-area .crellyslider > .cs-navigation > .cs-slide-link {
  width: 10px;
  height: 10px;
  box-shadow: none;
}

.content-area .crellyslider > .cs-controls {
  margin-top: -60px;
}

.content-area .crellyslider > .cs-controls > .cs-previous, 
.content-area .crellyslider > .cs-controls > .cs-next {
  box-shadow: none;
  width: 35px;
  height: 120px;
  border: none;
  border-radius: 0px;
  background-color: rgba(0,0,0,0.3);
  transition: all 0.2s ease 0s;
}

.content-area .crellyslider > .cs-controls > .cs-previous:hover, 
.content-area .crellyslider > .cs-controls > .cs-next:hover {
  background-color: rgba(0,0,0,0.8);
}

.content-area .crellyslider > .cs-controls > .cs-previous,
.content-area .crellyslider > .cs-controls > .cs-next {
  background-image: none;
}

.content-area .crellyslider > .cs-controls > .cs-previous:after, 
.content-area .crellyslider > .cs-controls > .cs-next:after {
  position: absolute;
  left: 0;
  color: #fff;
  width: 100%;
  height: 100%;
  content: "\f105";
  font-family: 'FontAwesome';
  line-height: 120px;
  text-align: center;
  display: block;
  font-size: 26px;
  opacity: 0.7;
}

.content-area .crellyslider > .cs-controls > .cs-previous:after {
  content: "\f104";
}

.content-area .crellyslider > .cs-controls > .cs-previous {
  left: 0px;
}

.content-area .crellyslider > .cs-controls > .cs-next {
  right: 0px;
}


/* --------------------------------------------------------------
11.0 Responsive
-------------------------------------------------------------- */

@media only screen and (max-width: 991px) {

  .startright-header-details-right {
    display: none;
  }

}

@media only screen and (max-width: 970px) {

  .sticky-header {
    display: none;
  }

  #ccfw-back-to-top {
    visibility: hidden;
  }

}


@media only screen and (max-width: 770px) {

  .startright-header-main {
    padding: 25px 0;
  }

  .startright-header-branding,
  .startright-header-details {
    display: block;
    width: 100%;
    text-align: center;
  }

  .startright-header-details .widget.widget_text {
    text-align: center;
    border: none;
    padding: 0px;
    margin: 5px 0px -10px 0px;
  }

  .startright-header-topbar span {
    margin-left: 0px;
    margin-right: 0px;
    display: block;
  }

  .startright-header-topbar {
    text-align: center;
  }

  .top-bar-right {
    text-align: center;
    margin-top: 8px;
  }

  .startright-blog-loop-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .startright-blog-image {
    margin-right: -21px;
    margin-left: -22px;
  }

  .content-area span.tags-links {
    display: block;
    padding-left: 3px;
  }

  .content-area #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
    padding-right: 0px;
  }

  p.comment-subscription-form input {
    top: 1px;
  }

  .post-navigation .nav-post {
    width: 100%;
    padding: 7% 5%;
  }

  /* -- Responsive Crelly Slider -- */

  .content-area .crellyslider > .cs-navigation,
  .content-area .crellyslider > .cs-controls { 
    visibility: hidden; 
  }

}