/*
Theme Name:		StartRight Pro
Theme URI:		https://www.createandcode.com/themes/startright-pro
Author:			  CreateandCode
Author URI:		https://www.createandcode.com/
Description:	The Professional version of the popular StartRight WordPress Theme
Version:		  1.3.2
License:		  GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:	startright-pro
Tags:			    two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, 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 Pro 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.4.1 Call to Action
	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
  6.6 Grid Layout
7.0 Widgets
8.0 Search
9.0 Footer
10.0 Crelly Slider
11.0 WooCommerce
12.0 Portfolio
13.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;
  }
}

/* -- 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;
}

/* -- Heading Call to Action -- */

.heading-cta-wrapper {
  display: table;
  width: 100%;
}

.heading-cta-wrapper .heading-title, .heading-cta-wrapper .heading-cta {
  display: table-cell;
  vertical-align: middle;
}

.heading-cta-wrapper .heading-cta {
  text-align: right;
}

.heading-cta-wrapper .heading-cta a {
  background-color: #faaa00;
  color: #fff;
  padding: 15px 1.7em 12px 1.7em;
  border-radius: 3px;
  font-size: 20px;
  white-space: nowrap;
  margin-left: 25px;
  display: inline-block;
  border-bottom: 2px solid transparent;
  border-bottom-color: rgba(0,0,0,0.15);
  transition: all 0.2s ease;
  text-align: center;
}

.heading-cta-wrapper .heading-cta a:after {
  content: "\f105";
  font-family: 'Fontawesome';
  margin-left: 12px;
  font-size: 16px;
  position: relative;
  top: -1px;
}

.heading-cta-wrapper .heading-cta a:hover {
  opacity: 0.9;
}


/*--------------------------------------------------------------
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;
}

.top-bar-right .widget {
    float: 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 .top-bar-right .widget {
  margin-bottom: 0;
}

.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;
}

/* -- WPML -- */

.startright-header-topbar .widget #lang_sel {
  height: inherit;
  font-family: inherit;
  margin-left: 20px;
}

.startright-header-topbar .widget_icl_lang_sel_widget {
  line-height: 0.5;
  text-align: left;
  position: relative;
  top: -1px;
}

.startright-header-topbar #lang_sel ul {
  text-align: left;
}

.startright-header-topbar #lang_sel ul ul {
  top: 24px;
}

.startright-header-topbar #lang_sel a {
  font-size: 14px;
  border: none;
}

.startright-header-topbar #lang_sel a.lang_sel_sel {
  background-image: none;
}

.startright-header-topbar #lang_sel a.lang_sel_sel:after {
  content: '\f107';
  font-family: 'FontAwesome';
  font-size: 12px;
  opacity: 0.4;
  position: absolute;
  right: 7px;
}

.startright-header-topbar #lang_sel ul ul a {
  border: 1px solid #eee;
}

.startright-header-topbar #lang_sel ul ul li img {
  margin-right: 2px;
}

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

/* -- 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;
}

.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.startright-site-logo img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  width: auto;
  height: auto;
}

.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;
}

.startright-header-details {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
}

.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 .widget.widget_text,
.startright-header-details .widget.widget_text_icl {
    text-align: left;
    padding-left: 25px;
    border-left: 1px solid #eee;
}

.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: 23px;
  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;
  border: 3px solid #555;
  left: 6px;
  border-radius: 999px;
}

.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 .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 > li a strong {
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 0.05em;
  line-height: 1;
  position: relative;
  top: -3px;
  margin-right: 0.4em;
  padding: 1px 3px 1px 4px;
  border-radius: 2px;
  background-color: #117abc;
  text-align: center;
  color: #FFF;
}


.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 strong {
  top: -1px;
}

.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 {
  max-height: 40px;
  max-width: inherit !important;
  position: relative;
  top: 50%;
  transform: translateY(-25%);
}

body .sticky-header .startright-site-logo a {
  line-height: inherit;
}

.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;
}

/* -- Blog posts using the 'Display Posts' plugin -- */

.blog-list {
  margin: 0px -15px;
}

.blog-list .listing-item {
  width: 33.333%;
  padding: 0px 20px;
  float: left;
  margin-bottom: 60px;
}

.blog-list .listing-item:nth-of-type(3n+1) {
  clear: both;
}

.blog-list .excerpt-dash {
  display: none;
}

.blog-list .listing-item a.image img {
  width: 100%;
}

.blog-list .excerpt {
  font-size: 15px;
  line-height: 1.55em;
  display: block;
  opacity: 0.8;
}

