/*
Theme Name: Henley
Theme URI: http://themes.audemedia.com/wordpress/henley/
Author: Audemedia
Author URI: http://www.audemedia.com
Description: Henley, WordPress Responsive Theme
Version: 1.0
Tags: light, white, black, two-columns, custom-background, custom-menu, featured-images, post-formats, translation-ready
License: 
License URI: license.txt 
*/

/* Global  ---------------------- */

body {font-family: 'Anaheim', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 17px; line-height: 1; color: #000; position: relative; -webkit-font-smoothing: antialiased; background: #fff; margin:0;}

.row {max-width:1100px;}
.row.multicol {max-width:95%;}
iframe {margin: 0 0 40px; border:0; width:100%;}
.paddingtop {padding:40px 0 0;}
.paddingtopsmall {padding:25px 0 0;}
.paddingtopmore {padding:60px 0 0;}
button, .button {  border-style: none!important;  border-width: 0!important;  cursor: pointer;  font-family: inherit;  font-weight: bold;  line-height: normal;  margin: 0 0 1.25em;  position: relative;  text-decoration: none;  text-align: center;  display: inline-block;  padding-top: 0.75em;  padding-right: 1.5em;  padding-bottom: 0.8125em;  padding-left: 1.5em;  font-size: 1em;  background-color: #E55650;  border-color: none!important;  color: white; }
button:hover, button:focus, .button:hover, .button:focus { background-color: #000; text-decoration: none}
.panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #ccc!important;
    margin-bottom: 1.25em;
    padding: 1.25em;
    background: #E55650!important;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

/* Standard Forms ---------------------- */
form { margin: 0 20px 0 0; padding:9px 0 0;}
.row form .row { margin: 0 -6px; }
.row form .row .column, .row form .row .columns { padding: 0.4px; }
.row form .row.collapse { margin: 0; }
.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }
label { color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; }
label.right { float: none; text-align: right; }
label.inline { line-height: 32px; margin: 0 0 12px 0; }
.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }
a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; }
span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }
.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; }
.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.45); display: block; margin: 0 0 12px 0; padding: 1px 4px; height: 23px; width: 100%; }
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #b3b3b3; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }
textarea { height: auto; }
select { width: 100%; }

/* Typography  ---------------------- */

