@import url('https://fonts.googleapis.com/css?family=Marcellus|Marcellus+SC');
@import url('https://fonts.googleapis.com/css?family=Lora:400,400italic,700italic');
@import url('css/min/bootstrap.min.css');
@import url('css/min/font-awesome.min.css');
/*=============================================================================

 2- General resets

=============================================================================*/
/* --- general resets --------------------- */
/* Document level adjustments */
html, body {
height: 100%;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, embed, object {
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
vertical-align: baseline;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
outline: none;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
border: 0px;
font-variant: normal;
text-transform: none;
speak: none;
}
/* --- HTML5 display-role reset for older browsers --------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
/* --- typography --------------------- */
/*headings*/
h1, h2, h3, h4, h5, h6 {
font-family: 'Marcellus SC', serif;
margin-bottom: 0.875rem;
color: #744143;
}
.dark-section h1, .dark-section h2, .dark-section h3, .dark-section h4, .dark-section h5, .dark-section h6 {
color: #FFFEDF;
}
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.75rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1.125rem;
}
h5 {
font-size: 1.125rem;
}
h6 {
font-size: 0.875rem;
}
/* paragraphs */
p {
font-family: 'Lora', serif;
color: #7a7c82;
font-size: 0.875rem;
line-height: 1.5;
margin-bottom: 20px;
}
p:last-child {
margin-bottom: 0px;
}
label {
font-family: 'Lora', serif;
color: #7a7c82;
}
span {
font-size: inherit;
font-family: inherit;
overflow: hidden;
}
li {
font-size: 0.875rem;
line-height: 1.5;
font-family: 'Lora', serif;
color: #7a7c82;
font-weight: 400;
margin-bottom: 0px;
}
li:last-child {
margin-bottom: 0px;
line-height: normal;
}
/* small */
code, pre {
display: block;
white-space: pre;
}
del {
text-decoration: line-through;
color: #666666;
}
ins, dfn {
border-bottom: 1px solid #cccccc;
}
small, sup, sub {
font-size: 85%;
}
abbr, acronym {
text-transform: capitalize;
}
a abbr, a acronym {
border: none;
}
abbr[title], acronym[title], dfn[title] {
cursor: help;
border-bottom: 1px dotted #cccccc;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
cite, em, dfn {
font-style: italic;/*font-family: 'Source Sans', sans-serif;
font-size: smaller;*/
}
i {
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
display: inline-block;
}
/* Fontello */
[class^="icon-"]:before, [class*=" icon-"]:before {
width: auto;
margin-right: 0px;
margin-left: 0px;
line-height: 1;
}
/*strong*/
strong {
font-weight: 700;
}
/* Block */
block {
position: relative;
padding: 20px 30px;
border: none;
margin: 0 auto;
margin-bottom: 15px;
line-height: 20px;
font-style: italic;
}
block:before {
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
z-index: 100;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
block p {
color: #7a7c82;
font-style: italic;
}
block p:after, block p:before {
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
line-height: initial;
display: inline-block;
margin: 0 5px;
}
/* Lists */
ol, ul {
list-style: none;
}
/* Code */
kbd {
padding: 2px 4px;
font-size: 90%;
background-color: transparent;
border-radius: 3px;
box-shadow: none;
}
/* --- Forms --------------------- */
legend {
padding-top: 1rem;
font-size: 1.25rem;
color: #3e4147;
}
input[type="radio"], input[type="checkbox"] {
margin: 4px 5px 0px;
margin-top: 1px \9;
line-height: normal;
}
p.radio-p {
margin-left: 24px;
}
form {
outline: none;
}
.form-control:focus {
border-color: #774143;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(116, 65, 67, 0.8);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(116, 65, 67, 0.8);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
textarea {
overflow: auto;
vertical-align: top;
width: 100%;
max-width: 100%;
min-height: 155px;
position: relative;
resize: none;
}
/*select*/
select {
  color: #7a7c82;
}
option {
    color: #7a7c82;
}
/*Edit selected option*/
/*element  attr    attr value*/
option[selected="selected"] {
   color: #7a7c82; 
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #7a7c82;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.yellow-section input[type="text"], .yellow-section input[type="password"], .yellow-section input[type="email"], .yellow-section input[type="url"], .yellow-section input[type="search"], .yellow-section input[type="date"], .yellow-section textarea, .yellow-section select {
background-color: #ffffff;
}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
border-color: rgba(116, 65, 67, 0.8);
outline: 1px;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(116, 65, 67, 0.8);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(116, 65, 67, 0.8);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(116, 65, 67, 0.8);
}
.dark-section input[type="text"], .dark-section input[type="password"], .dark-section input[type="email"], .dark-section input[type="url"], .dark-section input[type="search"], .dark-section input[type="date"], .dark-section textarea, .dark-section select {
border-color: #ffffff;
}
/* buttons */
button, input[type="button"], input[type="submit"], .general-btn {
color: #ffffff;
background-color: #744143;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
height: 35px;
line-height: 1;
padding: 0px 15px !important;
display: block;
text-align: center;
outline: none;
font-family: 'Marcellus SC', serif;
font-size: 0.875rem;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover, .general-btn:hover {
color: #ffffff;
background-color: #744143;
}

/* placeholder */
*::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #d1d1d3;
}
*:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #d1d1d3;
 opacity: 1;
}
*::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #d1d1d3;
 opacity: 1;
}
*:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #d1d1d3;
}
/* --- tables --------------------- */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: 400;
}
/* --- images --------------------- */
img {
/*max-width: 100%;*/
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* --- links --------------------- */
a {
text-decoration: none !important;
outline: 0px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
color: #551232;
position: relative;/*&:after {
    content: '';
    height: 1px;
    width: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: @red;
    .transition(width, 0.3s,linear);
  }*/
}
a, a:hover, a:visited, a:focus, a:active {
outline: 0;
}
a:visited {
outline: 0;
}
a:hover, a:focus, a:active {
outline: 0;
color: #990000;/*&:after {
    width: 100%;
  }*/
}
a:hover > i {
-webkit-animation: toTopFromBottom 0.5s forwards;
-moz-animation: toTopFromBottom 0.5s forwards;
-khtml-animation: toTopFromBottom 0.5s forwards;
-o-animation: toTopFromBottom 0.5s forwards;
animation: toTopFromBottom 0.5s forwards;
}
a:hover, a:focus {
color: #ba1820;
text-decoration: underline;
font-weight: normal;
font-style: inherit;
}
/*
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/*general link*/

