/*
Theme Name: Ele Attorney
Theme URI: https://www.sktthemes.org/shop/free-attorney-wordpress-theme
Author: SKT Themes
Author URI: https://www.sktthemes.org
Description: Ele Attorney WordPress theme for lawyers, legal firms, law advisors, practitioners, institutions, counsel, adviser and consultation. Built using Elementor Page builder. Is multilingual, RTL tested, quick speed page loading and SEO plugins friendly. WooCommerce friendly. One click demo import included. Documentation: http://sktthemesdemo.net/documentation/ele-attorney-free-documentation
Version: 1.2
License: GNU General Public License
License URI: license.txt
Text Domain: ele-attorney
Tags: two-columns,right-sidebar,full-width-template,custom-background,custom-colors,custom-menu,sticky-post,theme-options,threaded-comments,featured-images,footer-widgets,rtl-language-support,custom-logo,editor-style,custom-header,blog,photography,portfolio

Ele Attorney is based on Underscores theme(Underscores is distributed under the terms of the GNU GPL v2 or later).

Ele Attorney WordPress Theme has been created by SKT Themes(sktthemes.org), 2019.
Ele Attorney WordPress Theme is released under the terms of GNU GPL
*/
html{overflow-x:hidden;}
body {
  background-color: #fff;
  margin: 0;
  padding: 0;
  line-height: 24px;
  color: #292929;
  font-family: 'Assistant';
  font-size: 16px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  outline: none;
}

img {
  border: none;
  margin: 0;
  padding: 0;
  height: auto;
}

.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.aligncenter {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}


a {
	  color: #000000;
  text-decoration: none;
}

a:visited {
	color: purple;
}

a:hover, a:focus, a:active {
	color: #282828;
}

a:focus {
	outline: thin dotted;
}

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

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

blockquote {
  border: 0 solid #1a1a1a;
  border-left-width: 4px;
  color: #686868;
  font-size: 19px;
  font-size: 1.1875rem;
  font-style: italic;
  line-height: 1.4736842105;
  margin: 0 0 1.4736842105em;
  overflow: hidden;
  padding: 0 0 0 1.263157895em;
}

blockquote,
q {
  quotes: none;
}

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

blockquote p {
  margin-bottom: 1.4736842105em;
}

blockquote cite,
blockquote small {
  color: #1a1a1a;
  display: block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
}

blockquote cite:before,
blockquote small:before {
  content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
  font-style: normal;
}

blockquote strong,
blockquote b {
  font-weight: 400;
}

blockquote >:last-child {
  margin-bottom: 0;
}

address {
  font-style: italic;
  margin: 0 0 1.75em;
}

code,
kbd,
tt,
var,
samp,
pre {
  font-family: Inconsolata, monospace;
}