.blog-list .excerpt a {
  clear: both;
  display: table;
  padding: 11px 20px;
  color: #fff;
  background: #117ABC;
  margin-top: 20px;
  border-radius: 2px;
}

.blog-list .excerpt a:hover {
  opacity: 0.92;
}

.blog-list .listing-item a.title {
  display: block;
  font-size: 22px;
  margin-top: 15px;
  margin-bottom: 8px;
  color: #111;
  line-height: 1.5em;
}

.blog-list .listing-item a.title:hover {
  opacity: 0.7;
}



/*--------------------------------------------------------------
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 {
  clear: both;
}

.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;
}


/*--------------------------------------------------------------
6.6 Grid Layout
--------------------------------------------------------------*/

.grid-blog .startright-blog-loop-item {
  border: none;
  padding: 0px;
}

.grid-blog .startright-entry-header {
  margin-bottom: 10px;
}

.grid-blog .content-area .startright-blog-loop-item .startright-entry-meta {
  margin-bottom: auto;
}

.startright-content .grid-blog h2 {
  font-size: 24px;
  line-height: 1.45em;
  margin-bottom: 10px;
}

.grid-blog .startright-entry-footer,
.grid-blog .startright-entry-meta .comments-link {
  display: none;
}

.grid-blog.left-content {
  padding-right: inherit;
}

.grid-blog.right-content {
  padding-left: inherit;
}

.grid-blog .startright-blog-image {
  margin: 0px 0px 10px 0px;
}

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

  .grid-of-two .startright-blog-loop-item,
  .grid-of-three .startright-blog-loop-item {
    float: left;
    padding: 0px 15px;
  }

  .grid-of-two .startright-blog-loop-item {
    width: 50%;
  }

  .grid-of-three .startright-blog-loop-item {
    width: 33.3%;
  }

  .grid-of-two .startright-blog-loop-item:nth-of-type(2n+1),
  .grid-of-three .startright-blog-loop-item:nth-of-type(3n+1) {
    clear: both;
  }

  .grid-blog .site-main {
    margin-left: -15px;
    margin-right: -15px;
  }

  .col-lg-9.left-content.grid-blog .site-main {
    margin-left: -15px;
    margin-right: 15px;
  }

  .col-lg-9.right-content.grid-blog .site-main {
    margin-left: 15px;
    margin-right: -15px;
  }

}

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

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

.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
-------------------------------------------------------------- */

.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 WooCommerce
/*-------------------------------------------------------------------------*/

body.woocommerce.archive .col-lg-9 {
  padding-top: 8px;
}

.woocommerce .woocommerce-ordering, 
.woocommerce .woocommerce-result-count {
  margin: 0px 0px 10px 0px;
  font-size: 14px;
  color: #999;
}

.woocommerce .woocommerce-result-count {
  margin-bottom: 15px;
}

body.woocommerce .woocommerce-ordering {
  position: relative;
  top: -8px;
}

.woocommerce .products ul, 
.woocommerce ul.products {
  margin-left: -2px;
  margin-right: -4px;
}

/* -- Widgets */

.widget.woocommerce {
  margin-bottom: 50px;
}

#secondary .widget_product_categories h4.widget-title {
  margin-top: 0px;
  margin-bottom: 20px;
}

.widget.woocommerce .amount {
  color: #333;
  font-weight: 400;
}

.widget.woocommerce .amount span {
  font-weight: 400;
}

.widget.woocommerce ins {
  text-decoration: none;
  background: transparent;
}

/* Widget - Product List */

.widget.woocommerce ul.product_list_widget li a {
  font-weight: 400;
}

.widget.woocommerce ul.product_list_widget li .star-rating {
  font-size: 12px;
  margin: 3px 0px 5px 0px;
  letter-spacing: 0.05em;
}

.woocommerce ul.product_list_widget li img {
  margin-left: 10px;
  width: 62px;
}

#secondary .widget.woocommerce ul.product_list_widget li {
  border-top: 1px solid #eee;
  padding-top: 12px;
  padding-bottom: 12px;
}

.widget.woocommerce ul.product_list_widget li del,
.widget.woocommerce ul.product_list_widget li del span.amount {
  color: #999;
  margin-right: 1px;
}

.woocommerce .widget_layered_nav ul li .count {
  font-size: 0.8em;
  margin-left: 3px;
  color: #999;
}

/* Widget - Cart */

