/*::::::::::::::::::::::::::::
Theme Name: Business Idea
Theme URI: https://webdzier.com/free-business-idea-wordpress-theme/
Author: webdzier
Author URI: http://webdzier.com
Created by: webdzier
Description: Business Idea is a responsive WordPress theme. It is fast, fully customizable & beautiful theme suitable for all type business. It has greate portfolio design, page builder compatible and WooCommerce support for online business store. Perfect for personal, lifestyle, health & fitness, food, cooking, bakery, travel, beauty, fashion, wedding, photography, news, quotes blog, auto blog, small business website and any other kind of business purpose. The theme comes with a clean look, but it also provides subtle hover animations. Business Idea offers mailchimp newsletter integration, a flexible feaures via Live Customizer option panel, a footer widget, Elementor and Beaver Builder supported theme template. It has full width home page slider feaures, and even more functionality based on the latest control settings. The theme is lightweight and SEO-friendly.
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: sticky-post,right-sidebar,flexible-header,custom-background,custom-header,custom-menu,editor-style,featured-images,footer-widgets,post-formats,theme-options,threaded-comments,rtl-language-support,full-width-template,custom-logo,blog,e-commerce,portfolio
Text Domain: business-idea
::::::::::::::::::::::::::::*/

/*::::: 1.0 Normalize css :::::::::::::::::::::::::: */
::selection {
    background: #1d1d1d;
    color: #FFFFFF;
}
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
dd {
    margin: 0 0 1.75em;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
figcaption,
figure,
main { /* 1 */
  display: block;
}
figure {
  margin: 0.5em 0;
}
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
b,
strong {
  font-weight: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #404040;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
textarea{
  height: 115px;
}
button,
input { /* 1 */
  overflow: visible;
}
button,
select { /* 1 */
  text-transform: none;
}
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
details, /* 1 */
menu {  display: block;}
summary {  display: list-item;}
canvas {  display: inline-block;}
template {  display: none;}
[hidden] { display: none;}

/* wp test  */
table,
th,
td {
  border: 1px solid #f3f3f3;
}
.footer table,
.footer th,
.footer td {
  border: 1px solid rgba(255,255,255,.2);
}

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
table caption{
  background-color: #2b2b2b;
  text-align:center;
  color:#ffffff;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
th {
  border-width: 0 1px 1px 0;
  font-weight: 700;
}
td {
  border-width: 0 1px 1px 0;
}
th,
td {
  padding: 0.4375em;
}
.alignleft {
  float: left;
  margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
  float: right;
  margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 1.75em;
}
.post .media .media-left img{
  border-radius: 7px;
}
.post .media .media-left img:hover,
.post .media .media-left img:focus{ 
  opacity: 0.8;
}
.post .media .media-body{ 
}
.sticky{}
/* wp test  */


/*::::: 2.0 Typography css :::::::::::::::::::::::::: */
body, 
button, 
input, 
select, 
textarea {color: inherit;word-wrap: break-word;font-size: 16px;font-style: normal;}
h1,
h2,
h3,
h4,
h5,
h6 {clear: both;font-weight: 500;text-rendering: optimizeLegibility;color:inherit;}
p { margin: 0 0 1.25em;}
dfn,
cite,
em,
i { font-style: italic;}
blockquote {
  color: inherit;
  font-size: 17px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.8;
  margin: 0 0 1.4736842105em;
  padding: 0 0 0 1.263157895em;
}
blockquote,
q { quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: "";}
blockquote p {margin-bottom: 1.4736842105em;}
blockquote cite,
blockquote small {color: #1a1a1a;display: block;font-size: 16px;line-height: 1.75;}
blockquote cite:before,
blockquote small:before {content: "\2014\00a0";}
blockquote em,
blockquote i,
blockquote cite {font-style: normal;}
blockquote strong,
blockquote b {font-weight: 400;}
blockquote > :last-child {margin-bottom: 0;}
address {font-style: italic;margin: 0 0 1.75em;}
code,
kbd,
tt,
var,
samp,
pre {font-family: Inconsolata, monospace;}
pre {
  border: 1px solid #F5F5F5;
  font-size: 16px;
  line-height: 1.3125;
  margin: 0 0 1.75em;
  max-width: 100%;
  overflow: auto;
  padding: 1.75em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
code {  background-color: #F5F5F5;padding: 0.125em 0.25em;}
abbr,
acronym {border-bottom: 1px dotted #F5F5F5;cursor: help;}
mark,
ins {background: #878788;color: #fff;padding: 0.125em 0.25em;text-decoration: none;}
big {font-size: 125%;}

/*::::: 5.0 Forms css :::::::::::::::::::::::::: */
input { line-height: normal;}
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {background: #ffffff;border: 0; padding:2px 18px;
  font-size:24px; transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s; 
  -moz-transition: all 0.6s ease 0s; 
  -ms-transition: all 0.6s ease 0s;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  color: #ffffff;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  outline: thin dotted;
  outline-offset: -4px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
select,
textarea {background: #fff;border:0;  color: #686868; padding: 0.625em 0.4375em;width: 100%;}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {background-color: #fff; border-color: #878788;color: #1a1a1a;outline: 0; }
.post-password-form {margin-bottom: 1.75em;}
.post-password-form label {
  color: #686868;
  display: block;
  letter-spacing: 0.076923077em;
  line-height: 1.6153846154;
  margin-bottom: 1.75em;
}
.post-password-form input[type="password"] {margin-top: 0.4375em;}
.post-password-form > :last-child {margin-bottom: 0;}
.search-form {position: relative; border: 1px solid #cacaca; }
input[type="search"].search-field {border-radius: 2px 0 0 2px;width: -webkit-calc(100% - 42px);width: calc(100% - 42px);}
.search-submit:before { font-family:'FontAwesome';content: "\f002";font-size: 70%;position: relative;width: 40px;color: #fff;}
.search-submit {border-radius: 0 2px 2px 0;bottom: 0;overflow: hidden;padding: 0;position: absolute;right: 0;top: 0;width: 42px;}
form > p > label{ color:inherit; font-weight: normal; margin-bottom: 5px; }
.search-form label{ width: 100%; font-weight: normal; margin: 0; }
 
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

/*::::: Default css :::::::::::::::::::::::::: */
body {
  font-size: 16px;
  font-style: normal;
  line-height: 1.8;
  font-weight: normal;
  background: #DCE4D7;
  color: #404040;
}
a,
a:hover,
a:focus{text-decoration: none;}
img { max-width: 100%; height: auto; }
h1{ font-size: 36px; line-height: 1.45; }
h2{ font-size: 30px; line-height: 1.45; }
h3{ font-size: 28px; line-height: 1.45; margin: 0 0 10px; }
h4{ font-size: 24px; line-height: 1.45; }
h5{ font-size: 18px; line-height: 1.45; margin-bottom: 15px; }
h6{ font-size: 15px; line-height: 1.45; font-weight: 500; }

.theme_layout .site{
  width: 90%;
  margin: 0 auto;
}

/*::::: 5.0 Navigation :::::::::::::::::::::::::: */
.header-top{ background-color: #000; }
.header-top ul{ margin: 0;  padding: 0; }
.header-top li{ display: inline-block; margin-left: 8px; }
.header-top a{  padding: 10px 0; color: #fff;  font-size: 13px; font-weight: 500; display: block;}

@media (min-width: 768px){
  .navbar-nav{ float: right; margin: 6px 0 0; }
  .nav > li > a { padding: 5px 8px; }
  .navbar-default .dropdown-menu .caret{ transform: rotate(-90deg); position: absolute; top: 18px; right: 10px; }
  .dropdown-menu{ position: absolute; margin: 0; padding: 0; min-width: 200px; border: none; border-bottom: 3px solid; border-radius: 0; animation: .3s fadeInUp both; }
  .dropdown-menu .dropdown-menu{ left: 100%; top: 0; }
}
@media (max-width: 767px){
  .navbar-toggle{ margin-right: 0; }
  .dropdown-menu .dropdown-menu{ margin-left: 20px; }
  .navbar-default .dropdown-menu .caret{ position: absolute; top: 18px; right: 10px; }
}
.navbar-header{ display: inline-block; }
@media ( max-width: 767px){
  .navbar-header{
    display: block;
  }
}
.navbar-header .site-title{ font-size: 20px; font-weight: 600; color: #232323; }
.navbar-header .site-description{ font-size: 13px; margin: 0; }
.navbar-default{ background-color: #ffffff; border-color: transparent; padding: 20px 0; }
.navbar-default .navbar-nav > li > a{
  color: #232323;
  font-weight: 600;
  transition: .3s;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .open > a,
.dropdown-menu > .open > a:hover,
.dropdown-menu > .open > a:focus{
  background-color: transparent;
}
.dropdown-menu > li > a{
  font-weight: 600;
  padding: 10px 15px;
  border-bottom: 1px solid rgb(242, 242, 242) !important;
}

.slider{position: relative;width: 100%;overflow: hidden;}
.slider .slide{ margin: 0; padding: 0; }
.slider .slide .slide_thumb{ min-height: 329px; opacity: 0; }
.slider .slide{ background-position: center center; background-size: cover; }
@media only screen and ( min-width: 200px ) and ( max-width:992px ){
  .slider .slide img{ min-height: 329px; }
}
.slider-overlay{
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: left;
  z-index: 2;
  width: 100%;min-height: 260px;padding-top: 5px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-content-area {
  position: absolute;
  width: 55%;
  top: 50%;
  left: 10%;
  right: 10%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.big-title, 
.slider-content{color: #ffffff;}
.big-title{font-size: 3.55em; font-weight: 600; padding-top: 0; margin: 0 0 20px; }
.slider-content{font-size: 1.13em;margin: 0 0 30px;}
.theme-btn{ 
  text-decoration: none;
  position: relative;
  display: inline-block;
  font-size: 16px;
  padding: 10px 20px;
  border: 1px solid;
  border-radius: 25px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  letter-spacing: 1px;
}
.theme-btn:hover,
.theme-btn:focus{
  text-decoration: none;
}
.btn-default{
  color: #242424;
  border-color: #242424;
}
.btn-default:hover,
.btn-default:focus{
  color: #ffffff;
  border-color: #242424;
  background-color: #242424;
}
.btn-primary{
  background-color: transparent;
}
.btn-primary:hover,
.btn-primary:focus{
  color: #ffffff;
}
.btn-success{
  color: #449D44;
  border-color: #449D44;
  background-color: transparent;
}
.btn-success:hover,
.btn-success:focus{
  color: #ffffff;
  border-color: #449D44;
  background-color: #449D44;
}
.btn-info{
  color: #31B0D5;
  border-color: #31B0D5;
  background-color: transparent;
}
.btn-info:hover,
.btn-info:focus{
  color: #ffffff;
  border-color: #31B0D5;
  background-color: #31B0D5;
}
.btn-warning{
  color: #EC971F;
  border-color: #EC971F;
  background-color: transparent;
}
.btn-warning:hover,
.btn-warning:focus{
  color: #ffffff;
  border-color: #EC971F;
  background-color: #EC971F;
}
.btn-danger{
  color: #C9302C;
  border-color: #C9302C;
  background-color: transparent;
}
.btn-danger:hover,
.btn-danger:focus{
  color: #ffffff;
  border-color: #C9302C;
  background-color: #C9302C;
}
.btn-link{
  border: none;
  box-shadow:none;
  color: #242424;
  font-weight: 300;
}
.btn-link:hover,
.btn-link:focus{
  background: none;
  box-shadow:none;
}
.btn-secondary{
  color: #ffffff;
}
.btn-secondary:hover,
.btn-secondary:focus{
  background-color: transparent;
}
.slider-content-area .btn-primary{
  margin-left: 10px;
}
.slide-filter:before, 
.slide-filter:after {display: block;position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;content: "";}
.slide-filter::before {background-color: rgba(0, 0, 0, 0.5);}
.slider .carousel-control{
  width: 50px;
  height: 50px;
  padding: 5px;
  line-height: 50px;
  position: absolute;
  top: 50%;
  opacity: 1;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: none;
  background-color: #ffffff;
  text-shadow: none;
  border-radius: 50%;
}
.slider .carousel-control .fa{font-size: 35px;}
.carousel-indicators li{width: 30px;height: 8px;margin: 5px;border-radius: 0;}
.carousel-indicators .active{width: 30px;height: 10px;margin: 4px;}
.slider .carousel-control:hover,
.slider .carousel-control:focus{
  color: #ffffff;
}
@media ( min-width: 768px ) and ( max-width: 1024px ){
  .big-title{font-size: 42px;}
  .slider-content{font-size: 15px;} 
  .theme-btn{font-size: 16px;padding: 4px 8px;}
  .slider .carousel-control .fa{font-size: 32px;}
}
@media ( max-width: 768px ){
  .slider-content-area{ width: 90%; }
  .big-title{font-size: 28px;}
  .slider-content{font-size: 13px;} 
  .theme-btn{font-size: 14px;padding: 4px 8px;}
  .slider .carousel-control .fa{font-size: 30px;}
  .carousel-indicators{ display: none; }
}
.section_divider{
  display: block;
  width: 100%;
  height: 60px;
  max-height: 60px;
  margin: 0;
  z-index:5;
  bottom:0;
  position:absolute;
  left:0px;
  float:left;
}
.section_divider_parallax > use {
  animation: move-forever4 4s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
@keyframes move-forever4 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}


/*--------Slider Fade Effect-----------*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.sub-header{ 
  color: #fff; 
  background-position: center;
  background-size: cover;
  background-attachment: scroll;
  background-repeat: no-repeat;
  position: relative;
  height: 190px;
}
.sub-header-overlay{ background-color: rgba(0,0,0,.4); height: 100%; font-size: 16px; }
.sub-header-container{ position: relative; top: 50%; transform: translateY(-50%);}
.page_title{ color: #ffffff; font-size: 30px; font-weight: 600; text-shadow: 0 1px 1px #0000008f; }
.header-inner {display: none;}
.page-template-template-page-stretched .site-content{ padding: 0; }

.rellax{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    overflow: hidden;
}
.rellax img {
    opacity: 1;
    position: absolute;
    left: 50%;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
  margin-left: -1px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.sections{ 
  position: relative;
  overflow: hidden;
  padding: 80px 0; 
  background-color: #ffffff; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 0;
}
.section-overlay{ position: relative; padding:80px 0; background-color: rgba(0,0,0,0.7); }
.noneimage-padding{ padding:40px 0; }
.has_section_image{ padding: 0; }
.sections .section-title{ font-size: 26px; font-weight: normal; margin-bottom: 15px;}
.sections .section-title strong{ font-weight: normal; }
.sections .section-description{ font-style: normal; font-weight: 400;}
.sections .section-title{color: #242424;}
.sections .section-description{font-size: 16px;font-weight: 400;font-style: normal;margin-top: 0;margin-bottom: 30px;color: #999999;}
.sections .section-title:before{content: '';display: block;width: 110px;height: 5px;margin-bottom: 10px;}
.text-center .section-title:before{margin: 0 auto 20px;}
.text-right .section-title:before{margin-left: calc(100% - 110px);}
.section-overlay .section-title,
.section-overlay .section-description{color: #ffffff;}

.service-icon{ margin-bottom: 30px; }
.service-icon a{ display: inline-block; width: 80px;  height: 80px;  padding: 23px;  border-radius: 50%; border: 2px solid; transition: .3s; }
.service-icon:hover a,
.service-icon:foucs a{ color:#ffffff; }
.service-icon .fa{ font-size: 2em; }
.service-icon-image{ margin-bottom: 20px; }
.service-post{padding: 30px 0 30px;}
.service-area .service-title,
.service-area .service-title a{color: #404040;font-size: 20px;margin-top: 0;margin-bottom: 15px;}
.service-contents{ font-size: 15px; font-weight: 400;}
.service-button{display: inline-block;font-size: 15px;color: #ffffff;
  padding: 5px 20px;border-radius: 5px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.service-button:hover,
.service-button:focus{ background-color: #404040; color: #ffffff; }

.about-area{ color: #ffffff; }
.about-area .about-content{color: #ffffff;font-style: normal;font-size: 15px;font-weight: 400;}
.about-area h3,
.about-area h3 a,
.about-area blockquote{ color: #ffffff; }
.about-area .btn-secondary { color: #ffffff; }

.video-area{}
.video-area .section-overlay{ padding: 120px 0px; }
.video-area a{ display: inline-block; margin-bottom: 0; }
.video-area span {background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;border: 4px solid #fff;border-radius: 100px;height: 90px;width: 90px;padding: 18px;display: inline-block;}
.video-area span i {color: #fff;font-size: 45px;margin-left: 6px;margin-top: 1px;}
.video-area .video-title{ font-size: 36px; font-weight: 500; color: #ffffff; }


.product-item-area{display: inline-block;position: relative;width: 100%;margin-top: 30px;margin-bottom: 30px;
  background: #fff;border-radius: 6px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.product-image-area{padding: 2px 2px 0px;margin-bottom: 15px;background-color: #ffffff;}
.product-image-area img{border-radius: 2px;
  -webkit-box-shadow: 0 16px 7px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 16px 7px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 7px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.product-item-area:hover .product-image-area img,
.product-item-area:focus .product-image-area img{
  -webkit-box-shadow: 0 16px 25px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 16px 25px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 25px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.product-item-area:hover .product-image-area img,
.product-item-area:focus .product-image-area img{transform: translateY(2%);}
.product-category{margin-top: 30px;}
.product-category h6{text-align: center;}
.product-category h6,
.product-category a{font-weight: 500;text-transform: uppercase;}
.product-content{padding: 4px 15px;}
.product-title a,
.product-title a h3{color: #404040;font-size: 18.2px;font-weight: 500;}
.product-title a h3{margin-top: 0;}
.product-footer{margin-bottom: 30px;}
.product-footer .price h3{text-align: center;font-size: 18.2px;color: #404040;margin-top: 0;}
.start-add-to-cart{text-align: center;}
.start-add-to-cart a{padding:10px 15px;border-radius: 5px;color: #ffffff;
  -webkit-box-shadow: 0 13px 7px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 13px 7px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 13px 7px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.start-add-to-cart a:hover,
.start-add-to-cart a:focus{
  -webkit-box-shadow: 0 16px 7px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 16px 7px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 7px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.team-item-area{margin: 0 0 30px;border-bottom: 3px solid;}
.team_content{ 
  padding: 30px 25px; 
  font-size: 14px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transition: .3s;
}
.team-item-area:hover .team_content{
  opacity: 1;
}
.team-item-area .team-title,
.team-item-area .team-title a{font-size: 22px;font-style: normal;color: #e5cb8e;margin-bottom: 10px;}
.team-item-area span{font-size: 16px; font-weight: 600; display: block;margin-bottom: 5px;}
.team-item-area .team-footer{margin-top: 15px;}
.team-item-area .team-footer ul{padding: 0;list-style: none;}
.team-item-area .team-footer ul li,
.team-item-area .team-footer ul li a{display: inline-block;}
.team-item-area .team-footer ul li{ margin-right: 10px;}
.team-item-area .team-footer ul li .fa{font-size: 18px;}
.team-item-area .team-footer ul li:hover a .fa,
.team-item-area .team-footer ul li:focus a .fa{color: #404040;}


.testimonial-area{background-color: #323232;}
.testimonial-area .section-title,
.testimonial-area .section-description{color: #ffffff;}
.testimonial-item-area{margin: 0 0 30px;border-radius: 6px;overflow: hidden;}
.testimonial-area .testimonial-picture{width: 80px !important; height: 80px !important;float: left;margin-right: 20px;}
.testimonial-item-area .testimonial-picture{ border:3px solid #ccc; box-shadow: 0 1px 4px rgba(0,0,0,0.25), 0 1px 1px rgba(0,0,0,0.22); }
.testimonial-content{padding:25px 0 15px;}
.testimonial-content p{ margin: 0;}
.testimonial-content,
.testimonial-content p{font-size: 16px;font-style: normal;color: #ffffff;}
.testimonial-client-profile{padding:0 15px;}
.testimonial-content p:after{display: inline-block;width:40px;height:40px;line-height:40px;text-align:center;content:'';font-family:'FontAwesome';font-size: 18px;border-radius: 50%;color: #ffffff;box-shadow:1px 1px 1px #666;margin-left: 10px;}
.testimonial-picture{border-radius: 50%;}
.team-title{font-style: normal;font-size: 24px;color: #ffffff;margin-top: 0;margin-bottom: 2px;}
.testimonial-client-profile span{font-style: normal;font-size: 13px;color: #989898;letter-spacing: 1px;}

.newsletter-area{}
.newsletter-content-area{margin: 30px 0;}
.newsletter-content-area input[type="text"]{width: 60%;font-style: normal;background-color: rgba(255, 255, 255, 0.145);color: #cccccc;padding: 12px 15px 12px;border-radius: 2px;border:2px solid rgba(255, 255, 255, 0.14);}
.newsletter-content-area input[type="submit"]{font-style: normal;font-size: 18px;padding: 11px 15px;color: #ffffff;border-radius: 2px;}
.newsletter-content-area input[type="submit"]:hover,
.newsletter-content-area input[type="submit"]:focus{background-color: transparent;}
.form-newsletter{ text-align: center; }


.news-item-area{margin:30px 0 15px;}
.news-area .news-author-thumb{width: 80px;float: left;margin-right: 10px;}
.news-thumbnail{position: relative;overflow:hidden;}
.news-item-area .news-thumbnail img{ transition: transform .2s ease-in-out; max-width: 100%; height: auto; }
.news-item-area:hover .news-thumbnail img{ transform: translateY(-5px); }
.news-thumbnail .news-picture{}
.news-thumbnail .news-overlay{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 100;background-color: rgba(0,0,0,0.185);padding: 20px;}
.news-thumbnail .news-overlay a{padding: 1px 4px; color: #ffffff; font-size: 12px;
    font-weight: 600;
    margin: 0 0px 0;display: inline-block;  transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;

}
.news-thumbnail .news-overlay a:hover,
.news-thumbnail .news-overlay a:focus{background-color: #404040;}

.news-content{ background-color: #ffffff; padding: 20px 0; }
.news-title-link h3 {margin-top: 0;}
.news-title-link, 
.news-title-link h3 {color: #404040;font-size: 18px;font-weight: normal;}
.news-item-area .news-author-thumb{border-radius: 50%;margin-left: 20px; width: auto !important; }
.news-item-area .media-body{font-size: 18px;}
.news-item-area .media-body a{font-style: normal;font-weight: 800;color: #404040;}
.news-item-area .time{display: block;font-size: 13px;font-weight: 600;}

div[role=form]{margin: 30px 0;}
div[role=form] p span{display: block;margin-top: 2px;}
div[role=form] input[type="text"], 
div[role=form] input[type="email"],
div[role=form] textarea{width: 100%;border-radius: 3px;border: 1px solid #ececec;}
div[role=form] textarea{min-height: 120px;}

input[type="submit"]{
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  border-radius: 3px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  padding: 10px 15px;
  color: #ffffff;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
  -webkit-animation: bm_pulse 1s;
  animation: bm_pulse 1s;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
@-webkit-keyframes bm_pulse {
  0% {    box-shadow: 0 0 0 0 var(--hover);  }
}
@keyframes bm_pulse {
  0% {    box-shadow: 0 0 0 0 var(--hover);  }
}
input[type="submit"] {  --color: #FFFFFF; }

.contact-area{ color:#ffffff; }
.contact-area h1,
.contact-area h2,
.contact-area h3,
.contact-area h4,
.contact-area h5,
.contact-area h6{ color:#ffffff; }
.contact-area h3{ margin-top: 25%; }
.contact-area .wpcf7{
  background: #ffffff;
  padding: 30px 30px;
  border-radius: 10px;
}
.contact-area .contact-section-header{
  text-align: center;
  padding: 8px 0;
  margin-bottom: 25px;
  border-radius: 40px;
}
.contact-area .contact-section-header h3{
  font-size: 20px;
  margin: 0;
}
.contact-area .wpcf7 p{
  margin-bottom: 2px;
}
.contact-area .wpcf7 label{
  width: 100%;
    color: #404040;
}
.contact-area .wpcf7 input[type="submit"]{
  width: 100%;
}
.div.wpcf7-response-output{
  margin: 0;
}
.wpcf7-validation-errors{
  color: red;
  font-size: 13px;
}
.contact-area .wpcf7 p:nth-child(3),
.contact-area .wpcf7 p:nth-child(4){
  width: 49%;
    display: inline-block;
}

.callout-area{ background-color: #232323; }
.callout-area-inner{ padding: 60px 30px; }
.callout-title{ margin: 0; font-size: 26px; font-weight: normal; color: #ffffff;margin: 0 0 30px; }
.callout-link{font-style: normal;font-weight: 400;padding: 2px 15px;font-size: 18px;border-radius: 4px;display: inline-block;}
.callout-link:hover,
.callout-link:focus{color: #ffffff;}
@media (max-width: 768px){
  .callout-link{margin-top: 20px;}
}


.client-area{}
.client-image-area{ margin: 20px 0; border: 1px solid #ebebeb; }
.client-image-area img{ width: auto; max-width: 100%; margin: auto; }

@keyframes circle-chart-fill { to { stroke-dasharray: 0 100; } }
.skill-area{}
.skill-area-item{ margin: 40px 0; }
.skill-area-item .circle-chart__circle {animation: circle-chart-fill 2s reverse;transform: rotate(-90deg);transform-origin: center;}
.skill-round{position: relative; }
.skill-num{position: absolute;font-size:30px;color: #464646;z-index: 10;top: 50%;display: block;transform: translateY(-50%);width: 100%;}
.skill-title{ color: #a0a0a0; font-size: 22px; font-weight: normal; }

@media ( min-width: 768px ){
  .pricing-area .vertical-align { display: flex;align-items: center;}
}
.pricing-item-area{background-color: rgba(255, 255, 255, 0.92); margin: 20px 0;
  -webkit-box-shadow: 0 7px 15px 10px rgba(0, 0, 0, 0.03), 0 -1px 26px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 7px 15px 10px rgba(0, 0, 0, 0.03), 0 -1px 26px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 7px 15px 10px rgba(0, 0, 0, 0.03), 0 -1px 26px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.pricing-item-area .pricing-header{position: relative;}
.pricing-item-area .pricing-header .pricing-title{color: #ffffff;margin: 17px 0;display: inline-block;font-style: normal;font-weight: 400;}
.pricing-tag{color: #ffffff;background-color: #3c443c;position: absolute;left: 14px;bottom: 50px;padding: 2px 40px;box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.58);}
.pricing-features{padding: 20px 20px 50px;}
.pricing-item-area.active .pricing-features{padding: 25px 20px 50px;}
.pricing-features .item-price{font-size: 56px;font-weight: 600;color: #404040;}
.pricing-features .item-time{display: block;font-weight: 600;color: #5a5a5a;letter-spacing: 1px;}
.pricing-features .pricing-icon{display: block;font-size: 46px;}
.pricing-features ul{list-style: none;padding: 0;margin-bottom: 30px;}
.pricing-features ul li{padding: 4px 0;}
.pricing-green,
.pricing-red{font-size: 22px;margin-right: 5px;}
.pricing-green{ color: green; }
.pricing-red{ color: red; }
.pricing-features .pricing-button{
  display: inline-block;border: 1px solid #d4d4d4;padding: 4px 15px;color: #242424;
  font-size: 16px;border-radius: 2px;
  -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
}
.pricing-features .pricing-button:hover,
.pricing-features .pricing-button:focus,
.pricing-item-area.active .pricing-features .pricing-button{color: #ffffff;
  -webkit-box-shadow: 0 7px 15px 10px rgba(0, 0, 0, 0.03), 0 -1px 26px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 7px 15px 10px rgba(0, 0, 0, 0.03), 0 -1px 26px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 7px 15px 10px rgba(0, 0, 0, 0.03), 0 -1px 26px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}


.portfolio-area{}
.portfolio-tabs{text-align: center;}
.portfolio-tabs ul{padding: 0 15px;margin: 0 0 40px;  list-style: none;display: inline-block;border-bottom: none;}
.portfolio-tabs ul li{display: inline;}
.portfolio-tabs ul li a{    
  background-color: #ffffff;
  display: inline-block;
  border-radius: 4px;
  box-shadow: none;
  border: 1px solid;
  margin-right: 10px;
  cursor: pointer;
  padding: 6px 10px;
}
.portfolio-tabs ul li.active a{border-radius: 4px;}
.portfolio-tabs ul li a:hover,
.portfolio-tabs ul li a:focus{background-color: transparent;}
.portfolio-tabs ul li.active a,
.portfolio-tabs ul li.active a:hover,
.portfolio-tabs ul li.active a:focus{color: #ffffff;}
.portfolio-item-area{margin: 15px 0 15px;}
.portfolio-item-area [class*=" imghvr-shutter-out-"]:before, 
.portfolio-item-area [class^=imghvr-shutter-out-]:before,
.portfolio-item-area [class*=" imghvr-"] figcaption, 
.portfolio-item-area [class^=imghvr-] figcaption{background-color: rgba(0,0,0, 0.5);text-align: center;}
.portfolio-item-area [class*=" imghvr-"] a, 
.portfolio-item-area [class^=imghvr-] a{position: relative;top: 50%;transform: translateY(-50%);display: inline-block;}
.portfolio-item-area [class^=imghvr-] a:first-child{margin-right: 5px;}
.portfolio-item-area span{padding: 15px;border-radius: 4px;}
.portfolio-item-area span i{font-size: 18px;color: #ffffff;}
.portfolio-area .widget:first-child{ margin-top: 38px; }

.social-area{background-color: #fbff0c;}
.social-area .social-links{text-align: center;margin: 30px 0;}
.social-area .social-links ul{margin: 0;padding: 0;list-style: none;}
.social-area .social-links ul li{display: inline-block; margin: 0px 5px;}
.social-area .social-links ul li a{ display: block;font-size: 23px;line-height: inherit;color: #545454;width: 45px;height: 45px;padding: 2px;border-radius: 50%;background-color: rgba(255,255,255,.2);border: 1px solid rgba(255,255,255,.2);}
.social-area .social-links ul .Facebook a{border:1px solid #2B3990;color: #2B3990;}
.social-area .social-links ul .Facebook a:hover,
.social-area .social-links ul .Facebook a:focus{background-color: #2B3990;}
.social-area .social-links ul .Twitter a{border:1px solid #26AAE1;color: #26AAE1;}
.social-area .social-links ul .Twitter a:hover,
.social-area .social-links ul .Twitter a:focus{background-color: #26AAE1;}
.social-area .social-links ul .Google-Plus a{border:1px solid #CF4C3C;color: #CF4C3C;}
.social-area .social-links ul .Google-Plus a:hover,
.social-area .social-links ul .Google-Plus a:focus{background-color: #CF4C3C;}
.social-area .social-links ul .Linked-In a{border:1px solid #1B74BB;color: #1B74BB;}
.social-area .social-links ul .Linked-In a:hover,
.social-area .social-links ul .Linked-In a:focus{background-color: #1B74BB;}
.social-area .social-links ul .Youtube a{border:1px solid #EC1B23;color: #EC1B23;}
.social-area .social-links ul .Youtube a:hover,
.social-area .social-links ul .Youtube a:focus{background-color: #EC1B23;}
.social-area .social-links ul .Instagram a{border:1px solid #DA51C3;color: #DA51C3;}
.social-area .social-links ul .Instagram a:hover,
.social-area .social-links ul .Instagram a:focus{background-color: #DA51C3;}
.social-area .social-links ul .Pintrest a{border:1px solid #F11D1D;color: #F11D1D;}
.social-area .social-links ul .Pintrest a:hover,
.social-area .social-links ul .Pintrest a:focus{background-color: #F11D1D;}
.social-area .social-links ul .Github a{border:1px solid #1B74BB;color: #1B74BB;}
.social-area .social-links ul .Github a:hover,
.social-area .social-links ul .Github a:focus{background-color: #1B74BB;}
.social-area .social-links ul li a:hover,
.social-area .social-links ul li a:focus{color: #ffffff;}

.contact-map{ background-color: #ffffff; }
.contactpage-info{ background-color: #ffffff; }

.site-content .widget {}
.site-content .widget .footer-post{}
.widget { margin-bottom: 30px;font-size: 15px;font-style: normal; }
.widget .widget-title{font-size: 22px;font-weight: 600;margin: 0 0 20px;padding: 8px 15px;background-color: #353535;color: #fff;border-left: 5px solid;}

.widget .search-form label{ margin: 0; font-weight: normal; width: 100%; }
.widget .search-submit{ color: #ffffff; margin: 1px; }
.widget ul{margin:0;padding:0;list-style: none;}
.widget ul li{margin-bottom: 1px;}
.widget ul li a{color: #404040;padding: 4px 8px; word-wrap:break-word;}
.widget ul li ul{margin-left: 20px;}
.widget ul li:before{content: "\f192";font-family: 'FontAwesome';display: inline-block;}
.widget .tagcloud a{ color: #ffffff; padding:5px 10px; font-size: 15px !important; display: inline-block; margin-bottom: 5px; border-radius: 2px; }
.widget .tagcloud a:hover,
.widget .tagcloud a:focus{ background-color: #2b2b2b; }
.site-content .widget .footer_post_title{ color: #404040; }

.footer{ position: relative; }
.footer-widget-area{background-color: #171717;font-style: normal;font-weight: 400;color: #ececec;padding: 80px 0;}
.footer .widget .widget-title{ color: #ffffff; font-weight: 500; border: none; padding: 0; background: none; }
.footer .widget ul li a{ color: #ececec; }

.footer-post-area{}
.footer-post{ margin-bottom: 10px; }
.footer-post .media-left{ float: left; }
.footer-post .media-left img{ max-width: 80px; border-radius: 50%; border: 3px solid rgba(204, 204, 204, 0.3); transition: .3s; }
.footer-post .footer_post_title{ color: #ececec; }
.footer-post .footer_post_title{ margin-top:0; font-size: 15px; }
.footer-post-area .footer-post-time{ font-size: 14px; }
.footer-post-area:hover img{ -webkit-transform: rotate(360deg); }

.footer-contact-info{}
.footer-contact-info address{}
.footer-contact-info span{ font-size: 18px; margin-right: 10px; display: inline-block; }
.footer-contact-info span .fa{ font-size: 22px; }

.footer-site-info{background-color: #0B0B0B;padding: 25px 0;}
.copyright-contents{margin: 0;font-size: 13px;font-weight: 400;color: #ececec;}
.copyright-contents a:hover,
.copyright-contents a:focus{text-decoration: none;}

.scroll_top{width: 50px;height: 50px;display: inline-block;color: #ffffff;position: fixed;bottom: 20px;right: 30px; border-radius: 50%; transition: all .6s ease-in-out;}
.scroll_top:hover,
.scroll_top:focus{ color: #ffffff; }
.scroll_top .fa{ font-size: 30px; display: inline-block;  margin: 10px; }

.contactpage-info, .contact-map{ position: relative; }
.contactpage-info .contact-map-inner{ background-color: #ffffff; padding: 80px 40px 0; margin-top: -70px; margin-bottom: 30px; border-radius: 10px; }
.contactpage-info h3{ color: inherit; }
@media ( max-width : 1024px ){
  .contactpage-info .contact-map-inner{ padding: 40px 50px 0; }
}
@media ( max-width : 1024px ){
  .contactpage-info .contact-map-inner{ padding: 20px 30px 0; }
}


.site-content{ padding: 60px 0; position: relative; background-color: #ffffff;}
.site-content .blog .post_thumbnail{ margin-bottom: 20px; }
.site-content .blog{ margin-bottom: 50px; border-bottom: 1px solid #f3f3f3; }
.site-content .blog:last-child{ margin:0; border-bottom: none; }
.site-content .blog .post_content{ background-color: #ffffff; padding: 20px 0; }
.site-content .blog a{ color: inherit;}
.site-content .blog .media-left{ float: left; width: 100%; margin-bottom: 30px; }
.site-content .blog .entry-title, 
.site-content .blog .entry-title h2{ font-size: 25px;font-weight:normal; margin-top: 0; }
.site-content .blog .entry-meta{ margin-bottom: 10px; }
.site-content .blog .tags,
.site-content .blog .post_author{ margin-right:10px; }
.site-content .blog .fa{ margin-right: 4px; }
.site-content .blog .tags a{ font-size: 12px; color: #ffffff; padding: 2px 8px; border-radius: 2px; margin-right: 5px; }
.site-content .blog .tags a:hover,
.site-content .blog .tags a:focus{ color: #ffffff; }
.site-content .blog .more-link{ 
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  padding: 6px 10px;
  border-radius: 4px;
  display: block;
  width: 130px;
  text-align: center;
  margin-top: 15px;
  transition: all .6s ease-in-out;
 }
.site-content .blog .more-link:hover,
.site-content .blog .more-link:focus{ color: #ffffff; background-color: #181818; }
.site-content .blog .post_thumbnail{ margin-bottom: 20px; }
.site-content .blog .entry-content p:last-child{ margin: 0; }

.author_detail{ margin: 20px 0; background-color: #fdfdfd; padding: 20px; }
.author_detail .media-left{ float:left; width: 90px; margin-right:15px; }
.author_detail .media-left img{ border-radius: 50%; }
.author_detail .author_title, 
.author_detail .author_title h4{ margin-top:0; font-weight: 600; }
.author_detail .social-links{ }
.author_detail .social-links ul{ margin:0; padding:0; list-style: none; }
.author_detail .social-links li{ font-size: 20px; margin-right: 12px; display:inline-block; }
.author_detail .social-links .Facebook a{ color:#2B3990; }
.author_detail .social-links .Twitter a{ color:#26AAE1; }
.author_detail .social-links .Google-Plus a{ color:#CF4C3C; }
.author_detail .social-links .Linked-In a{ color:#1B74BB; }
.author_detail .social-links .Youtube a{ color:#EC1B23; }

#comments {
  clear: both;
  padding: 10px 20px;
    background-color: #fdfdfd;
}
.comments-title {
  font-size: 20px;
  margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
  list-style: none;
  margin: 0;
  padding: 0;
}
.comment-list li:before {
  display: none;
}
.comment-body {
  margin-left: 65px;
}
.comment-author {
  font-size: 16px;
  margin-bottom: 0.4em;
  position: relative;
  z-index: 2;
}
.comment-author .avatar {
  height: 50px;
  left: -65px;
  position: absolute;
  width: 50px;
}
.comment-author .says {
  display: none;
}
.comment-meta {
  margin-bottom: 1.5em;
}
.comment-metadata {
  color: #767676;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.comment-metadata a {
  color: #767676;
}
.comment-metadata a.comment-edit-link {
  color: #222;
  margin-left: 1em;
}
.comment-body {
  color: #333;
  font-size: 14px;
  margin-bottom: 4em;
}
.comment-reply-link {
  font-weight: 600;
  position: relative;
}
.comment-reply-link .icon {
  color: #222;
  left: -2em;
  height: 1em;
  position: absolute;
  top: 0;
  width: 1em;
}
.children .comment-author .avatar {
  height: 30px;
  left: -45px;
  width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
  border: 1px solid #333;
  padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
  color: #767676;
  font-size: 14px;
  font-style: italic;
}
.comments-pagination {
  margin: 2em 0 3em;
}
.comments-area input[type="text"], 
.comments-area input[type="email"], 
.comments-area input[type="url"], 
.comments-area input[type="password"], 
.comments-area input[type="search"], 
.comments-area input[type="tel"], 
.comments-area input[type="number"], 
.comments-area select, 
.comments-area textarea {
    background: #f9f9f9;
    border: 0;
    color: #686868;
    padding: 0.625em 0.4375em;
    width: 100%;
    border: 1px solid #dadada;
}
.form-submit {
  text-align: right;
}

.page-header{
  padding-bottom: 9px;
    margin: 0 0 20px;
}
.page-title{
  margin: 0 0 0.37em;
}

.page_404{ padding: 90px 0; background-color: #ffffff; }
.error_title{ font-size: 180px; font-weight: 700; color: #ff0000; }
.error_subtitle{ font-size: 30px; font-weight: 600; }
.error_desc{ font-size: 20px; }

/* paginations */
.pagination{
  width: 100%;
}
.pagination .nav-links {
    position: relative;
}
.pagination .page-numbers {
    display: inline-block;
}
.pagination .page-numbers {
  background-color: #2b2b2b;
  width: 40px;
  height: 40px;
  padding: 8px;
    color: #ffffff;
  text-align: center;
  border-radius: 2px;
}

.post-navigation{
  background-color: #fdfdfd;
  padding: 20px 25px;
  margin: 20px 0 0;
}
.post-navigation .nav-previous,
.post-navigation .nav-next{
  width: 50%;
}
.post-navigation .nav-previous{
  float: left;
}
.post-navigation .nav-next{
  float: right;
  text-align: right;
}
.post-navigation .nav-links:after{
  content:'';
  display: block;
  clear: both;
}

/* media contents */
img,
video {
  height: auto;
  max-width: 100%;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

embed,
iframe,
object {
  margin-bottom: 1.5em;
  max-width: 100%;
}

p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
  margin-bottom: 0;
}

.wp-caption,
.gallery-caption {
  color: #666;
  font-size: 14px;
  font-style: italic;
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

/* Media Elements */

.mejs-container {
  margin-bottom: 1.5em;
  width:100% !important;
  width:auto !important;
}

/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
  background: transparent;
  border: 0;
}

/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
  border-color: #eee;
  color: #222;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
  color: #333;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
  color: #767676;
}

.site-content .wp-playlist-light .wp-playlist-item {
  border-bottom: 1px dotted #eee;
  -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
  border-bottom-color: rgba(0, 0, 0, 0);
  background-color: #767676;
  color: #fff;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
  color: #fff;
}

/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
  background: #222;
  border-color: #333;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {
  background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-caption {
  color: #fff;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
  color: #eee;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
  color: #aaa;
}

.site-content .wp-playlist-dark .wp-playlist-playing {
  background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-item {
  border-bottom: 1px dotted #555;
  -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
  border-bottom-color: rgba(0, 0, 0, 0);
  background-color: #aaa;
  color: #222;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
  color: #222;
}

/* Playlist Style Overrides */

.site-content .wp-playlist {
  padding: 0.625em 0.625em 0.3125em;
}

.site-content .wp-playlist-current-item .wp-playlist-item-title {
  font-weight: 700;
}

.site-content .wp-playlist-current-item .wp-playlist-item-album {
  font-style: normal;
}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 800;
  letter-spacing: 0.1818em;
  text-transform: uppercase;
}

.site-content .wp-playlist-item {
  padding: 0 0.3125em;
  cursor: pointer;
}

.site-content .wp-playlist-item:last-of-type {
  border-bottom: none;
}

.site-content .wp-playlist-item a {
  padding: 0.3125em 0;
  border-bottom: none;
}

.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
}

.site-content .wp-playlist-item-length {
  top: 5px;
}

.site-content > article {
    margin-bottom: 5.0em;
}

/* SVG Icons base styles */

.icon {
  display: inline-block;
  fill: currentColor;
  height: 1em;
  position: relative;
  top: -0.0625em;
  vertical-align: middle;
  width: 1em;
}

/* Galleries */

.gallery {
  margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
  display: inline-block;
  max-width: 33.33%;
  padding: 0 1.1400652% 0;
  margin: 1.1400652% 0;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-1 .gallery-item {
  max-width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-icon img {
  margin: 0 auto;
}

.gallery-caption {
  color: #686868;
  display: block;
  font-size: 13px;
  font-style: italic;
  line-height: 1.6153846154;
  padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

@media ( min-width: 1024px ){
  
}

@media ( max-width: 1345px ){
  .theme_layout .site{
    width: 100%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 600px){
  #wpadminbar {  position: fixed; }
}