pre {
  border: 1px solid #d1d1d1;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3125;
  margin: 0 0 1.75em;
  max-width: 100%;
  overflow: auto;
  padding: 1.75em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

code {
  background-color: #d1d1d1;
  padding: 0.125em 0.25em;
}

abbr,
acronym {
  border-bottom: 1px dotted #d1d1d1;
  cursor: help;
}

mark,
ins {
  background: #007acc;
  color: #fff;
  padding: 0.125em 0.25em;
  text-decoration: none;
}

big {
  font-size: 125%;
}
/**
 * 4.0 - Elements
 */

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

hr {
  background-color: #d1d1d1;
  border: 0;
  height: 1px;
  margin: 0 0 1.75em;
}

ul,
ol {
  margin: 0 0 1.75em 1.25em;
  padding: 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
  margin-left: 1.5em;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

dl {
  margin: 0 0 1.75em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 0 1.75em;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

del {
  opacity: 0.8;
}

table,
th,
td {
  border: 1px solid #d1d1d1;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}

#wp-calendar caption {
  text-align: center;
  padding-bottom: 20px;
}

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

th {
  border-width: 0 1px 1px 0;
  font-weight: 700;
}

td {
  border-width: 0 1px 1px 0;
}

th,
td {
  padding: 0.4375em;
}
/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
  color: #686868;
  font-family: Montserrat, "Helvetica Neue", sans-serif;
}

:-moz-placeholder {
  color: #686868;
  font-family: Montserrat, "Helvetica Neue", sans-serif;
}

::-moz-placeholder {
  color: #686868;
  font-family: Montserrat, "Helvetica Neue", sans-serif;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #686868;
  font-family: Montserrat, "Helvetica Neue", sans-serif;
}

.entry-content ol li,
.entry-content ul li {
  margin-left: 15px;
}

ul li ul,
ul li ul li ul,
ol li ol,
ol li ol li ol {
  margin-left: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #282828;
  font-family: 'Assistant';
  margin: 0 0 20px;
  padding: 0;
  line-height: 1.1;
  font-weight: 700;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 25px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

.clear {
  clear: both;
}

.alignnone {
  width: 100% !important;
}

img.alignleft,
.alignleft {
  float: left;
  margin: 0 30px 0 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignright,
.alignright {
  float: right;
  margin: 0 0 0 30px;
}

.tag-sticky-2 {
  background-color: #f6f4f4;
  padding: 20px;
}

.left {
  float: left;
}

.right {
  float: right;
}

.space50 {
  clear: both;
  height: 50px;
}

.space100 {
  clear: both;
  height: 100px;
}

.head-info-area {
  padding: 0;
  width: 100%;
  font-family: 'Assistant';
  font-size: 15px;
  color: #ffffff;
  position: relative;
  z-index: 99999;
  background-color: #f8634b;
}

.center {
  margin: 0 auto;
  width: 1170px;
}

.left {
  float: left;
}

.right {
  float: right;
}

.head-info-area .left .phntp {
  display: inline-block;
  padding: 13px 5px;
}

.head-info-area .left .taglinetp {
  display: inline-block;
  padding: 13px 5px;
  font-family: 'Assistant';
  font-size: 15px;
  color: #ffffff;
  text-align: left;
}

.head-info-area .left .emltp {
  display: inline-block;
  padding: 13px 5px;
}

.head-info-area .right .sintp {
  display: inline-block;
  padding: 0;
  vertical-align: top;
}

.head-info-area .right .phntp {
  display: inline-block;
  padding: 13px 20px 13px 0;
}

.head-info-area .right .phntp .phoneno strong {
  color: #ffffff;
  font-size: 16px;
}

/* Animation Manage */
body.enableslide .header {
  position: absolute;
}

.header .social-icons {
  float: right;
  margin-top: 36px;
}

.social-icons {
  display: inline-table;
}

.social-icons a {
  width: 38px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  transition: 0.6s;
  -moz-transition: 0.6s;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  margin: 0;
  padding: 0;
}

.social-icons br {
  display: none;
}

.social-icons .fb {
  background: url(images/icon-fb.png) no-repeat center center;
}

.social-icons .tw {
  background: url(images/icon-tw.png) no-repeat center center;
}

.social-icons .in {
  background: url(images/icon-in.png) no-repeat center center;
}

.social-icons .insta {
  background: url(images/icon-insta.png) no-repeat center center;
}

.social-icons .yt {
  background: url(images/icon-youtube.png) no-repeat center center;
}

.phoneno img {
  margin-right: 5px;
}

.emltp {
  margin-left: 12px;
}

.emltp a {
  color: #ffffff;
}

.emltp a:hover {
  color: #000000;
}

.emltp img {
  margin-right: 9px;
}
/*default pagination*/

.pagination {
  display: table;
  clear: both;
}

.pagination .nav-links {
  margin: 20px 0;
}

.pagination .nav-links a {
  margin-right: 0;
  background: #646262;
  color: #fff;
  padding: 5px 10px;
}

.pagination .nav-links span.current,
.pagination .nav-links a:hover {
  padding: 5px 10px;
  background: #000000;
  color: #fff;
}

.postmeta {
  padding: 5px 0;
  color: #999;
}

.postmeta a {
  color: #999;
}

.postmeta a:hover {
  color: #000000;
}

#comment-nav-above .nav-previous,
#comment-nav-below .nav-previous {
  float: none !important;
  margin: 10px 0;
}

ol.comment-list li {
  list-style: none;
  margin-bottom: 5px;
}

.logo {
  float: left;
  width: auto;
  z-index: 999;
  color: #ffffff;
  padding: 31px 0 0 0;
  height: auto;
}

.logo p {
  font-size: 10px;
  text-align: left;
  font-family: 'Merriweather', serif;
  color: #4c4c4c;
}

.logo img {
  height: auto;
  width: auto;
  max-height: 90px;
  max-width: 266px;
}

.logo h2 {
  font-weight: bold;
  margin: 0;
  color: #282828;
  font-size: 32px;
  text-align: left;
  line-height: 22px;
  font-family: 'Playfair Display';
}

.logo h2 span {
  color: #ffffff;
}

.logo a {
  color: #dedede;
}

.header-right {
  width: 450px;
  float: right;
  padding: 22px 0;
  font-family: 'Roboto';
  font-size: 14px;
  color: #4c4c4c;
}

.header-right strong {
  display: block;
}

.header-right span {
  opacity: 0.8;
  font-family: 'Roboto';
  font-size: 14px;
  color: #4c4c4c;
  font-weight: normal;
}

.header-right .sintp {
  width: 50%;
  box-sizing: border-box;
  padding: 20px 0 15px 0;
  margin: 0;
  float: left;
  font-family: 'Roboto';
  font-size: 16px;
  color: #1d1d1d;
}

.header-right .emltp {
  float: left;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 50%;
  padding: 15px 20px;
  margin: 0;
  font-family: 'Roboto';
}

.header-right .emltp strong {
  font-size: 16px;
  display: block;
  position: relative;
  top: 4px;
  color: #1d1d1d;
}

.header-right img {
  display: table;
  float: left;
  position: relative;
  top: 0px;
  padding-right: 10px;
  box-sizing: border-box;
}

.widget-right {
  float: right;
  font: 400 20px/22px'Roboto Condensed';
  text-align: right;
}

.widget-right ul {
  margin: 0;
  padding: 0;
}

.widget-right ul li {
  float: left;
  margin-right: 20px;
  padding-right: 20px;
  border-right: solid 1px #dde4ea;
  list-style: none;
}

.widget-right ul li img {
  float: left;
  margin-right: 15px;
  margin-top: 7px;
}

.widget-right ul li span {
  float: left;
  color: #9d9e9f;
}

.widget-right ul li span strong {
  display: block;
  font-size: 17px;
  color: #6b6b6b;
}

.widget-right ul li a {
  color: #6b6b6b;
}

.widget-right ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.header {
  width: 100%;
  z-index: 999;
  position: relative;
  background-color: #ffffff;
  height: auto;
  font-family: 'Roboto';
  border-bottom: 1px solid #eeeff5;
}

body.enableslide .header{border-bottom:none;}
.box-1 .social-box, .box-2 .social-box, .box-3 .social-box, .box-4 .social-box {display:none;}
.box-1:hover .social-box, .box-2:hover .social-box, .box-3:hover .social-box, .box-4:hover .social-box {display:block;}
.box-1:hover .eihe-caption, .box-2:hover .eihe-caption, .box-3:hover .eihe-caption, .box-4:hover .eihe-caption {opacity:1 !important;}

#practice-areas {z-index:999;}

.singlepage a{color:#4c4c4c;}
.singlepage a:hover{color:#f8634b;}

.container {
  width: 1170px;
  margin: 0 auto;
  position: relative;
}
/*header menu css*/

#menubar {
  border-top: 3px solid #000000;
}

.free-consult {
    margin: 0 0 0 10px !important;
    z-index: 10;
    padding-left: 25px;
    padding-right: 25px;
    height: 100%;
    box-sizing: border-box;
    font-size: 16px;
    background-color: #f8634b;
    color: #fff;
}

.free-consult:before{
	bottom:0;
	content:"";
	position:absolute;
	right:-99999px;
	top:0;
	width:99999px;
	background:#f8634b;
}

.free-consult a{
	color:#fff !important;
	font-weight:700 !important;
	text-transform:uppercase;
}

.free-consult a:hover{color:#fff !important;}

.site-navigation ul li ul li a{color:#4c4c4c !important; font-weight:600 !important; text-transform:none !important;}


/*--------------------------------------------------------------
Menus
--------------------------------------------------------------*/
.site-navigation {
	display: block;
	margin: 0;
}

/* Styling the links */
.site-navigation a {
	display: block;
	font-size: 16px;
	padding: 33px 22px 33px 22px;
	color: #4c4c4c;
	transition: all .4s ease-in-out 0s;
	text-decoration: none;
	box-sizing: border-box;
	width: 100%;
	white-space: normal;
}

/* color change on Hover */
.site-navigation .menu a:hover,
.site-navigation .menu a:focus { 
	color: #f8634b;
}

/* Set menu item's width to 100% */
.site-navigation .menu li {
	display: block;
	width: 100%;
}

/* Esto capaz que no hace falta */
.site-navigation .menu li ul li:hover,
.site-navigation .menu li ul li:focus {
	color: #f8634b;
}

/* Styling the toggle buttons */
.menu-toggle {
	background-color: #f8634b;
	padding: 0.75em 0.625em 0.625em 0.75em;
	color: #fff;
	font-size: 1.125em;
	text-decoration: none;
	border: 1px solid #f8634b;
	border-radius: 4px;
	display: block;
	position: absolute;
	top: 1em;
	right: 1em;
}

.menu-toggle .dashicons {
	vertical-align: text-bottom;
}

.menu-toggle .dashicons:before {
	content: '\f228';
}

.toggled .menu-toggle {
	background-color: #606060;
}

.toggled .menu-toggle .dashicons:before {
	content: '\f158';
}

.dropdown-toggle {
	background-color: #f8634b;
	padding: 1.1em;
	position: absolute;
	top: 1em;
	right: 0.5em;
	border: 1px solid transparent;
	border-left: 1px solid #bbb;
	border-radius: 0;
	color: #fff;
	text-align: center;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	border: 1px dashed;
}

.dropdown-toggle .dashicons {
	font-size: 1.25rem;
}

.dropdown-toggle .dashicons:before {
	content: '\f347';
}

.toggled-on > .dropdown-toggle .dashicons:before {
	content: '\f343';
}

/* Hide Submenus by default using absolute positioning instead of display:none;. */
.site-navigation ul{font-family: 'Assistant';}
.site-navigation .menu,
.site-navigation .menu li,
.site-navigation .menu ul,
.site-navigation .menu li:hover > ul,
.site-navigation .menu li:focus > ul {
	position: absolute;
	top: 100%;
	left: -9999em;
	padding: 0;
	margin: 0;
}

/* Display the menu when clicked on Menu Toggle */
.toggled .menu {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}

.toggled .menu li {
	position: relative;
	left: unset;
}

.toggled .menu li > .sub-menu {
	display: none;
}

.toggled .menu .toggled-on > .sub-menu {
	display: block;
	position: relative;
	left: 0;
	top: 100%;
}

.site-navigation .menu ul a,
.site-navigation .menu ul ul a {
	padding: 10px 15px !important;
}

.site-navigation .menu ul a {
	padding: 1.25em 1.25em;
}

.site-navigation .menu ul ul a {
	padding: 10px 15px;
}

.site-navigation ul li ul{background-color:#FFF;}

/* Second and following tiers submenus */
.site-navigation .menu ul li {
}

/* = header top bar css
-------------------------------------------------------------- */

section#home_slider {
  padding: 0;
}

#FrontBlogPost {
  padding: 60px 0;
}

#wrapfirst {
  padding: 0 0 60px;
}

h2.section-title {
  font-weight: 400;
  font-family: 'Roboto Condensed';
  font-size: 28px;
  color: #3a3a3a;
  margin: 0 0 30px 0;
  padding: 0 40px 20px 0;
  text-transform: uppercase;
  border-bottom: solid 1px #f58e2a;
  display: inline-block;
  position: relative;
}

h2.section-title::after {
  width: 10px;
  height: 10px;
  background: #f9f8f8;
  border: solid 1px #f58e2a;
  content: "";
  padding: 0;
  position: absolute;
  bottom: -6px;
  right: 0;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
}

.getaquote a {
  font: 16px'Roboto Condensed';
  background: #0083b6;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.getaquote a:hover {
  color: #ffffff;
}
/* = Services section css
-------------------------------------------------------------- */

.last_column {
  clear: right;
  margin-right: 0 !important;
}
/* = section first css
-------------------------------------------------------------- */

.pageallarea {
  position: relative;
}

#pagearea {
  padding: 60px 0 60px 0;
  display: block;
  background-color: #f7f7f7;
}

.featured-box-heading {
  text-align: center;
  margin: 0 auto;
  color: #1f1f1f;
  font-size: 40px;
  font-weight: bold;
  font-family: 'Lora', serif;
  display: block;
  padding: 20px 0 80px 0;
}

.threebox {
  float: left;
  margin: 0;
  text-align: center;
  width: 31.7%;
  z-index: 99999999;
  position: relative;
  background-color: #000000;
  margin-right: 28px;
  box-sizing: border-box;
}

.threebox p {
  margin-bottom: 20px;
  line-height: 22px;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #ffffff;
}

.threebox h3 {
  font: 400 18px'Montserrat', sans-serif;
  color: #ffffff;
  margin: 0 0 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

a.ReadMore {
  font: 400 17px/22px'Assistant';
  background-color: #f8634b;
  padding: 13px 35px;
  color: #fff;
  display: inline-block;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  margin-top: 50px;
}

a.ReadMore:hover {
  background-color: #000000;
  color: #fff;
}
/* = Page lay out css
-------------------------------------------------------------- */

.site-main {
  width: 790px;
  margin: 0;
  padding: 0;
  float: left;
}

.site-main h1,
.site-main h2,
.site-main h3,
.site-main h4,
.site-main h5,
.site-main h6 {
  font-family: 'Assistant';
}

#sitefull {
  width: 100%;
  float: none;
}

#sitefull p {
  margin-bottom: 15px;
}

.page_content {
  padding: 50px 0;
}

.page_content p {
  margin-bottom: 20px;
  line-height: 28px;
}

.blog_lists {
  margin: 0 0 25px 0;
  padding-bottom: 25px;
  border-bottom: 1px solid #f7f7f7;
}

.blog_lists h4 {
  margin-bottom: 6px;
}

.blog_lists h4 a {
  color: #484f5e;
}

.blog_lists h4 a:hover {
  color: #000000;
}

.blog_lists p {
  margin-bottom: 15px;
}

.blog-meta {
  font-style: italic;
  margin-bottom: 8px;
}

.post-date,
.post-comment,
.post-categories {
  display: inline;
  color: #000000;
}

.single_title {
  margin-bottom: 5px;
}

.BlogPosts {
  width: 31.2%;
  float: left;
  margin: 0 3% 0 0;
}

.BlogPosts img {
  width: 100%;
}

.BlogPosts h2 {
  margin: 10px 0;
  font-size: 22px;
}

.post-thumb {
  width: 35%;
  float: left;
  margin: 5px 25px 5px 0;
  height: 185px;
  overflow: hidden;
}

.post-thumb img {
  width: 100%;
}
/* = sidebar
-------------------------------------------------------------- */

#sidebar {
  width: 330px;
  float: right;
  overflow: hidden;
  font-family: 'Assistant';
  font-size: 16px;
}

aside.widget {
  margin-bottom: 20px;
  padding: 0 25px 25px 25px;
  border-bottom: 1px solid #eeeff5;
  border-left: 1px solid #eeeff5;
  border-right: 1px solid #eeeff5;
}

aside.widget ul {
  list-style: disc;
}

h3.widget-title {
  padding: 25px 25px 0 25px;
  margin-bottom: 0;
  color: #666666;
  text-align: left;
  font-family: 'Assistant';
  font-weight:600;
  font-size: 20px;
  border-top: 1px solid #eeeff5;
  border-left: 1px solid #eeeff5;
  border-right: 1px solid #eeeff5;
}

.titleborder {
  line-height: 0.5;
  text-align: left;
}

.titleborder span {
  display: inline-block;
  position: relative;
}

.titleborder span:after {
  content: '';
  border-bottom: 2px solid;
  border-bottom-color: #f8634b;
  width: 45px;
  display: table;
  padding-top: 26px;
  margin-bottom: 25px;
}

h3.widget-title a {
  color: #282828;
}

#sidebar ul li {
  padding: 6px 0;
  list-style: none;
}