.woocommerce .widget_shopping_cart .cart_list li.empty {
  padding-left: 0em;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove {
  top: 13px;
}

.woocommerce .widget_shopping_cart .total, 
.woocommerce.widget_shopping_cart .total {
  padding: 8px 0px 0px;
}

.woocommerce .widget_shopping_cart .total strong, 
.woocommerce.widget_shopping_cart .total strong {
  font-weight: 400;
}

.woocommerce .widget_shopping_cart .total .amount,
.woocommerce.widget_shopping_cart .total .amount {
  color: inherit;
}

.woocommerce .startright-content .widget_shopping_cart a.button {
  background: #eee;
  color: #333;
}

.woocommerce .startright-content .widget_shopping_cart a.button.checkout {
  background: #117abc;
  color: #fff;
}

/* -- Widget - Product Categories -- */

.woocommerce .widget_product_categories ul li .count  {
    font-size: 0.8em;
    margin-left: 3px;
    color: #999;
}

.woocommerce .widget_product_categories ul li {
  margin-bottom: 3px;
}

.woocommerce .widget_product_categories ul.children {
  margin: 3px 0px 5px 15px;
}

/* Widget - Price Filter */

.price_slider_wrapper {
  margin-top: 25px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background-color: #eee;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #ccc;
  width: 0.69em;
  height: 0.69em;
  top: -0.18em;
}

.woocommerce .widget_price_filter .ui-slider-horizontal {
  height: 0.3em;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
  margin-top: 3px;
  font-size: 1em;
}

/* Widget - Ratings Filter */

.woocommerce .widget_rating_filter ul li {
  margin-bottom: 5px;
  font-size: 12px;
}

.woocommerce .widget_rating_filter .star-rating {
  font-size: 13px;
  width: 5.0em;
  margin-bottom: -3px;
  margin-right: 3px;
}

/* -- Product Card */

.woocommerce .products ul, .woocommerce ul.products {
  margin-bottom: 0px;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
  width: 30.75%;
}

body.woocommerce-page ul.products li.product a img {
  margin-bottom: 0.5em;
  border-radius: 2px;
  border: 2px solid transparent;
  transition: all 0.2s ease 0s;
}

body.woocommerce-page ul.products li.product a:hover img {
  border-color: #117abc;
}

body.woocommerce-page ul.products li.product h3 {
  padding: 0px;
  margin: 16px 2px 2px 2px;
  line-height: 1.4em;
  font-size: 16px;
  font-weight: 400;
}

body.woocommerce-page ul.products li.product .price {
  font-size: 1em;
  overflow: hidden;
  margin-left: 2px;
}

body.woocommerce span.onsale {
  min-width: 3.736em;
  background-color: #6FC400;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: inherit;
  margin: -1px;
}

body.woocommerce-page ul.products li.product .price ins {
  text-decoration: none;
}

body.woocommerce-page ul.products li.product .price {
  color: inherit;
}

body.woocommerce-page ul.products li.product .price del {
  color: #777;
}

body.woocommerce-page ul.products li.product .button {
  margin-top: 0em;
  font-size: 14px;
  margin: 0px 2px;
  padding: 12px 18px;
}

body.woocommerce-page ul.products li.product .star-rating {
  font-size: 11px;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 2px;
  letter-spacing: 0.06em;
  line-height: 0.85em;
}

body.woocommerce-page ul.products li.product .price del {
  float: left;
  margin-right: 7px;
}

body.woocommerce-page ul.products li.product .price ins {
  float: left;
  font-weight: 400;
}

.woocommerce a.added_to_cart {
  border-bottom: 2px solid;
  margin-left: 5px;
  font-size: 15px;
  line-height: 1.4em;
  position: relative;
  top: -2px;
}

.woocommerce #respond input#submit.loading:after,
.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after {
  position: relative;
  font-size: 12px;
  margin-left: 10px;
  vertical-align: middle;
  top: -1px;
  right: auto;
}

.woocommerce ul#shipping_method .amount {
  font-weight: inherit;
}

/* -- Star Rating */

body .woocommerce .star-rating {
  font-family: inherit;
}

.woocommerce .star-rating span:before {
  color: #ee9e13;
}

.woocommerce .star-rating:before {
  content: "☆☆☆☆☆";
}

.woocommerce .star-rating span:before {
  content: "★★★★★";
}

body.woocommerce nav.woocommerce-pagination ul {
  border: none;
}

body.woocommerce nav.woocommerce-pagination ul li {
  border: none;
  margin: 0px 2px;
}

.woocommerce p.stars a {
  color: #999;
}

.woocommerce p.stars a.star-1:after, 
.woocommerce p.stars a.star-2:after, 
.woocommerce p.stars a.star-3:after, 
.woocommerce p.stars a.star-4:after, 
.woocommerce p.stars a.star-5:after {
  font-family: inherit;
}