h1, h2, h3, h4, h5, h6 { font-family: 'Josefin Slab', Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; font-style: normal; color: #000; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 12px; margin-top: 12px;  }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }
h1 { font-size: 44px; }
h2 { font-size: 34px; }
h3 { font-size: 27px; }
h4 { font-size: 23px; }
h5 { font-size: 17px; }
h6 { font-size: 14px; }
a { color: #000; text-decoration: none; line-height: inherit; }
a:hover { color: #E55650; text-decoration: underline;}
a:focus { color: #000; text-decoration: none; outline:none; border:0;}
p { font-family: inherit; font-weight: normal; line-height: 1.4; margin-bottom: 17px; }
hr { border: solid #e8e8e8; border-width: 1px 0 0; clear: both; margin: 0 0 21px; height: 0; }
hr.colored { border: solid #E55650; border-width: 1px 0 0; clear: both; margin:0 auto; margin-top:21px; margin-bottom:21px; height: 0; max-width:150px; }
hr.small { border: solid #E55650; border-width: 1px 0 0; clear: both;margin-top:30px; margin-bottom:30px; height: 0; max-width:150px; }

/* Navigation  ---------------------- */
.main-nav {width:100%; background:#070707;}
nav.desktop-menu {  padding: 0; display: table; margin:0 auto; text-align: center; }
#mobile-menu, #menu-on-mobile { display:none;  }
#right-sidebar {display: block; padding:10px; position: absolute; right:10px; top:10px; color:#fff; font-size:14px; z-index: 9999999; line-height:30px;text-transform:uppercase;letter-spacing:2px;-webkit-transition: all 0.2s ease;  -moz-transition: all 0.2s ease;  transition: all 0.2s ease; }


/*** Superfish Essential Styles ***/
.sf-menu, .sf-menu * {  margin: 0;  padding: 0;  list-style: none;}
.sf-menu li {  position: relative;}
.sf-menu ul {  position: absolute;  display: none;  top: 100%;  left: 0;  z-index: 99;}
.sf-menu > li {  float: left;}
.sf-menu li:hover > ul,.sf-menu li.sfHover > ul {  display: block;}
.sf-menu a {  display: block;  position: relative;}
.sf-menu ul ul {  top: 0;  left: 100%;}

/*** Superfish Menu Skin ***/
.sf-menu { overflow: visible; margin: 0; padding: 0; list-style: none; z-index: 1000; line-height: 1.0; float: left; margin-bottom: 0;}
.sf-menu ul { z-index: 1000; position: absolute; top: -999em; padding: 6px; overflow: visible !important;}
.sf-menu ul li { display: block; width: 100%; text-align: left; padding:0; margin:0; border:0;}
.sf-menu ul li a { margin-bottom: 1px;  display: block; border:none; width: 100% !important; background: #898a8d; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
.sf-menu ul li a:hover { background: #E55650; }
.sf-menu a { display: block; position: relative; font-size:17px; font-weight:400; line-height:1.4; padding:0; color:#B5B5B5;}
.sf-menu > li > a {display: block; }
.sf-menu li { float: left; position: relative; text-decoration:none; text-align: center;  padding:19px; transition: background-color 0.5s ease;}
.sf-menu li:last-child { padding-right:0;}
.sf-menu > li > a {display: block; }
.sf-menu li li a { font-size:12px; color:#fff; padding:9px 10px 7px; }
.sf-menu li a:hover {text-decoration: none;}
.sf-menu li li a:hover { border-bottom:0; text-decoration: none}
.sf-menu li.current-menu-item a, .sf-menu li.current-menu-parent a, .sf-menu li.current_page_parent a, .sf-menu li.current_page_item a { color:#fff; border-bottom:1px solid #ccc;}
.sf-menu li.current-menu-item li a, .sf-menu li.current-menu-parent li a, .sf-menu li.current_page_parent li a, .sf-menu li.current_page_item li a, .sf-menu li.current-menu-ancestor li a { color:#fff; border-bottom:0;}

.sf-menu li:hover ul, .sf-menu li.sfHover ul { top:58px;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 185px; top:-6px; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; top: 0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; z-index:999999; width:195px;}
.sf-menu li:hover { outline: 0; }
.sf-menu li li a:hover { color:#fff !important; }
.sf-menu > li:hover a { color:#fff;  }
.sf-menu > li:hover ul li a { color:#fff;  }
.sf-menu ul {background:#707476; }
.sf-menu ul:after {  bottom: 100%;  border: solid transparent;  content: " ";  height: 0;  width: 0;  position: absolute;  pointer-events: none;}
.sf-menu ul:after {  border-color: rgba(242, 242, 242, 0);  border-bottom-color: #707476;  border-width: 10px;  left: 17%;  margin-left: -10px;}
.sf-menu ul li ul:after {  bottom: 100%;  border: transparent; }
.sf-menu ul li ul:after {  border:0;}

/* Header ---------------------- */

.header { border-bottom: 1px solid #e8e8e8; width:100%; text-align: center;}
.header .logotxt {text-align: center;  margin:0 auto; padding-top:20px;}
.header h1 {margin: 0; text-align: center; padding:0;}
.header h1 a { text-decoration: none; color:#000; }

/* Titles */
.title-section {padding: 60px 0; background:#fff; border-bottom: 1px solid #e8e8e8;}
.title-section h1 { text-align:center; color:#000; font-size:44px; font-weight: 900; margin-bottom:0; }
.title-section h2 {text-align:center; color:#000; font-size: 28px; font-weight: 300; margin-bottom:0; }
.home .title-section h2 {margin-bottom:35px; }
.title-section h6 {font-weight: 700; margin:0 0 5px; padding:0; font-size: 17px; text-align:center;}
.title-section h6 a {color:#999; }
.title-section p {text-align:center; font-weight: 400; color:#000; margin-bottom:0; }
.title-section.singlepost h1 { text-transform: uppercase; font-size:30px; margin:0; padding:0; text-align: center;}
.title-section.singlepost .meta {text-align:left; text-transform: uppercase; font-size:13px; text-align: center; line-height:1.4; margin-top:10px;}
.title-section.singlepost .meta i {padding-right:8px; color:#666;}


/* Portfolio Filtering & Portfolio Page */
ul.portfolio-nav {padding:0; text-align: left; margin: 0 auto;  margin-bottom:50px; display:table; }
.portfolio-nav li { display:inline; margin:0 5px;}
.portfolio-nav li:first-child { margin-left:0;}
.portfolio-nav li a {color:#000; border:1px solid #000; font-size:13px; padding: 8px 14px; font-weight:300; text-transform: uppercase; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.portfolio-nav li a:hover {color:#E55650;text-decoration: none; border:1px solid #E55650;}
.portfolio-nav li a.active{color: #fff; background:#E55650; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; border:1px solid #E55650;}
.portfolio-nav li a.active:hover{color: #fff; }

.portfoliopagesection  { padding: 0 0 60px; } 
.portfoliopagesection ul.portfolioitems li {background:#EDEDED; }
.portfoliopagesection ul.portfolioitems li.start {background:#E6F4F5; }
.portfoliopagesection ul.portfolioitems li.finish {background:#373332;}
.portfoliopagesection ul.portfolioitems li h1 {text-align:left; margin:0; padding:0; font-size:31px; font-weight: 100; color:#000;}
.portfoliopagesection ul.portfolioitems li.finish h1 {color:#fff;}
.portfoliopagesection ul.portfolioitems.guttermasonry li {padding:20px;}

.portfoliopagesection ul.portfolioitems li {position: relative; overflow: hidden;  text-align: center;}
.portfoliopagesection ul.portfolioitems li img  {-webkit-backface-visibility:hidden; backface-visibility:hidden;}
.portfoliopagesection ul.portfolioitems li .img-wrap {display: block;overflow: hidden;position: relative;}
.portfoliopagesection ul.portfolioitems li .img-wrap .onhovereffect {background: #3d3d3d;height: 100%;left: 0;opacity: 0;overflow: hidden;position: absolute;top: 0;width: 100%;z-index: 99;}
.portfoliopagesection ul.portfolioitems li .img-wrap:hover .onhovereffect {opacity: 0.85;visibility: visible; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.portfoliopagesection ul.portfolioitems li .img-wrap:hover .onhovereffect h5 {padding-top:25px; font-size: 39px}
.portfoliopagesection ul.large-block-grid-4.portfolioitems li .img-wrap:hover .onhovereffect h5 {padding-top:0px; font-size: 27px}
.portfoliopagesection ul.portfolioitems li .img-wrap:hover .onhovereffect h5 a {color:#fff;}
.portfoliopagesection ul.portfolioitems li .img-wrap:hover .onhovereffect p a {color:#fff;}
.portfoliopagesection ul.portfolioitems li .img-wrap:hover .onhovereffect hr.colored {border: solid #E55650; border-width: 1px 0 0; clear: both; margin:0 auto; margin-top:45px; margin-bottom:45px; height: 0; max-width:150px;}

/* zilla likes */
.portfoliopagesection ul.portfolioitems li .img-wrap:hover .onhovereffect .zilla-likes {margin:0 auto!important; position:relative; color:#fff; border:1px solid #fff; padding: 8px 24px; font-weight:300; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.portfoliopagesection ul.portfolioitems li .img-wrap:hover .onhovereffect .zilla-likes:before {content: "\f004";   font-size:19px;   font-family: FontAwesome;  font-style: normal; position: absolute; top:5px; left:20px;  font-weight: normal;    text-decoration: inherit;    color: #fff; }
.portfoliopagesection ul.portfolioitems li .img-wrap:hover .onhovereffect .zilla-likes:hover:before {color: #E55650;}
.portfoliopagesection ul.portfolioitems li .img-wrap:hover .onhovereffect .zilla-likes:hover { text-decoration:none;}
.portfoliopagesection ul.portfolioitems li .img-wrap:hover .onhovereffect span.zilla-likes-count {padding:0 0 0 29px; color: #fff; font-size:19px; }

.content { padding:40px 0;}
.content p, .content li {font-size:17px;}
.content ul {margin-left:20px;}
.content h5 {margin:0 0 7px; padding:0 0 5px; font-weight:900; border-bottom:1px solid #e8e8e8; color:#000;}
.content  .external-link span { padding: 9px 16px; margin-top:15px; font-size: 17px; background:#E55650; font-weight:400;  line-height: 100%;  display:inline-block;  vertical-align: middle;  text-align: center;  cursor: pointer;  transition: background 0.1s ease-in-out;  -webkit-transition: background 0.1s ease-in-out;  -moz-transition: background 0.1s ease-in-out;  -ms-transition: background 0.1s ease-in-out;  -o-transition: background 0.1s ease-in-out;   color: #fff;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px; }
.content  .external-link span a {color:#fff; }
.content .external-link span:hover {background:#000;}
.content  .external-link span:hover a {text-decoration: none}
.featured {text-align: center; padding:40px 0 0;}
article ul, article ol {margin-left:17px;}
article .wp-post-image {padding-bottom:40px;}
.content .flexslider ul {margin:0; padding:0; list-style: none}
.videocontent { padding:40px 0 0; text-align: center;}
ul.imagelist {text-align: center; padding:0 0 45px; margin:0; list-style: none}
ul.imagelist li {text-align: center; padding:0 0 20px;}
ul.imagelist li:last-child {padding-bottom:0;}

.portfolionavigate { background:#f1f3f5; margin-top:0; padding:25px 0;}
.portfolionavigate h6 { margin:0; padding:0; font-weight: 400; font-size:17px;}
.portfolionavigate h6.toright { text-align: right;}
.portfolionavigate h6 a:hover { text-decoration: none;}
.portfolionavigate h6 a i {font-size:14px; font-weight: 400;}

/* Blog Page */
.blogpagesection article {padding-bottom:90px; }
.blogpagesection article p a {text-decoration: underline;}
.blogpagesection article.graybg  {background:#f8f7f7;}
.blogpagesection article h4 {text-align:left; text-transform: uppercase; font-size:30px; margin:0; padding:0 0 12px;}
.blogpagesection article h4 a:hover {text-decoration: none}
.blogpagesection article .meta {text-align:left; text-transform: uppercase; font-size:13px; line-height:1.4;}
.blogpagesection article .meta i {padding-right:8px; color:#666;}
.wow { visibility: hidden;}

/* Services Page */
.servicespagesection  { padding: 0 0 60px; } 
.servicespagesection ul.servicesitems li {background:#EDEDED; position: relative; overflow: hidden;  text-align: left;}
.servicespagesection ul.servicesitems li.start { background:#0C1013;}
.servicespagesection ul.servicesitems li.start h1 {margin:0 0 22px; padding:0; background:transparent; font-size:27px; color:#fff; }
.servicespagesection ul.servicesitems li.start h1:after { display:none; }
.servicespagesection ul.servicesitems li.start h2 {margin:0 0 22px; padding:0; font-size:22px; color:#E6E6DF; font-weight: 400; }
.servicespagesection ul.servicesitems li.start p {color:#fff; }
.servicespagesection ul.servicesitems li h1 {text-align:left;  margin:0 0 15px; padding:15px;word-wrap: break-word; font-size:27px; font-weight: 400; color:#fff; position: relative; background:#C06054; border: 0;}
.servicespagesection ul.servicesitems li h1:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(254, 121, 90, 0); border-top-color: #C06054; border-width: 10px; margin-left: -10px; }
.servicespagesection ul.servicesitems.guttermasonry li {padding:20px 0;}
.servicespagesection ul.servicesitems.guttermasonry li.start {padding:20px;}
.servicespagesection ul.servicesitems li .services-content-wrap {display: block;overflow: hidden;position: relative; padding:0 20px;}
.servicespagesection ul.servicesitems li h1 i {margin-right:15px; float:right; }
.servicespagesection ul.servicesitems li .services-content-wrap ul {margin:0; }
.servicespagesection ul.servicesitems li .services-content-wrap ul li {padding:6px 0; border-bottom:1px solid #ccc; display:block; width:100%; }
.servicespagesection ul.servicesitems li .services-content-wrap ul li:last-child {border-bottom:0; }
.servicespagesection ul.servicesitems li h6 span { padding: 11px 19px 10px; margin-top:0; font-size: 12px;  line-height: 100%;  display:inline-block;  vertical-align: middle;  text-align: center;  cursor: pointer;  font-weight: bold;  transition: background 0.1s ease-in-out;  -webkit-transition: background 0.1s ease-in-out;  -moz-transition: background 0.1s ease-in-out;  -ms-transition: background 0.1s ease-in-out;  -o-transition: background 0.1s ease-in-out;  color: #fff;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px; border:1px solid #000;}
.servicespagesection ul.servicesitems li h6 span a {color:#000; }
.servicespagesection ul.servicesitems li h6 span:hover {border-color:#E55650;}
.servicespagesection ul.servicesitems li h6 span:hover a {color:#E55650; text-decoration: none}

/* Team Page */
.teampagesection  { padding: 0 0 60px; } 
.teampagesection ul.teamitems li {background:#EDEDED; position: relative; overflow: hidden;  text-align: left;}
.teampagesection ul.teamitems li h1  {text-align:left;  margin:0 0 15px; padding:9px 15px;word-wrap: break-word; font-size:21px; font-weight: 400; color:#fff; position: relative; background:#C06054; border: 0;}
.teampagesection ul.teamitems li h5 {font-weight: 400; color:#666;}
.teampagesection ul.teamitems.guttermasonry li {padding:20px 0 15px;}
.teampagesection ul.teamitems li .team-content-wrap {display: block;overflow: hidden;position: relative; padding:0 20px;}
.team-content-wrap .authorsocial ul {margin:0!important; padding:0!important;}
.team-content-wrap hr.small { margin-top:10px!important; margin-bottom:0!important;  }



/* Quote Post Format */
article  .format-quote a .postcontent  {background:#f1f3f5; padding:25px 25px 0;}
article  .format-quote a .postformat {position:absolute; left:43%; right:44%; margin-top:-13px; padding:1% 6%; font-size:26px; color:#666;}
article  .format-quote a blockquote  {margin:0; padding:12px 0 0; border:0;}
article  .format-quote a blockquote p {border: 4px solid #e8e8e8; border-top:0; border-left:0; border-right:0; padding-bottom:20px; text-align:center; position: relative; font-size:26px; line-height:1.3; text-transform: uppercase; font-weight:normal;  margin: 15px 0 25px;}
article  .format-quote a blockquote p:after, article  .format-quote blockquote p:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
article  .format-quote a blockquote p:after { border-color: rgba(255, 255, 255, 0); border-top-color: #f1f3f5; border-width: 15px; margin-left: -15px; } 
article  .format-quote a blockquote p:before { border-color: rgba(232, 232, 232, 0); border-top-color: #e8e8e8; border-width: 21px; margin-left: -21px; }
article  .format-quote a cite {text-align:center;font-size:15px; margin:0 auto; display:table; padding-bottom:20px; color:#666; font-style: normal;}
article  .format-quote a .postcontent:hover {background:#E55650;}
article  .format-quote a .postcontent:hover .postformat {color:#fff;}
article  .format-quote a .postcontent:hover blockquote p {color:#fff;}
article  .format-quote a .postcontent:hover cite {color:#fff;}
article  .format-quote a .postcontent:hover blockquote p:after { border-top-color: #E55650;} 
article  .format-quote .postcontent  {background:#f1f3f5; padding:25px 25px 0; margin-bottom:30px;}
article  .format-quote .postformat {position:absolute; left:43%; right:44%; margin-top:-13px; padding:1% 6%; font-size:26px; color:#666;}
article  .format-quote blockquote  {margin:0; padding:12px 0 0; border:0;}
article  .format-quote blockquote p {border: 4px solid #e8e8e8; border-top:0; border-left:0; border-right:0; padding-bottom:20px; text-align:center; position: relative; font-size:26px; line-height:1.3; text-transform: uppercase; font-weight:normal;  margin: 15px 0 25px;}
article  .format-quote blockquote p:after, article  .format-quote blockquote p:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
article  .format-quote blockquote p:after { border-color: rgba(255, 255, 255, 0); border-top-color: #f1f3f5; border-width: 15px; margin-left: -15px; } 
article  .format-quote blockquote p:before { border-color: rgba(232, 232, 232, 0); border-top-color: #e8e8e8; border-width: 21px; margin-left: -21px; }
article  .format-quote cite {text-align:center;font-size:15px; margin:0 auto; display:table; padding-bottom:20px; color:#666; font-style: normal;}

article .featuredimage {text-align: center; padding:0 0 40px;}
article .flex-video {margin-bottom:45px;}

/* Gallery Post Format */
.blogpagesection article p span.gallerycount { padding:12px; background:#f1f3f5; font-size:14px; margin-bottom:21px;}
.blogpagesection article .format-gallery .flexslider {margin-bottom:60px;}
.blogpagesection article .format-gallery .slides { overflow: hidden; }

.blogpagesection article h6 span { padding: 11px 19px 10px; margin-top:10px; font-size: 12px;  line-height: 100%;  display:inline-block;  vertical-align: middle;  text-align: center;  cursor: pointer;  font-weight: bold;  transition: background 0.1s ease-in-out;  -webkit-transition: background 0.1s ease-in-out;  -moz-transition: background 0.1s ease-in-out;  -ms-transition: background 0.1s ease-in-out;  -o-transition: background 0.1s ease-in-out;   color: #fff;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px; border:1px solid #000;}
.blogpagesection article h6 span a {color:#000; }
.blogpagesection article h6 span:hover {border-color:#E55650;}
.blogpagesection article h6 span:hover a {color:#E55650; text-decoration: none}

/* Author box */ 
.author-wrap {position: relative;  overflow:hidden; background:#fff;  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); padding:20px; margin-bottom:35px;  border-radius: 3px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  box-sizing: border-box;}
.author-wrap:after {content: '';  display: block;  height: 0;  clear: both;  visibility: hidden;}
.author-wrap:after,.author-wrap:before {  content: '';  position: absolute;  bottom: -3px;  left: 0%;  border-top: 1px solid rgba(0, 0, 0, 0.1);  background-color: rgba(0, 0, 0, 0.02);  width: 100%;  height: 6px;  visibility: visible;}
.author-wrap:before {  bottom: 0px;}
.author-gravatar {margin: 0;line-height: 1;}
.author-gravatar img {border: 6px solid #f1f3f5;}
.author-title {color: #000;display: block;font-size: 16px;line-height: 1.5;margin: 0;}
.author-title h4 {padding:0; margin: 0;}
.author-title a {color: #000;text-decoration: none;}
.author-title a:hover, .author-title a:focus {color: #000;text-decoration: none;}
.author-description {display: block;}
.author-description p {margin: 0;}
.authorsocial ul { float:left; list-style: none; margin-top:17px; margin-left:0;}
.authorsocial ul li { float:left; margin-right:5px;  font-size:11px;}
.authorsocial ul li.facebook a { padding:5px 12px; margin-top:-3px; color:#fff; background:#000; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.authorsocial ul li.facebook a:hover { background:#666; color:#fff; }
.authorsocial ul li.twitter a { padding:5px 10px; margin-top:-3px; color:#fff; background:#000; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.authorsocial ul li.twitter a:hover { background:#666; color:#fff; }
.authorsocial ul li.gplus a { padding:5px 10px; margin-top:-3px; color:#fff; background:#000; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.authorsocial ul li.gplus a:hover { background:#666; color:#fff; }
.authorsocial ul li.pinterest a { padding:5px 10px; margin-top:-3px; color:#fff; background:#000; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.authorsocial ul li.pinterest a:hover { background:#666; color:#fff; }

/* Related Posts ---------------------- */
.relatedposts {position: relative;  background:#fff;  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); padding:0; margin-bottom:35px;  border-radius: 3px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  box-sizing: border-box;}
.relatedposts:after {content: '';  display: block;  height: 0;  clear: both;  visibility: hidden;}
.relatedposts:after,.comments:before {  content: '';  position: absolute;  bottom: -3px;  left: 0%;  border-top: 1px solid rgba(0, 0, 0, 0.1);  background-color: rgba(0, 0, 0, 0.02);  width: 100%;  height: 6px;  visibility: visible;}
.relatedposts:before {  bottom: 0px;}
.relatedposts h2 { color:#000; background:#f1f3f5; font-size:18px; padding:12px; position: relative;}
.relatedposts ul {margin: 0;  padding: 0 20px 15px 20px; }
.relatedposts ul li {padding: 4px; border-bottom: 1px solid #e9e9e9; display:block; }
.relatedposts ul li a {color :#000; text-decoration: none; display:block;  }
.relatedposts ul li a:hover {text-decoration: none; color:#c44747;}
.relatedposts ul li:last-child {border-bottom: 0; }

/* Social Likes */
.shareit {position: relative; background: #ffffff; border-top: 4px solid #f1f3f5; padding:45px 0; text-align: center; margin-top:25px;}
.shareit:after, .shareit:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.shareit:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 15px; margin-left: -15px; } 
.shareit:before { border-color: rgba(0, 0, 0, 0); border-bottom-color: #f1f3f5; border-width: 21px; margin-left: -21px; }

.social-likes, .social-likes__widget{display:inline-block;padding:0;vertical-align:middle!important;word-spacing:0!important;text-indent:0!important;list-style:none!important}
.social-likes{opacity:0}
.social-likes_visible{opacity:1;-webkit-transition:opacity .1s ease-in;transition:opacity .1s ease-in}
.social-likes>*{display:inline-block;visibility:hidden}
.social-likes_visible .social-likes__widget{visibility:inherit}
.social-likes__widget{display:inline-block;position:relative;white-space:nowrap}
.social-likes__widget:before,.social-likes__widget:after{display:none!important}
.social-likes__button:before{content:"";display:inline-block}
.social-likes {line-height:19px}
.social-likes__widget{margin:0 3px 0 0;border:0;border-radius:0;line-height:19px; color:#fff!important; background:#000!important;}
.social-likes__widget:hover {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;cursor:pointer; }
.social-likes__widget_facebook:hover {background:#3B5998!important;}
.social-likes__widget_twitter:hover {background:#55ACEE!important;}
.social-likes__widget_plusone:hover {background:#DA4735!important;}
.social-likes__widget_pinterest:hover {background:#CE3037!important;}
.social-likes__button {text-decoration:none;text-rendering:optimizeLegibility; display:inline-block;margin:0;outline:0; position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; font-weight:400;border-right:0; vertical-align:middle;font-size:15px;line-height:20px;cursor:inherit;  padding: 4px 10px!important; border:0!important;}
.social-likes__counter{text-decoration:none;text-rendering:optimizeLegibility; display:inline-block;margin:0;outline:0; position:relative; min-width:12px;font-weight:400;text-align:center; vertical-align:middle;font-size:13px;line-height:20px;cursor:inherit;   border:0!important; padding: 6px 10px 4px 0!important;}
.social-likes__widget:hover>.social-likes__counter,.social-likes__widget:focus>.social-likes__counter,.social-likes__widget:active>.social-likes__counter,.social-likes__widget_active>.social-likes__counter{position:relative;border:0!important}
.social-likes__widget:hover>.social-likes__counter:before,.social-likes__widget:focus>.social-likes__counter:before,.social-likes__widget:active>.social-likes__counter:before,.social-likes__widget_active>.social-likes__counter:before{content:"";position:absolute;top:0;bottom:0;left:-1px;border:0!important; opacity:.4}

.likesbox {  background:#f1f3f5; width: 86px;    height: 86px;    -moz-border-radius: 50%;    -webkit-border-radius: 50%;    border-radius: 50%;       position: relative;       margin:0 auto;       margin-top:-43px;       text-align: center;       border:8px solid #e8e8e8;    }
/* zilla likes */
.likesbox .zilla-likes {  position: absolute; right:21px; top:14px; }
.likesbox .zilla-likes:before {content: "\f004";     font-family: FontAwesome;    font-style: normal;   display:block; font-weight: normal;    text-decoration: inherit;    color: #E55650;    font-size: 27px; }
.likesbox .zilla-likes:hover:before {color: #3d3d3d;}
.likesbox .zilla-likes:hover { text-decoration:none;}
.likesbox span.zilla-likes-count {padding: 16px 0 0 0; color: #3d3d3d; font-size: 12px;}

/* Isotope Necessary Styles 
-------------------------------------------------------------- */
/**** Isotope CSS3 transitions ****/
.isotope,.isotope .isotope-item {  -webkit-transition-duration: 0.8s;  -moz-transition-duration: 0.8s;  -ms-transition-duration: 0.8s;  -o-transition-duration: 0.8s;  transition-duration: 0.8s;}
.isotope {  -webkit-transition-property: height, width;  -moz-transition-property: height, width;  -ms-transition-property: height, width;  -o-transition-property: height, width;  transition-property: height, width;}
.isotope .isotope-item {  -webkit-transition-property: -webkit-transform, opacity;  -moz-transition-property:    -moz-transform, opacity;  -ms-transition-property:     -ms-transform, opacity;  -o-transition-property:         top, left, opacity;  transition-property:         transform, opacity;}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {  -webkit-transition-duration: 0s;  -moz-transition-duration: 0s;  -ms-transition-duration: 0s;  -o-transition-duration: 0s;  transition-duration: 0s;}

/* Pagination  ---------------------- */
.row.paging {padding:0 0 50px;}
.paging .moreprevious {margin:0 5px 0 0; text-align:right;} 
.paging .morenext {margin:0 0 0 5px; text-align:left}
.paging .moreprevious a, .paging .morenext a {color:#000; border:1px solid #000; font-size:13px; padding: 8px 14px; font-weight:300; text-transform: uppercase; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.paging .moreprevious a:hover, .paging .morenext a:hover {color:#E55650;text-decoration: none; border:1px solid #E55650;}

/* WP-Pagevani Plugin Ready  ---------------------- */
.wp-pagenavi {text-align: center; padding:0; margin: 0; font-size: 15px}
.wp-pagenavi a, .wp-pagenavi span {padding: 4px 11px !important; margin-right: 3px;color:#000; border:1px solid #000 !important; font-weight:300 !important; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {color:#E55650;text-decoration: none; border:1px solid #E55650 !important; }

/* footer   ---------------------- */
.footerwidget {width:100%; padding:15px 0;  border-top: 1px solid #e8e8e8; margin-top:0; position: relative; }
.footerwidget  h4, .sidebarwidget  h4 {padding:0; font-weight: normal; color:#000; font-size: 19px; font-weight:700;}
.copyright { text-align: center; margin-bottom: 0; border-top: 1px solid #e8e8e8; padding:25px 0; }
.copyright a:hover { text-decoration: underline; }
#back-to-top { position:fixed; bottom:20px; right:20px; z-index:99; display:none; }
#back-to-top img { opacity: 0.5; }
#back-to-top img:hover { opacity: 1; }

/* Social Icons List ---------------------- */
.social { padding:0; text-align:center; margin:0; border-top: 1px solid #e2e2e2;}
.social ul { list-style: none; margin:0; padding:0;  }
.social ul li { display:inline-block; padding:10px 18px; border-right: 1px solid #e2e2e2; margin:0;  }
.social ul li a {color:#000; font-size:21px; }
.social ul li a:hover {color:#E55650; }
.social ul li:first-child { border-left: 1px solid #e2e2e2;}

/* Google Map / Contact Page ---------------------- */
#maplocation img { max-width: none; height: auto; }
.gmap3{border:0; width: 100%; height: 400px;}
.gmaplabels { color: #fff; background: #000; font-size: 12px; text-align: center; font-weight:bold; border: 1px solid #666; padding:7px; white-space: nowrap;}

/* widgetized areas sidebar  ---------------------- */

.sidebar {position: relative; padding:0 0 8px; margin-bottom:35px;}
.sidebar #searchform {padding:15px 0 11px; margin:0;}
.sidebar #searchform input {background:#fff; border:1px solid #5f7080; width:100%;  font-size:13px;}
.sidebar #searchform button {background:#E55650; margin-left:6px; margin-top: 0; color:#fff; padding: 6px 7px 5px; font-size:12px;}
.sidebar .textwidget {padding:4px 10px; margin:0; line-height:1.4;}
.sidebar h4 {margin:0; padding:0;}
.sidebar h4.widget_title { color:#fff; background:#000; font-size:15px; padding:9px 8px 8px; position: relative; text-transform: uppercase; font-weight:400;}
.sidebar h4.widget_title:after { top: 100%; left: 24px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #000000; border-width: 4px; margin-left: -4px; }
.sidebar input {margin:0; padding: 0 8px; height:27px;}
.sidebar button {margin:0; padding:0; border:0;}
.sidebar form {margin:0; padding:0}
.sidebar select {background-color: white; font-size:12px; font-family: inherit; border: 1px solid #cccccc; color:#333; display: block; margin:0 auto; margin-top:12px; margin-bottom:12px; padding: 4px; width: 100%;}
.sidebar ul { list-style: none; margin:0; padding:4px 0; }
.sidebar ul li {padding:5px 0; border-bottom:1px solid; border-color: #ccc; font-size:14px;}
.sidebar ul li:last-child { border-bottom:0;}      
.sidebar ul li a { color:#000}
.sidebar ul li a:hover { color:#E55650; text-decoration: none}
.sidebar .portfoliowidget li {border-bottom:0; padding:3px;}
.sidebar .latestpostimg {float:left; width:25%;}
.sidebar .latestpostinfo {float:right; width:70%;}
.sidebar .latestpostinfo .latestposttitle {font-size:13px; color:#000; font-weight:bold; padding:4px 0 10px 8px; line-height:1.3;}
.sidebar .latestpostinfo .latestpostdate {font-size:10px; color:#999; padding-left:8px;}
.sidebar ul.children, .sidebar ul.sub-menu {padding-left:20px;}
.sidebar abbr {color:#999;}
.sidebar span a.rsswidget { color:#000;}
.sidebar p.wp-caption-text {color:#666;}
.sidebar img.attachment-shop_thumbnail {max-width:50px; height:auto; float:right; padding-left:10px;}
.sidebar ul.product_list_widget li {overflow:hidden;}
.sidebar ul.product_list_widget li span.amount {display:block;}
.sidebar ul.product_list_widget li ins {display:block; background: none; text-decoration: none;}
.sidebar ul.product_list_widget li del span.amount  {display:none;}
.sidebar .screen-reader-text {display:none;}
.sidebar #wp-calendar {width:90%; margin:0 auto; margin-top:12px; margin-bottom:12px;}
.sidebar .tagcloud {padding: 17px 0 4px; overflow:hidden;}
.sidebar #searchform #searchsubmit {background:#E55650!important; cursor:pointer; width:50%!important; margin:0 auto!important; text-align: center!important; float:none!important; margin-top:4px!important; color:#fff!important; padding: 3px!important; font-size:12px!important; }

#sidebar-content {display: none;  }



/* widgetized areas sidebar/footer  ---------------------- */
.footersidebar ul { display:block; color:#000; padding:0;}   
.footersidebar ul #searchform {padding:15px 15px 11px; margin:0; background:#e9e9e9;}
.footersidebar ul #searchform input {background:#fff; border:1px solid #000; width:100%;  font-size:13px; margin:0; padding: 0 8px; height:27px;}
.footersidebar ul #searchform button {background:#E55650; margin-left:6px; margin-top: -1px; color:#fff; padding: 6px 7px 5px; font-size:12px;}
.footersidebar ul .textwidget {padding:0; margin:0; line-height:1.4; }
.footersidebar ul .textwidget span {display:block; margin-top:7px; }
.footersidebar ul li p {font-size: 15px; line-height:1.3; padding-top:12px;  }
.footersidebar ul input {margin:0; padding:0 8px; }
.footersidebar ul button {margin:0; padding:0}
.footersidebar ul form {margin:0; padding:0}
.footersidebar ul select {background-color: white; font-family: inherit; border: 1px solid #cccccc; color:#333; display: block; margin: 12px 0; padding: 4px; width: 100%;}
.footersidebar ul ul { list-style: none; margin:0; padding:0; }
.footersidebar ul ul li {padding:5px 0; font-size:15px; border-bottom:1px solid #e8e8e8;}
.footersidebar ul ul li:last-child {border-bottom:0;}
.footersidebar ul ul li a {color:#E55650;}
.footersidebar ul ul li a:hover { color:#000; text-decoration: none}
.footersidebar ul .tagcloud a:hover { color:#fff; text-decoration: none}
.footersidebar ul .portfoliowidget li {border-bottom:0; padding:3px;}
.footersidebar ul .latestpostimg {float:left; width:25%;}
.footersidebar ul .latestpostinfo {float:right; width:70%;}
.footersidebar ul .latestpostinfo .latestposttitle {font-size:14px; color:#000; font-weight:bold; padding:4px 0 10px 8px; line-height:1.3;}
.footersidebar ul .latestpostinfo .latestpostdate {font-size:12px; color:#666; padding-left:8px;}
.footersidebar ul ul.children, .footersidebar ul ul.sub-menu {padding-left:20px;}
.footersidebar ul abbr {color:#999;}
.footersidebar ul a.rsswidget {color:#000;}
.footersidebar ul p.wp-caption-text {color:#666;}
.footersidebar ul img.attachment-shop_thumbnail {max-width:50px; height:auto; float:right; padding-left:10px;}
.footersidebar ul .screen-reader-text {display:none;}

/* Tags  ---------------------- */
p.tags {padding-bottom: 12px;}
p.tags a {background:#000; color:#fff; padding:1px 6px 3px; border:none; font-size: 13px; text-decoration: none; margin-bottom:2px;  display: inline-block; }
p.tags a:hover {background:#E55650; color:#fff;}
.tagcloud {padding: 8px 0;}
.tagcloud a{position: relative; display: block; border: 0; float: left; padding: 5px 7px; margin: 0 8px 5px 0; color: #fff; background: #000; font-size:12px !important;}
.tagcloud a:after, .tagcloud a:before { left: 100%; border: solid transparent;  content: " "; height: 0;  width: 0; position: absolute; pointer-events: none;}
.tagcloud a:after { border-color: rgba(137, 138, 138, 0); border-left-color: #000; border-width: 3px;  top: 50%; margin-top: -3px;}
.tagcloud a:before {  border-color: rgba(137, 138, 138, 0); border-left-color: #000; border-width: 3px;  top: 50%; margin-top: -3px;}
.tagcloud a:hover {position: relative;background: #E55650;border: 0; text-decoration: none; color:#fff;}
.tagcloud a:hover:after, .tagcloud a:before { left: 100%; border: solid transparent;  content: " "; height: 0;  width: 0; position: absolute; pointer-events: none;}
.tagcloud a:hover:after { border-color: rgba(137, 138, 138, 0); border-left-color: #E55650; border-width: 3px;  top: 50%; margin-top: -3px;}
.tagcloud a:hover:before {  border-color: rgba(137, 138, 138, 0); border-left-color: #E55650; border-width: 3px;  top: 50%; margin-top: -3px;}

/* calendar widget */
#wp-calendar {width:100%;  margin-top:13px; color: #fff; font-size: 13px;  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
#wp-calendar caption {background: #f1f3f5;color: #000;font-size: 13px;padding: 5px 0;text-align: center;  z-index: -99;}
#wp-calendar thead th {text-align:center; font-size: 11px;    padding: 5px 0;    color: #fff;    text-transform: uppercase;  background: #E55650; }
#wp-calendar tr, #wp-calendar td, #wp-calendar td.pad, #wp-calendar th { background: #fff; border:1px solid #f1f3f5;}
#wp-calendar tbody td { color: #000;   padding: 8px;    text-align: center;    font-weight: normal;   }
#wp-calendar tbody td.pad {  background: #fff;}
#wp-calendar tbody td a { color:  #E55650;}
#wp-calendar tfoot {    color: #000;    font-size: 12px;    text-align: center;}
#wp-calendar tfoot tr {    background: #fff; }
#wp-calendar tfoot td {    padding: 10px 10px }
#wp-calendar tfoot a {    color: #000; }
#wp-calendar tfoot td#prev {    text-align: left }
#wp-calendar tfoot td#next {    text-align: right }
#wp-calendar #today {    color: #fff;    border: 0; background: #E55650}

/* Gallery ---------------------- */
.gallery { margin: 0 auto; padding-bottom:25px;}
.gallery .gallery-item {  float: left;  margin-top: 0;  text-align: center; width: 33%;}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.333%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20% }
.gallery-columns-6 .gallery-item { width: 16.666% }
.gallery-columns-7 .gallery-item { width: 14.294% }
.gallery-columns-8 .gallery-item { width: 12.5% }
.gallery-columns-9 .gallery-item { width: 11.111% }
.gallery img {  box-shadow: 0px 0px 4px #ccc; border: 1px solid white !important; padding: 4px; background: #f2f2f2;}
.gallery img:hover {background: white;}
.gallery-columns-2 .attachment-medium { max-width: 92%; height: auto;}
.gallery-columns-4 .attachment-thumbnail {  max-width: 84%; height: auto;}
.gallery .gallery-caption { color: #888;  font-size: 12px;  margin: 0 0 12px;}
.gallery dl, .gallery dt { margin: 0; }
.gallery br { clear: both }
.gallery br+br { display: none; }

/* Comments */
.comments {position: relative;  background:#fff;  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); padding:0; margin-bottom:35px;  border-radius: 3px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  box-sizing: border-box;}
.comments:after {content: '';  display: block;  height: 0;  clear: both;  visibility: hidden;}
.comments:after,.comments:before {  content: '';  position: absolute;  bottom: -3px;  left: 0%;  border-top: 1px solid rgba(0, 0, 0, 0.1);  background-color: rgba(0, 0, 0, 0.02);  width: 100%;  height: 6px;  visibility: visible;}
.comments:before {  bottom: 0px;}
#thecomments {margin-top: 0;}
#thecomments h2.comment-title { color:#000; background:#f1f3f5; font-size:18px; padding:12px; position: relative;}
#addcomments {margin-top: 0;}

/* Comments List */
ol.commentlist, ol.pingbacklist, .commentspagination, .nocomments, #addcomments { margin: 0;  padding: 0 20px;}
#addcomments {padding-bottom:10px; padding-top:10px;}
.commentlist .comment-body{ padding: 0; margin: 0;  position: relative;    border-top: 0;}
.comment-body .reply{ margin-top:15px;}
.comment-body a:hover{  text-decoration: underline;}
.comment-body a.comment-reply-link {background:#E55650; margin: 0 0 0 12px; text-decoration:none; color:#fff; padding: 3px 8px 4px; font-size:11px; border:0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.comment-body a.comment-reply-link:hover {  background: #000;}
ol.commentlist li, ol.pingbacklist li{  margin-top:20px;  list-style: none;    padding: 20px 0;     background:#fff;  border-bottom: 1px solid #e9e9e9;}
ol.commentlist li ul.children {margin-bottom: 0px !important;    margin-top: 25px !important;}
ol.commentlist li ul.children li{ border-bottom: 0; padding-left: 20px  !important; margin: 10px 0; border-left:1px solid #e8e8e8;}
ol.commentlist li ul.children comment-body{ padding: 15px 0 5px;  margin: 10px 0 0; position: relative;}
.reply {margin-bottom:25px;}
ol.commentlist img.avatar, ol.pingbacklist img.avatar { margin-right:20px; float:left; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
ol.commentlist .comment-author, ol.pingbacklist .comment-author { line-height: 25px; border:0; width:100%; }
.comment-body cite.fn{  font-style: normal;   color: #000;}
.comment-time{  font-size: 12px;  font-style: normal;    color: #ccc;}
.commentmetadata {  clear: both;    padding: 0;    margin: 0;}
.commentmetadata a{ margin: 0;  color: #000;    text-decoration: underline;}
.comment-body p{  margin: 5px; padding:0 10px;}
.comment-body .comment-author.vcard{  margin: 0;}
.comment-body ul, .comment-body ol {padding:0; margin:0;}
.comment-body ul li, .comment-body ol li {padding:7px 0; margin:0; border:0;}
.comment-body ul li ul, .comment-body ol li ol {padding:7px 0 7px 7px; margin:0; border:0;}
#reply-title { margin:10px 0; padding:0 0 5px; font-weight:normal; font-size:26px; line-height:1.3; display: block; margin-bottom:-2px; font-weight: 700;}
form#commentform textarea {min-height:150px;}
form#commentform input#submit, .wpcf7-submit {background:#E55650; margin-top: 0; color:#fff; padding: 6px 6px 7px; font-size:14px; border:0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
form#commentform input#submit:hover, .wpcf7-submit:hover {  background: #000;}

/* Archives Page Template ---------------------- */
.section-container {border:0;}
.section-container.accordion {  border-top: 1px solid #f1f3f5!important; }
.section-container > section.active > .content {padding:0 3px 0 12px; border: 0!important; margin:0!important; -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);}
.section-container > section > .title {border:0!important; margin:0!important;}
.accordion p.title a {background:#000; padding-top: 13px; color:#fff!important; font-size:14px; font-weight:bold;}
.accordion p.title a:hover {text-decoration: none}
.section-container > section.active > .title a {background:#000; color:#fff!important;}
.accordion ul {list-style: none; padding:0; margin:0;}
.accordion ul li {padding:7px 0; border-bottom:1px solid #f1f3f5;}
.accordion ul li a {color:#000;}
.accordion ul li:first-child {margin-top:6px;}
.accordion ul li:last-child {border-bottom:0; margin-bottom:6px;}
.accordion ul li a:hover {text-decoration: none; color:#E55650;}

/* WordPress Core
-------------------------------------------------------------- */
.aligncenter, div.aligncenter {    display: block;    margin: 5px auto 15px auto;}
.alignright {    float:right;    margin: 5px 0 20px 20px;}
.alignleft {    float: left;    margin: 5px 20px 20px 0;}
.aligncenter {    display: block;    margin: 5px auto 15px auto;}
a img.alignright {    float: right;    margin: 5px 0 20px 20px;}
a img.alignnone {    margin: 5px 20px 20px 0;}
a img.alignleft {    float: left;    margin: 5px 20px 20px 0;}
a img.aligncenter {    display: block;    margin-left: auto;    margin-right: auto}
.bypostauthor {}
.wp-caption {    background: #fff;    border: 1px solid #f0f0f0;    max-width: 96%;     padding: 5px 3px 10px;    text-align: center;}
.wp-caption.alignnone {    margin: 5px 20px 20px 0;}
.wp-caption.alignleft {    margin: 5px 20px 20px 0;}
.wp-caption.alignright {    margin: 5px 0 20px 20px;}
.wp-caption img {    border: 0 none;    height: auto;    margin: 0;    max-width: 98.5%;    padding: 0;    width: auto;}
.wp-caption-text {    font-size: 12px;    line-height: 17px;    margin: 0;    padding: 7px 4px 5px;}
.sticky {background: #fff;border: 0;}
address {line-height: 1.4}
code { font-family: courier,Georgia,Serif; font-weight:normal; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; background: #EFEEE4;display: block; padding: 8px; margin: 8px 0; color:#000; border: 1px solid #dcdac5;}
.mejs-horizontal-volume-current, .mejs-horizontal-volume-total {display:none!important;}
.mejs-container {margin-bottom: 20px}

/* wp_link_pages styling */
#postpaging {   text-align: left;    margin-top: 35px;    margin-bottom: 35px;    font-size: 14px; }
#postpaging a { background:#E8E8E8; color:#000; margin:0 2px; padding:2px 4px; text-decoration:none;  }
#postpaging a:hover { color:#fff; background:#E55650; }

/* comments pagination */
.commentspagination {clear:both;padding:10px 0 35px;position:relative;font-size:11px;line-height:13px;text-align: center;margin: 0 auto;}
.commentspagination span, .commentspagination a {display:block;float:left;margin: 2px 2px 2px 0;padding:6px 9px 5px 9px;text-decoration:none;width:auto;color:#fff;background: #5f7080;border:none; -moz-border-radius: 4px; border-radius: 4px; }
.commentspagination a:hover {color:#fff;}
.commentspagination .current{padding:6px 9px 5px 9px;border:none;  color:#fff;background: #E55650; }

/* MEDIA QUERIES */

@media only screen and (max-width: 767px) { 
nav.desktop-menu, #right-sidebar { display:none; }
#mobile-menu {display: block;position: absolute; left:10px;  top:22px; background:#000;}
#mobile-menu a { color:#fff; padding:0 10px; background:#000; line-height:35px; font-size:14px; text-transform:uppercase;letter-spacing:2px;}
#sidr ul li {text-align: left; font-size:13px; }

.social ul li { border-right: 0; padding:10px 8px; }
.social ul li a {font-size:16px; }
.social ul li:first-child { border-left: 0;}
ul.portfolio-nav {display:block; }
.portfolio-nav li { display:block; width:100%;padding:8px 0; text-align: center; border-bottom:1px solid #3d3d3d;}
.portfolio-nav li a {border:0;  -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; }
.portfolio-nav li a:hover {color:#E55650; border:0;}
.portfolio-nav li a.active{color: #E55650; background:#fff; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; border:0;}
.portfoliopagesection ul.portfolioitems li .img-wrap:hover .onhovereffect h5 {padding-top:5px; font-size: 21px}
.portfoliopagesection ul.portfolioitems li .img-wrap:hover .onhovereffect hr.colored {display:none;}
.portfoliopagesection ul.portfolioitems li .img-wrap:hover .onhovereffect .zilla-likes {border:1px solid #fff; padding: 4px 14px;}
.portfoliopagesection ul.portfolioitems li .img-wrap:hover .onhovereffect .zilla-likes:before {font-size:14px; top:5px; left:10px; }
.portfoliopagesection ul.portfolioitems li .img-wrap:hover .onhovereffect span.zilla-likes-count {padding:0 0 0 20px; font-size:13px; }
.social-likes__widget{display:block!important; margin:0 3px 5px 0;}
.portfolionavigate h6 { font-size:14px;}
.portfolionavigate {margin-bottom:25px;}
.servicespagesection ul.servicesitems li h1 i {padding-bottom:10px; float:none; display:block;width:100%; margin:0 auto; text-align: center;}
.servicespagesection ul.servicesitems li h1 {text-align: center; font-size:19px;}
}

@media only screen and (min-width: 768px) and (max-width: 1040px) {
.portfoliopagesection ul.portfolioitems li .img-wrap:hover .onhovereffect h5 {padding-top:5px; font-size: 21px}
.portfoliopagesection ul.portfolioitems li .img-wrap:hover .onhovereffect hr.colored {margin-top:12px;margin-bottom:22px;}
.servicespagesection ul.servicesitems li h1 i {padding-bottom:10px; float:none; display:block;width:100%; margin:0 auto; text-align: center;}
.servicespagesection ul.servicesitems li h1 {text-align: center;  font-size:19px;}
#right-sidebar {right:35px;}
}