#sidebar ul {
  margin: 0;
}

body.woocommerce #sidebar ul li a {
  display: block;
}

#sidebar ul li a {
  color: #141414;
  display: inline-block;
}

#sidebar ul li a:hover {
  color: #f8634b;
}

#sidebar ul li:last-child {
  border: none;
}

body.woocommerce #sidebar ul li span {
  padding-left: 0px;
}

.fullwidth {
  width: 100%;
  float: none;
}
/* = Footer Social css
-------------------------------------------------------------- */

.footerarea a:hover {
  color: #f8634b !important;
}

.footerinfo {
  font: 400 16px/18px'Roboto Condensed';
  display: inline-block;
}

.footerinfo .fa {
  margin-right: 8px;
}

.footerinfo span {
  margin-left: 35px;
}

.footerinfo a {
  color: #777777;
}

.footer-social {
  float: left;
  vertical-align: top;
}

#footersocial .left a {
  color: #9a9a9a;
}

#footersocial .left a:hover {
  color: #ffffff;
}

#footersocial .left span {
  line-height: 22px;
}
/* = Footer css
-------------------------------------------------------------- */

#footer-wrapper {
  position: relative;
  color: #858484;
  background-color: #1d1d1d;
}

#copyright-area {
  position: relative;
  color: #858484;
  background-color: #191919;
}