.woocommerce p.stars a.star-1:after {
  content: "☆";
}

.woocommerce p.stars a.star-2:after {
  content: "☆☆";
}

.woocommerce p.stars a.star-3:after {
  content: "☆☆☆";
}

.woocommerce p.stars a.star-4:after {
  content: "☆☆☆☆";
}

.woocommerce p.stars a.star-5:after {
  content: "☆☆☆☆☆";
}

.woocommerce p.stars a.star-1.active:after, .woocommerce p.stars a.star-1:hover:after {
  content: "★";
  color: #ee9e13;
}

.woocommerce p.stars a.star-2.active:after, .woocommerce p.stars a.star-2:hover:after {
  content: "★★";
  color: #ee9e13;
}

.woocommerce p.stars a.star-3.active:after, .woocommerce p.stars a.star-3:hover:after {
  content: "★★★";
  color: #ee9e13;
}

.woocommerce p.stars a.star-4.active:after, .woocommerce p.stars a.star-4:hover:after {
  content: "★★★★";
  color: #ee9e13;
}

.woocommerce p.stars a.star-5.active:after, .woocommerce p.stars a.star-5:hover:after {
  content: "★★★★★";
  color: #ee9e13;
}

/* -- Products Pagination */

.woocommerce nav.woocommerce-pagination {
  margin-bottom: 50px;
}

body.woocommerce nav.woocommerce-pagination ul li a,
body.woocommerce nav.woocommerce-pagination ul li span.current {
  border: 1px solid #e2e2e2;
  background: transparent;
  padding: 15px 12px;
  font-size: 15px;
}

body.woocommerce nav.woocommerce-pagination ul li a, 
body.woocommerce nav.woocommerce-pagination ul li span {
  font-weight: inherit;
}

body.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover {
  color: inherit;
  background: transparent;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
  background-color: transparent;
  border-color: #999;
}


/* -- Product Details */

.woocommerce .woocommerce-product-rating .star-rating {
  margin-top: 0.55em;
  letter-spacing: 0.055em;
}

.woocommerce div.product .product_title {
  font-size: 32px;
  margin-bottom: 5px;
  line-height: 1.3em;
}

body.woocommerce div.product .woocommerce-product-rating {
  font-size: 0.85em;
  margin-bottom: 0.15em;
  margin-top: -4px;
}

.woocommerce div.product div.images .thumbnails a,
.woocommerce div.product div.images .thumbnails img {
  width: 60px;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background-color: #f5f5f5;
  margin: 0px;
  border-radius: 2px;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus {
  outline: 0;
}

body.woocommerce div.product form.cart .variations td.label {
  text-transform: capitalize;
}

body.woocommerce div.product form.cart .variations label {
  font-weight: 400;
}

.woocommerce div.product a.woocommerce-review-link {
  position: relative;
  color: inherit;
  top: 1px;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.05em;
  font-weight: 400;
}

.woocommerce input.button.alt,
.woocommerce input.button.alt:hover,
body.woocommerce button.button.alt,
body.woocommerce button.button.alt:hover,
body.woocommerce button.button.alt.disabled,
body.woocommerce button.button.alt.disabled:hover,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background-color: #117abc;
}

body.woocommerce div.product form.cart {
  margin-top: 1.5em;
}

.woocommerce div.product form.cart .button {
  width: 75%;
  height: 60px;
  padding: 0px;
  font-weight: inherit;
  font-size: 24px;
  text-transform: capitalize;
  border-radius: 2px;
  margin-left: 1.2%;
  margin-top: 0px;
}

.woocommerce button.button.alt:hover {
  opacity: 0.9;
}

.woocommerce .quantity .qty {
  width: 3.5em;
  text-align: center;
  height: 60px;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
}

.woocommerce .quantity .qty:focus {
  border-color: #ccc;
}

.product_meta {
  font-size: 13px;
  padding-top: 15px;
  border-top: 1px dotted #e2e2e2;
}

.product_meta span.sku_wrapper,
.product_meta span.posted_in {
  display: block;
  line-height: 1.6em;
  margin-bottom: 5px;
}

body.woocommerce-page div.product div.thumbnails a.first {
  clear: inherit;
}

body.woocommerce-page div.product div.thumbnails a.last {
  margin-right: 3.8%;
}

/* -- Product Tabs */

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0px;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li {
  margin-right: 5px;
  border-color: #e2e2e2;
  background-color: #f7f7f7;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active {
  background: #fff;
  border-bottom-color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  border-color: #e2e2e2;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-weight: 400;
  font-size: 14px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  visibility: hidden;
}