.general-link {
min-width: 120px;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.4286;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 0;
font-family: 'Marcellus SC', serif;
letter-spacing: 2px;
text-transform: uppercase;
}
.general-link:hover {
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.general-link.lg {
font-size: 1rem;
font-family: 'Marcellus SC', serif;
letter-spacing: 2px;
text-transform: uppercase;
}
.general-link.sm {
min-width: 80px;
display: inline-block;
padding: 2px 2px;
margin-right: 4px;
margin-bottom: 0;
font-size: 0.75rem;
font-weight: normal;
line-height: 1.4286;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-right: 1px solid transparent;
border-radius: 0;
font-family: 'Marcellus SC', serif;
letter-spacing: 2px;
text-transform: uppercase;

}

.general-link.accent {
background-color: #744143;
}
.general-link.accent:hover {
background-color: #996666;
}
.blue {
background-color: #744143;
}
.blue:hover {
background-color: #532F30;
}
.general-link.dark {
background-color: #744143;
}
.general-link.dark:hover {
background-color: #744143;
}
a.general-link.dark {
color: #ffffff;
}
a.general-link.dark:hover {
background-color: #ffffff;
}
span.general-link.dark {
background-color: #532F30 !important;
}
span.general-link.accent {
background-color: #744143;
}
.bordered {
background-color: transparent;
border: 1px solid #cbcbcd;
color: #7a7c82;
}
.bordered:hover {
border-color: #532f30;
background-color: #744143;
background-image: -webkit-gradient(top, #774444, #47292b);
background-image: -webkit-linear-gradient(top, #774444, #47292b);
background-image: -moz-linear-gradient(top, #774444, #47292b);
background-image: -ms-linear-gradient(top, #774444, #47292b);
background-image: -o-linear-gradient(top, #774444, #47292b);
background-image: linear-gradient(to bottom, #774444, #47292b);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.gradient-link.bordered:hover {
border: 1px solid #532f30;
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
color: #ffffff;
}
.bordered.green {
border: 1px solid #3bd1b6;
color: #3bd1b6;
}
.bordered.green:hover {
border: 1px solid #3bd1b6;
background-color: #3bd1b6;
color: #ffffff;
}
.gradient-link {
color: #FFFFFF;
background-color: #744143;
background-image: -webkit-gradient(top, #744143, #47292b);
background-image: -webkit-linear-gradient(top, #744143, #47292b);
background-image: -moz-linear-gradient(top, #744143, #47292b);
background-image: -ms-linear-gradient(top, #744143, #47292b);
background-image: -o-linear-gradient(top, #744143, #47292b);
background-image: linear-gradient(to bottom, #744143, #47292b);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.gradient-link:hover {
color: #FFFFFF;
background-color: #744143;
background-image: -webkit-gradient(top, #4A1E26, #744143);
background-image: -webkit-linear-gradient(top, #4A1E26, #744143);
background-image: -moz-linear-gradient(top, #4A1E26, #744143);
background-image: -ms-linear-gradient(top, #4A1E26, #744143);
background-image: -o-linear-gradient(top, #4A1E26, #744143);
background-image: linear-gradient(to bottom, #4A1E26, #744143);
}
.gradient-link:visited {
color: #FFFFFF;
}
.gradient-link:active {
color: #FFFFFF;
}
.dark-section .gradient-link:hover {
color: #65211e;
background-color: #FFFFFF;
background-image: -webkit-gradient(top, #ffffff, #ffffff);
background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
background-image: -o-linear-gradient(top, #ffffff, #ffffff);
background-image: linear-gradient(to bottom, #ffffff, #ffffff);
}
.accent-section .general-link:hover {
color: #65211e;
background-color: #FFFFFF;
background-image: -webkit-gradient(top, #ffffff, #ffffff);
background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
background-image: -o-linear-gradient(top, #ffffff, #ffffff);
background-image: linear-gradient(to bottom, #ffffff, #ffffff);
}
.large-link {
min-width: 170px;
padding: 10px 20px;
font-size: 1rem;
font-family: 'Lora', serif;
text-transform: uppercase;
letter-spacing: 2px;
width: 100%;
}
.large-link.bordered {
border-width: 2px;
}
.links li {
float: left;
width: 50%;
padding: 0 4px;
}
.links li:last-child {
padding-right: 0;
}
.links li:first-child {
padding-left: 0;
}
.links li a {
display: block;
width: 100%;
min-width: 100%;
}
.links-3-links li {
width: 33.333%;
}
.links-4-links li {
width: 25%;
}
/* break */
.br {
display: block;
height: 30px;
}
.br-10 {
height: 10px;
}
.br-20 {
height: 20px;
}
.br-30 {
height: 30px;
}
.br-40 {
height: 40px;
}
.br-50 {
height: 50px;
}
.br-60 {
height: 60px;
}
.br-70 {
height: 70px;
}
.br-80 {
height: 80px;
}
.br-90 {
height: 90px;
}
.br-100 {
height: 100px;
}
/* hr */
hr, .container hr {
margin: 0px;
height: 1px;
background: #c4c4c4;
border: 0px;
}
.container .top hr {
margin: 0px;
height: 1px;
background: #ebebeb;
border: 0px;
}
/* --- clearing --------------------- */
.clearfix:before, .clearfix:after {
display: table;
content: " ";
}
.clearfix:after {
clear: both;
}
/* --- Svg --------------------- */
.svg {
width: 100%;
height: 100%;
}
/* --- general classes --------------------- */
.none {
display: none;
}
.block {
display: block !important;
}
.fixed_pos {
position: fixed;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.no-margin-left {
margin-left: 0px !important;
}
.no-margin-right {
margin-right: 0px !important;
}
.no-margin-top {
margin-top: 0px !important;
}
.no-margin-bottom {
margin-bottom: 0px !important;
}
/* no padding sections */
.no-padding-section {
padding: 0;
}
.no-pb-section {
padding-bottom: 0;
}
.no-pt-section {
padding-top: 0;
}
.no-pl-section {
padding-left: 0;
}
.no-pr-section {
padding-right: 0;
}
/* negative margins */
.mt-negative {
z-index: 10000;
}
.mt-negative .row {
margin-top: -100px;
}
.firstChild {
margin: 0px;
}
.lastChild {
margin: 0px;
}
.offset {
display: none;
}
/* floats */
.fl {
float: left;
}
.fr {
float: right;
}
    .store-thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: none;
  border-radius: 0px;
  width: 50%;
  height:50%;
  max-width: 50%;

}
.store-thumbnail > img,
.store-thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.store-thumbnail:hover,
a.store-thumbnail:focus,
a.store-thumbnail.active {
  border-color: #744143;
}
.store-thumbnail .caption {
  padding: 9px;
  color: #333;
}
/* text break on screen size */
@media screen and (min-width: 768px) {
.rwd-break {
display: none;
}
}
/* text-align */
.ta-left {
text-align: left !important;
}
.ta-center {
text-align: center !important;
}
.ta-right {
text-align: right !important;
}
.white {
color: #FFFFFF;
text-shadow: #000 2px 2px 2px;
-webkit-font-smoothing: antialiased;
}
/* no borders */
.no-border {
border: 0 !important;
}
.no-border-left {
border-left: 0 !important;
}
.no-border-right {
border-right: 0 !important;
}
.no-border-top {
border-top: 0 !important;
}
.no-border-bottom {
border-bottom: 0 !important;
}
/* tooltip bottom */
.tooltipBottom + .tooltip {
-webkit-animation-name: tooltipBottom;
-moz-animation-name: tooltipBottom;
-ms-animation-name: tooltipBottom;
-o-animation-name: tooltipBottom;
animation-name: tooltipBottom;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
}
@keyframes tooltipBottom {
 0% {
 transform: translateY(0%);
}
 50% {
 transform: translateY(30%);
}
 100% {
 transform: translateY(0%);
}
}
/* tooltip top */
.tooltipTop + .tooltip, .tooltip {
-webkit-animation-name: tooltipTop;
-moz-animation-name: tooltipTop;
-ms-animation-name: tooltipTop;
-o-animation-name: tooltipTop;
animation-name: tooltipTop;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
}
@keyframes tooltipTop {
 0% {
 transform: translateY(0%);
}
 50% {
 transform: translateY(-30%);
}
 100% {
 transform: translateY(0%);
}
}
/* tooltip left */
.tooltipLeft + .tooltip {
-webkit-animation-name: tooltipLeft;
-moz-animation-name: tooltipLeft;
-ms-animation-name: tooltipLeft;
-o-animation-name: tooltipLeft;
animation-name: tooltipLeft;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
}
/* tooltip Right */
.tooltipRight + .tooltip {
-webkit-animation-name: tooltipRight;
-moz-animation-name: tooltipRight;
-ms-animation-name: tooltipRight;
-o-animation-name: tooltipRight;
animation-name: tooltipRight;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
}
@keyframes tooltipRight {
 0% {
 transform: translateX(0%);
}
 50% {
 transform: translateX(30%);
}
 100% {
 transform: translateX(0%);
}
}
/*tool tip customize*/
.tooltip-inner {
background-color: #532F30;
padding: 5px 15px;
font-size: 10px;
}
.tooltip.top .tooltip-arrow {
border-top-color: #532F30;
}
.tooltip.top-left .tooltip-arrow {
border-top-color: #532F30;
}
.tooltip.top-right .tooltip-arrow {
border-top-color: #532F30;
}
.tooltip.right .tooltip-arrow {
border-right-color: #532F30;
}
.tooltip.left .tooltip-arrow {
border-left-color: #532F30;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #532F30;
}
.tooltip.bottom-left .tooltip-arrow {
border-bottom-color: #532F30;
}
.tooltip.bottom-right .tooltip-arrow {
border-bottom-color: #532F30;
}
/*dark section  tooltip*/
.dark-section .tooltip-inner {
background-color: #ffffff;
color: #532F30;
}
.dark-section .tooltip.top .tooltip-arrow {
border-top-color: #ffffff;
}
.dark-section .tooltip.top-left .tooltip-arrow {
border-top-color: #ffffff;
}
.dark-section .tooltip.top-right .tooltip-arrow {
border-top-color: #ffffff;
}
.dark-section .tooltip.right .tooltip-arrow {
border-right-color: #ffffff;
}
.dark-section .tooltip.left .tooltip-arrow {
border-left-color: #ffffff;
}
.dark-section .tooltip.bottom .tooltip-arrow {
border-bottom-color: #ffffff;
}
.dark-section .tooltip.bottom-left .tooltip-arrow {
border-bottom-color: #ffffff;
}
.dark-section .tooltip.bottom-right .tooltip-arrow {
border-bottom-color: #ffffff;
}
/* --- Basic --------------------- */
.menu {
padding-top: 0px !important;
}
.loadSmooth {
-webkit-transition: 0.7s ease-in-out ease-in;
-moz-transition: 0.7s ease-in-out ease-in;
-o-transition: 0.7s ease-in-out ease-in;
-ms-transition: 0.7s ease-in-out ease-in;
-khtml-transition: 0.7s ease-in-out ease-in;
transition: 0.7s ease-in-out ease-in;
}
#container {
overflow: hidden;
}
/* --- General Mixins --------------------- */
.yellow-box {
border: 1px solid #cbcbcd;
background-color: #F7F7F7;
color: #7a7c82;
}
.yellow-box:hover {
background: #F7F7F7;
color: #744144;
}
.yellow-box p {
color: #7a7c82;
}
.drop {
border: 1px solid #cbcbcd;
border-top: 1px solid #d1d1d3;
}
.block-img {
display: block;
width: 100%;
height: 100%;
}
.gradient-box-vr {
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
/*=============================================================================

  3- Globally Applied Styles

  =============================================================================*/
/* --- Body --------------------- */
body {
font-size: 0.875rem;
font-family: 'Lora', serif;
line-height: 1.5;
background-color: #FFFEDF;
color: #7a7c82;
}
/* --- All Wrapper --------------------- */
.all-wrapper {
margin: auto;
opacity: 0;
position: relative;
visibility: hidden;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-khtml-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.innerWrapper {
margin: auto;
}
.container {
padding: 0px !important;
}
/* --- Sections --------------------- */
.main-section {
position: relative;
padding-top: 50px;
padding-bottom: 50px;
}
.cover {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #efefef;
opacity: 0.1;
z-index: 1;
}
.light-section {
background-color: #ffffff;
position: relative;
}
.accent-section {
background-color: #744143;
}
.accent-section .cover {
background-color: #744143;
}
.accent-section .section-header h3 {
color: #ffffff;
}
.dark-section {
background-color: #744143;
color: #f5f5f5;
}
.dark-section p {
color: #f5f5f5;
}
.dark-section li i {
color: #f5f5f5;
font-size: 1rem;
margin-right: 10px;
}
.dark-section .header-contacts li i {
color: #f5f5f5;
font-size: 1rem;
margin-right: 10px;
}
.yellow-section {
background-color: #FFFEDF;
position: relative;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
z-index: 9999997;
}
.yellow-section .cover {
background-color: #FFFEDF;
}
.yellow-section p {
color: #7a7c82;
text-align: center;
margin-bottom: 12px;
}
.img-section, .video-section {
background-repeat: no-repeat;
background-size: cover !important;
background-position: center center !important;
background-color: #532F30;
position: relative;
}
.img-section .container, .video-section .container {
position: relative;
z-index: 1;
}
.img-section .section-header p, .video-section .section-header p {
color: #e8e8e9;
}
.img-section .section-header p a, .video-section .section-header p a {
color: #e8e8e9;
}
.img-section .section-header p a:hover, .video-section .section-header p a:hover {
color: #744143;
}
.video-section {
overflow: hidden;
}
.video-section video {
position: absolute;
z-index: 1;
display: block;
left: 0;
top: 0;
}
/* no padding sections */
.no-padding-section {
padding: 0;
}
.no-pb-section {
padding-bottom: 0;
}
.no-pt-section {
padding-top: 0;
}
.no-pl-section {
padding-left: 0;
}
.no-pr-section {
padding-right: 0;
}
/* negative margins */
.welcome {
padding: 0;
}
/* section header */
.section-header {
text-align: center;
margin-bottom: 30px;
}
.section-header h3 {
font-size: 30px;
color: #744143;
margin-bottom: 12px;
letter-spacing: 1px;
}
.section-header .section-title {
line-height: 1;
}
.section-header p {
font-size: 1rem;
color: #7a7c82;
font-family: 'Marcellus SC', serif;
margin-bottom: 10px;
}
.section-header p a {
color: #7a7c82;
}
.section-header p a:hover {
color: #744143;
}
.section-header .border-divider {
background-color: #cbcbcd;
display: block;
margin: 0 auto;
margin-bottom: 30px;
}
.section-header .border-divider:last-child {
margin-bottom: 0;
}
.section-header.ta-l {
text-align: left;
}
.section-header.ta-l .border-divider {
margin-left: 0;
}
.border-divider {
width: 150px;
height: 1px;
display: block;
margin: auto;
background-color: #7a7c82;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
/* --- Scroll Animation --------------------- */
.sa {
opacity: 0;
visibility: hidden;
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.sa.show {
opacity: 1;
visibility: visible;
}
/* custom animation delay */
.sa-t1 {
-webkit-animation-delay: 0.2s;
/* Chrome, Safari, Opera */
-moz-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sa-t2 {
-webkit-animation-delay: 0.5s;
/* Chrome, Safari, Opera */
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.sa-t3 {
-webkit-animation-delay: 0.8s;
/* Chrome, Safari, Opera */
-moz-animation-delay: 0.8s;
animation-delay: 0.8s;
}
/* accent */
.accent {
color: #744143;
}
.accent-bg {
background-color: #744143;
}
/* --- Fancy Select --------------------- */
.fancy-select {
position: relative;
}
.fancy-select .trigger {
height: 40px;
line-height: 40px;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
cursor: pointer;
padding: 0px 30px 0px 10px;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
font-size: 0.875rem;
color: #7a7c82;
overflow: hidden;
background-color: #ffffff;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.fancy-select .trigger:after, .fancy-select .trigger:before {
display: block;
position: absolute;
width: 20px;
height: 20px;
line-height: 20px;
top: 10px;
right: 10px;
text-align: center;
color: #ffffff;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.fancy-select .trigger:after {
content: "";
background-color: #744143;
}
.fancy-select .trigger:before {
content: '\f107';
font-size: 0.8125rem;
font-family: 'FontAwesome';
z-index: 1;
}
.fancy-select .trigger:hover:after, .fancy-select .trigger.open:after {
background-color: #532F30;
}
.fancy-select ul.options {
position: absolute;
width: 100%;
left: 0;
top: 100%;
visibility: hidden;
opacity: 0;
z-index: 10;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-o-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px;
-khtml-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
border: 1px solid #d1d1d3;
border-top: 1px solid #d1d1d3;
border-bottom: 0;
background-color: #ffffff;
}
.fancy-select ul.options.overflowing {
border: 1px solid #d1d1d3;
border-bottom: 1px solid #d1d1d3;
border-top: 0;
}
.fancy-select ul.options.overflowing li {
border-bottom: 0;
border-top: 1px solid #d1d1d3;
}
.fancy-select ul.options li {
padding: 8px 12px;
margin-bottom: 0 !important;
font-size: 12px;
color: #7a7c82;
background-color: #ffffff;
cursor: pointer;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
border-bottom: 1px solid #d1d1d3;
}
.fancy-select ul.options li.selected, .fancy-select ul.options li.hover {
background-color: #744143;
color: #ffffff;
}
.fancy-select ul.options.open {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
visibility: visible;
opacity: 1;
}
.fancy-select ul.options.overflowing {
top: auto;
bottom: 100%;
}
.fancy-select ul.options.overflowing.open {
top: auto;
bottom: 100%;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
.fancy-select.disabled {
opacity: 0.5;
}
.fancy-select-2 + .trigger {
border: 1px solid #cbcbcd;
background-color: #F7F7F7;
color: #7a7c82;
}
.fancy-select-2 + .trigger:hover {
background: #F7F7F7;
color: #744143;
}
.fancy-select-2 + .trigger p {
color: #7a7c82;
}
.fancy-select-2 + .trigger:before {
color: #744143;
}
.fancy-select-2 + .trigger:after {
display: none;
}
.light-section .fancy-select .trigger {
border: 1px solid #cbcbcd;
}
/* corner */
.corner {
position: absolute;
z-index: 2;
display: block;
}
.top-left {
top: 0;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.top-right {
top: 0;
right: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.bottom-left {
bottom: 0;
left: 0;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.bottom-right {
bottom: 0;
right: 0;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
/* --- Fancy Box --------------------- */
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
cursor: pointer;
z-index: 8040;
background-color: #744143;
color: #ffffff;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.fancybox-close:hover {
color: #ffffff;
background-color: #532F30;
}
.fancybox-close:before {
content: '\f00d';
font-family: 'FontAwesome';
}
.fancybox-nav {
position: absolute;
bottom: 30px;
display: block;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
z-index: 8040;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #ffffff;
color: #532F30;
font-size: 1rem;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.fancybox-nav:hover {
color: #744143;
}
.fancybox-nav.fancybox-prev {
right: 76px;
}
.fancybox-nav.fancybox-prev:before {
content: '\f100';
font-family: 'FontAwesome';
}
.fancybox-nav.fancybox-next {
right: 30px;
}
.fancybox-nav.fancybox-next:before {
content: '\f101';
font-family: 'FontAwesome';
}
.fancybox-title {
display: none;
}
.lightbox-style-1 .fancybox-title {
display: block;
}
/* --- social-media  --------------------- */
.social-media {
text-align: center;
}
.social-media li {
display: inline-block;
margin: 0 3px 3px 3px;
}
.social-media li:first-child {
margin-left: 0;
}
.social-media li a {
display: block;
width: 29px;
height: 29px;
line-height: 29px;
color: #7a7c82;
text-align: center;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.social-media li a i {
font-size: 0.875rem;
}
.social-media li a:hover {
background-color: #ffffff;
color: #ffffff;
}
.social-media li .facebook:hover {
background-color: #3b5998;
}
.social-media li .twitter:hover {
background-color: #55acee;
}
.social-media li .instagram:hover {
background-color: #666666;
}
.social-media li .vimeo:hover {
background-color: #1ab7ea;
}
.social-media.colored li a {
color: #ffffff;
}
.social-media.colored li a:hover {
background-color: #744143;
color: #ffffff;
}
.social-media.colored li .facebook {
background-color: #3b5998;
}
.social-media.colored li .gplus {
background-color: #dd4b39;
}
.social-media.colored li .twitter {
background-color: #55acee;
}
.ta-left.social-media li {
margin: 3px 3px 3px 0;
}
.ta-right.social-media li {
margin: 3px 0 3px 3px;
}
/* share */
.share li {
margin-right: 7px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.share li:nth-child(2) {
display: none;
}
/* accordian-shortCode */
.accordian-shortCode {
border: 1px solid #cbcbcd;
background-color: #ffffff;
}
.accordian-shortCode .title {
border-top: 1px solid #cbcbcd;
padding: 16px;
cursor: pointer;
font-size: 0.875rem;
font-weight: 700;
font-family: 'Lato', sans-serif;
color: #996666;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
position: relative;
}
.accordian-shortCode .title:hover {
color: #744143;
}
.accordian-shortCode .title:after {
content: '+';
font-family: 'Marcellus SC', serif;
float: right;
display: block;
width: 21px;
height: 21px;
line-height: 21px;
text-align: center;
color: #ffffff;
background-color: #532F30;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
font-size: 1.125rem;
}
.accordian-shortCode .title.active {
color: #744143;
}
.accordian-shortCode .title.active:after {
content: '-';
background-color: #744143;
}
.accordian-shortCode .accordion-content {
display: none;
padding: 15.5px 20px;

}
.accordian-shortCode .opened {
border-top: 1px solid #cbcbcd;
}
.accordian-shortCode .accordion-row:first-child .title {
border-top: none;
}
.accordian-shortCode .accordion-row:first-child .accordion-content {
display: block;
}
/* accordian-shortCode-2 */
.accordian-shortCode-2 {
border: 0;
}
.accordian-shortCode-2 .accordion-row {
border: 1px solid #cbcbcd;
margin-bottom: 20px;
}
.accordian-shortCode-2 .accordion-row:last-child {
margin-bottom: 0;
}
.accordian-shortCode-2 .title {
border-top: 0;
padding: 20px;
}
.accordian-shortCode-2 .opened {
padding-top: 0;
border-top: 0;
}
/*=============================================================================

  4- Header Styles

  =============================================================================*/
/* --- Default Header --------------------- */
.header-offset {
display: none;
}
.header {
position: relative;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
background-color: #ffffff;
z-index: 9999998;
}
.transparent {
background-color: transparent;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-o-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.transparent .container .row {
background-color: #ffffff;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.transparent .container .row .header-contacts li a:hover {
color: #744143;
}
.transparent.faden .container .row {
background-color: rgba(255, 255, 255, 0.4);
}
.transparent.darken .container .row {
background-color: rgba(0, 0, 0, 0.4);
}
.transparent .header-contacts li a:hover {
color: #ffffff;
}
.absoulute-header.header {
position: absolute;
width: 100%;
top: 0;
}
.fixed-header .header-offset {
display: block;
}
.fixed-header .header {
position: fixed;
width: 100%;
top: 0;
}
/* top header */
.top-header.accent-section a {
color: #ffffff !important;
}
.top-header.accent-section a i {
color: #ffffff;
}
.top-header.accent-section a:hover {
color: #744143 !important;
}
.top-header.accent-section i {
color: #744143;
}
.header-contacts {
height: 40px;
text-align: center;
}
.header-contacts:after, .header-contacts:before {
display: table;
content: '';
}
.header-contacts:after {
clear: both;
}
.header-contacts li {
color: #7a7c82;
font-size: 0.8125rem;
display: inline-block;
float: left;
margin-top: 12px;
border-right: 1px solid #4a454b;
margin-right: 5px;
height: 14px;
line-height: 14px;
}
li.emphasize a {
color: #bc8f8f;
font-size: 0.875rem;
display: inline-block;
float: left;
padding: 10px;
border: 1px solid #999999;
line-height: 14px;
}
.header-contacts li.fr {
float: right;
}
.header-contacts li i {
color: #744143;
font-size: 0.875rem;
margin-right: 4px;
}
.header-contacts li a i {
color: #744143;
}
.header-contacts li a:hover i {
color: #800000;
}
.header-contacts li a {
color: #7a7c82;
}
.header-contacts li a:hover {
color: #744143;
}
.header-contacts li:last-child {
border-right: none;
padding-right: 0;
margin-right: 0;
}
/* sidemenu */
.sidemenu {
position: fixed;
left: -300px;
top: 0;
z-index: 9999998;
height: 100%;
width: 300px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.sidemenu.opened {
left: 0;
}
.sidemenu .menu-switcher {
position: absolute;
left: 100%;
top: 30px;
padding: 0;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
z-index: 9999999;
margin-left: 0px;
background-color: #ffffff;
color: #532F30;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 1px -1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 1px -1px 2px rgba(0, 0, 0, 0.2);
-o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 1px -1px 2px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 1px -1px 2px rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 1px -1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 1px -1px 2px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-o-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0;
-khtml-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
font-weight: normal;
}
.sidemenu .menu-switcher:hover, .sidemenu .menu-switcher.opened {
color: #744143;
}
.sidemenu .header {
overflow: auto;
height: 100%;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.sidemenu .header .fl, .sidemenu .header .fr {
float: none !important;
}
.sidemenu .header .container {
width: 100%;
}
.sidemenu .top-header {
display: none;
}
.sidemenu .logo-wrapper, .sidemenu .main-nav-bar {
padding: 0 30px;
}
.sidemenu .logo-wrapper {
margin-bottom: 50px;
}
.sidemenu .logo-wrapper .logo {
margin: 20px 0;
}
.sidemenu .logo-wrapper .tagline {
margin-left: 0;
}
.sidemenu .main-nav-bar-item {
float: none;
margin-left: 0;
}
.sidemenu .shopping-cart {
display: none;
}
.sidemenu .dropdown-switcher {
margin-top: 50px;
margin-bottom: 50px;
}
.sidemenu .search-form-wrapper {
height: 39px;
}
.sidemenu .search-form-wrapper #search-nav-btn {
display: none;
}
.sidemenu .dropdown-menu {
position: relative;
display: block;
border: none !important;
padding: 0 !important;
width: 100% !important;
float: none !important;
top: auto !important;
}
.sidemenu .main-nav-tabs {
margin-right: 0;
}
.sidemenu .main-nav-tabs > li {
float: none;
margin: 0;
}
.accordain-menu-nav {
font-size: 0.875rem;
}
.accordain-menu-nav .accordion-row .accordion-content {
display: none;
}
.accordain-menu-nav .accordion-row .title {
color: #7a7c82;
display: block;
font-size: 0.875rem;
height: 40px;
line-height: 40px;
position: relative;
font-weight: 700;
}
.accordain-menu-nav .accordion-row .title:after {
content: '+';
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
float: right;
font-size: 1.25rem;
}
.accordain-menu-nav .accordion-row .title.active {
color: #744143;
}
.accordain-menu-nav .accordion-row .title.active:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.accordain-menu-nav .accordion-row ul li a {
display: block;
height: 40px;
line-height: 40px;
padding: 0 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-transform: capitalize;
}
.accordain-menu-nav .accordion-row ul li a:hover {
background-color: #F7F7F7;
}
.accordain-menu-nav .current-menu-item .title {
color: #744143;
}
.accordain-menu-nav .current-menu-item .title:after {
color: #744143;
}
.accordain-menu-nav .current-menu-item .current-menu-item a {
color: #744143;
background-color: #F7F7F7;
}
/* --- main-nav --------------------- */
.main-nav {
float: none;
text-align: center;
}
.main-nav .accent-section .main-nav-tabs > li > a {
color: #FFFFFF;
}
.main-nav .accent-section .main-nav-tabs > li > a:after {
background-color: #4A4B4C;
}
.main-nav .accent-section .main-nav-tabs > li:hover > a, .main-nav .accent-section .main-nav-tabs > li.current-menu-item > a {
color: #4A4B4C;
}
.main-nav .accent-section .dropdown-switcher > button {
border-color: #FFFFFF;
color: #FFFFFF;
}
.main-nav .accent-section .dropdown-switcher > button:hover {
color: #744143;
}
.main-nav .accent-section .dropdown-switcher.open > button {
border-color: #F8F8F8;
color: #744143;
}
.main-nav-wrapper {
position: relative;
}
.main-nav-bar-item {
margin: 0 0 0 7px;
}
.main-nav-bar-item .fl {
margin-left: 0;
}
.main-nav-bar-item .fr {
float: right;
}
.main-nav-tabs-wrapper .main-nav-tabs {
margin-right: 12px;
}
/*
.touchdd {
display: none;
}
*/
.main-nav-tabs-wrapper .main-nav-tabs > li {
float: left;
margin-left: 20px;
}
.main-nav-tabs-wrapper .main-nav-tabs > li:first-child {
margin-left: 0;
}
.main-nav-tabs-wrapper .main-nav-tabs > li.fl {
margin-left: 0;
/* margin-right: 40px; */
}
.main-nav-tabs-wrapper .main-nav-tabs > li.fr {
float: right;
}
.main-nav-tabs-wrapper .main-nav-tabs > li > a {
color: #7a7c82;
display: block;
font-size: 1rem;
line-height: 134px;
position: relative;

}
.main-nav-tabs-wrapper .main-nav-tabs > li > a:after {
opacity: 0;
visibility: hidden;
content: '';
display: block;
width: 0;
height: 2px;
background-color: #744143;
position: absolute;
top: 60%;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.main-nav-tabs-wrapper .main-nav-tabs > li > a:before {
content: '\f107';
font-family: 'FontAwesome';
float: right;
margin-left: 5px;
}
.main-nav-tabs-wrapper .main-nav-tabs > li > a:last-child:before {
display: none;
}
.main-nav-tabs-wrapper .main-nav-tabs > li ul {
z-index: 99999999;
}
.main-nav-tabs-wrapper .main-nav-tabs > li ul li a {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.main-nav-tabs-wrapper .main-nav-tabs > li ul li a:before {
content: '\f105';
font-family: 'FontAwesome';
float: right;
margin-left: 5px;
}
.main-nav-tabs-wrapper .main-nav-tabs > li ul li a:last-child:before {
display: none;
}
.main-nav-tabs-wrapper .main-nav-tabs > li ul .mega-menu-col > a {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
background-color: transparent !important;
color: #532f30;
}
.main-nav-tabs-wrapper .main-nav-tabs > li ul .mega-menu-col > a:before {
content: '\f107';
font-family: 'FontAwesome';
float: right;
margin-left: 5px;
}
.main-nav-tabs-wrapper .main-nav-tabs > li ul .mega-menu-col > a:last-child:before {
display: none;
}
.main-nav-tabs-wrapper .main-nav-tabs > li > ul {
border: 1px solid #D1D1D3;
border-top: 1px solid #D1D1D3;
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
display: none;
}
.main-nav-tabs-wrapper .main-nav-tabs > li > ul > li {
border-bottom: 1px solid #D1D1D3;
}
.main-nav-tabs-wrapper .main-nav-tabs > li > ul > li a {
height: 40px;
line-height: 40px;
padding: 0 10px;
display: block;
color: #808080;
}
.main-nav-tabs-wrapper .main-nav-tabs > li > ul > li a:hover {
color: #800000;
background-color: #efefef;
}
.main-nav-tabs-wrapper .main-nav-tabs > li > ul > li > ul {
border: none;
}
.main-nav-tabs-wrapper .main-nav-tabs > li > ul > li > ul li {
border-bottom: 0;
}
.main-nav-tabs-wrapper .main-nav-tabs > li > ul > li:last-child {
border-bottom: 0;
}
.main-nav-tabs-wrapper .main-nav-tabs li:hover > a {
color: #744143;
}
.main-nav-tabs-wrapper .main-nav-tabs li:hover > a:after {
opacity: 1;
width: 100%;
visibility: visible;
}
.main-nav-tabs-wrapper .main-nav-tabs li:hover > ul {
display: block;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
.main-nav-tabs-wrapper .main-nav-tabs li a {
text-transform: capitalize;
}
.main-nav-tabs-wrapper .main-nav-tabs li a i {
margin-right: 3px;
}
.main-nav-tabs-wrapper .main-nav-tabs li a strong {
text-transform: capitalize !important;
font-weight: 700;
}
.main-nav-tabs-wrapper .main-nav-tabs li ul {
z-index: 1000;
background-color: #FFFFFF;
}
.main-nav-tabs-wrapper .main-nav-tabs .current-menu-item > a {
color: #744143;
}
.main-nav-tabs-wrapper .main-nav-tabs .current-menu-item > a:after {
opacity: 1;
width: 100%;
visibility: visible;
}
.main-nav-tabs-wrapper .main-nav-tabs .mega-menu.current-menu-item .current-menu-item > a {
color: #744143;
background-color: #F7F7F7;
}
.main-nav-tabs-wrapper .main-nav-tabs .mega-menu.current-menu-item .current-menu-item .current-menu-item > a {
color: #744143;
padding-left: 20px;
background-color: #F7F7F7;
}
.main-nav-tabs-wrapper .main-nav-tabs .dropdown.current-menu-item .current-menu-item > a {
padding-left: 20px;
background-color: #F7F7F7;
}
.main-nav-tabs-wrapper .main-nav-tabs .dropdown.current-menu-item .current-menu-item .current-menu-item > a {
padding-left: 20px;
background-color: #F7F7F7;
}
.main-nav-tabs-wrapper .main-nav-tabs li li a {
text-align: left;
font-size: 0.875rem;
}
.main-nav-tabs-wrapper .main-nav-tabs .dropdown {
position: relative;
}
.main-nav-tabs-wrapper .main-nav-tabs .dropdown ul {
background-color: #FFFFFF;
}
.main-nav-tabs-wrapper .main-nav-tabs .dropdown ul li {
position: relative;
}
.main-nav-tabs-wrapper .main-nav-tabs .dropdown ul li:hover > a {
color: #800000;
background-color: #F7F7F7;
padding-left: 20px;
}
.main-nav-tabs-wrapper .main-nav-tabs .dropdown ul li:active > a {
color: #800000;
background-color: #F7F7F7;
padding-left: 20px;
}
.main-nav-tabs-wrapper .main-nav-tabs .dropdown > ul {
position: absolute;
width: 170px;
}
.main-nav-tabs-wrapper .main-nav-tabs .dropdown > ul li {
position: relative;
}
.main-nav-tabs-wrapper .main-nav-tabs .dropdown > ul li ul {
position: absolute;
left: 100%;
top: -1px;
border: 1px solid #D1D1D3;
border-top: 1px solid #D1D1D3;
border-bottom: 0;
width: 170px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
display: none;
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.main-nav-tabs-wrapper .main-nav-tabs .dropdown > ul li ul li {
border-bottom: 1px solid #D1D1D3;
}
.main-nav-tabs-wrapper .main-nav-tabs .dropdown > ul li ul li ul {
position: absolute;
left: 100%;
top: -1px;
width: 170px;
display: none;
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.main-nav-tabs-wrapper .main-nav-tabs .dropdown > ul li:hover > ul {
display: block;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
.main-nav-tabs-wrapper .main-nav-tabs .dropdown > ul li:hover > ul li ul {
display: none;
}
.main-nav-tabs-wrapper .main-nav-tabs .dropdown > ul li:hover > ul li:hover ul {
display: block;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
.main-nav-tabs-wrapper .main-nav-tabs .mega-menu > ul {
position: absolute;
left: 0;
padding: 0;
width: 100%;
border-left: 1px solid #D1D1D3;
border-right: 1px solid #D1D1D3;
}
/*
.main-nav-tabs-wrapper .main-nav-tabs .mega-menu > ul > li {
padding: 30px 15px;
border-bottom: 0;
border-right: 1px solid #D1D1D3;
float: left;
}
.main-nav-tabs-wrapper .main-nav-tabs .mega-menu > ul > li:last-child {
border-right: 0;
}
.main-nav-tabs-wrapper .main-nav-tabs .mega-menu > ul > li > a {
padding: 0;
height: auto;
line-height: 1;
margin-bottom: 10px;
}
.main-nav-tabs-wrapper .main-nav-tabs .mega-menu > ul > li ul {
left: auto;
top: auto;
position: relative;
opacity: 1;
visibility: visible;
margin-bottom: 30px;
}
.main-nav-tabs-wrapper .main-nav-tabs .mega-menu > ul > li ul:last-child {
margin-bottom: 0;
}
.main-nav-tabs-wrapper .main-nav-tabs .mega-menu > ul > li ul li {
border-bottom: 0;
}
.main-nav-tabs-wrapper .main-nav-tabs .mega-menu > ul > li ul li a:hover {
padding-left: 20px;
}
.main-nav-tabs-wrapper .main-nav-tabs .mega-menu > ul > li ul li:first-child {
border-top: 0;
}
.main-nav-tabs-wrapper .main-nav-tabs .mega-menu > ul > li ul ul {
margin-bottom: 30px;
}
.main-nav-tabs-wrapper .main-nav-tabs .mega-menu > ul > li ul ul:last-child {
margin-bottom: 0;
}
.main-nav-tabs-wrapper .main-nav-tabs .mega-menu .mega-5-cols > li {
width: 20%;
}
.main-nav-tabs-wrapper .main-nav-tabs .mega-menu .mega-4-cols > li {
width: 25%;
}
.main-nav-tabs-wrapper .main-nav-tabs .mega-menu .mega-3-cols > li {
width: 33.33%;
}
.main-nav-tabs-wrapper .main-nav-tabs .mega-menu .mega-2-cols > li {
width: 50%;
}
*/
.main-nav-tabs-wrapper .main-nav-tabs .opposite-dropdown > ul {
right: 0;
left: auto;
}
.main-nav-tabs-wrapper .main-nav-tabs .opposite-dropdown > ul ul {
left: auto !important;
right: 100%;
}
.main-nav:first-child .logo, .main-nav:nth-child(2) .logo {
margin: 5px 0;
line-height: normal;
}
.main-nav:first-child .main-nav-tabs > li > a, .main-nav:nth-child(2) .main-nav-tabs > li > a {
line-height: 105px;
}
.main-nav:first-child .dropdown-switcher, .main-nav:nth-child(2) .dropdown-switcher {
margin-top: 38px;
margin-bottom: 38px;
}
.main-nav:first-child .main-nav-bar-item .social-media, .main-nav:nth-child(2) .main-nav-bar-item .social-media {
margin-top: 32.5px;
margin-bottom: 32.5px;
}
/* responsive menu wrapper */
.responsive-menu-wrapper .responsive-main-nav {
width: 100% !important;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs {
width: 100%;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs li a {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-transform: capitalize;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li {
float: none;
margin: 0;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > a {
font-weight: 700 !important;
font-family: 'Marcellus SC', serif;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li a, .responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > button {
font-size: 0.875rem;
font-family: 'Lora', serif;
display: block;
width: 100%;
height: 40px;
line-height: 40px;
padding: 0 15px;
color: #7a7c82;
text-align: left;
font-weight: 700;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li a strong, .responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > button strong {
text-transform: capitalize !important;
font-family: 'Lora', serif;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li a:hover, .responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > button:hover {
color: #744143;
background-color: #F7F7F7;
padding-left: 20px;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li a:hover:after, .responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > button:hover:after {
color: #744143;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li a.toggle-responsive:after, .responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > button.toggle-responsive:after {
background-color: transparent;
content: '+';
font-family: 'sans-serif';
float: right;
color: #7a7c82;
font-size: 0.875rem;
font-weight: 700;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li .toggle-responsive.active {
background-color: #F7F7F7;
color: #744143;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li .toggle-responsive.active:after {
content: '-';
font-family: 'sans-serif';
float: right;
font-weight: 700;
color: #744143;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li .active {
background-color: #f7f7f7;
color: #800000;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li .current-menu-item > a, .responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li .current-menu-item > button {
background-color: #F7F7F7;
color: #744143;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li .current-menu-item .current-menu-item > a, .responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li .current-menu-item .current-menu-item > button {
background-color: #F7F7F7;
color: #744143;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > ul {
display: none;
position: relative;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > ul li a {
padding-left: 30px;
padding-right: 30px;
font-size: 0.8125rem;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > ul li a:hover {
padding-left: 50px;
}
/*
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > ul li a:before {
	content: '-';
	font-family: 'sans-serif';
	font-weight: 700;
	margin-right: 5px;
}
*/
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > ul li > ul {
position: relative;
display: none;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > ul li > ul li a {
padding: 0 45px;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > ul li > ul li a:hover {
padding-left: 65px;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > ul li > ul li > ul {
position: relative;
display: none;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > ul li > ul li > ul li a {
padding: 0 60px;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > ul li > ul li > ul li a:hover {
padding-left: 80px;
}
.responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li.mega-menu > ul ul:first-child {
display: block !important;
}
/* logo wrapper*/
.logo-wrapper {
text-align: center;
font-size: 0;
}
/* logo */

.logo {
display: block;
margin: 35px 0;
}
.logo img {
float: left;
display: inline-block;
}
.logo h1 {
padding-left: 60px;
line-height: 64px;
height: 64px;
color: #4a454b;
font-size: 36px;
margin-bottom: 0;
}
.logo h1 span {
display: inline-block;
}
.logo h1 .accent {
font-size: 36px;
display: inline-block;
}
/* --- shopping-cart --------------------- */
.dropdown li {
font-size: 10px;
line-height: 18px;
font-family: 'Lora', serif;
color: #744143;
font-weight: 400;
margin-bottom: 0px;
}
.dropdown li:last-child {
margin-bottom: 0px;
}
/* --- shopping-cart --------------------- */
.dropdown-switcher {
margin-top: 52px;
margin-bottom: 52px;
}
.dropdown-switcher button {
border: 1px solid #cbcbcd;
background-color: #f6f6f6;
color: #a9a9ab;
padding: 0 !important;
font-size: 0.875rem;
width: 33px;
height: 29px;
line-height: 27px;
position: relative;
}
.dropdown-switcher button:hover, .dropdown-switcher button:active, .dropdown-switcher button:focus {
background: #f6f6f6;
color: #744143;
border: 1px solid #cbcbcd;
}
.dropdown-switcher button p {
color: #7a7c82;
}
.dropdown-switcher button .cart-items-num {
position: absolute;
left: 50%;
margin-left: -9px;
top: 100%;
margin-top: -5px;
z-index: 1;
font-family: 'Lato', sans-serif;
font-size: 12px;
display: none;
width: 18px;
height: 18px;
line-height: 18px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
text-align: center;
background-color: #532F30;
color: #ffffff;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.dropdown-switcher button i {
line-height: 27px;
}
.dropdown-switcher button:hover .cart-items-num {
background-color: #744143;
}
.dropdown-switcher .dropdown-menu {
right: 0;
left: auto;
border: 1px solid #cbcbcd;
border-top: 1px solid #d1d1d3;
padding: 20px;
width: 270px;
margin-top: 0;
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.dropdown-switcher .general-link {
min-width: 10px;
}
.open.dropdown-switcher > button {
color: #744143;
background-color: #f6f6f6;
}
.open.dropdown-switcher > button .cart-items-num {
display: none;
}
.open.dropdown-switcher .dropdown-menu {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
.open.dropdown-switcher .dropdown-menu .cart-balance {
display: block;
text-align: center;
font-size: 0.875rem;
font-weight: 700;
color: #744143;
text-transform: uppercase;
padding: 16px 15px;
}
.open.dropdown-switcher .dropdown-menu .view-cart {
border: 1px solid #cbcbcd;
background-color: #F7F7F7;
color: #7a7c82;
margin-bottom: 10px;
font-size: 12px;
padding: 0 8px;
text-transform: uppercase;
height: 35px;
line-height: 33px;
}
.open.dropdown-switcher .dropdown-menu .view-cart:hover {
background: #F7F7F7;
color: #744143;
}
.open.dropdown-switcher .dropdown-menu .view-cart p {
color: #7a7c82;
}
.open.dropdown-switcher .dropdown-menu .checkout {
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
padding: 0 8px;
font-size: 12px;
color: #ffffff;
text-transform: uppercase;
height: 35px;
line-height: 35px;
}
.open.dropdown-switcher .dropdown-menu .checkout:hover {
background-color: #532F30;
background-image: -webkit-gradient(top, #532F30, #532F30);
background-image: -webkit-linear-gradient(top, #532F30, #532F30);
background-image: -moz-linear-gradient(top, #532F30, #532F30);
background-image: -ms-linear-gradient(top, #532F30, #532F30);
background-image: -o-linear-gradient(top, #532F30, #532F30);
background-image: linear-gradient(to bottom, #532F30, #532F30);
}
.shop-page .dropdown-switcher button .cart-items-num {
display: block;
}
.shop-page .dropdown-switcher.open button .cart-items-num {
display: none;
}
.cart-item {
position: relative;
padding-right: 25px;
}
.cart-item .post-contents {
padding-left: 80px !important;
}
.cart-item .remove-cart-item {
position: absolute;
right: 0;
top: 0;
width: 19px;
height: 19px;
line-height: 19px;
border: 0;
background-color: #532F30;
color: #ffffff !important;
font-size: 0.875rem;
}
.cart-item .remove-cart-item:hover {
background-color: #744143;
}
.cart-item:last-child {
padding-bottom: 20px !important;
margin-bottom: 0 !important;
border-bottom: 1px solid #d1d1d3 !important;
}
/* --- Search --------------------- */
.search-form {
position: relative;
}
.search-form .search-bar, .search-form input[type="search"] {
border: 1px solid #cbcbcd;
background-color: #ffffff;
line-height: 25px;
color: #9f9f9f;
margin-bottom: 0;
padding-left: 10px;
font-size: 0.875rem;
}
.search-form input[type="search"] {
width: 100%;
}
.search-form .search-bar:hover, .search-form input[type="search"]:hover {
background: #ffffff;
color: #744143;
}
.search-form .search-bar p, .search-form input[type="search"] p {
color: #7a7c82;
}
.search-form button {
position: absolute;
right: 0;
top: 0;
width: 33px;
height: 29px;
text-align: center;
margin-bottom: 0;
border: 1px solid #cbcbcd;
background-color: #f6f6f6;
color: #a9a9ab;
padding: 0 !important;
font-size: 0.875rem;
line-height: 27px;
}
/*=============================================================================

  5- Page Sliders

  =============================================================================*/


/* --- Slider Styles --------------------- */
/* owl carousel */
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0px;
height: 0px;
}
.owl-carousel #progress-bar {
width: 100%;
background: #d1d1d3;
}
.owl-carousel #progress-bar #bar {
width: 0%;
max-width: 100%;
height: 4px;
background: #744143;
}
.owl-carousel .owl-stage {
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
transform: translate3d(0px, 0px, 0px);
user-select: none;
width: 100%;
text-align: center;
}
.owl-carousel .owl-controls .owl-nav div {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 60px;
height: 60px;
margin-top: -30px;
line-height: 60px;
text-align: center;
background-color: transparent;
display: inline-block;
font-size: 0.875rem;
color: #ffffff;
margin: 0 5px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
position: relative;
}
.owl-carousel .owl-controls .owl-nav div:hover {
color: #744143;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:before {
content: '\f100';
font-family: 'FontAwesome';
}
.owl-carousel .owl-controls .owl-nav .owl-next:before {
content: '\f101';
font-family: 'FontAwesome';
}
.owl-carousel .owl-controls .owl-dots {
width: 100%;
font-size: 0;
}
.owl-carousel .owl-controls .owl-dots .owl-dot {
background-color: #ffffff;
width: 13px;
height: 6px;
margin-right: 2px !important;
margin-left: 2px !important;
margin-bottom: 0px !important;
display: inline-block;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
user-select: none;
transition: all 0.2s ease-in;
}
.owl-carousel .owl-controls .owl-dots .owl-dot:hover {
background-color: #744143;
}
.owl-carousel .owl-controls .owl-dots .owl-dot.active {
background-color: #744143;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0px, 0px, 0px);
user-select: none;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel img {
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
cursor: pointer;
z-index: 1;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-height {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
/* CSS3 Transitions */
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px;
}
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut 1.5s both ease-in-out;
-moz-animation: fadeOut 1.5s both ease-in-out;
animation: fadeOut 1.5s both ease-in-out;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom 1.5s ease both;
-moz-animation: scaleUpFrom 1.5s ease both;
animation: scaleUpFrom 1.5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo 1.5s ease both;
-moz-animation: scaleUpTo 1.5s ease both;
animation: scaleUpTo 1.5s ease both;
}
/* Keyframes */
/*empty*/
@keyframes empty {
 0% {
 opacity: 1;
}
}
@keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@keyframes backSlideOut {
 25% {
 opacity: .5;
 transform: translateZ(-500px);
}
 75% {
 opacity: .5;
 transform: translateZ(-500px) translateX(-200%);
}
 100% {
 opacity: .5;
 transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideIn {
 0%, 25% {
 opacity: .5;
 transform: translateZ(-500px) translateX(200%);
}
 75% {
 opacity: .5;
 transform: translateZ(-500px);
}
 100% {
 opacity: 1;
 transform: translateZ(0) translateX(0);
}
}
@keyframes scaleToFade {
 to {
 opacity: 0;
 transform: scale(0.8);
}
}
@keyframes goDown {
 from {
 transform: translateY(-100%);
}
}
@keyframes scaleUpFrom {
 from {
 opacity: 0;
 transform: scale(1.5);
}
}
@keyframes scaleUpTo {
 to {
 opacity: 0;
 transform: scale(1.5);
}
}
.carousel-nav .owl-controls .owl-dots {
display: none !important;
}
.carousel-nav .owl-controls .owl-nav {
display: block !important;
margin-top: 50px;
}
.carousel-nav .owl-controls .owl-nav div {
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
background-color: #532F30;
display: inline-block;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
font-size: 0.875rem;
color: #ffffff;
margin: 0 5px;
float: none !important;
}
.carousel-nav .owl-controls .owl-nav div:hover {
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
color: #ffffff;
}
.dark-section .carousel-nav .owl-controls .owl-nav div {
background-color: #ffffff;
color: #532F30;
}
.dark-section .carousel-nav .owl-controls .owl-nav div:hover {
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
color: #ffffff;
}
.light-section .owl-controls .owl-dots .owl-dot, .yellow-section .owl-controls .owl-dots .owl-dot {
background-color: #532F30;
}
.carousel-without-controls .owl-controls .owl-dots, .carousel-without-controls .owl-controls .owl-nav {
display: none !important;
}
.carousel-dots .owl-controls .owl-dots {
margin-top: 35px;
display: block !important;
}
.carousel-dots .owl-controls .owl-nav {
display: none !important;
}
/* custom slider */
.custom-slider .slide {
position: relative;
height: 240px;
}
.custom-slider .slide img {
display: block;
width: 100%;
height: auto;
}
.custom-slider .slide .cover {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
.custom-slider .slide .captions {
position: absolute;
width: 100%;
bottom: 0;
z-index: 100;
padding: 15px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.custom-slider .slide .captions h5 {
color: #ffffff;
display: inline-block;
margin-bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.custom-slider .slide .captions h5 a {
color: #ffffff;
}
.custom-slider .slide .captions h5 a:hover {
color: #744143;
}
.custom-slider .owl-item.active .captions h5 {
opacity: 1;
visibility: visible;
}
.custom-slider .owl-item.active .captions h5 {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-ms-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.custom-slider .owl-controls {
bottom: 0 !important;
left: 0;
right: 0;
}
.custom-slider .owl-controls .owl-dots {
display: none !important;
}
.custom-slider .owl-controls .owl-nav {
position: absolute;
bottom: 30px;
right: 30px;
}
.custom-slider .owl-controls .owl-nav div {
color: #532F30;
background: #ffffff;
width: 35px;
height: 35px;
line-height: 35px;
margin-right: 0;
margin-left: 10px;
font-size: 1rem;
margin-top: 5px;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.custom-slider .owl-controls .owl-nav div:first-child {
margin-left: 0;
}
.custom-slider .owl-controls .owl-nav div:hover {
color: #744143;
background: #ffffff;
}
/* portfolio-slider */
.full-width-slider .slide {
height: auto;
}
.full-width-slider .owl-controls .owl-nav {
right: 0;
left: 0;
}
.carousel-projects .owl-controls .owl-nav {
display: none !important;
}
/* slider-hash */
.slider-hash .slide {
height: 459px;
}
.slider-hash .slide img {
-webkit-border-radius: 2px 2px 2px 2px !important;
-moz-border-radius: 2px 2px 2px 2px !important;
-o-border-radius: 2px 2px 2px 2px !important;
-ms-border-radius: 2px 2px 2px 2px !important;
-khtml-border-radius: 2px 2px 2px 2px !important;
border-radius: 2px 2px 2px 2px !important;
}
.slider-hash .owl-controls .owl-nav {
margin-top: 30px;
}
.slider-hash .owl-controls .owl-nav div {
margin-top: 33.5px;
}
.slider-hash .owl-controls .owl-nav .owl-prev {
float: left !important;
margin-left: 20px;
}
.slider-hash .owl-controls .owl-nav .owl-next {
margin-right: 20px;
float: right !important;
}
.slider-hash.custom-slider .owl-controls .owl-nav .owl-next {
margin-right: 0;
}
.slider-hash.custom-slider .owl-controls .owl-nav .owl-prev {
margin-left: 0;
}
.hashes {
text-align: center;
padding: 10px 20px;
font-size: 0;
border: 1px solid #cbcbcd;
background-color: #F7F7F7;
color: #7a7c82;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.hashes:hover {
background: #F7F7F7;
color: #744143;
}
.hashes p {
color: #7a7c82;
}
.hashes a {
width: 70px;
height: 70px;
display: inline-block;
overflow: hidden;
margin-right: 20px;
}
.hashes a:last-child {
margin-right: 0;
}
.hashes a img {
display: block;
width: 100%;
height: 100%;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
/*=============================================================================

  6- Services Styles

  =============================================================================*/
/* service default style */
.service {
text-align: center;
padding: 0 10px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.service .service-icon {
width: 90px;
height: 90px;
text-align: center;
color: #532F30;
margin: 0 auto 30px auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
font-size: 32px;
display: block;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
overflow: hidden;
position: relative;
}
.service .service-icon i {
line-height: 90px;
position: relative;
z-index: 5;
}
.service .service-icon:before, .service .service-icon:after {
content: "";
position: absolute;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
display: block;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.service .service-icon:before {
z-index: 2;
width: 86px;
height: 86px;
background-color: #FAFAFB;
left: 2px;
top: 2px;
}
.service .service-icon:after {
top: 0;
left: 0;
z-index: 1;
width: 90px;
height: 90px;
background-color: #532F30;
}
.service .service-title {
line-height: 1;
font-weight: 700;
margin-bottom: 20px;
}
.service .service-description {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.service .border-divider {
width: 34px;
margin-bottom: 13px;
}
.service .slide-down {
font-size: 25px;
height: 10px;
line-height: 1;
}
.service .slide-down.active {
display: none;
}
.services-wrapper {
margin-top: -52px;
}
.services-wrapper .service-wrapper {
margin-top: 52px;
}
.dark-section .service .service-icon {
color: #ffffff;
}
.dark-section .service .service-icon:before {
background-color: transparent;
}
.dark-section .service .service-icon:after {
border: 2px solid #ffffff;
background-color: transparent;
}
.dark-section .service .service-title {
color: #ffffff;
}
.dark-section .service .service-title a {
color: #ffffff;
}
.dark-section .service .service-title a:hover {
color: #744143;
}
/* hover state */
.service:hover .service-icon {
color: #744143;
}
.service:hover .service-icon i {
-webkit-animation-name: bigEntrance;
-moz-animation-name: bigEntrance;
-ms-animation-name: bigEntrance;
-o-animation-name: bigEntrance;
animation-name: bigEntrance;
animation-duration: 1.6s;
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
visibility: visible !important;
}
.service:hover .service-icon:after {
background-color: #744143;
background-image: -webkit-gradient(top, #A52A2A, #660000);
background-image: -webkit-linear-gradient(top, #A52A2A, #660000);
background-image: -moz-linear-gradient(top, #A52A2A, #660000);
background-image: -ms-linear-gradient(top, #A52A2A, #660000);
background-image: -o-linear-gradient(top, #A52A2A, #660000);
background-image: linear-gradient(to bottom, #A52A2A, #660000);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.service:hover .service-title a {
color: #744143;
}
.service:hover .border-divider {
width: 70px;
background-color: #744143;
}
.service:hover .general-link {
border: 1px solid #744143;
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
color: #ffffff;
}
/* service-style-2 */
.service-style-2 {
padding: 0;
text-align: left;
}
.service-style-2 .service-icon {
float: left;
}
.service-style-2 .service-contents {
padding-left: 120px !important;
}
.service-style-2 .border-divider {
margin-left: 0;
}
/* service-style-3 */
.service-style-3, .service-style-7, .service-style-8 {
padding: 30px 30px;
border: 1px solid #cbcbcd;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.service-style-3 .service-icon, .service-style-7 .service-icon, .service-style-8 .service-icon {
background-color: #efeff0;
}
.service-style-3 .service-icon:before, .service-style-7 .service-icon:before, .service-style-8 .service-icon:before, .service-style-3 .service-icon:after, .service-style-7 .service-icon:after, .service-style-8 .service-icon:after {
display: none;
}
/* hover state */
.service-style-3:hover, .service-style-7:hover {
background-color: #744143;
}
.service-style-3:hover .service-icon, .service-style-7:hover .service-icon, .service-style-3:hover .border-divider, .service-style-7:hover .border-divider {
background-color: #ffffff !important;
}
.service-style-3:hover .service-title a, .service-style-7:hover .service-title a {
color: #ffffff !important;
}
.service-style-3:hover .service-description, .service-style-7:hover .service-description {
color: #F7F7F7;
}
.service-style-3:hover .general-link, .service-style-7:hover .general-link {
border: 1px solid #532F30 !important;
background: #532F30 !important;
color: #ffffff;
}
.service-style-3:hover .general-link:hover, .service-style-7:hover .general-link:hover {
border-color: #ffffff !important;
background: #ffffff !important;
color: #744143;
}
.service-style-3:hover .slide-down, .service-style-7:hover .slide-down {
color: #ffffff;
}
.service-style-3:hover .slide-down:hover, .service-style-7:hover .slide-down:hover {
color: #ffffff;
}
/* service-style-4 */
.service-style-4 .service-icon {
background-color: #efeff0;
}
.service-style-4 .service-icon:before, .service-style-4 .service-icon:after {
display: none;
}
.service-style-4:hover .service-icon, .service-style-4:hover .general-link {
color: #ffffff !important;
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.service-style-4:hover .general-link {
border-color: #744143;
}
/* service-style-5 */
.service-style-5 .service-icon, .service-style-6 .service-icon {
background-color: transparent;
height: 40px;
width: 40px;
}
.service-style-5 .service-icon i, .service-style-6 .service-icon i {
line-height: 1;
}
.service-style-5 .service-icon:before, .service-style-6 .service-icon:before, .service-style-5 .service-icon:after, .service-style-6 .service-icon:after {
display: none;
}
.service-style-5:hover .service-icon, .service-style-6:hover .service-icon {
color: #744143;
background-color: transparent;
}
.service-style-5:hover .general-link, .service-style-6:hover .general-link {
color: #ffffff;
border-color: #744143;
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
/* service-style-6 */
.service-style-6 {
text-align: left;
}
.service-style-6 .service-icon, .service-style-6 .border-divider {
margin-left: 0;
}
/* service-style-7 */
.service-style-7 .service-description-wrapper {
display: none;
}
/* service-style-8 */
.service-style-8 {
background-color: #ffffff;
margin-top: 45px;
}
.service-style-8 .service-icon {
background-color: #ffffff;
border: 1px solid #cbcbcd;
margin-top: -75px;
}
.service-style-8:hover .general-link {
color: #ffffff;
border: 0;
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
/* service-style-9 */
.dark-section .service-style-9:hover .service-icon, .service-style-9:hover .service-icon {
color: #ffffff !important;
}
.dark-section .service-style-9:hover .service-icon:before, .service-style-9:hover .service-icon:before {
width: 90px;
height: 90px;
top: 0;
left: 0;
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.dark-section .service-style-9:hover .service-icon:after, .service-style-9:hover .service-icon:after {
display: none;
}
/*=============================================================================

  7- Portfolio Styles

  =============================================================================*/
/* project default style */
.project {
position: relative;
text-align: center;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
border: 1px solid #cbcbcd;
overflow: hidden;
}
.project .project-contents {
overflow: hidden;
}
.project .project-contents img {
display: block;
width: 100%;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0 auto;
}
.project .project-contents figcaption {
padding: 24px 10px;
background-color: #ffffff;
}
.project .project-contents .project-title {
font-size: 1rem;
font-weight: 700;
}
.project .project-contents .project-meta {
font-size: 0;
}
.project .project-contents .project-meta li {
display: inline-block;
padding: 0 15px;
height: 14px;
line-height: 14px;
font-size: 0.875rem;
border-right: 1px solid #532F30;
color: #7a7c82;
}
.project .project-contents .project-meta li a {
color: #7a7c82;
}
.project .project-contents .project-meta li a:hover {
color: #744143;
}
.project .project-contents .project-meta li i {
margin-right: 5px;
}
.project .project-contents .project-meta li:first-child {
padding-left: 0;
margin-left: 0;
}
.project .project-contents .project-meta li:last-child {
padding-right: 0;
margin-right: 0;
border-right: 0;
}
.project .cover {
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
.project .project-links {
width: 100%;
vertical-align: center;
}
.project .project-links li {
display: inline-block;
vertical-align: center;
}
.project .project-links li a {
display: block;
color: #ffffff;
border: 2px solid #ffffff;
padding: 4.5px 8px;
margin: 10px;
font-size: 0.875rem;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.project .project-links li a:hover {
background-color: #ffffff;
color: #532F30;
}
.project .project-title, .project .project-meta, .project .project-links {
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
/* hover state */
.project:hover .cover {
opacity: 0.95;
filter: alpha(opacity=95);
visibility: visible;
background-color: #884848;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.project:hover .cover .project-links {
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
-o-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-animation-name: flipInY;
-ms-animation-name: flipInY;
-o-animation-name: flipInY;
animation-name: flipInY;
}
/* project style 2 */
.project-style-2 {
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
}
.project-style-2 .project-contents .captions {
position: absolute;
margin-top: -60px;
top: 50%;
width: 100%;
}
.project-style-2 .project-contents .cover {
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
padding: 0;
display: table-cell;
vertical-align: middle;
}
.project-style-2 .project-contents .project-title {
filter: alpha(opacity=1000);
color: #ffffff;
}
.project-style-2 .project-contents .project-title a {
color: #ffffff;
}
.project-style-2 .project-contents .project-meta {
margin-bottom: 30px;
}
.project-style-2 .project-contents .project-meta li {
color: #F7F7F7;
font-size: 12px;
}
.project-style-2 .project-contents .project-meta li a {
color: #F7F7F7;
}
.project-style-2 .project-contents .project-meta li a:hover {
color: #ffffff;
}
.project-style-2 .project-contents .project-links {
position: relative;
top: auto;
margin-top: 0;
}
/* hover state */
.project-style-2:hover .project-contents img {
-webkit-transform: rotate(-15deg) scale(1.6, 1.6);
-moz-transform: rotate(-15deg) scale(1.6, 1.6);
-ms-transform: rotate(-15deg) scale(1.6, 1.6);
-o-transform: rotate(-15deg) scale(1.6, 1.6);
transform: rotate(-15deg) scale(1.6, 1.6);
}
.project-style-2:hover .cover .project-title, .project-style-2:hover .cover .project-meta, .project-style-2:hover .cover .project-links {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-ms-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.portfolio-classic-2 .project {
border: 0;
}
/* project style 3 */
.project-style-3 {
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.project-style-3 .project-contents .cover {
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.portfolio-gallery-2 .project-style-2 {
text-align: left;
}
.portfolio-gallery-2 .project-style-2 .project-contents .captions {
height: 100%;
top: 0;
margin-top: 0;
padding: 30px;
}
.portfolio-gallery-2 .project-style-2 .project-contents .project-links {
padding: 0 30px;
position: absolute;
bottom: 30px;
left: 0;
z-index: 1;
}
.portfolio-gallery-2 .project-style-2 .project-contents .project-links li:last-child {
float: right;
}
/* projects-wrapper */
.projects-wrapper {
text-align: center;
font-size: 0;
margin-top: 0px;
}
.projects-wrapper:after {
content: '';
display: block;
width: 100%;
}
.projects-wrapper .gap {
display: block;
width: 100%;
height: 0px;
}
.projects-wrapper .project-wrapper {
margin-top: 30px;
}
.projects-wrapper .mix {
display: none;
}
.see-more {
margin-top: 50px;
}
/* projects cols full width style */
.projects-5-cols, .projects-4-cols, .projects-3-cols, .projects-2-cols {
margin-top: 0;
}
.projects-5-cols .project-wrapper, .projects-4-cols .project-wrapper, .projects-3-cols .project-wrapper, .projects-2-cols .project-wrapper {
margin-top: 0;
overflow: hidden;
float: left;
}
.projects-5-cols .project-wrapper {
width: 20%;
}
.projects-4-cols .project-wrapper {
width: 25%;
}
.projects-3-cols .project-wrapper {
width: 33.3333%;
}
.projects-2-cols .project-wrapper {
width: 50%;
}
.projects-gallery-1-cols .project-wrapper {
width: 100%;
}
.projects-gallery-1-cols .project {
height: 385px;
}
.projects-gallery-1-cols .main-contents .project {
height: auto;
}
.projects-classic-1-cols .project-wrapper {
width: 100%;
}
.projects-classic-1-cols .project .project-contents img {
height: 385px;
}
.projects-classic-1-cols .main-contents .project .project-contents img {
height: auto;
}
/*
.projects-gallery-2-cols , .projects-classic-2-cols {
  .project-wrapper {
    width: 50%;
  }
}
.projects-gallery-3-cols , .projects-classic-3-cols {
  .project-wrapper {
    width: 33.333%;
  }
}

.projects-gallery-4-cols , .projects-classic-4-cols {
  .project-wrapper {
    width: 25%;
  }
}*/
span.text-content {
background: rgba(88,48,48);
color: #FFFFFF;
cursor: pointer;
display: inline-flex;
padding: 20px;
width: 100%;
margin-bottom:12px;
}
span.text-content span {
text-align: center
}
/* portfolio filter */
.filtering {
margin-bottom: 60px;
}
.filtering p.fl {
font-family: 'Lato', sans-serif;
font-size: 15px;
font-weight: 700;
color: #532F30;
line-height: 1;
}
.filtering p.fl span {
color: #744143;
}
.filtering-style-2 {
border: 1px solid #cbcbcd;
background-color: #F7F7F7;
color: #7a7c82;
padding: 20px;
}
.filtering-style-2:hover {
background: #F7F7F7;
color: #744143;
}
.filtering-style-2 p {
color: #7a7c82;
}
.filtering-style-2 > ul > li {
margin-right: 30px;
}
.filtering-style-2 > ul > li:last-child {
margin-right: 0;
}
.filtering-style-2 .sort-option button, .filtering-style-2 .sort-option-2 button {
background-color: #ffffff;
}
.filtering-style-2 .sort-option ul, .filtering-style-2 .sort-option-2 ul {
right: auto;
left: 0;
}
.filtering-style-2 .change-grid-wrapper {
font-size: 0;
}
.filtering-style-2 .change-grid-wrapper .change-grid {
width: 35px;
min-width: 35px;
padding: 0 !important;
text-align: center;
float: none;
border: 1px solid #cbcbcd;
background-color: #ffffff;
color: #532F30;
display: inline-block;
margin-right: 10px;
}
.filtering-style-2 .change-grid-wrapper .change-grid.active, .filtering-style-2 .change-grid-wrapper .change-grid:hover {
color: #744143;
}
.filtering-style-2 .change-grid-wrapper .change-grid:last-child {
margin-right: 0;
}
.filtering-style-2 .change-grid-wrapper .change-grid i {
position: relative;
left: auto;
right: auto;
top: auto;
color: inherit;
}
.sort-option, .sort-option-2, .sort-option-3 {
position: relative;
}
.sort-option .sort-type, .sort-option-2 .sort-type, .sort-option-3 .sort-type {
margin-right: 10px;
font-weight: 700;
color: #532F30;
}
.sort-option .fa, .sort-option-2 .fa, .sort-option-3 .fa {
position: absolute;
display: block;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
right: 0;
top: 0;
font-size: 15px;
z-index: 2;
color: #744143;
}
.sort-option button, .sort-option-2 button, .sort-option-3 button {
border: 1px solid #cbcbcd;
background-color: #F7F7F7;
color: #7a7c82;
padding-right: 35px !important;
height: 35px;
line-height: 35px;
font-size: 12px;
font-weight: 400;
text-align: left;
display: inline-block;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
min-width: 160px;
position: relative;
}
.sort-option button:hover, .sort-option-2 button:hover, .sort-option-3 button:hover {
background: #F7F7F7;
color: #744143;
}
.sort-option button p, .sort-option-2 button p, .sort-option-3 button p {
color: #7a7c82;
}
.sort-option ul, .sort-option-2 ul, .sort-option-3 ul {
right: 0;
width: 100%;
margin: 0;
top: 100%;
padding: 0;
position: absolute;
z-index: 10;
background-color: #ffffff;
border: 1px solid #d1d1d3;
border-top: 1px solid #d1d1d3;
border-bottom: 0;
opacity: 0;
visibility: hidden;
}
.sort-option ul li, .sort-option-2 ul li, .sort-option-3 ul li {
border-bottom: 1px solid #d1d1d3;
height: 40px;
line-height: 40px;
padding: 0 10px;
display: block;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
color: #7a7c82;
}
.sort-option ul li:hover, .sort-option-2 ul li:hover, .sort-option-3 ul li:hover {
background-color: #F7F7F7;
color: #744143;
}
.sort-option ul li.active, .sort-option-2 ul li.active, .sort-option-3 ul li.active {
background-color: #F7F7F7;
color: #744143;
}
.sort-option.active ul, .sort-option-2.active ul, .sort-option-3.active ul {
opacity: 1;
visibility: visible;
display: block;
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
.portfolio-filters {
text-align: center;
font-size: 0;
}
.portfolio-filters li {
margin: 0 10px;
cursor: pointer;
font-size: 1.125rem;
font-family: 'Marcellus SC', serif;
display: inline-block;
text-align: center;
color: #744143;
padding: 4.5px 8px;
border: 1px solid #cbcbcd;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
overflow: hidden;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.general-link:hover {
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.portfolio-filters li:hover {
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
color: #ffffff;
border: 1px solid #744143;
border-bottom: 1px solid #A52A2A;
}
.portfolio-filters li:first-child {
margin-left: 0;
}
.portfolio-filters li:last-child {
margin-right: 0;
}
.portfolio-filters li.active {
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
color: #ffffff;
border: 1px solid #744143;
border-bottom: 1px solid #A52A2A;
}
.ta-l .portfolio-filters {
margin-top: 27.5px;
}
.dark-section .project {
border: none;
}
.dark-section .project .project-contents {
background-color: #ffffff;
}
.dark-section .project:hover {
border-color: #744143;
border-bottom-color: #A52A2A;
}
.dark-section .portfolio-filters {
text-align: center;
font-size: 0;
}
.dark-section .portfolio-filters li {
background-color: #ffffff;
}
.dark-section .portfolio-filters li:hover {
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
color: #ffffff;
border: 1px solid #744143;
border-bottom: 1px solid #A52A2A;
}
/* masonry-grid */
.masonry-grid {
clear: both;
text-align: left;
min-height: 1200px;
}
.masonry-grid .mix {
padding: 0 15px;
overflow: hidden;
float: left;
opacity: 0.5;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
/* Firefox 10+, Firefox on Android */
	/* IE6-9 */
display: block !important;
cursor: no-drop;
z-index: 0;
}
.masonry-grid .mix .project {
height: 100%;
}
.masonry-grid .mix .project .project-contents {
height: 100%;
}
.masonry-grid .mix .project .project-contents img {
height: 100%;
}
.masonry-grid .mix .project:hover .project-contents img {
-webkit-transform: rotate(0) scale(1, 1);
-moz-transform: rotate(0) scale(1, 1);
-ms-transform: rotate(0) scale(1, 1);
-o-transform: rotate(0) scale(1, 1);
transform: rotate(0) scale(1, 1);
}
.masonry-grid .mix .project:hover .cover {
opacity: 0 !important;
visibility: hidden !important;
}
.masonry-grid .mix[style*="display: inline-block"] {
opacity: 1;
visibility: visible;
cursor: auto;
z-index: 1;
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
filter: none;
}
.masonry-grid .mix[style*="display: inline-block"] .project:hover .project-contents img {
-webkit-transform: rotate(-15deg) scale(1.6, 1.6);
-moz-transform: rotate(-15deg) scale(1.6, 1.6);
-ms-transform: rotate(-15deg) scale(1.6, 1.6);
-o-transform: rotate(-15deg) scale(1.6, 1.6);
transform: rotate(-15deg) scale(1.6, 1.6);
}
.masonry-grid .mix[style*="display: inline-block"] .project:hover .cover {
opacity: 0.85 !important;
visibility: visible !important;
}
.masonry-grid .w1 {
width: 300px;
}
.masonry-grid .w2 {
width: 600px;
}
.masonry-grid .height-1 {
height: 270px;
}
.masonry-grid .height-2 {
height: 570px;
}
/**** masonry Transitions ****/
.transitions-enabled.masonry, .transitions-enabled.masonry .masonry-brick {
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
.transitions-enabled.masonry {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.transitions-enabled.masonry .masonry-brick {
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
}
/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
/*=============================================================================

  8- features Styles

  =============================================================================*/
.features {
overflow: hidden;
-webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1);
-o-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1);
-ms-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1);
-khtml-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.features .yellow-section, .features .light-section, .features .dark-section {
position: relative;
}
/* feature default style */
.feature {
margin-bottom: 50px;
}
.feature .feature-icon {
display: block;
float: left;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
color: #ffffff;
background-color: #744143;
font-size: 1.25rem;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
overflow: hidden;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin-bottom: 30px;
}
.feature .feature-icon:before {
display: block;
}
.feature .feature-contents {
padding-left: 70px;
padding-right: 10px;
text-align: left;
}
.feature .feature-title {
font-size: 1rem;
font-weight: 700;
margin-bottom: 17px;
line-height: 1;
}
.feature .feature-title a {
display: block;
}
.feature .border-divider {
margin-left: 0;
width: 34px;
margin-bottom: 11px;
}
.feature p {
color: #7a7c82;
}
.feature a.more {
color: #744143;
display: block;
line-height: 1;
}
.feature a.more:hover {
color: #532F30;
}
.feature:last-child {
margin-bottom: 0;
}
/* hover state */
.feature:hover .feature-icon {
background-color: #532F30;
}
.feature:hover .feature-icon:before {
-webkit-animation-name: bigEntrance;
-moz-animation-name: bigEntrance;
-ms-animation-name: bigEntrance;
-o-animation-name: bigEntrance;
animation-name: bigEntrance;
animation-duration: 1.6s;
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
visibility: visible !important;
}
.feature:hover .border-divider {
width: 70px;
}
.feature-wrapper {
margin-top: 60px;
}
.feature-wrapper-2 {
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-o-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.features-wrapper {
margin-top: -60px;
}
/* feature style 2 */
.feature-style-2 {
text-align: left;
}
.feature-style-2 .feature-icon {
margin-left: 0;
float: none;
}
.feature-style-2 .feature-contents {
padding: 0;
}
/* feature style 2 */
.feature-style-2.ta-center {
text-align: center;
}
.feature-style-2.ta-center .feature-icon {
margin-left: auto;
margin-right: auto;
}
.feature-style-2.ta-center .feature-contents {
text-align: center;
}
.feature-style-2.ta-center .border-divider {
margin-left: auto;
}
/* feature-rtl */
.feature-rtl .feature-icon {
float: right;
}
.feature-rtl .feature-contents {
padding-right: 70px;
padding-left: 10px;
text-align: right;
}
.feature-rtl .border-divider {
margin-left: auto;
margin-right: 0;
}
/* preview-images */
.preview-images {
font-size: 0;
height: 480px;
position: relative;
width: 1070px;
margin: 0 auto;
overflow: hidden;
}
.preview-images .preview-images-wrapper {
position: relative;
height: 100%;
}
.preview-images img {
position: absolute;
bottom: 0;
display: block;
}
.preview-images .left {
left: 5px;
}
.preview-images .center {
left: 50%;
}
.preview-images .right {
right: 5px;
}
.preview-images .img-preview-1 {
top: 0px;
-webkit-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.3);
-o-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.3);
-ms-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.3);
-khtml-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.3);
box-shadow: -1px 0 2px rgba(0, 0, 0, 0.3);
}
.preview-images .img-preview-2 {
margin-left: -400px;
-webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3);
-o-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3);
-khtml-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3);
box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3);
}
/* preview-images-style-2 */
.preview-images-style-2 {
position: absolute;
right: -140px;
bottom: 0;
width: 790px;
}
.preview-images-style-2 .img-preview-2 {
margin-left: 0;
left: 140px;
}
/* preview-images-style-3 */
.preview-images-style-3 {
height: 100%;
width: 50%;
top: 0;
font-size: 0;
position: absolute;
overflow: hidden;
}
.preview-images-style-3 img {
position: relative;
width: 100%;
height: 100%;
}
.preview-images-style-3.right {
right: -15px;
left: auto;
padding-left: 15px;
}
.preview-images-style-3.left {
right: auto;
left: -15px;
padding-right: 15px;
}
/* preview-images-style-4 */
.preview-images-style-4 {
position: absolute;
font-size: 0;
text-align: center;
width: 370px;
height: 442px;
bottom: 0;
left: 50%;
margin-left: -185px;
overflow: hidden;
}
/* preview-images-style-5 */
.preview-images-style-5 {
width: 1170px;
}
.preview-images-style-5 .img-preview-1 {
top: auto;
bottom: 0;
z-index: 2;
left: 0;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-o-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.preview-images-style-5 .img-preview-2 {
margin-left: -461.5px;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-o-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.preview-images-style-5 .img-preview-3 {
right: 0;
}
/*=============================================================================

  9- testimonials Styles

  =============================================================================*/
/* testimonial default style */
.testimonial blockquote {
background-color: #ffffff;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
padding: 25px 10px 25px 20px;
margin-bottom: 39px;
}
.testimonial blockquote:before {
display: none;
}
.testimonial blockquote:after {
content: '';
width: 0;
height: 0;
border: 12px solid transparent;
border-right-color: #ffffff;
margin-top: -12px;
position: absolute;
left: 18px;
top: 100%;
z-index: 5;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.testimonial blockquote i {
display: block;
float: left;
font-size: 1.25rem;
color: #cbcbcd;
margin-top: 5px;
margin-bottom: 30px;
}
.testimonial blockquote p {
padding-left: 40px;
font-size: 1.125rem;
color: #532F30;
font-family: 'Lato', sans-serif;
line-height: 28px;
margin-bottom: 0;
}
.testimonial blockquote p:before, .testimonial blockquote p:after {
display: none;
}
.testimonial .testimonial-details {
padding-left: 90px;
}
.testimonial .testimonial-thumb {
position: relative;
width: 70px;
height: 70px;
padding: 2px;
float: left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
.testimonial .testimonial-thumb:before {
content: '';
background-color: #744143;
background-image: -webkit-gradient(top, #A52A2A, #660000);
background-image: -webkit-linear-gradient(top, #A52A2A, #660000);
background-image: -moz-linear-gradient(top, #A52A2A, #660000);
background-image: -ms-linear-gradient(top, #A52A2A, #660000);
background-image: -o-linear-gradient(top, #A52A2A, #660000);
background-image: linear-gradient(to bottom, #A52A2A, #660000);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
position: absolute;
}
.testimonial .testimonial-thumb img {
position: relative;
z-index: 1;
display: block;
width: 100%;
height: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
}
.testimonial .testimonial-user {
font-size: 1rem;
margin-top: 5px;
margin-bottom: 5px;
font-weight: 700;
}
.testimonial .testimonial-user-work {
font-style: italic;
margin-bottom: 0;
}
.testimonial .testimonial-user-work span {
color: #ffffff;
}
/* testimonial style 2 */
.testimonial-style-2 .testimonial-thumb {
float: none;
margin: 0 auto;
margin-bottom: 5px;
}
.testimonial-style-2 blockquote {
padding-left: 80px;
padding-right: 80px;
margin-bottom: 0;
background-color: transparent;
padding-bottom: 15px;
}
.testimonial-style-2 blockquote:after {
display: none;
}
.testimonial-style-2 blockquote i {
float: none;
text-align: center;
margin-top: 0;
margin-bottom: 15px;
}
.testimonial-style-2 blockquote p {
color: #ffffff;
text-align: center;
padding-left: 20px;
padding-right: 20px;
}
.testimonial-style-2 blockquote p:before, .testimonial-style-2 blockquote p:after {
display: inline-block;
}
.testimonial-style-2 .testimonial-details {
padding: 0;
text-align: center;
}
/* testimonial-style-3 */
.testimonial-style-3 blockquote {
padding-top: 0;
padding-bottom: 0;
}
.testimonial-style-3 blockquote i {
margin: 30px 0;
}
.testimonial-style-3 .testimonial-thumb {
margin-bottom: 25px;
}
.light-section .testimonial blockquote {
background-color: #F7F7F7;
}
.light-section .testimonial blockquote:after {
border-right-color: #F7F7F7;
}
.light-section .testimonial .testimonial-user {
color: #744143;
}
.light-section .testimonial .testimonial-user-work {
color: #7a7c82;
}
.light-section .testimonial .testimonial-user-work span {
color: #676268;
}
.light-section .testimonial-style-2 blockquote {
background-color: transparent;
}
.light-section .testimonial-style-2 blockquote p {
color: #532F30;
}
/*=============================================================================

  10- boxes Styles

  =============================================================================*/
.box .section-header {
text-align: left;
margin-bottom: 30px;
}
.box .section-header .section-title {
font-size: 1.325rem;
margin-bottom: 0.5rem;
}
.box .section-header .border-divider {
margin-left: 0;
}
.box p {
color: #7a7c82;
}
.about-us-box img {
width: 100%;
display: block;
margin-bottom: 16px;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.about-us-box p {
margin-bottom: 18px;
}
.about-us-box p:last-child {
margin-bottom: 0;
}
.about-slider img {
height: 296px;
margin-bottom: 0;
}
.info p {
margin-top: -6px;
}
/* Skills */
.skill, .loading-bar {
margin-bottom: 25px;
}
.skill .progress-title, .loading-bar .progress-title {
display: block;
font-size: 15px;
color: #532F30;
font-weight: 700;
font-family: 'Lato', sans-serif;
line-height: 1;
margin-bottom: 15px;
}
.skill .progress, .loading-bar .progress {
height: 10px;
padding: 2px;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
background-color: #e8e8e9;
overflow: visible;
margin-bottom: 0;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-o-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.skill .progress .progress-bar, .loading-bar .progress .progress-bar {
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.skill .progress .progress-bar-amount, .loading-bar .progress .progress-bar-amount {
float: right;
color: #7a7c82;
margin-top: -35px;
display: block;
}
.skill:last-child {
margin-bottom: 0;
}
.skills-wrapper {
margin-top: -1px;
}
/* information-box */
.information-box {
border: 1px solid #cbcbcd;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
padding: 27px 30px;
position: relative;
padding-right: 200px;
}
.information-box h5 {
font-size: 19px;
color: #744143;
line-height: 1;
margin-bottom: 10px;
}
.information-box p {
margin-bottom: 0;
}
.information-box .general-link {
position: absolute;
right: 30px;
top: 50%;
margin-top: -16px;
}
.information-box.dark-section {
border: 0;
}
.information-box.accent-section {
border: 0;
}
.information-box.accent-section h5 {
color: #ffffff;
}
.information-box.accent-section p {
color: #F7F7F7;
}
.footer .information-box, .dark-section .information-box, .footer .boxes-list .boxes-list-item, .dark-section .boxes-list .boxes-list-item {
border-color: #e5e5e5;
background-color: #f9f9f9;
}
.img-section .information-box, .img-section .boxes-list .boxes-list-item {
border-color: #686668;
background-color: transparent;
}
.contact-page .boxes-list .boxes-list-item {
background-color: #532F30;
border-color: #532F30;
}
/* footer-box */
.footer-list .footer-list-item {
padding: 20px;
text-align: center;
border: 1px solid #D8D8D8;
background-color: #f7f7f7;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
}
.footer-list .footer-list-item p {
margin-bottom: 0px;
line-height: 1.5
}
.footer-list h4 {
margin-bottom: 20px;
}
.footer-list .footer-list-item p:last-child {
margin-bottom: 20px;
color: #7a7c82;
}
.footer-list h5 span, .footer-list p span {
color: #ffffff;
}
.footer-list h5 a, .footer-list p a {
color: #744143;
}
.footer-list h5 a:hover, .footer-list p a:hover {
color: #744143;
}
.footer-list h5 {
color: #744143;
}
.footer-list p {
font-size: small;
}
/* boxes list */
.boxes-list .boxes-list-item {
padding: 20px;
border: 1px solid #e5e5e5;
background-color: #fefefe;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.boxes-list .boxes-list-item p {
margin-bottom: 0px;
line-height: 1.5
}
.boxes-list h4 {
margin-bottom: 20px;
}
.boxes-list .boxes-list-item p:last-child {
margin-bottom: 20px;
color: #7a7c82;
}
.boxes-list h5 span, .boxes-list p span {
color: #ffffff;
}
.boxes-list h5 a, .boxes-list p a {
color: #744143;
}
.boxes-list h5 a:hover, .boxes-list p a:hover {
color: #744143;
}
.boxes-list h5 {
color: #744143;
}
.boxes-list p {
font-size: small;
}
/* box style 2 */
.box-style-2 {
padding: 10px 5px;
border: 1px solid #7A7C82;
margin-bottom: 0px;
}
.box-style-2 .box-header {
margin-bottom: 20px;
text-align: center;
}
.box-style-2 .box-header .fa {
text-align: center;
}
.box-style-2 .box-header h5 {
padding-left: 0;
line-height: 32px;
font-size: 1.125rem;
font-weight: 400;
margin-bottom: 0;
}
.box-style-2 .box-header h5 span {
font-size: 1rem;
color: #744143;
}
.box-style-2 .box-header .border-divider {
width: 100%;
margin-left: 0;
margin-top: 10px;
}
.box-style-2:last-child {
margin-bottom: 0;
}
/* box style 3 */
.box-style-3 {
padding: 20px;
border: 1px solid #d7d7d7;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.box-style-3 .section-header {
margin-bottom: 20px;
}
.box-style-3.project-details ul li {
text-align: right;
margin-bottom: 25px;
}
.box-style-3.project-details ul li:last-child {
margin-bottom: 0;
}
.box-style-3.project-details ul li span {
float: left;
}
.box-style-3 .row {
margin-left: -10px;
margin-right: -10px;
font-size: 0;
}
.box-style-3 .row li {
margin-bottom: 20px;
}
.box-style-3 .row li:last-child {
margin-bottom: 0;
}
.box-style-3 .row [class*="col-"] {
padding: 0 10px;
}
/* subscription */
.subscription-section {
border: 1px solid #cbcbcd;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
padding: 25px;
}
.subscription-section .section-header {
margin-bottom: 35px;
}
.subscription-section .form-item input {
margin-bottom: 0;
float: left;
color: #7a7c82;
}
.subscription-section .form-item label {
color: #7a7c82;
}
.subscription-section .form-item input:focus + label {
color: #744143;
}
.subscription-section .form-item button {
width: auto;
font-weight: 700;
float: right;
}
/*=============================================================================
  11- facts Styles
  =============================================================================*/
.facts-wrapper {
margin-top: -30px;
}
.facts-wrapper .fact-wrapper {
margin-top: 30px;
}
/* fact default style */
.fact {
text-align: center;
}
.fact .fact-icon {
display: block;
color: #532F30;
font-size: 32px;
width: 70px;
height: 70px;
line-height: 68px;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
margin: 0 auto 30px auto;
text-align: center;
border: 1px solid #cbcbcd;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.fact .fact-counter, .fact .fact-title {
display: block;
line-height: 1;
margin-bottom: 9px;
}
.fact .fact-counter {
font-family: 'Marcellus SC', serif;
font-size: 45px;
color: #744143;
}
.fact .fact-title {
font-family: 'Lato', sans-serif;
font-size: 15px;
color: #532F30;
font-weight: 400;
}
.fact .fact-counter:last-child, .fact .fact-title:last-child {
margin-bottom: 0;
}
/* fact hover state */
.fact:hover .fact-icon {
background-color: #744143;
border-color: #744143;
color: #ffffff;
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
-o-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-animation-name: flipInY;
-ms-animation-name: flipInY;
-o-animation-name: flipInY;
animation-name: flipInY;
}
/* fact style 2 */
.fact-style-2 .fact-icon {
float: left;
background-color: #F7F7F7;
margin-bottom: 0;
}
.fact-style-2 .fact-contents {
padding-left: 100px;
text-align: right;
padding-right: 40px;
}
.dark-section .fact .fact-icon {
border-color: #F7F7F7;
}
.dark-section .fact .fact-title {
color: #7a7c82;
}
.dark-section .fact:hover .fact-icon {
border-color: #744143;
}
.accent-section .fact .fact-counter {
color: #ffffff;
}
.accent-section .fact .fact-title {
color: #F7F7F7;
}
.accent-section .fact:hover .fact-counter {
color: #532F30;
}
.accent-section .fact:hover .fact-icon {
background-color: #532F30;
border-color: #532F30 !important;
}
/*=============================================================================

Store Styles

  =============================================================================*/
/*.products-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
align-content: stretch;
}

.product {
flex-grow: 0;
}

/*=============================================================================

  12- blogs Styles

  =============================================================================*/
.posts-wrapper {
margin-top: -30px;
}
.posts-wrapper .post-wrapper {
opacity: 1;
}
.posts-wrapper-full-width {
margin-top: -50px;
}
.posts-wrapper-full-width .post {
margin-top: 50px;
}
.posts-wrapper-full-width + .pagination {
text-align: center;
}
.posts-wrapper.masonry-grid .post-wrapper .post.new-post {
background-color: #744143;
padding: 30px;
width: 100%;
}
/*
.blog-cols-1.masonry-grid {
  .post-wrapper {
    width: 100%;
  }
}

.blog-cols-2.masonry-grid {
  .post-wrapper {
    width: 50%;
  }
}

.blog-cols-3.masonry-grid {
  .post-wrapper {
    width: 33.333%;
  }
}

.blog-cols-4.masonry-grid {
  .post-wrapper {
    width: 25%;
  }
}*/
/* post default style */
.mc .post {
overflow: hidden;
position: relative;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.post {
border: 1px solid #cbcbcd;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
overflow: hidden;
position: relative;
margin-top: 30px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.post .post-thumb {
position: relative;
display: block;
}
.post .post-thumb img {
display: block;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-o-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0;
-khtml-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
}
.post .post-thumb .twitter-embeded {
padding: 110px 30px 30px 30px;
height: 422px;
}
.post .post-thumb .twitter-embeded iframe.twitter-tweet {
margin: 0 !important;
border: 0 !important;
height: 100%;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
-o-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
-khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
.post .post-thumb.img-section {
background-attachment: initial !important;
}
.post .post-icon {
display: block;
width: 50px;
height: 50px;
line-height: 50px;
background-color: #532F30;
text-align: center;
color: #ffffff;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
position: absolute;
top: 30px;
left: 30px;
z-index: 2;
font-size: 22px;
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.post .post-contents {
padding: 22px 30px 30px 30px;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-o-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px;
-khtml-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
}
.post .post-title, .post .post-title a {
font-weight: 700;
margin-bottom: 20px;
}

.post .post-meta {
font-size: 0;
margin-bottom: 23px;
margin-top: -10px;
}
.post .post-meta li {
display: inline-block;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #532F30;
color: #7a7c82;
line-height: 1.4;
font-size: 0.875rem;
margin-top: 10px;
}
post-category li {
}
.post .post-meta li a {
color: #744143;
}
.post .post-meta li a:hover {
color: #532F30;
}
.post .post-meta li:last-child {
margin-right: 0;
padding-right: 0;
border-right: 0;
margin-bottom: 0;
}
.post .post-meta:last-child {
margin-bottom: 0;
}
.post .post-details {
color: #7a7c82;
margin-bottom: 26px;
text-align: left;
}
.post .post-details a {
color: #744143;
}
.post .post-details a:hover {
color: #532F30;
}
.post .post-details:last-child {
margin-bottom: 0;
}
.post .gradient-link:hover {
color: #ffffff;
background-color: #532F30;
background-image: -webkit-gradient(top, #532F30, #532F30);
background-image: -webkit-linear-gradient(top, #532F30, #532F30);
background-image: -moz-linear-gradient(top, #532F30, #532F30);
background-image: -ms-linear-gradient(top, #532F30, #532F30);
background-image: -o-linear-gradient(top, #532F30, #532F30);
background-image: linear-gradient(to bottom, #532F30, #532F30);
}
.post .links {
border-top: 1px solid #cbcbcd;
padding-top: 20px;
}
/* post hover state */
.post:hover .post-icon {
background-color: #744143;
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-ms-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}
.dark-section .post, .yellow-section .post {
border: 0;
}
.dark-section .post .post-contents, .yellow-section .post .post-contents {
background-color: #ffffff;
}
.yellow-section .post {
border: 1px solid #cbcbcd;
}
/* post-style-2 */
.post-style-2 .post-thumb {
width: 268px;
height: 100%;
position: absolute;
left: 0;
top: 0;
float: left;
}
.post-style-2 .post-contents {
display: table-cell;
text-align: left;
padding: 27px 30px 27px 295px;
background-color: #f8f8f8;
}
.post-style-2 .post-title {
float: left;
font-weight: 700;
width: 60%;
}
.post-style-2 .post-meta {
float: right;
}
.post-style-2 .post-meta-2 li {
padding: 6.5px 10px;
border: 1px solid #cbcbcd;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
margin: 10px 0 0 0;
margin-left: 10px;
background-color: #ffffff;
height: auto;
}
.post-style-2 .post-meta-2 li:last-child {
padding-right: 11.5px;
border-right: 1px solid #cbcbcd;
}
/* post-style-3 */
.post-style-3 {
text-align: center;
}
.post-style-3 .post-subtitle {
font-weight: 400;
font-size: 1.125rem;
line-height: 1.2;
}
.post-style-3 .post-title {
font-weight: 400;
font-size: 1.5rem;
line-height: 1.2;
text-align: center;
}
.post-style-3 .owl-controls .owl-nav {
width: 100%;
right: 0;
}
.post-style-3.ta-left .post-icon {
left: 30px;
margin-left: 0;
}
.col-md-8 .post-style-3 .owl-controls .owl-nav {
width: auto;
right: 30px;
}
/*---------- posts types ----------*/
/* text post */
.text-post .post .post-icon {
position: relative;
left: auto;
top: auto;
margin-top: 30px;
margin-left: 30px;
}
.text-post .post-style-3 .post-icon {
margin-left: auto;
margin-right: auto;
}
.text-post .ta-left .post-icon {
margin-left: 30px;
}
/* twitter post */
/* video post */
.video-post iframe {
width: 100%;
height: 257px;
}
.video-post .post-style-3 iframe {
height: 696px;
}
.video-post .post-style-3.ta-left iframe {
height: 427px;
}
/* quote post */
.quote-post .post {
border: 0;
}
.quote-post blockquote {
background: transparent;
margin-bottom: 0;
padding: 105px 30px 39px 30px;
}
.quote-post blockquote:before {
display: none;
}
.quote-post blockquote p {
font-size: 17px;
color: #ffffff;
font-style: italic;
line-height: 27px;
font-family: 'Marcellus SC', serif;
}
.quote-post blockquote p:after, .quote-post blockquote p:before {
display: none;
}
.quote-post blockquote cite {
font-size: 1rem;
font-family: 'Marcellus SC', serif;
font-style: italic;
color: #ffffff;
}
.quote-post .post-style-3 blockquote p {
font-size: 21px;
line-height: 31px;
}
/* link post */
.link-post .post {
border: 0;
background-color: #744143;
}
.link-post .link-contents {
padding: 105px 30px 39px 30px;
}
.link-post .link-contents a {
color: #ffffff;
}
.link-post .link-contents a:hover {
color: #744143;
}
.link-post .link-contents .link-title {
font-family: 'Marcellus SC', serif;
font-size: 22px;
line-height: 28px;
font-weight: 700;
}
.link-post .link-contents .link-source {
font-size: 0.8125rem;
font-family: 'Marcellus SC', serif;
}
.link-post .post:hover {
background-color: #532F30;
}
.single-blog .link-post .post {
border: 1px solid #cbcbcd;
background-color: #ffffff;
}
.single-blog .link-post .post:hover .link-wrapper {
background-color: #532F30;
}
.single-blog .link-post .link-wrapper {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
background-color: #744143;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-o-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0;
-khtml-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
}
/* blog-classic */
.blog-classic .post {
padding-left: 0;
padding-right: 0;
border: 0;
}
.blog-classic .post .post-contents {
padding-bottom: 50px;
}
.blog-classic .post .border-divider {
width: 770px;
}
.blog-classic .post .post-thumb {
border: 1px solid #cbcbcd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
.blog-classic .post .post-thumb img {
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.blog-classic .post .post-icon {
position: relative;
left: auto;
top: auto;
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.blog-classic .post .post-icon + .post-contents {
padding-bottom: 30px;
}
.blog-classic .quote-post .post .post-thumb {
border: 0;
}
.blog-classic .quote-post .post blockquote {
padding: 22px 30px 50px 30px;
border: 0;
}
.blog-classic .quote-post .post blockquote p {
color: #532F30;
}
.blog-classic .quote-post .post blockquote cite {
color: #744143;
}
.blog-classic .ta-left .post-contents, .blog-classic .ta-left blockquote {
padding-left: 0 !important;
padding-right: 0 !important;
}
.blog-classic .ta-left .post-icon {
margin-left: 0;
}
/* load-more-posts */
.load-more-posts {
text-align: center;
margin-top: 80px;
}
.load-more-posts .more {
border: 1px solid #cbcbcd;
background-color: #F7F7F7;
color: #7a7c82;
color: #532F30;
font-family: 'Marcellus SC', serif;
font-size: 15px;
font-weight: 400;
min-width: 186px;
padding: 11px;
}
.load-more-posts .more:hover {
background: #F7F7F7;
color: #744143;
}
.load-more-posts .more p {
color: #7a7c82;
}
/* --- posts-group  --------------------- */
.posts-group .post {
padding-bottom: 20px;
margin-bottom: 20px;
border: 0;
border-bottom: 1px solid #d1d1d3;
margin-top: 0;
}
.posts-group .post .post-thumb {
width: 70px;
height: 70px;
line-height: 70px;
overflow: hidden;
display: block;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
color: #ffffff;
background-color: #744143;
text-align: center;
font-size: 26px;
float: left;
}
.posts-group .post .post-thumb img {
display: block;
width: 100%;
height: 100%;
}
.posts-group .post .post-contents {
padding: 0;
padding-left: 90px;
text-align: left;
}
.posts-group .post .post-contents .post-title {
font-weight: 700;
line-height: 1.3;
margin-bottom: 15px;
}
.posts-group .post .post-contents .post-meta li {
color: #7a7c82;
display: block;
font-weight: 700;
font-size: 0.875rem;
margin: 0;
padding: 0;
border-right: 0;
margin-bottom: 10px;
}
.posts-group .post .post-contents .post-meta li:last-child {
margin-bottom: 0;
}
.posts-group > li:last-child .post {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
/* --- sidebar  --------------------- */
/* sidebar */
.sidebar input, .sidebar button {
margin-bottom: 20px;
width: 100%;
text-transform: uppercase;
height: 35px;
line-height: 35px;
}
.sidebar input:last-child, .sidebar button:last-child {
margin-bottom: 0;
}
.sidebar .forget {
float: right;
display: block;
width: 64px;
height: 23px;
line-height: 23px;
background-color: #532F30;
color: #ffffff;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
text-align: center;
margin-top: -49px;
margin-right: 5px;
}
.sidebar .forget:hover {
background-color: #744143;
}
.sidebar .password-bar {
padding-right: 74px;
}
/* social-counters-list */
.social-counters-list {
margin-top: -20px;
}
.social-counters-list li {
width: 50%;
float: left;
margin-top: 20px;
padding-right: 10px;
}
.social-counters-list li a {
padding: 0 10px;
background-color: #744143;
display: block;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
height: 35px;
line-height: 35px;
text-align: left;
color: #ffffff;
font-size: 12px;
text-transform: uppercase;
}
.social-counters-list li a i {
font-size: 0.875rem;
margin-right: 5px;
}
.social-counters-list li a span {
font-size: 12px;
color: #532F30;
}
.social-counters-list li:nth-child(2n+2) {
padding-right: 0px;
padding-left: 10px;
}
.social-counters-list .facebook a {
background-color: #5d82d1;
}
.social-counters-list .twitter a {
background-color: #40bff5;
}
.social-counters-list .vimeo a {
background-color: #35c6ea;
}
.social-counters-list .youtube a {
background-color: #ef4e41;
}
.social-counters-list .gplus a {
background-color: #eb5e4c;
}
.social-counters-list .dribbble a {
background-color: #f7659c;
}
/* categories-list */
.cat-list {
padding: 2px;
margin: 2px;
}
ul.cat-list li {
border-bottom: 1px solid #666666;
padding-bottom: 12px;
padding-right: 12px;
margin: 8px 16px;
}
ul.cat-list li:last-child {
border-bottom: 0px solid #666666;
padding-bottom: 0px;
padding-right: 12px;
margin: 8px 16px;
}
ul.cat-list li a {
font-size: 0.875rem;
color: #7a7c82;
font-family: 'Lora', serif;
display: block;
line-height: 1;
text-indent: 8px;
text-transform: uppercase;
}
ul.cat-list li a:hover {
color: #744143;
}
ul.cat-list li a span, ul.cat-list li a i, ul.cat-list .fa li a i {
color: #744143;
float: right;
-webkit-animation-fill-mode: none;
-moz-animation-fill-mode: none;
-o-animation-fill-mode: none;
animation-fill-mode: none;
}
/* subcategories-list */
ul.cat-list ul li {
border-bottom: 1px solid #ecedee;
padding-bottom: 14px;
margin-bottom: 14px;
text-indent: 14px;
text-transform: none;
}
ul.cat-list ul li a {
font-size: 0.875rem;
color: #7a7c82;
font-family: 'Lora', serif;
display: block;
line-height: 1;
}
/* sub-subcategories-list */
ul.cat-list ul ul li {
border-bottom: 1px solid #ecedee;
padding-bottom: 14px;
margin-bottom: 14px;
text-indent: 24px;
padding-right: 0px;
}
ul.cat-list ul ul li a {
font-size: 0.875rem;
color: #7a7c82;
font-family: 'Lora', serif;
display: block;
line-height: 1;
}
/* sidebar-search-form */
.sidebar-search-form .sidebar-search-bar {
background-color: transparent;
}
/* pop-posts-widget */
.pop-posts-widget .posts-group .post .post-title {
font-size: 15px;
text-transform: uppercase;
font-weight: 400;
}
/* comments-group */
.comments-group .comment .post-title {
font-size: 12px !important;
font-weight: 400 !important;
color: #744143;
text-transform: uppercase;
}
.comments-group .comment .post-title:hover {
color: #532F30;
}
/* price widget */
.price-widget .slider-range {
border: 0 !important;
background: #dadadc !important;
height: 8px !important;
margin-bottom: 20px;
}
.price-widget .slider-range .ui-widget-header {
background: #532F30;
}
.price-widget .slider-range .ui-slider-handle {
border: 0 !important;
width: 15px !important;
height: 15px !important;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
-o-border-radius: 50% !important;
-ms-border-radius: 50% !important;
-khtml-border-radius: 50% !important;
border-radius: 50% !important;
background: #660000 !important;
cursor: pointer;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.price-widget .slider-range .ui-slider-handle:hover {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.price-widget label {
color: #acacac;
}
.price-widget #amount {
height: auto;
display: inline-block;
padding: 0;
max-width: none;
width: 135px;
color: #660000 !important;
background-color: transparent !important;
font-weight: normal !important;
}
/*=============================================================================

  13- team Styles

  =============================================================================*/
/* team member default style */
.team-member {
position: relative;
text-align: center;
overflow: hidden;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
border: 1px solid #cbcbcd;
}
.team-member .team-member-img {
position: relative;
}
.team-member .team-member-img img {
display: block;
width: 100%;
height: 100%;
}
.team-member .team-member-img .cover {
background-color: #744143;
background-image: -webkit-gradient(top, #532f30, #744143);
background-image: -webkit-linear-gradient(top, #532f30, #744143);
background-image: -moz-linear-gradient(top, #532f30, #744143);
background-image: -ms-linear-gradient(top, #532f30, #744143);
background-image: -o-linear-gradient(top, #532f30, #744143);
background-image: linear-gradient(to bottom, #532f30, #744143);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
opacity: 0;
visibility: hidden;
filter: alpha(opacity=0);
}
.team-member .team-member-img .social-media {
position: absolute;
top: 50%;
margin-top: -17px;
width: 100%;
opacity: 0;
visibility: hidden;
filter: alpha(opacity=0);
z-index: 1;
}
.team-member .team-member-img .social-media li {
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 0;
visibility: hidden;
filter: alpha(opacity=0);
}
.team-member .team-member-img .social-media li a {
color: #ffffff;
background-color: transparent;
}
.team-member .team-member-img .social-media li a i {
-webkit-animation: none;
-moz-animation: none;
-khtml-animation: none;
-o-animation: none;
animation: none;
}
.team-member .team-member-img .social-media li a:hover {
color: #532F30;
}
.team-member .team-member-img .social-media li:nth-child(1) {
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
-ms-animation-delay: 0.1s;
-o-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.team-member .team-member-img .social-media li:nth-child(2) {
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.team-member .team-member-img .social-media li:nth-child(3) {
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.team-member .team-member-img .social-media li:nth-child(4) {
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
-ms-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.team-member .team-member-img .social-media li:nth-child(5) {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-ms-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.team-member .team-member-img .social-media li:nth-child(6) {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.team-member figcaption {
padding: 23.5px 10px;
}
.team-member .team-member-title {
font-size: 1rem;
font-weight: 700;
}
.team-member .team-member-job {
font-size: 0.875rem;
font-style: italic;
color: #7a7c82;
font-family: 'Lato', sans-serif;
margin-bottom: 20px;
display: block;
}
.team-member .team-member-title:last-child, .team-member .team-member-job:last-child {
margin-bottom: 0;
}
.team-member p {
margin-bottom: 5px;
color: #7a7c82;
}
.team-member p a {
color: #744143;
}
.team-member p a:hover {
color: #532F30;
}
.team-member p:last-child {
margin-bottom: 0;
}
.team-member .team-member-describe {
margin-bottom: 10px;
}
/* team member hover state */
.team-member:hover .cover {
opacity: 0.85;
visibility: visible;
filter: alpha(opacity=85);
}
.team-member:hover .cover .project-links {
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
-o-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-animation-name: flipInY;
-ms-animation-name: flipInY;
-o-animation-name: flipInY;
animation-name: flipInY;
}
.team-member:hover .social-media {
opacity: 1;
visibility: visible;
filter: alpha(opacity=100);
}
.team-member:hover .social-media li {
opacity: 1;
visibility: visible;
filter: alpha(opacity=100);
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-ms-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
/* team-member-style-2 */
.team-member-style-2 .team-member-img {
width: 268px;
height: 100%;
position: absolute;
left: 0;
top: 0;
float: left;
}
.team-member-style-2 figcaption {
display: table-cell;
text-align: left;
padding: 19px 20px 19px 300px;
}
/* team-member-style-3 */
.team-member-style-3 {
border: none;
}
.team-member-style-3 .team-member-title {
color: #ffffff;
}
.team-member-style-3 .team-member-title a {
color: #ffffff;
}
.team-member-style-3 .team-member-job {
color: #F7F7F7;
}
.team-member-style-3 .team-member-img .social-media {
margin-top: 30px;
}
.team-member-style-3 figcaption {
top: 30px;
left: 0;
right: 0;
z-index: 10;
position: absolute;
opacity: 0;
visibility: hidden;
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
-ms-animation-delay: 0.1s;
-o-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.team-member-style-3:hover figcaption {
opacity: 1;
visibility: visible;
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-ms-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.dark-section .team-member, .yellow-section .team-member {
border: 0;
}
.dark-section .team-member figcaption, .yellow-section .team-member figcaption {
background-color: #ffffff;
}
.yellow-section .team-member {
border: 1px solid #cbcbcd;
}
.team-members-wrapper {
margin-top: -30px;
}
.team-members-wrapper .team-member {
margin-top: 30px;
}
/*=============================================================================

  14- clients Styles

  =============================================================================*/
/* clients */
.client {
background-color: #ffffff;
text-align: center;
}
.client a {
border: 1px solid #cbcbcd;
height: 68px;
display: block;
padding: 0 14px;
text-align: center;
opacity: 0.6;
}
.client a:before {
content: '';
width: 100%;
vertical-align: middle;
display: inline-block;
}
.client a img {
max-width: 100%;
display: inline-block;
}
.client a:hover {
opacity: 1;
}
.carousel-clients-2 .owl-controls {
text-align: right;
position: absolute;
top: -80px;
right: 0;
width: 10%;
}
.carousel-clients-2 .owl-controls .owl-nav {
margin-top: 0;
}
.carousel-clients-2 .owl-controls .owl-nav div {
margin-right: 0;
margin-left: 10px;
}
/*=============================================================================

  15- advices Styles

  =============================================================================*/
.advice {
padding: 40px 100px;
text-align: center;
}
.advice .advice-icon {
font-size: 64px;
color: #ffffff;
margin-bottom: 50px;
}
.advice .advice-title {
font-size: 45px;
font-weight: 700;
color: #ffffff;
font-family: 'Lato', sans-serif;
line-height: 45px;
text-transform: uppercase;
margin-bottom: 20px;
}
.advice .advice-details {
font-size: 1rem;
line-height: 25px;
color: #efefee;
font-family: 'Lato', sans-serif;
font-weight: 500;
text-transform: uppercase;
margin: 0 auto;
width: 80%;
}
/*=============================================================================

  16- contact us Styles

  =============================================================================*/

.contact .alert {
margin-bottom: 30px;
}
/* contact-box */
.contact-box {
margin-bottom: 50px;
}
.contact-box .contact-box-title {
font-size: 1rem;
margin-bottom: 10px;
font-weight: 700;
line-height: 1.14;
}
.contact-box .contact-icon {
float: left;
width: 28px;
height: 28px;
line-height: 28px;
margin-top: 5px;
text-align: center;
color: #ffffff;
background-color: #744143;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.contact-box .contact-icon i {
font-size: 0.875rem;
}
.contact-box .contact-details {
padding-left: 14px;
}
.contact-box .contact-details p {
color: #7a7c82;
margin-bottom: 0;
}
.contact-box .contact-details p a {
color: #744143;
}
.contact-box .contact-details p a:hover {
color: #532F30;
}
.contact-box .contact-details li, .contact-box .contact-details p {
color: #7a7c82;
font-size: 0.875rem;
margin-bottom: 4px;
}
.contact-box:last-child {
margin-bottom: 0;
}
.contact-box-body:hover .contact-icon {
background-color: #532F30;
}
.dark-section .contact-box .contact-box-title {
color: #ffffff;
}
/*=============================================================================

  17- open page Styles

  =============================================================================*/
.spots .section-header {
margin-bottom: 17px;
}
/*=============================================================================

  18- about Styles

  =============================================================================*/
.offices-wrapper {
margin-top: -40px;
}
.offices-wrapper .office-wrapper {
margin-top: 40px;
}
/* office default style */
.office {
text-align: center;
}
.office .office-img {
margin-bottom: 30px;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.office img {
display: block;
width: 100%;
height: 100%;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.office .office-title {
font-weight: 700;
}
.office .office-contents {
padding: 0 15px;
}
.office .border-divider {
margin-bottom: 15px;
width: 34px;
}
.mt-negative .office .office-img {
position: relative;
z-index: 50;
border: 5px solid #ffffff;
}
/* hover state */
.office:hover .office-title a {
color: #744143;
}
.office:hover .border-divider {
width: 70px;
background-color: #744143;
}
/*=============================================================================

  19- pricing Styles

  =============================================================================*/
/* pricing default style */
.pricing-table {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
border: 1px solid #cbcbcd;
padding: 30px;
text-align: center;
background-color: #ffffff;
}
.pricing-table .pricing-title {
font-size: 1.25rem;
font-weight: 700;
line-height: 1;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.pricing-table .pricing-description {
font-size: 0.875rem;
font-style: italic;
color: #7a7c82;
font-family: 'Lato', sans-serif;
margin-bottom: 24px;
display: block;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.pricing-table .pricing-price {
border: 2px solid #ddd;
color: #7a7c82;
width: 90px;
height: 90px;
padding: 20px 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
margin-right: auto;
margin-left: auto;
text-align: center;
margin-bottom: 10px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.pricing-table .pricing-price span {
color: #7a7c82;
display: block;
font-size: 17px;
font-weight: 700;
font-family: 'Lato', sans-serif;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.pricing-table .pricing-details {
margin-bottom: 10px;
}
.pricing-table .pricing-details li {
height: 50px;
line-height: 50px;
border-bottom: 1px solid #d8d8d9;
font-size: 15px;
color: #7a7c82;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.pricing-table .pricing-details li span {
color: #532F30;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.pricing-table .pricing-details li:last-child {
border-bottom: 0;
}
.pricing-table .general-link {
padding: 8px 10px;
min-width: 100%;
}
.pricing-tables-wrapper {
margin-top: -30px;
}
.pricing-tables-wrapper .pricing-table {
margin-top: 30px;
}
.dark-section .pricing-table {
border: 0;
}
/* hover state */
.pricing-table:hover {
background-color: #744143;
border-color: #744143;
}
.pricing-table:hover .pricing-title {
color: #ffffff;
}
.pricing-table:hover .pricing-description {
color: #F7F7F7;
}
.pricing-table:hover .pricing-price {
border-color: #F7F7F7;
}
.pricing-table:hover .pricing-price span {
color: #ffffff;
}
.pricing-table:hover .pricing-details li {
color: #ffffff;
}
.pricing-table:hover .general-link {
background: #ffffff;
color: #744143;
}
/*=============================================================================

  20- banner Styles

  =============================================================================*/
.banner-wrapper {
position: static;
}
.banner-wrapper .cover {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.banner-wrapper .banner-contents {
padding: 50px 0;
text-align: center;
}
.banner-wrapper .portfolio-author-img {
margin: 0 auto 50px auto;
width: 106px;
height: 106px;
overflow: hidden;
}
.banner-wrapper .portfolio-author-img img {
display: block;
width: 100%;
height: 100%;
border: 3px solid #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
}
.banner-wrapper .slider-top-title {
font-size: 25px;
line-height: 1;
font-family: 'Marcellus SC', serif;
color: #ffffff;
margin-bottom: 30px;
}
.banner-wrapper .border-divider {
background-color: #744143;
margin-bottom: 30px;
}
.banner-wrapper .slider-med-title {
font-size: 45px;
line-height: 1;
font-family: 'Lato', sans-serif;
text-transform: uppercase;
font-weight: 600;
color: #ffffff;
margin-bottom: 40px;
}
.banner-wrapper .slider-text {
font-family: 'Lato', sans-serif;
line-height: 25px;
font-size: 1rem;
text-transform: uppercase;
font-weight: 500;
color: #efefee;
text-align: center;
}
.banner-2 .header {
margin-top: -100px;
}
.banner-2 .banner-wrapper .banner-contents {
padding: 200px 0 150px 0;
}
.banner-2 .banner-wrapper .portfolio-author-img {
margin-bottom: 0;
position: absolute;
bottom: -153px;
left: 50%;
margin-left: -53px;
}
/*=============================================================================

  21- one page Styles

  =============================================================================*/
/* scroll-down */
.scroll-down {
position: absolute;
bottom: 50px;
width: 100%;
text-align: center;
z-index: 1000;
}
.scroll-down a {
font-size: 32px;
color: #744143;
}
.scroll-down a:hover {
color: #532F30;
}
.scroll-down.animated {
-webkit-animation-name: fadeInDownII;
-moz-animation-name: fadeInDownII;
-ms-animation-name: fadeInDownII;
-o-animation-name: fadeInDownII;
animation-name: fadeInDownII;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
/*=============================================================================

  22- typography styles

  =============================================================================*/
.typo-box .typo-box-title {
color: #744143;
font-family: 'Lato', sans-serif;
}
.typo-element .typo-box .typo-box-title {
font-size: 1.25rem;
font-weight: 700;
}
/* blockquotes */
.blockquotes .blockquote blockquote {
background-color: transparent;
padding-left: 40px;
padding-right: 0;
}
.blockquotes .blockquote p {
font-size: 1.125rem;
line-height: 28px;
color: #744143;
padding-left: 0;
font-weight: 400;
}
.blockquotes .blockquote p:after, .blockquotes .blockquote p:before {
display: none;
}
.blockquotes .blockquote cite {
color: #532F30;
font-size: 0.8125rem;
font-style: normal;
}
.blockquotes .blockquote-style-1 blockquote:before {
background-color: #532F30;
position: absolute;
left: 0;
display: block;
top: 0;
height: 100%;
width: 6px;
}
.blockquotes .blockquote-style-2 blockquote:before, .blockquotes .blockquote-style-2 blockquote:after {
font-family: 'FontAwesome';
color: #744143;
position: absolute;
font-style: normal;
font-size: 1rem;
}
.blockquotes .blockquote-style-2 blockquote:before {
left: 0;
top: 0;
content: '\f10d';
width: 0;
}
.blockquotes .blockquote-style-2 blockquote:after {
right: 0;
bottom: 0;
content: '\f10e';
}
.blockquotes .blockquote-style-3 blockquote {
border: 1px solid #cbcbcd;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
background-color: #F7F7F7;
padding: 25px 40px;
}
.blockquotes .blockquote-style-3 blockquote:before, .blockquotes .blockquote-style-3 blockquote:after {
display: none;
}
.blockquotes .blockquote-style-4 blockquote {
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
background-color: #744143;
padding: 25px 40px;
}
.blockquotes .blockquote-style-4 blockquote:before, .blockquotes .blockquote-style-4 blockquote:after {
display: none;
}
.blockquotes .blockquote-style-4 p {
color: #ffffff !important;
}
/* lists */
.list li {
color: #532F30;
font-size: 0.8125rem;
line-height: 20px;
margin-bottom: 5px;
position: relative;
padding-left: 20px;
}
.list li a {
color: #744143;
}
.list li a:hover {
color: #532F30;
}
.list li:before {
content: '\f00c';
font-family: 'FontAwesome';
color: #744143;
font-size: 0.8125rem;
line-height: 20px;
margin-right: 10px;
font-weight: 700;
position: absolute;
left: 0;
top: 2px;
}
.center-list {
padding: 0 40px;
}
.lists .list-style-1 li:before {
content: '\f01d';
}
.lists .list-style-2 li:before {
content: '\f05d';
}
.lists .list-style-3 li:before {
content: '\f105';
}
.lists .list-style-4 li:before {
content: '\f006';
}
.lists .list-style-5 li:before {
content: '\f0a9';
}
.lists .list-style-6 li:before {
content: '\f0da';
}
.lists .list-style-7 li:before {
content: '\f111';
}
.lists ol.list-style-8 li span {
color: #744143;
line-height: 22px;
display: inline-block;
font-family: 'Marcellus SC', serif;
position: absolute;
left: 0;
font-weight: bold;
}
.lists ol.list-style-8 li:before {
content: '';
}
/*=============================================================================

  23- Shop styles

  =============================================================================*/
.product {
overflow: hidden;
}
.product-style-1 {
border: 1px solid #e5e5e5;
border-radius: 1px;
}
.product .post-title {
font-size: 1.125rem;
line-height: 1;
display: block;
padding-right: 20px;
padding-bottom: 5px;
margin-bottom: 5px;
}
.product .post-meta {
margin-bottom: 18px;
}
.product .product-price1 {
color: #744143;
font-size: 1rem;
font-family: 'Lato', sans-serif;
font-weight: 700;
padding-bottom: 0px;
margin-bottom: 0px;
display: block;
float: none;
}
.product .product-price {
color: #744143;
font-size: 1rem;
font-family: 'Lato', sans-serif;
font-weight: 700;
padding-bottom: 0px;
margin-bottom: 0px;
float: right;
display: inline;
}
.product-wrapper {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
-khtml-transition: all 1s ease;
transition: all 1s ease;
}
.product-wrapper-2 {
width: 100%;
}
.product-wrapper-2 .product .post-thumb {
float: left;
width: 296px;
height: 100%;
}
.product-wrapper-2 .product p {
display: block;
}
.product-wrapper-2 .product .post-contents {
padding-left: 326px;
padding-bottom: 0;
}
/* ribbon */
.new-product .ribbon-wrapper, .sale-product .ribbon-wrapper {
position: absolute;
left: -3px;
top: -3px;
z-index: 5;
width: 85px;
height: 88px;
overflow: hidden;
}
.new-product .ribbon, .sale-product .ribbon {
font-family: 'Lato', sans-serif;
font-size: 0.875rem;
font-weight: 700;
color: #ffffff;
text-align: center;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
position: relative;
padding: 7px 0;
left: -31px;
top: 12px;
width: 120px;
z-index: 5;
background-color: #744143;
}
.new-product .ribbon:before, .sale-product .ribbon:before, .new-product .ribbon:after, .sale-product .ribbon:after {
content: "";
border-top: 3px solid #744143;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -3px;
z-index: 5;
}
.new-product .ribbon:before, .sale-product .ribbon:before {
left: 0;
}
.new-product .ribbon:after, .sale-product .ribbon:after {
right: 0;
}
.dark-section .ribbon, .sale-product .ribbon {
background-color: #532F30 !important;
}
.dark-section .ribbon:before, .sale-product .ribbon:before, .dark-section .ribbon:after, .sale-product .ribbon:after {
border-top: 3px solid #302d30 !important;
}
.body-boxed .all-wrapper, .body-boxed-2 .all-wrapper {
width: 1200px;
}
.body-boxed.fixed-header .header, .body-boxed-2.fixed-header .header {
width: 1200px;
}
.body-boxed-2 .all-wrapper {
margin: 40px auto;
}
/*=============================================================================

  25- search section styles

  =============================================================================*/
.search-filters-wrapper .select-search-btn {
display: block;
height: 40px;
padding: 0 10px;
line-height: 40px;
font-size: 0.8125rem;
width: 100%;
}
/*=============================================================================

  27- Search styles

  =============================================================================*/
.special-search {
position: absolute;
bottom: 30px;
z-index: 1001;
width: 100%;
}
.special-search .form-search-ul > li {
height: 58px;
float: left;
}
.special-search .form-search-ul > li:first-child {
padding: 10px;
background-color: rgba(0, 0, 0, 0.4);
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
margin-right: 10px;
width: 1102px;
}
.special-search .form-search-ul > li:first-child input {
background-color: #ffffff;
border: none;
color: #8b888c;
width: 887px;
height: 100%;
line-height: 100%;
float: left;
}
.special-search .form-search-ul > li:last-child button {
width: 58px;
height: 58px;
background-color: #744143;
font-size: 22px;
font-weight: 100;
}
.special-search .form-search-ul .row-cs {
background-color: #000000;
padding: 10px 5px !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
font-size: 0;
width: 100% !important;
}
.special-search .form-search-ul .row-cs .fancy-select .trigger {
height: 38px;
line-height: 38px;
}
.special-search .form-search-ul .row-cs button {
height: 38px !important;
line-height: 38px !important;
width: 100% !important;
}
.special-search .form-search-ul .row-cs .md-1 {
width: 8%;
}
.special-search .form-search-ul .row-cs .md-2 {
width: 16.6666%;
}
.special-search .form-search-ul .row-cs .md-3 {
width: 25%;
}
.special-search .form-search-ul .row-cs .md-4 {
width: 33.3333%;
}
.special-search .form-search-ul .row-cs .md-5 {
width: 41.6666%;
}
.special-search .form-search-ul .row-cs .md-6 {
width: 50%;
}
.special-search .form-search-ul .row-cs .md-7 {
width: 58.3333%;
}
.special-search .form-search-ul .row-cs .md-8 {
width: 66.6666%;
}
.special-search .form-search-ul .row-cs .md-9 {
width: 75%;
}
.special-search .form-search-ul .row-cs .md-10 {
width: 83.3333%;
}
.special-search .form-search-ul .row-cs .md-11 {
width: 91.6666%;
}
.special-search .form-search-ul .row-cs .md-12 {
width: 100%;
}
.special-search .form-search-ul .row-cs [class*="md"] {
padding-right: 5px;
height: 100%;
padding-left: 5px;
float: left;
}
.special-search .form-search-ul .row-cs .form-item input {
padding-left: 12px;
padding-right: 32px;
}
.special-search .form-search-ul .row-cs .form-item label {
left: auto;
right: 17px;
}
.special-search .form-search-ul .fancy-select .trigger {
border: 0;
}
/* --- Domain Search --------------------- */
/* selection style */
.borderRadius {
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.ddcommon {
position: relative;
display: -moz-inline-stack;
display: inline-block;
cursor: default;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.ddcommon .disabled img, .ddcommon .disabled span {
opacity: .5;
/* standard: ff gt 1.5, opera, safari */
-ms-filter: "alpha(opacity=50)";
/* ie 8 */
filter: alpha(opacity=50);
/* ie lt 7 */
-khtml-opacity: .5;
/* safari 1.x */
-moz-opacity: .5;
/* ff lt 1.5, netscape */
color: #7a7c82;
}
.ddcommon.disabledAll {
opacity: .5;
/* standard: ff gt 1.5, opera, safari */
-ms-filter: "alpha(opacity=50)";
/* ie 8 */
filter: alpha(opacity=50);
/* ie lt 7 */
-khtml-opacity: .5;
/* safari 1.x */
-moz-opacity: .5;
/* ff lt 1.5, netscape */
color: #7a7c82;
}
.ddcommon .clear {
clear: both;
}
.ddcommon input.text {
color: #7e7e7e;
padding: 0 0 0 0;
position: absolute;
background: #fff;
display: block;
width: 98%;
height: 98%;
left: 2px;
top: 0;
border: none;
}
.ddcommon .ddTitle {
padding: 0;
position: relative;
display: inline-block;
width: 100%;
}
.ddcommon .ddTitle .ddTitleText {
display: block;
}
.ddcommon .ddTitle .ddTitleText .ddTitleText {
padding: 0;
}
.ddcommon .ddTitle .ddTitleText img {
position: relative;
vertical-align: middle;
float: left;
}
.ddcommon .ddTitle .description {
display: block;
}
.ddcommon .ddChild {
position: absolute;
display: none;
width: 100%;
height: auto !important;
z-index: 9999;
}
.ddcommon .ddChild li {
clear: both;
}
.ddcommon .ddChild li img {
border: 0 none;
position: relative;
vertical-align: middle;
float: left;
}
.ddcommon .ddChild li.optgroup {
padding: 0;
}
.ddcommon .ddChild li.optgroup .optgroupTitle {
padding: 0 5px;
font-weight: bold;
font-style: italic;
}
.ddcommon .ddChild li.optgroup ul li {
padding: 5px 5px 5px 15px;
}
.ddcommon .noBorderTop {
border-top: none 0 !important;
padding: 0;
margin: 0;
}
.ddOutOfVision {
position: relative;
display: -moz-inline-stack;
display: inline-block;
}
.dd {
width: 185px !important;
margin-left: 10px;
float: left;
color: #532F30;
height: 100%;
line-height: 100%;
cursor: pointer;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.dd .divider {
display: none;
}
.dd .ddArrow {
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
margin-top: -9px;
background-color: #800000;
display: inline-block;
position: absolute;
top: 50%;
right: 10px;
}
.dd .ddArrow:hover {
background-position: 0 100%;
}
.dd .ddArrow:before {
content: '\f107';
font-family: 'FontAwesome';
color: #ffffff;
position: relative;
}
.dd .ddTitle {
background: #ffffff;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.dd .ddTitle .ddTitleText {
padding: 0 30px 0px 10px;
height: 38px;
line-height: 38px;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}
.dd .ddTitle .ddTitleText .ddlabel {
float: left;
margin-right: 8px;
color: #800000;
font-weight: 700;
}
.dd .ddTitle .ddTitleText .ddTitleText {
padding: 0;
}
.dd .ddTitle .ddTitleText img {
padding-right: 5px;
}
.dd .ddTitle .description {
font-size: 12px;
color: #532F30;
float: left;
}
.dd .ddChild {
margin-top: -2px;
background-color: #fff;
border: 1px solid #cbcbcd;
border-top: 1px solid #d1d1d3;
border-bottom: 0;
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
overflow: hidden;
}
.dd .ddChild li {
padding: 0 10px;
height: 40px;
line-height: 40px;
text-align: left;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
font-size: 0;
border-bottom: 1px solid #cbcbcd;
}
.dd .ddChild li span {
display: inline-block;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.dd .ddChild li .description {
color: #532F30;
}
.dd .ddChild li .ddlabel {
margin-right: 5px;
color: #800000;
}
.dd .ddChild li.optgroup {
padding: 0;
}
.dd .ddChild li.optgroup .optgroupTitle {
padding: 0 5px;
font-weight: bold;
font-style: italic;
}
.dd .ddChild li.optgroup ul li {
padding: 5px 5px 5px 15px;
}
.dd .ddChild li img {
padding: 0 6px 0 0;
}
.dd .ddChild li.hover, .dd .ddChild li.selected {
background-color: #800000;
color: #ffffff;
}
.dd .ddChild li.hover .description, .dd .ddChild li.selected .description {
color: #f5f5f5;
}
.dd .ddChild li.hover .ddlabel, .dd .ddChild li.selected .ddlabel {
color: #ffffff;
}
.borderRadiusTp .ddChild {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-ms-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.borderRadiusBtm .ddChild {
margin-top: 2px;
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-ms-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.state-search {
padding: 0 0 30px 0;
position: relative;
z-index: 100;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.state-search ul.row > li {
margin-top: 30px;
}
.state-search .etabs {
position: absolute;
z-index: 10;
top: -34px;
}
/*=============================================================================

  28- shortcodes Styles

  =============================================================================*/
/* --- Tabs  --------------------- */
.tabs-wrapper .etabs {
font-size: 0;
}
.tabs-wrapper .etabs li {
display: inline-block;
margin-right: 10px;
}
.tabs-wrapper .etabs li:last-child {
margin-right: 0;
}
.tabs-wrapper .etabs li a {
display: block;
font-size: 0.8125rem;
font-weight: 700;
font-family: 'Marcellus SC', serif;
height: 34px;
line-height: 34px;
padding: 0 15px;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-o-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0;
-khtml-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
background-color: #532F30;
color: #ffffff;
}
.tabs-wrapper .etabs li a:hover {
background-color: #ffffff;
color: #800000;
}
.tabs-wrapper .etabs li.active a {
background-color: #ffffff;
color: #800000;
}
.tabs-wrapper .single-tab {
visibility: visible !important;
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.tabs-wrapper .single-tab.active {
-webkit-animation-name: slideDown;
-moz-animation-name: slideDown;
-ms-animation-name: slideDown;
-o-animation-name: slideDown;
animation-name: slideDown;
}
/* --- Alerts  --------------------- */
.alert {
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
border: 1px solid #d7d7d7;
margin-bottom: 0;
padding: 19px 20px 14px 20px;
background-color: #ffffff;
}
.alert .alert-icon {
display: block;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
color: #ffffff;
font-size: 15px;
float: left;
background-color: #800000;
background-image: -webkit-gradient(top, #f23f5f, #f85d3a);
background-image: -webkit-linear-gradient(top, #744143, #660000);
background-image: -moz-linear-gradient(top, #744143, #660000);
background-image: -ms-linear-gradient(top, #744143, #660000);
background-image: -o-linear-gradient(top, #744143, #660000);
background-image: linear-gradient(to bottom, #744143, #660000);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
}
.alert .alert-title {
font-family: 'Lato', sans-serif;
font-weight: 700;
line-height: 1;
font-size: 15px;
color: #800000;
margin-bottom: 7px;
}
.alert .alert-contents {
padding-left: 66px;
}
.alert .alert-contents p {
line-height: 20px;
color: #532F30;
font-size: 12px;
}
/* alert style 2 */
.alert-style-2 {
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
border: 1px solid rgba(242, 63, 95, 0.3);
background-color: #fcd9df;
margin-bottom: 0;
padding: 19px 20px 14px 20px;
}
.alert-style-2 .alert-icon {
display: block;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
color: #ffffff;
font-size: 15px;
float: left;
background: #800000;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.alert-style-2 .alert-title {
font-family: 'Marcellus SC', serif;
font-weight: 700;
line-height: 1;
color: #800000;
margin-bottom: 7px;
}
.alert-style-2 .alert-contents {
padding-left: 66px;
}
.alert-style-2 .alert-contents p {
line-height: 20px;
color: #532F30;
font-size: 12px;
font-weight: 600;
}
/*=============================================================================

  29- Global Styles

  =============================================================================*/
/* --- Page Info  --------------------- */
.page-info {
padding-top: 14px;
}
.page-info .page-title p {
font-size: 1rem;
color: #7E7F7E;
letter-spacing: 1.14;
margin-bottom: 12px;
}
.page-info .page-title {
font-family: 'Marcellus SC', serif;
font-size: 1.5rem;
font-weight: 400;
color: #744143;
line-height: 1
}
.page-info .page-tagline {
font-size: 0.8125rem;
line-height: 20px;
color: #7a7c82;
}
.page-info .page-info-style-2 .breadcrumbs li {
line-height: 60px;
}
.breadcrumbs {
font-size: 0;
}
.breadcrumbs li {
display: inline-block;
font-size: 0.75rem;
line-height: 20px;
color: #7a7c82;
position: relative;
padding-right: 10px;
margin-right: 10px;
}
.breadcrumbs li:after {
content: '|';
display: block;
position: absolute;
left: 100%;
top: 0;
}
.breadcrumbs li:first-child {
margin-right: 14px;
}
.breadcrumbs li:last-child {
padding-right: 0;
margin-right: 10px;
}
.breadcrumbs li:last-child:after {
display: none;
}
.breadcrumbs li a {
color: #5a2e2e;
}
.breadcrumbs li a:hover {
color: #7a7c82;
}

.dark-section .page-title, .accent-section .page-title, .accent-section.dark-section .page-title {
color: #ffffff;
}
.dark-section .breadcrumbs li, .accent-section .breadcrumbs li, .accent-section.dark-section .breadcrumbs li {
color: #f8f8f8;
}
.dark-section .breadcrumbs li a, .accent-section .breadcrumbs li a, .accent-section.dark-section .breadcrumbs li a {
color: #fe8097;
}
.dark-section .breadcrumbs li a:hover, .accent-section .breadcrumbs li a:hover, .accent-section.dark-section .breadcrumbs li a:hover {
color: #532F30;
}
.dark-section .page-tagline, .accent-section .page-tagline, .accent-section.dark-section .page-tagline {
color: #f8f8f8;
}
.dark-section .breadcrumbs li a {
color: #7a7c82;
}
.dark-section .breadcrumbs li a:hover {
color: #790d04;
}
/*=============================================================================

  30- Single portfolio Styles

  =============================================================================*/
.single-portfolio .portfolio-slider .owl-controls .owl-nav {
text-align: right;
width: 1170px;
left: auto;
right: 50%;
margin-right: -585px;
}
.single-portfolio-style-3 .portfolio-slider {
margin-bottom: 100px;
}
.single-portfolio-style-3 .portfolio-slider .slide {
height: 447px;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
overflow: hidden;
}
.single-portfolio-style-3 .portfolio-slider .slide img {
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.single-portfolio-style-3 .portfolio-slider .owl-controls .owl-nav {
padding-right: 30px;
}
.single-portfolio-style-4 .portfolio-slider {
margin-bottom: 0;
}
.single-portfolio-style-4 .portfolio-slider .slide {
height: auto;
}
.single-portfolio-style-4 .portfolio-slider .owl-controls .owl-nav {
width: 100%;
margin-right: 0;
right: 0;
}
.single-portfolio-style-4 .box:first-child {
margin-top: 0;
}
.single-portfolio-style-5 .boxes-group-wrapper {
margin-top: 0;
}
/* project-description */
.project-description p {
margin-top: -4px;
margin-bottom: 28px;
}
.project-description p:last-child {
margin-bottom: 0;
}
/* project-details */
.project-details ul {
margin-top: -4px;
}
.project-details ul li {
margin-bottom: 9px;
font-size: 0.8125rem;
line-height: 1;
color: #7a7c82;
font-family: 'Marcellus SC', serif;
}
.project-details ul li:after, .project-details ul li:before {
display: table;
content: '';
}
.project-details ul li:after {
clear: both;
}
.project-details ul li:last-child {
margin-bottom: 0;
}
.project-details ul li a {
color: #7a7c82;
}
.project-details ul li a:hover {
color: #800000;
}
.project-details ul li span {
color: #532F30;
font-weight: 700;
}
/*=============================================================================

  31- Single Blog Styles

  =============================================================================*/
.post-issues {
margin-bottom: 30px;
margin-left: 30px;
margin-right: 30px;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
border: 1px solid #cbcbcd;
background-color: #F7F7F7;
color: #7a7c82;
padding: 20px;
}
.post-issues:hover {
background: #F7F7F7;
color: #800000;
}
.post-issues p {
color: #7a7c82;
}
.tags {
font-size: 0;
}
.tags .fa {
font-size: 0.8125rem;
color: #532F30;
margin-right: 10px;
line-height: 34px;
}
.post-tags {
display: inline-block;
}
.post-tags li {
display: inline-block;
margin-right: 3px;
font-size: 12px;
line-height: 34px;
}
.post-tags li:after {
content: ',';
color: #532F30;
}
.post-tags li:last-child {
margin-right: 0;
}
.post-tags li:last-child:after {
display: none;
}
.post-tags li a {
font-size: 12px;
font-weight: 600;
}
/* post share  */
.share-wrapper {
font-size: 0;
}
.share-wrapper .share-title {
color: #532F30;
font-size: 1rem;
font-family: 'Lato', sans-serif;
font-weight: 700;
display: inline-block;
margin-right: 10px;
float: left;
line-height: 34px;
}
.share-wrapper .share {
display: inline-block;
}
.share-wrapper .share li {
margin: 0 3px 0 3px !important;
}
.share-wrapper .share li:last-child {
margin-right: 0 !important;
}
.share-wrapper .share li:first-child {
margin-left: 0 !important;
}
.share-wrapper .share li:nth-child(2) {
display: none;
}
/* author-info */
.author-info {
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
border: 1px solid #cbcbcd;
background-color: #F7F7F7;
color: #7a7c82;
padding: 30px;
}
.author-info:hover {
background: #F7F7F7;
color: #800000;
}
.author-info p {
color: #7a7c82;
}
.author-info .author-thumb {
float: left;
width: 70px;
height: 70px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
padding: 2px;
background-color: #800000;
background-image: -webkit-gradient(top, #f85d3a, #f23f5f);
background-image: -webkit-linear-gradient(top, #f85d3a, #f23f5f);
background-image: -moz-linear-gradient(top, #f85d3a, #f23f5f);
background-image: -ms-linear-gradient(top, #f85d3a, #f23f5f);
background-image: -o-linear-gradient(top, #f85d3a, #f23f5f);
background-image: linear-gradient(to bottom, #f85d3a, #f23f5f);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
position: relative;
}
.author-info .author-thumb img {
display: block;
width: 100%;
height: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
}
.author-info .author-contents {
padding-left: 95px;
}
.author-info .author-name {
font-size: 1rem;
font-weight: 700;
margin-bottom: 12px;
line-height: 1;
}
/* comments area */
.comment .comment-thumb {
display: block;
width: 70px;
height: 70px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
float: left;
}
.comment .comment-contents {
padding-left: 95px;
}
.comment .comment-contents-wrapper {
border-bottom: 2px solid #cbcbcd;
padding-bottom: 50px;
margin-bottom: 50px;
}
.comment .comment-name {
font-size: 1rem;
font-weight: 700;
margin-bottom: 15px;
line-height: 1;
}
.comment .comment-meta {
font-size: 0;
margin-bottom: 13px;
}
.comment .comment-meta li {
display: inline-block;
font-size: 12px;
color: #7a7c82;
padding-right: 15px;
border-right: 1px solid #532F30;
margin-right: 15px;
height: 14px;
line-height: 14px;
}
.comment .comment-meta li:last-child {
margin-right: 0;
border-right: 0;
padding-right: 0;
}
.comment .comment-meta li a {
color: #800000;
}
.comment .comment-meta li a:hover {
color: #532F30;
}
.comment p {
color: #7a7c82;
}
.comment:last-child .comment-contents-wrapper {
margin-bottom: 0;
padding-bottom: 20px;
border-bottom: 0;
}
.comment .nested-comment {
margin-top: 47px;
}
.comment .nested-comment .comment-contents-wrapper {
padding-bottom: 0;
}
/* leave-comment */
.leave-comment-form textarea {
min-height: 108px;
}
.leave-comment-form input, .leave-comment-form textarea {
background-color: #f6f6f6 !important;
}
/*=============================================================================

  32- Single Product Styles

  =============================================================================*/
.tabs-wrapper.product-details-tabs {
border: 1px solid #d7d7d7;
}
.tabs-wrapper.product-details-tabs .etabs {
background-color: #F7F7F7;
border-bottom: 1px solid #d7d7d7;
}
.tabs-wrapper.product-details-tabs .etabs li {
margin: 0;
}
.tabs-wrapper.product-details-tabs .etabs li a {
background-color: #F7F7F7;
border-right: 1px solid #d7d7d7;
color: #532F30;
line-height: inherit;
padding: 25px 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
height: auto;
position: relative;
}
.tabs-wrapper.product-details-tabs .etabs li a:after {
content: '';
width: 100%;
display: block;
height: 1px;
background-color: #ffffff;
position: absolute;
left: 0;
bottom: -1px;
z-index: 1;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.tabs-wrapper.product-details-tabs .etabs li.active a:after {
content: '';
width: 100%;
display: block;
height: 3px;
background-color: #ffffff;
position: absolute;
left: 0;
bottom: -3px;
z-index: 1;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.tabs-wrapper.product-details-tabs .etabs li a:hover {
color: #800000;
background-color: #ffffff;
}
.tabs-wrapper.product-details-tabs .etabs li:last-child a {
border-right: 0;
}
.tabs-wrapper.product-details-tabs .etabs li:hover a {
background-color: #ffffff;
border-right: 1px solid #d7d7d7;
}
.tabs-wrapper.product-details-tabs .etabs li.active a {
background-color: #ffffff;
color: #800000;
border-right: 1px solid #d7d7d7;
border-bottom-color: transparent;
}
.tabs-wrapper.product-details-tabs .etabs li.active a:after {
opacity: 1;
visibility: visible;
}
.tabs-wrapper.product-details-tabs .single-tab {
padding: 13px 20px;
}
.single-product {
border: 0;
margin-top: 0;
}
.single-product .post-contents {
padding: 0;
}
.single-product .post-title {
font-size: 2rem;
margin-bottom: 15px;
}
.single-product .post-more-details {
display: block;
margin-bottom: 25px;
padding-bottom: 25px;
padding-top: 25px;
}
.single-product .product-details {
margin-bottom: 25px;
padding-bottom: 25px;

}
.project-details ul li {
font-size: 0.875rem;
}
.single-product .product-amount-wrapper {
margin-bottom: 25px;
padding-bottom: 25px;
}
.single-product .product-amount-wrapper .product-amount {
width: 100%;
}
.single-product .links {
border-top: 0;
padding-top: 0;
}
.single-product .ribbon-wrapper, .single-product .ribbon-wrapper {
top: -3px;
left: 12px;
}
.product-amount {
font-size: 0;
}
.product-amount .title {
margin-right: 10px;
font-weight: 700;
color: #532F30;
float: left;
line-height: 29px;
}
.product-amount .amount-ranger {
display: inline-block;
font-size: 0;
}
.product-amount .amount-ranger li {
display: inline-block;
width: 29px;
height: 29px;
text-align: center;
line-height: 27px;
border: 1px solid #cbcbcd;
background-color: #F7F7F7;
color: #7a7c82;
font-size: 22px;
font-weight: 700;
font-family: 'Marcellus SC', serif;
margin-right: 10px;
overflow: hidden;
cursor: pointer;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.product-amount .amount-ranger li:hover {
background: #F7F7F7;
color: #800000;
}
.product-amount .amount-ranger li p {
color: #7a7c82;
}
.product-amount .amount-ranger li input {
border: 0;
padding: 0;
width: 100%;
height: 100%;
background-color: transparent;
text-align: center;
}
.product-amount .amount-ranger li.num {
font-weight: 500;
width: 33px;
color: #532F30;
font-size: 0.875rem;
}
.product-amount .amount-ranger li:last-child {
margin-right: 0;
}
/* cart-table */
.cart-table {
overflow: hidden;
width: 100%;
border: 1px solid #d7d7d7;
border-bottom: 0;
position: relative;
}
.cart-table [class*="col-"] {
float: left;
}
.cart-table .col-12 {
width: 100%;
}
.cart-table .col-11 {
width: 91.66666666666666%;
}
.cart-table .col-10 {
width: 83.33333333333334%;
}
.cart-table .col-9 {
width: 75%;
}
.cart-table .col-8 {
width: 66.66666666666666%;
}
.cart-table .col-7 {
width: 58.333333333333336%;
}
.cart-table .col-6 {
width: 50%;
}
.cart-table .col-5 {
width: 41.66666666666667%;
}
.cart-table .col-4 {
width: 33.33333333333333%;
}
.cart-table .col-3 {
width: 25%;
}
.cart-table .col-2 {
width: 16.666666666666664%;
}
.cart-table .col-1 {
width: 8.333333333333332%;
}
.cart-table .table-header {
color: #532F30;
font-family: 'Marcellus SC', serif;
font-weight: 700;
font-size: 0.875rem;
text-align: center;
border-bottom: 1px solid #d7d7d7;
}
.cart-table .table-header .table-header-item {
background-color: #F7F7F7;
padding: 13px 20px;
}
.cart-table .table-body {
text-align: center;
color: #7a7c82;
}
.cart-table .table-body .table-item {
min-height: 110px;
padding: 20px;
}
.cart-table .table-body .table-row {
border-bottom: 1px solid #d7d7d7;
}
.cart-table .table-item {
border-right: 1px solid #d7d7d7;
}
.cart-table .table-item:last-child {
border-right: 0;
}
.cart-table .post {
margin-top: 0;
border: 0 !important;
padding-bottom: 0 !important;
}
.cart-table .post .post-title {
text-align: left;
}
.cart-table .post button {
padding: 0 !important;
}
.cart-table .table-footer {
border-bottom: 1px solid #d7d7d7;
padding: 20px;
}
.cart-table .table-footer form {
font-size: 0;
}
.cart-table .table-footer form input {
width: auto;
display: inline-block;
margin-right: 10px;
border: 1px solid #cbcbcd;
background-color: #F7F7F7;
color: #7a7c82;
height: 29px;
margin-bottom: 0;
float: left;
}
.cart-table .table-footer form input:hover {
background: #F7F7F7;
color: #800000;
}
.cart-table .table-footer form input p {
color: #7a7c82;
}
.cart-table .table-footer form button {
float: left;
display: inline-block;
height: 29px;
line-height: 29px;
padding-top: 0;
padding-bottom: 0;
}
.cart-table .table-footer ul.fr {
font-size: 0;
text-align: center;
}
.cart-table .table-footer ul.fr li {
display: inline-block;
margin-left: 10px;
}
/*=============================================================================

  33- construction Styles  -- 404 erorr -- maintenance

  =============================================================================*/
.construction-section .erorr-solutions {
text-align: center;
}
.construction-section .search {
position: relative;
overflow: hidden;
display: block;
}
.construction-section .search input {
padding-right: 40px;
}
.construction-section .search button {
position: absolute;
top: 0;
right: 0;
background-color: transparent;
color: #532F30;
z-index: 10;
}
.construction-section .search button:hover {
color: #800000;
}
.construction-section .search button:hover i {
-webkit-animation: none;
-moz-animation: none;
-khtml-animation: none;
-o-animation: none;
animation: none;
}
.construction-section .links a {
display: inline-block;
min-width: 120px;
margin: 0 5px;
}
.construction-section.dark-section p {
color: #7a7c82;
}
.construction-section.dark-section .search input {
background-color: #2e282f;
border-color: #514b52;
color: #7a7c82;
}
.construction-section.dark-section .search button {
color: #7a7c82;
}
.construction-section.dark-section .search button:hover {
color: #800000;
}
.construction-section.dark-section .search button:hover i {
-webkit-animation: none;
-moz-animation: none;
-khtml-animation: none;
-o-animation: none;
animation: none;
}
.error-404 {
padding: 157px 0 200px 0;
}
.error-404 .section-header .section-title {
font-size: 250px;
}
.error-404 .section-header .border-divider {
margin-bottom: 20px;
}
.maintenance {
padding: 250px 0 260px 0;
}
.maintenance .section-header .section-title {
font-size: 90px;
}
.maintenance .section-header .border-divider {
margin-bottom: 15px;
}
/*=============================================================================

  34- loading Styles

  =============================================================================*/
.loading-section {
padding: 255px 0 255px 0;
}
.loading-bar {
margin-top: 20px;
margin-bottom: 0;
}
.loading-bar .progress-bar-amount {
float: left !important;
}
.loading-bar img {
float: right;
width: 24px;
height: 35px;
margin-top: -50px;
}
.chart-wrapper {
width: 222px;
height: 222px;
margin: 0 auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
background-color: #532F30;
padding: 10px;
}
.chart-wrapper canvas {
display: block;
width: 100%;
height: 100%;
}
.chart-details {
text-align: center;
font-family: 'Lato', sans-serif;
font-size: 1rem;
font-weight: 600;
color: #800000;
margin-top: 20px;
}
.chart-details span {
font: inherit;
}
/*=============================================================================

  34- tweets section Styles

  =============================================================================*/
.tweets-list .tweets-section > span {
text-align: center;
display: block;
color: #ffffff;
font-size: 25px;
}
.tweets-list .tweets-section li {
color: #ffffff;
text-align: center;
padding-left: 80px;
padding-right: 80px;
}
.tweets-list .tweets-section li i {
color: #cbcbcd;
font-size: 1.125rem;
margin-right: 0;
margin-bottom: 20px;
display: block;
}
.tweets-list .tweets-section li a {
color: #7a7c82;
font-weight: 500;
font-size: 22px;
line-height: 32px;
font-style: italic;
}
.tweets-list .tweets-section li a:hover {
color: #800000;
}
.tweets-list .tweets-section li p {
color: #ffffff;
display: inline;
font-weight: 500;
font-size: 22px;
line-height: 32px;
font-style: italic;
}
.tweets-list .tweets-section li .date {
color: #F7F7F7;
font-size: 0.8125rem;
margin-top: 30px;
font-style: italic;
}
/*=============================================================================

  36- footer Styles

  =============================================================================*/
footer {
background-color: #FFFEDF;
padding-top: 30px;/* posts-group */
}
footer .top-footer {
background-color: #FFFEDF;
}
footer .bottom-footer {
background-color: #FFFEDF;
}
footer .bottom-footer .copyrights {
margin: 0 0 0 0;
}
.copyrights {
font-size: 0.75rem;
color: #7A7C82;
white-space: nowrap;
}
footer .bottom-footer .copyrights a {
color: #744143;
}
footer .bottom-footer .copyrights a:hover {
color: #880000;
}
footer .posts-group .post {
border-bottom-color: #7a7c82;
}
footer .posts-group .post .post-contents .post-title {
font-family: 'Marcellus SC', serif;
}
footer .posts-group .post .post-contents .post-title a {
color: #774143;
}
footer .posts-group .post .post-contents .post-title a:hover {
color: #800000;
}
footer .posts-group .post .post-contents .post-meta li {
color: #666666;
}
footer .posts-group .post .post-contents .post-meta li a {
color: #666666;
}
footer .posts-group .post .post-contents .post-meta li a:hover {
color: #666666;
}
footer .posts-group .post .post-contents .post-meta li:last-child {
margin-bottom: 0;
}
.footer-widget {
margin-bottom: 40px;
}
.footer-widget .section-header .section-title {
font-size: 1.125rem;
color: #800000;
font-weight: 500;
margin-bottom: 19.5px;
}
.footer-widget .section-header .border-divider {
width: 34px;
background-color: #FFFEDF;
}
.footer-widget:last-child {
margin-bottom: 0;
}
/* about-widget */
.about-widget p:first-child {
margin-top: -7px;
margin-bottom: 20px;
}
.details-list li {
font-size: 0.8125rem;
color: #7a7c82;
margin-bottom: 4px;
overflow: visible;
}
.details-list li:before, .details-list li:after {
display: table;
content: " ";
}
.details-list li:after {
clear: both;
}
.details-list li i {
font-size: 1rem;
color: #7a7c82;
float: left;
width: 30px;
}
.details-list li a {
color: #7a7c82;
}
.details-list li a:hover {
color: #ffffff;
}
.details-list li:last-child {
margin-bottom: 0;
}
/* imgs-gallery - flickr */
.imgs-gallery {
margin-top: -10px;
margin-bottom: 30px;
}
.imgs-gallery li {
margin-right: 10px;
margin-top: 10px;
position: relative;
float: left;
overflow: hidden;
}
.imgs-gallery li .fancybox {
display: block;
}
.imgs-gallery li img {
display: block;
height: 60px;
width: 60px;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.imgs-gallery li .cover {
display: block;
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 100%;
line-height: 60px;
text-align: center;
color: #ffffff;
z-index: 10;
background-color: rgba(242, 63, 95, 0.5);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.imgs-gallery li:hover .cover {
top: 0;
}
.imgs-gallery li:hover .cover i {
-webkit-animation: none;
-moz-animation: none;
-khtml-animation: none;
-o-animation: none;
animation: none;
}
.imgs-gallery li:nth-child(4n+4) {
margin-right: 0;
}
/* tweet */
.tweet li {
color: #ffffff;
margin-bottom: 20px;
}
.tweet li i {
color: #775555;
font-size: 0.875rem;
margin-right: 8px;
}
.tweet li a {
color: #522e2f;
}
.tweet li a:hover {
color: #772222;
}
.tweet li p {
display: inline;
margin-bottom: 0;
}
.tweet li .date {
color: #7a7c82;
font-size: 11px;
}
.tweet li:last-child {
margin-bottom: 0;
}
/* tags */
.tags-list {
margin-top: -10px;
}
.tags-list li {
float: left;
margin: 10px 10px 0 0;
}
.tags-list li a {
font-size: 12px;
font-family: 'Marcellus SC', serif;
font-weight: 400;
padding: 6px 10px;
color: #7a7c82;
background-color: #ccb885;
min-width: 10px;
}
/* --- scroll to top --------------------- */
.back-to-top {
position: fixed;
z-index: 100;
display: inline-block;
width: 40px;
height: 40px;
padding: 10px 5px;
font-family: sans-serif;
font-size: 0.875rem;
line-height: 20px;
text-align: center;
background-color: #744143;
color: #ffffff;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
bottom: -40px;
right: 20px;
opacity: 0;
visibility: hidden;
}
.back-to-top:hover, .back-to-top:active, .back-to-top:visited {
margin-bottom: 0px;
color: #ffffff;
background-color: #532f30;
}
.back-to-top.fadeInup {
opacity: 1;
bottom: 20px;
}
/*=============================================================================

  37- switcher styles

  =============================================================================*/
/* switcher */
.switcher {
position: fixed;
top: 2%;
z-index: 1000000000;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.switcher .switcherWrappper {
position: relative;
}
.switcher .switcher-show-hide {
background-color: #800000;
color: #ffffff;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 21px;
overflow: hidden;
position: absolute;
right: 100%;
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-o-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px;
-khtml-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
top: 20px;
padding: 0 !important;
}
.switcher .switcher-show-hide i {
font-size: 1.5rem;
}
.switcher .switcherContents {
background-color: #ffffff;
padding: 20px;
width: 231px;
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
-khtml-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-o-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0;
-khtml-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
}
.switcher .switcherContents header {
height: 40px;
margin-bottom: 10px;
padding: 0 10px;
background-color: #800000;
text-align: center;
}
.switcher .switcherContents header h5 {
color: #ffffff;
margin-bottom: 0;
line-height: 40px;
font-family: 'Lora', serif;
}
.switcherContent {
padding: 20px 0;
border-bottom: 1px solid #d1d1d3;
}
.switcherContent .title {
display: block;
margin-bottom: 20px;
font-weight: 700;
}
.switcherContent:last-child {
border-bottom: none;
padding-bottom: 0;
}
.switcher.opened {
right: 0 !important;
}
.switcherContent ul {
text-align: center;
margin-top: -5px;
}
.switcherContent ul li {
display: inline-block;
cursor: pointer;
margin-right: 5px;
margin-top: 5px;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-ms-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.switcherContent ul li:last-child {
margin-right: 0;
}
/* skinsColor */
.skinsColor {
font-size: 0;
}
.skinsColor ul li {
width: 22px;
height: 16px;
margin-right: 2.5px;
margin-left: 2.5px;
}
/* tempLayout */
.tempLayout ul li, .theme ul li {
border: 1px solid #532F30;
width: 31%;
font-size: 12px;
height: 40px;
text-align: center;
line-height: 40px;
color: #532F30;
}
.tempLayout ul li:hover, .theme ul li:hover {
background-color: #532F30;
color: #ffffff;
}
.tempLayout ul .active-layout, .theme ul .active-layout {
background-color: #532F30;
color: #ffffff;
}
/* theme */
.theme ul li {
width: 48%;
color: #532F30;
}
.theme ul li.theme-dark {
color: #ffffff;
}
.theme ul li.theme-light {
color: #532F30 !important;
}
/* patterns */
.patterns ul li {
width: 17px;
height: 17px;
border: 1px solid #d1d1d3;
}
.patterns ul li img {
width: 100%;
height: 100%;
}
.patterns ul li:nth-child(8n+8) {
margin-right: 0;
}
.gap-right {
margin-right: 10px;
}
.gap-left {
margin-left: 10px;
}
.bullet {
list-style-type: square;
list-style-position: outside;
margin-left: 1em;
}
.bullet li {
text-align: left;
margin-left: 1em;
}
.flexcontainer {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
}
/* CSS for Credit Card Payment form */
.credit-card-box .panel-title {
display: inline;
font-weight: bold;
}
.credit-card-box .form-control.error {
border-color: red;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(255,0,0,0.6);
}
.credit-card-box label.error {
font-weight: bold;
color: red;
padding: 2px 8px;
margin-top: 2px;
}
.credit-card-box .payment-errors {
font-weight: bold;
color: red;
padding: 2px 8px;
margin-top: 2px;
}
.credit-card-box label {
display: block;
}
/* The old "center div vertically" hack */
.credit-card-box .display-table {
display: table;
}
.credit-card-box .display-tr {
display: table-row;
}
.credit-card-box .display-td {
display: table-cell;
vertical-align: middle;
width: 50%;
}
.credit-card-box .card-header img {
min-width: 180px;
}
.map-responsive {
overflow: hidden;
padding-bottom: 50px;
position: relative;
height: 450px;
}
.map-responsive iframe {
left: 0;
top: 0;
bottom: 0;
height: 100%;
width: 100%;
position: absolute;
}

/* medium+ screen sizes */
/*@media (min-width: 992px) {
.desktop-only {
display: block !important;
}
}

/* small screen sizes 
@media (max-width: 991px) {
.mobile-only {
display: block !important;
}
.desktop-only {
display: none !important;
}
}
 even row sizes */   
 /* USAGE
<div class="row">
  <div class="row-height">
    <div class="col-xs-2 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
    <div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
  </div>
</div>
*/

/* content styles */

.inside {
margin-top: 20px;
margin-bottom: 20px;
background: #ededed;
background: -webkit-gradient(top, #f4f4f4, #ededed);
background: -moz-linear-gradient(top, #f4f4f4, #ededed);
background: -ms-linear-gradient(top, #f4f4f4, #ededed);
}
.inside-full-height {
/*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
height: 100%;
margin-top: 0;
margin-bottom: 0;
}
/* columns of same height styles */

.row-height {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.col-height {
display: table-cell;
float: none;
height: 100%;
}
.col-top {
vertical-align: top;
}
.col-middle {
vertical-align: middle;
}
.col-bottom {
vertical-align: bottom;
}

@media (min-width: 480px) {
.row-xs-height {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.col-xs-height {
display: table-cell;
float: none;
height: 100%;
}
.col-xs-top {
vertical-align: top;
}
.col-xs-middle {
vertical-align: middle;
}
.col-xs-bottom {
vertical-align: bottom;
}
}

@media (min-width: 768px) {
.row-sm-height {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.col-sm-height {
display: table-cell;
float: none;
height: 100%;
}
.col-sm-top {
vertical-align: top;
}
.col-sm-middle {
vertical-align: middle;
}
.col-sm-bottom {
vertical-align: bottom;
}
}

@media (min-width: 992px) {
.row-md-height {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.col-md-height {
display: table-cell;
float: none;
height: 100%;
}
.col-md-top {
vertical-align: top;
}
.col-md-middle {
vertical-align: middle;
}
.col-md-bottom {
vertical-align: bottom;
}
}

@media (min-width: 1200px) {
.row-lg-height {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.col-lg-height {
display: table-cell;
float: none;
height: 100%;
}
.col-lg-top {
vertical-align: top;
}
.col-lg-middle {
vertical-align: middle;
}
.col-lg-bottom {
vertical-align: bottom;
}
}
.container-flex > div[class*='col-'] div, .row-flex > div[class*='col-'] div {
width: 100%;
}
.flex-col {
display: flex;
display: -webkit-flex;
flex: 1 100%;
flex-flow: column nowrap;
}
.flex-grow {
display: flex;
-webkit-flex: 2;
flex: 2;
}
 
.form-control {
margin-bottom: 5px;
}
.thumbnail .caption {
text-overflow: ellipsis
}
h6.form-thing {
font-size: 1.15rem;
text-align: center;
color: #744143;
}
.form-thing a {
font-size: 1.15rem;
text-align: center;
color: #a52a2a;
}
.form-thing a:hover, .form-thing a:focus {
color: #a52a2a;
text-decoration: underline;
}
/* list-group */

.list-group.panel > .list-group-item {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px
}
.list-group-submenu {
margin-left: 20px;
}
/* css-menu */

/**
 * Styling top level items
 */

.nav a, .nav label {
display: block;
padding: .85rem;
color: #fff;
background-color: #151515;
box-shadow: inset 0 -1px #1d1d1d;
-webkit-transition: all .25s ease-in;
transition: all .25s ease-in;
}
.nav a:focus, .nav a:hover, .nav label:focus, .nav label:hover {
color: rgba(255, 255, 255, 0.5);
background: #030303;
}
.nav label {
cursor: pointer;
}
/**
 * Styling first level lists items
 */

.group-list a, .group-list label {
padding-left: 2rem;
background: #252525;
box-shadow: inset 0 -1px #373737;
}
.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover {
background: #131313;
}
/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
padding-left: 4rem;
background: #353535;
box-shadow: inset 0 -1px #474747;
}
.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover {
background: #232323;
}
/**
 * Styling third level list items
 */

.sub-sub-group-list a, .sub-sub-group-list label {
padding-left: 6rem;
background: #454545;
box-shadow: inset 0 -1px #575757;
}
.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover {
background: #333333;
}
/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
height: 100%;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height .5s ease-in-out;
transition: max-height .5s ease-in-out;
}
.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 1000px;
}
/**
 * Rotating chevron icon
 */

/* CSS Tree menu styles */
ol.tree {
padding: 0 0 0 30px;
width: 300px;
}
li.folder, li.file {
position: relative;
margin-left: -15px;
list-style: none;
}
li.file {
margin-left: -1px !important;
}
li.file a {
padding-left: 0px;
text-decoration: none;
display: block;
line-height: 1.2
}
li.file a:hover {
color: #960101;
}
li input.pull-down {
position: absolute;
left: 0;
margin-left: 0;
opacity: 0;
z-index: 2;
cursor: pointer;
height: 1em;
width: 1em;
top: 0;
}
li input.pull-down + ol {
background: url(images/toggle-small-expand.png) 40px 0 no-repeat;
margin: -1.25em 0 0 -44px; /* 20px */
height: 1em;
}
li input.pull-down + ol > li {
display: none;
margin-left: -4px !important;
padding-left: 1px;
}
li label.pd {
cursor: pointer;
display: block;
padding-left: 16px;
}
li input.pull-down:checked + ol {
background: url(images/toggle-small.png) 40px 0 no-repeat;
margin: -1.25em 0 0 -44px; /* 20px */
padding: 1.563em 0 0 80px;
height: auto;
}
li input.pull-down:checked + ol > li {
display: block;
margin: 0 0 0.5em;  /* 2px */
}
li input.pull-down:checked + ol > li:last-child {
margin: 0 0 1em; /* 1px */
}
.row-flex, .row-flex > div[class*='col-'] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1 1 auto;
}
.row-flex-wrap {
  -webkit-flex-flow: row wrap;
  align-content: flex-start;
  flex: 0;
}
.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
  margin: -.2px; /* hack adjust for wrapping */
}
.container-flex > div[class*='col-'] div, .row-flex > div[class*='col-'] div {
  width: 100%;
}
.flex-col {
  display: flex;
  display: -webkit-flex;
  flex: 1 100%;
  flex-flow: column nowrap;
}
.flex-grow {
  display: flex;
  -webkit-flex: 2;
  flex: 2;
}
.panel-heading {
  position: relative;
}
.panel-heading.accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: 'Glyphicons Halflings';
  /* essential for enabling glyphicon */
  content: "\e114";
  /* adjust as needed, taken from bootstrap.css */
  float: right;
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 15pt;
  /* adjust as needed */
  color: grey;/* adjust as needed */
}
.panel-heading.accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\e080";/* adjust as needed, taken from bootstrap.css */
}
.panel-heading:hover {
  cursor: pointer;
}
.panel-heading:hover h4 {
  text-decoration: underline;
}
.staff .staff-image {
  min-height: 300px;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.staff .staff-image img {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.staff .staff-image:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.staff {
  font-family: 'Roboto', sans-serif;
  margin-top: 10px;
  position: relative;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 4 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.staff .staff-content {
  padding: 20px;
  min-height: 100px;
}
.staff .staff-content .staff-title, .staff-reveal .staff-title {
  font-size: 24px;
  font-weight: 200;
}
.staff .staff-function {
  padding: 0 20px 0 0;
}
.staff .staff-action a {
  font-size: 15px;
  color: #ffab40;
  text-transform: uppercase;
  margin-right: 20px;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.staff .staff-action a:hover {
  color: #ffd8a6;
  text-decoration: none;
}
.staff .staff-reveal {
  padding: 20px;
  position: absolute;
  background-color: #FFF;
  width: 100%;
  overflow-y: auto;
  /*top: 0;*/
  left: 0;
  bottom: 0;
  height: 100%;
  z-index: 1;
  display: none;
}
.staff .staff-reveal p {
  color: rgba(0, 0, 0, 0.71);
  margin: 20px;
}
.btn-custom {
  background-color: transparent;
  font-size: 18px;
}
.tabs-below > .nav-tabs {
  border-bottom: 0;
}
.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
  width: 50%;
}
.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus {
  border-bottom-color: transparent;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.5;
  color: #744143;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  z-index: 2;
  color: #5a2e2e;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #744143;
  border-color: #744143;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-sm > li > a, .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
figure {
  margin: 0 0 1rem;
}
.figure {
  display: inline-block;
}
.figure > img {
  margin-bottom: .5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #7a7c82;
  display: block;
}

.flex, .flex > div[class*='col-'] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1 0 auto;
}
.panel {
  display: flex;
  flex-direction: column;
  align-content: stretch;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
  box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
}
.panel-body {
  display: flex;
  flex-grow: 1;
}
.panel-footer {
  background-color: #ffffff;
 }
.panel.date {
    margin: 0px;
    width: 60px;
    text-align: center;
}

.panel.date .month {
    padding: 2px 0px;
    font-weight: 700;
    text-transform: uppercase;
}

.panel.date .day {
    padding: 3px 0px;
    font-weight: 700;
    font-size: 2em;
}


 .event-list {
		list-style: none;
		font-family: 'Lato', sans-serif;
		margin: 0px;
		padding: 0px;
	}
	.event-list > li {
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 0px 5px rgb(51, 51, 51);
		box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
		padding: 0px;
		margin: 0px 0px 20px;
	}
	.event-list > li > time {
display: inline-block;
width: 100%;
color: rgb(255, 255, 255);
background-color: #744143;
padding: 5px;
text-align: center;
text-transform: uppercase;
	}

	.event-list > li > time > span {
		display: none;
	}
	.event-list > li > time > .day {
display: block;
font-size: 2em;
font-weight: 100;
line-height: 1;
	}
	.event-list > li time > .month {
display: block;
font-size: 1.15em;
font-weight: 700;
line-height: 1;
	}
	.event-list > li > img {
		width: 100%;
	}
	.event-list > li > .info {
		padding-top: 5px;
		text-align: center;
	}
	.event-list > li > .info > .title {
		font-size: 17px;
		font-weight: 700;
		margin: 0px;
	}
	.event-list > li > .info > .desc {
		font-size: 13px;
		font-weight: 300;
		margin: 0px;
	}
	.event-list > li > .info > ul {
		display: table;
		list-style: none;
		margin: 10px 0px 0px;
		padding: 0px;
		width: 100%;
		text-align: center;
	}
	.event-list > li > .info > ul > li {
    display: table-cell;
		cursor: pointer;
		color: rgb(30, 30, 30);
		font-size: 1em;
		font-weight: 300;
        padding: 3px 0px;
	}
    .event-list > li > .info > ul > li > a {
		display: block;
		width: 100%;
		color: rgb(30, 30, 30);
		text-decoration: none;
	} 
	.event-list > li > .info > ul > li:hover {
		color: rgb(30, 30, 30);
		background-color: rgb(200, 200, 200);
	}

	@media (min-width: 768px) {
		.event-list > li {
			position: relative;
			display: block;
			width: 100%;
			height: 120px;
			padding: 0px;
		}
		.event-list > li > time,
		.event-list > li > img  {
			display: inline-block;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			float: left;
		}
		.event-list > li > .info {
			background-color: rgb(245, 245, 245);
			overflow: hidden;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			height: 120px;
			padding: 0px;
			margin: 0px;

		}
		.event-list > li > .info {
			position: relative;
			height: 120px;
			text-align: left;
			padding-right: 0px;
		}	
		.event-list > li > .info > .title, 
		.event-list > li > .info > .desc {
			padding: 0px 10px;
		}
		.event-list > li > .info > ul {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
	}
time .ghost-center {
  position: relative;
}
time .ghost-center::before {
  display: inline-block;
  height: 100%;
  width: 1%;
  vertical-align: middle;
}
time .ghost-center span {
  display: inline-block;
  vertical-align: middle;
}
.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	 margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
	width:100%;
}


.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
	flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
    -webkit-flex: 2;
    flex: 2;
}
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

/*Bootstrap cards */
.card {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
  background-color: #fff;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.card-block {
  padding: 1.25rem;
}

.card-block::after {
  content: "";
  display: table;
  clear: both;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header::after {
  content: "";
  display: table;
  clear: both;
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer::after {
  content: "";
  display: table;
  clear: both;
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-primary {
  background-color: #0275d8;
  border-color: #0275d8;
}

.card-primary .card-header,
.card-primary .card-footer {
  background-color: transparent;
}

.card-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.card-success .card-header,
.card-success .card-footer {
  background-color: transparent;
}

.card-info {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.card-info .card-header,
.card-info .card-footer {
  background-color: transparent;
}

.card-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.card-warning .card-header,
.card-warning .card-footer {
  background-color: transparent;
}

.card-danger {
  background-color: #d9534f;
  border-color: #d9534f;
}

.card-danger .card-header,
.card-danger .card-footer {
  background-color: transparent;
}

.card-outline-primary {
  background-color: transparent;
  border-color: #0275d8;
}

.card-outline-secondary {
  background-color: transparent;
  border-color: #ccc;
}

.card-outline-info {
  background-color: transparent;
  border-color: #5bc0de;
}

.card-outline-success {
  background-color: transparent;
  border-color: #5cb85c;
}

.card-outline-warning {
  background-color: transparent;
  border-color: #f0ad4e;
}

.card-outline-danger {
  background-color: transparent;
  border-color: #d9534f;
}

.card-inverse .card-header,
.card-inverse .card-footer {
  border-color: rgba(255, 255, 255, 0.2);
}

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff;
}

.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-subtitle,
.card-inverse .card-blockquote .blockquote-footer {
  color: rgba(255, 255, 255, 0.65);
}

.card-inverse .card-link:focus, .card-inverse .card-link:hover {
  color: #fff;
}

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0;
}

.card-img {
  border-radius: calc(0.25rem - 1px);
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img-top {
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

@media (min-width: 576px) {
  .card-deck {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-right: -0.625rem;
    margin-bottom: 0.75rem;
    margin-left: -0.625rem;
  }
  .card-deck .card {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    margin-right: 0.625rem;
    margin-bottom: 0;
    margin-left: 0.625rem;
  }
}

@media (min-width: 576px) {
  .card-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .card-group .card {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .card-group .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group .card:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group .card:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) .card-img-top,
  .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
    border-radius: 0;
  }
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
/*Bootstrap cards */