#footer-wrapper .social-icons a:link,
.social-icons a:visited {
  border-left: none;
}

#footer-wrapper .social-icons a:last-of-type {
  border-right: none;
}

.cols-3 {
  width: 33.33%;
  float: left;
  margin: 0 0 3% 0;
  box-sizing: border-box;
  color: #919090;
  line-height: 28px;
  font-size: 17px;
}

.cols-3 .menu li a:before {
    content: "\003E";
    font-size: 17px;
    padding-right: 10px;
	font-size:15px;
}

.cols-3 .alignnone{width:auto !important;}

.widget-column-4 {
  margin-right: 0px !important;
}

.cols-3 h5 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 30px;
  font-family: 'Assistant';
  font-weight:600;
}

.cols-3 h5 span {
  font-weight: 600;
  color: #fff;
}

.cols-3 span {
  color: #f8634b;
  display: inline-block;
  min-width: 70px;
  width: auto;
}

.cols-3 ul {
  margin: 0;
  padding: 0;
  list-style: inside disc;
  column-count: 2;
  moz-column-count: 2;
  -webkit-column-count: 2;
}

.cols-3 ul li {
  display: block;
  padding: 0;
  line-height: 32px;
  list-style: none;
}

.cols-3 ul li a {
  color: #999999;
  padding: 3px 0 3px 0;
  display: block;
}