/* -- Product Reviews */

.woocommerce div.product .woocommerce-tabs p.woocommerce-noreviews {
  margin-top: -10px;
  margin-bottom: 30px;
}

.woocommerce div.product p.price {
  margin-right: 7px;
  margin-bottom: 15px;
}

.woocommerce div.product p.price span.amount {
  color: #117abc;
}

.woocommerce div.product p.price del {
  margin-right: 6px;
  font-size: 18px;
  color: #888;
}

.woocommerce div.product p.price del span.amount {
    color: #888;
}

.woocommerce div.product p.price ins {
  text-decoration: none;
  font-weight: 400;
}

.woocommerce #review_form p.stars {
  font-size: 13px;
}

.woocommerce #review_form #respond p.comment-form-rating {
  margin-bottom: 20px;
}

.woocommerce #review_form #respond p input[type="text"],
.woocommerce #review_form #respond p input[type="email"] {
  display: block;
  width: 100%;
  margin-top: 8px;
}

.woocommerce #review_form #respond p.comment-form-email {
  margin-top: 15px;
}

.woocommerce #review_form p.stars span {
  position: relative;
  top: 6px;
  left: 0px;
  width: 80%;
}

.woocommerce p.comment-form-comment {
  clear: both;
}

.woocommerce #reviews #comments h2,
.woocommerce #reviews h3 {
  margin-bottom: 20px;
}

.woocommerce #reviews h3.comment-reply-title {
  margin-bottom: 10px;
}

.woocommerce #reviews #comments ol.commentlist {
  margin-bottom: 20px;
}

.woocommerce #reviews #comments ol.commentlist .description {
  margin: 10px 0px 20px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
  width: 48px;
  border-radius: 3px;
  padding: 0px;
  border: none;
  background-color: transparent;
}

body.woocommerce .panel {
  box-shadow: none;
}

body.woocommerce #respond input#submit, 
body.woocommerce a.button, .woocommerce button.button, 
body.woocommerce input.button {
  font-weight: 400;
  margin-top: 1.2em;
}

body.woocommerce #review_form #respond .form-submit input {
  margin-top: 0px;
  margin-bottom: 15px;
}

body.woocommerce #review_form #respond textarea {
  border: 1px solid #e2e2e2;
  padding: 8px;
  margin-top: 10px;
}

.woocommerce .woocommerce-tabs h2, .woocommerce .related h2, .woocommerce .upsells h2, .woocommerce #reviews h3 {
  font-size: 22px;
  margin-top: 0px;
  line-height: 1.5em;
}

.related h2, .upsells h2 {
  margin-bottom: 25px;
}

.woocommerce #reviews #comments ol.commentlist {
  padding: 0px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  margin-left: 60px;
  border-radius: 2px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  margin-bottom: 0em;
  margin-top: 0px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {
  font-weight: normal;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
  font-size: 15px;
  line-height: 1.5em;
  margin-top: 10px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
  font-size: 13px;
  margin-top: 3px;
  line-height: 0.9em;
  letter-spacing: 0.05em;
}

/* -- 3.0 Gallery */

/* WooCommerce 3.0 Gallery */

.woocommerce-product-gallery {
  position: relative;
  margin-bottom: 3em
}

.woocommerce-product-gallery figure {
  margin: 0
}

.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
  width: 25%;
  display: inline-block
}

.woocommerce-product-gallery .flex-control-thumbs li {
  list-style: none;
  float: left;
  cursor: pointer
}

.woocommerce-product-gallery .flex-control-thumbs img {
  opacity: .5
}

.woocommerce-product-gallery .flex-control-thumbs img.flex-active,.woocommerce-product-gallery .flex-control-thumbs img:hover {
  opacity: 1
}

.woocommerce-product-gallery img {
display: block
}

.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
  width: 33.3333%
}

.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
  width: 25%
}

.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
  width: 20%
}

.woocommerce-product-gallery__trigger {
  position: absolute;
  top: 1em;
  right: 1em;
  z-index: 99;
}

a.woocommerce-product-gallery__trigger {
  text-decoration: none;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  position: absolute;
  top: .875em;
  right: .875em;
  display: block;
  height: 2em;
  width: 2em;
  border-radius: 3px;
  z-index: 99;
  text-align: center;
  text-indent: -999px;
  overflow: hidden;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  background-color: #169fda;
  color: #ffffff;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
  background-color: #1781ae;
  border-color: #1781ae;
  color: #ffffff;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
  font: normal normal normal 1em/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  content: "\f00e";
  line-height: 2;
  text-indent: 0;
}

figure.woocommerce-product-gallery__wrapper {
  max-width: inherit;
}

body.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 0px 5px;
    margin-bottom: 10px;
}

body.woocommerce div.product div.images .flex-control-thumbs {
    margin: 10px -5px;
}

/* -- Messages */

.woocommerce .woocommerce-message .button {
  margin-top: 0px;
}

.woocommerce .woocommerce-info {
  padding-left: 1.5em !important;
}

.woocommerce .woocommerce-info:before {
  display: none;
}

.woocommerce div.product div.images .flex-control-thumbs {
  margin-top: 10px;
}


/* -- Product Lightbox */

div.pp_woocommerce .pp_content_container {
  padding-bottom: 7px;
}

.pp_nav p.currentTextHolder {
  position: relative;
  top: -6px;
}

div.pp_woocommerce .pp_close {
  text-indent: -9999px;
}

/* -- Cart Items */

.woocommerce table.shop_table {
  border-radius: 0px;
  border: none;
}

.woocommerce table.shop_table th, .woocommerce table.shop_table td {
  border: none;
  vertical-align: middle;
}

.woocommerce table.shop_table tr.cart-subtotal td {
  font-weight: 400;
}

.woocommerce table.shop_table th {
  border-bottom: 1px solid #e2e2e2;
  font-weight: 400;
}

.woocommerce table.shop_table .product-remove {
  border-left: 1px solid #e2e2e2;
}

.woocommerce table.shop_table .product-subtotal {
  border-right: 1px solid #e2e2e2;
  text-align: right;
  padding-right: 18px;
}

.woocommerce .cart .button {
  font-weight: 400;
}

.woocommerce .shop_table input[type="submit"] {
  background-color: #e2e2e2;
}

.woocommerce .shop_table .coupon input[type="submit"],
body.woocommerce input.button:disabled, body.woocommerce input.button[disabled]:disabled {
  padding: 12px 14px 11px 14px;
}

.woocommerce .shop_table .coupon input[type="submit"] {
  color: #111;
}

.woocommerce a.remove:hover {
  background: transparent;
  color: red !important;
  text-decoration: none;
  opacity: 0.8;
}

.woocommerce table.shop_table td {
  border-bottom: 1px solid #e2e2e2;
  padding: 20px 12px;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
  padding: 9px;
}

.woocommerce-cart table.cart td.actions .coupon .input-text::-webkit-input-placeholder {
  line-height: 1.4em;
}

.woocommerce table.shop_table td.actions {
  border: none;
  padding-left: 0px;
  padding-right: 0px;
}

.woocommerce table.shop_table .quantity .qty {
  height: auto;
}

.woocommerce table.shop_table .quantity input.qty {
  padding: 5px 0px;
  font-size: 15px;
}

.woocommerce-page table.cart td.actions .input-text {
  width: auto;
  padding: 7px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  background-color: #f2f2f2;
}

/* -- Cart Totals */

.content-area .cart_totals h2,
.content-area .cross-sells h2 {
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 24px;
}

.woocommerce .cart-collaterals, 
.woocommerce-page .cart-collaterals {
  margin-bottom: 30px;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td, 
.woocommerce-cart .cart-collaterals .cart_totals tr th {
  margin-top: 0px;
  border-bottom: none;
  padding-left: 10px;
}

.woocommerce-cart .cart-collaterals .cart_totals table th {
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  font-weight: 400;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
  border: 1px solid #eee;
}

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

.woocommerce ul#shipping_method li {
  font-size: 15px;
  padding: 0px;
  text-indent: 0px;
}

.woocommerce ul#shipping_method li input {
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.content-area .cart-collaterals table a.shipping-calculator-button {
  font-size: 15px;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  padding: 17px 0px;
  font-size: 20px;
  font-weight: 400;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  opacity: 0.9;
}

section.shipping-calculator-form {
  margin: 10px 10px 10px 0px;
}

.woocommerce section.shipping-calculator-form button.button {
  margin-top: 0.5em;
  font-size: 15px;
}

.woocommerce form .form-row {
  padding: 3px 0px;
}

body .select2-container .select2-choice {
  border: none;
}

/* -- Empty Cart */

.content-area .entry-content p.return-to-shop {
  margin-bottom: 5em;
}

.woocommerce p.return-to-shop a.button {
  font-weight: inherit;
}


/* -- Checkout */

form.checkout label {
  margin-bottom: 0px;
}

.woocommerce form .form-row input.input-text#billing_address_1,
.woocommerce form .form-row input.input-text#shipping_address_1 {
  margin-bottom: -10px;
}