.cols-3 ul li a:hover,
.cols-3 ul li.current_page_item a {
  color: #f8634b;
}

.cols-3 p {
  margin-bottom: 15px;
}

.phone-no {
  margin: 10px 0 0;
  line-height: 22px;
}

.phone-no a {
  color: #919090;
}

.phone-no a:hover {
  color: #d6d6d6;
}

.phone-no strong {
  display: inline-block;
  color: #000000;
}

.phone-no img {
  margin: 5px 15px 0 0;
  float: left;
}

.cols-3 .phone-no p {
  margin-bottom: 10px;
}

.copyright-wrapper {
  color: #858484;
  position: relative;
  display: block;
}

.copyright-txt {
  padding: 25px 0;
  float: none;
  text-align: center;
  font-size: 14px;
  font-family: 'Merriweather';
  line-height: 1.9em;
}

.copyright-txt a {
  color: #ffffff;
}

.copyright-txt a:hover {
  color: #54be73;
}

.copyright-txt span {
  color: #000000;
}

.design-by {
  float: right;
}

.design-by a:hover {
  color: #919090;
}

.recent-post {
  margin: 0 0 4px 0;
  padding-bottom: 4px;
}

.recent-post h6 {
  font-size: 13px;
  margin-bottom: 6px;
  display: block;
  text-transform: uppercase;
}

.recent-post a {
  color: #919090;
}

.recent-post a:hover {
  color: #000000;
}

.recent-post img {
  float: left;
  width: 60px;
  margin: 4px 15px 5px 0;
  border: 3px solid #4c4b4b;
}

.recent-post p {
  margin-bottom: 10px;
}

.recent-post .morebtn {
  color: #ffffff;
}

.recent-post .morebtn:hover {
  color: #000000;
}

.recent-post:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
/* Buttons */

/* woocommerce CSS
================================================*/

a.added_to_cart {
  background: #e1472f;
  padding: 5px;
  display: inline-block;
  color: #fff;
  line-height: 1;
}

a.added_to_cart:hover {
  background: #000000;
}

a.button.added:before {
  content: '' !important;
}

#bbpress-forums ul li {
  padding: 0;
}

#subscription-toggle a.subscription-toggle {
  padding: 5px 10px;
  display: inline-block;
  color: #e1472f;
  margin-top: 4px;
}

textarea.wp-editor-area {
  border: 1px #ccc solid;
}

.woocommerce input[type=text],
.woocommerce textarea {
  border: 1px #ccc solid;
  padding: 4px;
}

form.woocommerce-ordering select {
  padding: 5px;
  color: #777777;
}

.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
  font-family: 'Roboto Condensed', san-serif;
  color: #ff8a00;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  color: inherit !important;
}

h1.product_title,
p.price {
  margin-bottom: 10px;
}

.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
  font-family: 'Roboto Condensed', san-serif;
  color: #000000;
}

.woocommerce ul.products li,
#payment ul.payment_methods li {
  list-style: none !important;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  color: inherit !important;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border-bottom: 0px !important;
}

#wp-calendar {
  width: 100%;
}

input.search-field,
.post-password-form input[type=password] {
  border: 1px #eee solid;
  padding: 8px 23px 8px 23px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-bottom: 10px;
  width: 75%;
  margin-right: 5px;
}

input.search-submit,
.post-password-form input[type=submit],
.wpcf7-form input[type=submit],
.woocommerce-product-search button[type=submit] {
  border: none;
  color: #ffffff;
  padding: 9px 15px;
  cursor: pointer;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #f8634b;
  float: right;
}
/* ============= Contact Page =========== */

.wpcf7 {
  margin: 30px 0 0;
  padding: 0;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"] {
  width: 40%;
  border: 1px solid #cccccc;
  box-shadow: inset 1px 1px 2px #ccc;
  height: 35px;
  padding: 0 15px;
  color: #797979;
  margin-bottom: 0;
}

.wpcf7 textarea {
  width: 60%;
  border: 1px solid #cccccc;
  box-shadow: inset 1px 1px 2px #ccc;
  height: 150px;
  color: #797979;
  margin-bottom: 25px;
  font: 12px arial;
  padding: 10px;
  padding-right: 0;
}

.wpcf7 input[type="submit"] {
  background-color: #000000;
  width: auto;
  border: none;
  cursor: pointer;
  font: 18px'Roboto Condensed', san-serif;
  color: #ffffff;
  padding: 10px 40px;
  border-radius: 3px;
}
/* ============= Comment Form ============ */

h1.screen-reader-text {
  font: 22px'Roboto Condensed', san-serif;
}

.site-nav-previous,
.nav-previous {
  float: left;
}

.site-nav-next,
.nav-next {
  float: right;
}

h3#reply-title {
  font: 300 18px'Roboto Condensed', san-serif;
}

#comments {
  margin: 30px 0 0;
  padding: 0;
}

nav#nav-below {
  margin-top: 15px;
}

.slider-wrapper {
  background: url(images/loading.gif) no-repeat center center #fff;
  min-height: 650px;
}
/* ============= Others ============ */

body.wp-custom-logo .logo h2 {
  display: none;
}

#sidebar select {
  width: 100%;
  padding: 3px;
  height: 25px;
}

.page-links span {
  padding-right: 10px;
}

body.error404 .search-form {
  width: 50%;
}

body.title-tagline-hidden .site-title,
body.title-tagline-hidden .site-description {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
}

.site-title,
.site-description {
  position: relative;
}

.site-description,
a.site-description {
  padding-top: 7px;
  color: #000;
}

.menurightinfo {
  padding: 28px 0 28px 40px;
  margin-left: 25px;
  min-width: 165px;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  float: right;
  border-left: 1px solid #f0efef;
}

.site_boxed .menurightinfo {
  padding: 25px;
  margin-right: -28px;
}

.menurightinfo i {
  height: 46px;
  width: 46px;
  line-height: 46px;
  text-align: center;
  color: #ffffff;
  font-size: 19px;
  float: right;
  background-color: #eeaa9c;
  border: solid 1px #ffffff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: relative;
  z-index: 999999;
}

.menurightinfo .cart-item {
  position: relative;
}

.prd-count {
  width: 70px;
  text-align: left;
  box-sizing: border-box;
  padding: 7px 15px;
  background: #aece89;
  color: #ffffff;
  position: absolute;
  z-index: 999;
  right: 10px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  top: 10px;
}

.prd-amount {
  position: absolute;
  left: -10px;
  top: 18px;
}

#withcontent {
  padding: 50px 0;
  background-color: #FFF;
}

.w-thumb {
  float: left;
  vertical-align: top;
  text-align: center;
  width: 48%;
}

.w-cont {
  float: right;
  text-align: left;
  width: 48%;
}

.w-cont h2,
.w-fullcont h2 {
  font-weight: bold;
  text-align: left;
  clear: both;
  margin: 0;
  padding-bottom: 5px;
  font-family: 'Oleo Script';
  font-size: 38px;
}