.woocommerce-shipping-fields h3#ship-to-different-address {
  position: relative;
  padding-left: 25px;
  line-height: 32px;
  margin-bottom: 28px;
  position: relative;
  top: 2px;
}

.woocommerce-shipping-fields h3#ship-to-different-address input.input-checkbox {
  position: absolute;
  top: 6px;
  left: 0px;
}

.content-area a.select2-choice:hover {
  border-bottom-color: inherit;
}

/* -- My Account */

.woocommerce-account .content-area h2 {
  margin-top: 0px;
  margin-bottom: 15px;
}

.woocommerce form.login, 
.woocommerce form.register {
  margin-top: 1.5em;
}

.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register {
  padding: 25px;
  border-radius: 2px;
  border-color: #e2e2e2;
}

.woocommerce form.checkout_coupon input[type="submit"] {
  margin-top: 0px;
  padding: 9px 14px;
  position: relative;
  top: -1px;
}

body .woocommerce form .form-row .required {
  font-weight: inherit;
}

.woocommerce form.register {
  border: none;
  background-color: #f6f6f6;
}

.woocommerce form.login input.button,
.woocommerce form.register input.button {
  margin: 10px 10px 10px 0px;
}

.woocommerce-account .addresses .title h3 {
  margin-top: 0em;
}

.col2-set.addresses {
  margin-top: 40px;
  margin-bottom: 40px;
}

.content-area .entry-content p.myaccount_user {
  margin-bottom: 40px;
}

.woocommerce-account .addresses .title .edit {
  margin-top: 9px;
}

.woocommerce form .form-row .select2-container {
  border: 1px solid #e2e2e2;
}

.select2-container .select2-choice {
  font-weight: inherit;
}

.woocommerce input.button {
  font-weight: 400;
}

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
  line-height: 1.3em;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, 
.woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
  width: 49%;
}

body.woocommerce-account .content {
  padding-bottom: 40px;
}

.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  padding-left: 0px;
  margin-left: 0px;
  margin-top: 0px;
}

.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul li {
  margin-bottom: 6px;
}

.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul li a {
  text-decoration: none;
  color: #888;
}

.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul li.is-active a {
  color: #111;
}

body .woocommerce table.my_account_orders {
  font-size: inherit;
}

body .woocommerce a.button {
  font-weight: 400;
}


/* -- Checkout */

.checkout_coupon p {
  margin-bottom: 0px;
}

.woocommerce-shipping-fields h3#ship-to-different-address label.checkbox {
  margin-top: 0px;
}

.woocommerce-checkout .content-area h3 {
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 10px;
}

.woocommerce-checkout .content-area h3#order_review_heading {
  margin-top: 40px;
}

.woocommerce table.woocommerce-checkout-review-order-table th {
  vertical-align: middle;
}

.woocommerce table.woocommerce-checkout-review-order-table tfoot td {
  border-top: none;
}

.woocommerce table.woocommerce-checkout-review-order-table tfoot th {
  border-top: none;
  font-weight: 400;
}

.woocommerce-checkout #payment {
  background: #f5f5f5;
  padding: 20px;
  margin-bottom: 50px;
  border-radius: 0px;
}

.woocommerce-checkout #payment div.payment_box {
  background-color: #fff;
}

.woocommerce-checkout #payment div.payment_box:before {
  border: 1em solid #fff;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}

.woocommerce-checkout #payment ul.payment_methods {
  border-color: #e2e2e2;
  padding-left: 0px;
  padding-right: 0px;
}

.woocommerce form legend {
  padding-bottom: 10px;
  font-weight: 400;
  margin-top: 30px;
}

.woocommerce-account .entry-content a {
  border: none;
}

/* -- Confirmation */

.woocommerce-order-received .woocommerce {
  margin-bottom: 50px;
}

.woocommerce-order-received .content-area h2 {
  font-size: 24px;
}

.woocommerce table.shop_table thead th {
  font-size: 15px;
  border-top: 1px solid #e2e2e2;
}

.woocommerce-order-received .woocommerce table.shop_table tfoot td,
.woocommerce-order-received .woocommerce table.shop_table tfoot th {
  border-top: none;
  font-weight: bolder;
  vertical-align: middle;
}

.woocommerce table.shop_table strong.product-quantity {
  font-weight: inherit;
}

.woocommerce table.shop_table.customer_details tbody th {
  border-top: none;
  font-weight: bolder;
}

.woocommerce .order_details {
  padding-left: 0px;
  margin-top: 1.5em;
}

/* --------------------------------------------------------------
12.0 Portfolio
-------------------------------------------------------------- */