.w-cont h2 span,
.w-fullcont h2 span {
  color: #000000;
}

.w-cont p,
.w-fullcont p {
  line-height: 24px;
  padding: 0;
  margin: 0 0 20px 0;
  font-family: Roboto;
  font-size: 13px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
  margin-top: 15px;
}

.flex-control-nav {
  margin-top: 15px !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  line-height: 100%;
  padding: 5px;
  font-size: 12px;
}

body.wp-custom-logo .logo {
  padding: 23px 0 0 0;
}

body.wp-custom-logo .site-description, body.wp-custom-logo a.site-description {
  padding-top: 2px;
}

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

.col-columns-2 {
  width: 50%;
  padding: 0 15px;
  box-sizing: border-box;
  float: left;
  min-height: 1px;
}

.col-columns-2-full {
  width: 100% !important;
}

.col-columns-2 h3 {
  color: #fefefe;
  font-size: 32px;
  margin-bottom: 30px;
  text-align: left;
  font-weight: normal;
  line-height: 40px;
  font-family: 'Oswald';
}

.col-columns-2 p {
  line-height: 26px;
  margin: 0 0 20px;
}

.aboutmore {
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  padding: 14px 38px;
  margin-top: 40px;
  display: table;
  color: #ffffff;
  background-color: #9a010b;
}

.aboutmore:hover {
  color: #ffffff !important;
}

.vdbox {
  position: relative;
  bottom: -40px;
}

.vdbox iframe {
  border-radius: 6px;
}

#footer-wrapper aside.widget {
  padding: 0px;
  border: none;
}

#home-section1 {
	margin-top:-80px;
    position: relative;
    z-index: 999999999;
}

.footermenu {
  text-align: center;
  margin: 0 auto;
  padding: 20px 0;
}

.footermenu ul {
  display: block;
}

.footermenu ul li {
  display: inline-block;
  text-align: center;
  list-style: none;
  margin: 10px 22px;
}

.footermenu ul li a {
  color: #999999;
  font-size: 17px;
}

.footermenu ul li a:hover {
  color: #ffffff;
}

#topmenu {
  /*position: relative;*/
  z-index: 999999;
  display: block;
  box-sizing: border-box;
  float: right;
}

.blocksbox {
  float: left;
  width: 33.333%;
  padding: 15px;
  margin: 0;
  box-sizing: border-box;
}

.blocksbox:hover h3 {
  color: #f8634b;
}

.blockthumb {
  text-align: center;
  display: block;
  min-height: 35px;
}

.blockthumb img {
  max-width: 66px;
  max-height: 51px;
}

.blocktitle {
  text-align: center;
}

.blocktitle h3 {
  margin: 30px 0 20px 0;
  font-family: 'Assistant';
  font-size: 24px;
  color: #282828;
}

.blockdesc {
  text-align: center;
  padding: 0;
  line-height: 25px;
}

.entry-meta {
  padding-bottom: 20px;
}

#footer-info-area {
  display: table;
  border-bottom: solid 1px #202020;
  width: 100%;
  padding: 0 0 30px 0;
  margin-bottom: 40px;
}

.footerleft {
  float: left;
  text-align: left;
}

body.wp-custom-logo .footerleft .logo {
  padding: 10px 0 10px 0;
}

.footerright {
  float: right;
  text-align: right;
}

#footer-info-area .contact-info {
  background: #161616;
  width: 100%;
  display: table;
}

#footer-info-area .col-4 {
  width: 33.33333333%;
  float: left;
  position: relative;
  min-height: 1px;
  padding: 0 15px;
  box-sizing: border-box;
}

#footer-info-area .box {
  border-right: 2px solid;
  border-right-color: #1f1f1f;
  padding: 38px 25px;
}

#footer-info-area .box img {
  padding-right: 50px;
  float: left;
  position: relative;
}

.yellowdivide {
  width: 2px;
  height: 22px;
  background: #f8634b;
  position: absolute;
  left: 25%;
}

#footer-info-area .box h5 {
  color: #fefefe;
  text-transform: uppercase;
  margin: 0 0 -5px;
  padding-bottom: 10px;
  position: relative;
  top: -5px;
  font: 400 15px Lato, sans-serif;
}

#footer-info-area .box p {
  color: #757575;
  font-size: 13px;
  word-wrap: break-word;
  margin: 0;
}

.lbox {
  border-right: 0px !important;
}

.read-more-btn {
  background: #f8634b;
  padding: 14px 35px;
  border-radius: 100px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin-top: 0px;
  display: inline-block;
  font-family: 'Assistant';
}

.read-more-btn:hover {
  background: #222 !important;
  color: #fff;
}

.nothmb .hometwoicon-button {
  top: 200px;
}

.hometwoicon-button img {
  width: 20px;
}

.woocommerce button.button.alt {
  background-color: #000 !important;
}

.widget_shopping_cart_content {
  position: relative;
}

.widget_shopping_cart_content .remove {
  position: absolute;
  left: 0;
}

.woocommerce ul.cart_list li {
  padding: 0 0 1em 2em !important;
}

.wc-forward {
  margin-right: 10px !important;
}

.sec3modal-trigger {
  padding: 20px 40px;
  background: transparent;
  text-decoration: none;
  display: table;
  margin: 0 auto;
}

.footer-row {
  padding: 80px 0 50px 0;
}

.headsearchbox {
  float: right;
  margin: 28px 0 0 20px;
}

.sintp {
  font-size: 20px;
  font-family: 'Merriweather', serif;
  background: #ffffff;
  display: block;
  position: relative;
  padding: 12px 28px;
  -webkit-transform: skew(-13deg);
  -moz-transform: skew(-13deg);
  -ms-transform: skew(-13deg);
  -o-transform: skew(-13deg);
  transform: skew(-13deg);
}

.sintp a {
  display: block;
  -webkit-transform: skew(13deg);
  -moz-transform: skew(13deg);
  -ms-transform: skew(13deg);
  -o-transform: skew(13deg);
  transform: skew(13deg);
  color: #282828;
}

.faphone {
  background: url(images/icon-phone.png) no-repeat 0 center;
  padding: 10px 15px;
}

.slide_more {
  word-wrap: break-word;
  display: inline-block;
  margin: 35px 0 0 0;
}

a.slide_more {
  padding: 15px 45px;
  border-radius:45px;
  -moz-border-radius:45px; 
  -webkit-border-radius:45px;
  font-weight: 600;
  display: inline-block;
  font-size: 16px;
  color: #FFF !important;
  background-color: #f8634b;
  text-transform:uppercase;
  font-family: 'Assistant';
}

a.slide_more:hover {
  background-color: #fff !important;
  color:#000 !important;
}

.center-title h2 {
  font-weight: 400;
  text-align: center;
  clear: both;
  font-style: italic;
  margin: 0 0 60px 0;
  padding-bottom: 45px;
  background: url(images/section-title-bottom.png) no-repeat bottom center;
  font-family: 'Playfair Display';
  font-size: 42px;
}

.center-title h2 span {
  border: none!important;
  display: initial!important;
  margin: 0;
  width: inherit;
}

.center-title span {
  display: block;
  border-bottom-color: #000;
  border-bottom: 3px solid;
  width: 50px;
  margin: 0px auto 40px auto;
}

.section_area_bg {
  width: 100%;
  padding: 0;
  clear: both;
  overflow: hidden;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center top !important;
}

.view-all-btn {
  text-align: center;
  margin-top: 6%;
}

.view-all-btn a {
  display: inline-block;
  font: 400 18px/100% 'Playfair Display';
  padding: 13px 28px;
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transform: skew(-13deg);
  -moz-transform: skew(-13deg);
  -ms-transform: skew(-13deg);
  -o-transform: skew(-13deg);
  transform: skew(-13deg);
  color: #ffffff;
  background: #282828;
}

#custom-col {
  background: rgba(255, 255, 255, 0.90);
  padding: 140px 30px 140px 30px;
}

.colside1, .colside3 {
  float: left;
}

.colside2, .colside4 {
  float: right;
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; 
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content_cover[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
10. Header, Main and Footer
--------------------------------------------------------------*/ 
.site-header {
	position: relative;
}

.site-branding {
}

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

/*
5. Navigation
	5.1 Links	
*/

/* 5.2 Menus */

.menu-toggle,
.dropdown-toggle {
	display: none;
}

.site-navigation {
	display: flex;
	align-items: start;
}

.site-navigation .primary-menu,
.site-navigation .social-menu {
	display: flex;
	position: static;
}

.site-navigation .social-menu {
	border-left: 1px solid #bbb;
}

.site-navigation .menu li {
	position: relative;
	width: auto;
	left: unset;
}

.site-navigation .menu ul li:first-child {
	border-top: 0;
}

.site-navigation .menu a,
.site-navigation .menu ul a,
.site-navigation .menu ul ul a {
	font-size: 16px;
	font-weight:600;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
.site-navigation .menu ul {
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 100%;
	left: -9999em;
	/*! border: 1px solid #606060; */
}
	
/* Display Dropdowns on hover and focus */
.site-navigation .menu li:hover > ul,
.site-navigation .menu li:focus > ul,
.site-navigation .menu li.focus > ul {
	left: 0;
}
	
/* First Tier Dropdown */
.site-navigation .menu ul li {
	position: relative;
	width: 170px;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
.site-navigation .menu li li:hover > ul,
.site-navigation .menu li li:focus > ul,
.site-navigation .menu li li.focus > ul {
	top: 0;
	left: 100%; 
}

.site-navigation .menu ul a:hover,
.site-navigation .menu ul a:focus { 
	color: #f8634b;
}

.menu-item-has-children > a:after,
.page_item_has_children > a:after {
	font-family: dashicons;
	content: '\f347';
	vertical-align: bottom;
	margin-left: 0.25em;
}

.menu-item-has-children .menu-item-has-children > a:after,
.menu-item-has-children .page_item_has_children > a:after,
.page_item_has_children .menu-item-has-children > a:after,
.page_item_has_children .page_item_has_children > a:after {
	content: '\f345';
	font-family: dashicons;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
}

}