.single-startright-portfolio .content-area .tiled-gallery {
  margin-top: 0px;
}

.single-startright-portfolio .prev-next {
  border-top: 1px solid #eee;
  margin-top: 60px;
}

.single-startright-portfolio .prev-next .prev-posts, 
.single-startright-portfolio .prev-next .next-posts {
  padding-top: 25px;
  padding-bottom: 25px;
  font-weight: bolder;
}

.single-startright-portfolio .prev-next .prev-posts {
  border-right: 1px solid #eee;
}

.single-startright-portfolio .prev-next .next-posts {
  text-align: right;
}

.row-height {
  display: table;
  width: 100%;
}

.portfolio-item .item-with-padding {
  position: relative;
}

.portfolio-item .item-with-padding a {
  display: block;
}

.item-with-padding {
  margin: 15px;
}

#startright-portfolio {
  margin: 0px -15px 45px -15px;
}

#startright-portfolio.portfolio-three-cols .grid-sizer {
  width: 33%;
}

.portfolio-item .overlay {
  opacity: 0;
  transition: all 300ms ease-in-out 0s;
  background: linear-gradient(to bottom, transparent, transparent, #000);
  top: -7px;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.portfolio-item:hover .overlay {
  opacity: 0.85;
}

.portfolio-item .portfolio-container {
  color: #FFF;
  bottom: 0px;
  left: 0px;
  padding: 20px;
  position: absolute;
  z-index: 3;
}

.portfolio-item .portfolio-container .title {
  font-size: 20px;
  margin-bottom: -15px;
}

.portfolio-item:hover .portfolio-container .title {
    transform: translate(0px, -15px);
    transition: all 300ms ease-in-out 0s;
}

.portfolio-item .portfolio-container {
  opacity: 0;
  transition: all 300ms ease-in-out 0s;
}

.portfolio-item:hover .portfolio-container {
  opacity: 1;
}

.portfolio-item .portfolio-container span {
    display: block;
}

.portfolio-item .portfolio-container .tags {
    font-size: 15px;
    opacity: 0.55;
}

.portfolio-item .portfolio-container .title, 
.portfolio-item .portfolio-container .tags {
  transition: all 300ms ease-in-out 0s;
}

.col-height {
  display: table-cell;
  float: none;
  height: 100%;
  vertical-align: top;
}

#filters {
  padding: 0px;
  text-align: center;
  margin-bottom: 20px;
}

#filters li {
  list-style: none;
  display: inline-block;
  margin: 0px 6px;
}

#filters li a {
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
}

#filters li a:hover {
  border-color: #e2e2e2;
}

#filters li a.selected {
  color: #111;
  border-color #e2e2e2;
}

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

  .single-startright-portfolio .entry-content > *:not(.tiled-gallery) {
    max-width: 66%;
    margin-left: auto;
    margin-right: auto;
  }

  .single-startright-portfolio .entry-content ul {
    padding-left: 15px;
  }

}


/* --------------------------------------------------------------
13.0 Responsive
-------------------------------------------------------------- */

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

  body .startright-site-logo a, body .startright-header-details-right {
    line-height: inherit;
  }

  body .startright-header-details, body .startright-header-details-right {
    height: inherit;
  }

  body .startright-header-details {
    margin: 15px 0px 5px 0px;
  }

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

}

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

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

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

  .top-bar-right .widget {
    float: none;
  }

  .startright-header-topbar .top-bar-left,
  .startright-header-topbar .top-bar-right .widget {
    text-align: center;
  }

}

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

  .container {
    width: 100%;
  }

  .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;
  }

  .top-bar-right .widget {
    float: none;
    text-align: center;
  }

  .top-bar-right .widget #lang_sel {
    margin-top: 5px;
    text-align: left;
  }

  .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%;
  }

  .entry-footer .edit-link a {
    margin-left: 15px;
  }

  /* -- Responsive CTA -- */

  .heading-cta-wrapper .heading-title, 
  .heading-cta-wrapper .heading-cta {
    display: block;
    text-align: left;
  }

  .heading-cta-wrapper .heading-cta a {
    display: inline-block;
    margin: 20px 0px 0px 0px;
    word-wrap: inherit;
  }

  /* -- Responsive Crelly Slider -- */

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

  /* -- Responsive Projects -- */

  #startright-portfolio.portfolio-three-cols .grid-sizer {
    width: 100%;
  }

  .portfolio-item .overlay,
  .portfolio-item .portfolio-container {
    opacity: 1;
  }

  .portfolio-item .portfolio-container .title {
    transform: translate(0px, -15px);
  }

}
